RetroPie forum home
    • Recent
    • Tags
    • Popular
    • Home
    • Docs
    • Register
    • Login

    Tutorial: create Vector logo from bitmap

    Scheduled Pinned Locked Moved Projects and Themes
    vectorbitmapinkscapeemulation statsvg
    50 Posts 8 Posters 29.3k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • lilbudL
      lilbud @FlyingTomahawk
      last edited by

      @FlyingTomahawk inkscape svgs don't work on retropie, believe me. I did that for the first version of the material theme. Had to redo over 60 svg files and save them the proper way.

      Creator of the Radiocade: https://retropie.org.uk/forum/topic/6077/radiocade

      Backlog: http://backloggery.com/lilbud

      S 1 Reply Last reply Reply Quote 1
      • UDb23U
        UDb23 @FlyingTomahawk
        last edited by

        @FlyingTomahawk Nice logo !
        Quoting Inkscapes's website:
        "Inkscape prides itself on being a fully standard-compliant SVG editor. As of March 2015, it even supports rendering of SVG properties which are not yet officially part of the standard, but have reached a stable state in the SVG Working Group's draft for SVG 2.0. Those include hatched patterns, the fill/stroke painting order and CSS blending modes."
        I suppose that's the difference in SVG formats you're referring to.

        For sharing I use Mega: it's free and you can upload single files or folders. You could also use github.

        FlyingTomahawkF 1 Reply Last reply Reply Quote 1
        • S
          ShotGlass @lilbud
          last edited by

          @lilbud what software did you use to save SVG for Retropie compliance?

          lilbudL 1 Reply Last reply Reply Quote 0
          • lilbudL
            lilbud @ShotGlass
            last edited by

            @ShotGlass inkscape, I tried to use illustrator but my computer ran is slow as all hell

            Creator of the Radiocade: https://retropie.org.uk/forum/topic/6077/radiocade

            Backlog: http://backloggery.com/lilbud

            1 Reply Last reply Reply Quote 0
            • FlyingTomahawkF
              FlyingTomahawk @UDb23
              last edited by FlyingTomahawk

              @UDb23

              ...and two more done. Slow by slow I'm getting the hang of it. Especially with all those node types. (F2)

              alt text

              alt text

              UDb23U 1 Reply Last reply Reply Quote 2
              • UDb23U
                UDb23 @FlyingTomahawk
                last edited by

                @FlyingTomahawk Great job. Do you plan a cloud space or link to share these?

                FlyingTomahawkF 2 Replies Last reply Reply Quote 0
                • FlyingTomahawkF
                  FlyingTomahawk @UDb23
                  last edited by FlyingTomahawk

                  @UDb23

                  Thanks.
                  I will add them to my theme as alternative logos or as separate systems like I did with the Psikyo logo. Not sure yet. Then people could download them with my theme or I should look into this cloud stuff or mega download stuff.

                  1 Reply Last reply Reply Quote 0
                  • FlyingTomahawkF
                    FlyingTomahawk @UDb23
                    last edited by

                    @UDb23

                    lol can't stop.... more done.

                    alt text

                    alt text

                    alt text

                    UDb23U 1 Reply Last reply Reply Quote 2
                    • UDb23U
                      UDb23 @FlyingTomahawk
                      last edited by

                      @FlyingTomahawk So you too found out it's fun, and the more the original is complex to recreate the more satisfaction in being able to make it in SVG. Well done !!
                      ... have same really rare bezels in the works ... hard to find good quality source images..
                      And I haven't forgotten the DATA EAST logo... it's coming ;-)

                      FlyingTomahawkF 2 Replies Last reply Reply Quote 1
                      • FlyingTomahawkF
                        FlyingTomahawk @UDb23
                        last edited by FlyingTomahawk

                        @UDb23

                        It's super fun to do. Especially adding/removing/pulling the nodes.
                        I must admit the MegaDrive stuff was very easy since I have the MegaDrive font. Even the red/green logo can be typed.

                        alt text

                        UDb23U 1 Reply Last reply Reply Quote 0
                        • UDb23U
                          UDb23 @FlyingTomahawk
                          last edited by

                          @FlyingTomahawk Interesting, is it a free Truetype (ttf) font ?

                          FlyingTomahawkF 1 Reply Last reply Reply Quote 0
                          • FlyingTomahawkF
                            FlyingTomahawk @UDb23
                            last edited by FlyingTomahawk

                            @UDb23

                            True type yes, free.... no there are certain conditions that need to be met to get it. Difficult to explain. Find my email address in my profile and send me any message.
                            There are 3 game fonts that are hard to get.

                            1. Famicom font
                            2. Famicom Japanese letters font
                            3. MegaDrive Japanese version font (the one above)
                            1 Reply Last reply Reply Quote 1
                            • FlyingTomahawkF
                              FlyingTomahawk
                              last edited by FlyingTomahawk

                              So finally got around to setup a cloud account.

                              https://retropie.org.uk/forum/topic/8555/custom-svg-logos

                              1 Reply Last reply Reply Quote 1
                              • G
                                groviar
                                last edited by groviar

                                Great. So all I need to do now is copy the new logos into the respective carbon-custom theme art folders, correct? Looking inside the art folders, I see:

                                famicom:
                                controller.svg
                                system.svg
                                system2.svg

                                superfamicom:
                                controller.svg
                                system.svg

                                Do I rename your famicom.svg and superfamicom.svg logos to one of those above filenames and replace them, or do I just drop them is as named? Which filename is actually the logo? Am I correct in thinking that I rename your files to "system.svg" and replace the current files? If so, what about the "system2.svg" file in the famicom folder - do I just leave that one alone and just replace the "system.svg" file?

                                FlyingTomahawkF 1 Reply Last reply Reply Quote 0
                                • FlyingTomahawkF
                                  FlyingTomahawk @groviar
                                  last edited by

                                  @groviar

                                  I am fixing the MD logos so I will release a improved version of it soon.

                                  Yeah, just rename them to system.svg
                                  Delete the system2.svg if not needed.

                                  1 Reply Last reply Reply Quote 0
                                  • FlyingTomahawkF
                                    FlyingTomahawk
                                    last edited by FlyingTomahawk

                                    You will have trouble with the superfamicom logo on a dark background like carbon.
                                    I can adjust that for you. What color do you want for the text instead? Red? Light grey? Other color?

                                    1 Reply Last reply Reply Quote 0
                                    • G
                                      groviar
                                      last edited by groviar

                                      Ahh, yeah I see the black text would definitely be an issue just looking at the screenshot.

                                      Well, I guess red would be great, since the famicom logo is already red, and there's some red in the superfamicom logo already. Actually, yellow might work out well also, to match the yellow in the logo. Use your best judgement I guess - red or yellow would be fine.

                                      How can I tell what the "system2.svg" is in the famicom folder, and if it's needed? Would it hurt to leave it in there - would it interfere with your custom logo?

                                      FlyingTomahawkF 1 Reply Last reply Reply Quote 0
                                      • FlyingTomahawkF
                                        FlyingTomahawk @groviar
                                        last edited by FlyingTomahawk

                                        @groviar

                                        New package uploaded. Take your pick. ;-)

                                        https://retropie.org.uk/forum/topic/8555/custom-svg-logos

                                        1 Reply Last reply Reply Quote 0
                                        • G
                                          groviar
                                          last edited by

                                          Got it! Thanks!

                                          1 Reply Last reply Reply Quote 0
                                          • FlyingTomahawkF
                                            FlyingTomahawk @UDb23
                                            last edited by

                                            @UDb23

                                            Just send me an e-mail regarding the font.

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Contributions to the project are always appreciated, so if you would like to support us with a donation you can do so here.

                                            Hosting provided by Mythic-Beasts. See the Hosting Information page for more information.