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 27.7k 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.
    • UDb23U
      UDb23 @FlyingTomahawk
      last edited by

      @FlyingTomahawk Really well done! Also steps you made seem right to me too.
      Btw there's never a perfect standard approach and, depending on the actual original image, there may be multiple options on how to process it.
      In this specific case you could also 'fill' the internal part of the text with a single colour in Photoshop (replacing the gradient). Then, without splitting the image, you can trace it in inkscape and get poligons for each colour. Then you reapply the gradient. Important is that colour stand out from each other so tracing can easily recognise them.

      Note: I did not yet create the data east and sonic icons in vector.

      lilbudL 1 Reply Last reply Reply Quote 1
      • obsidianspiderO
        obsidianspider
        last edited by

        This was excellent! Thanks!

        📷 @obsidianspider

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

          @UDb23 Maybe this is just my computer, but does Inkscape take forever to start up on your computer too?

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

          Backlog: http://backloggery.com/lilbud

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

            @lilbud

            Mine does take some time to start up.

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

              Mine will take upwards of a few minutes to start.

              AND WHY CAN'T INKSCAPE HAVE TABS LIKE ILLUSTRATOR?

              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
                last edited by

                Funny just started Inkscape at the office and it started instantly. confused
                At home I work on a 15 inch notebook at the office on a desktop. Could it be a spec issue?

                Regarding the tabs, I guess there must be some cons in comparison to Illustrator. Illustrator isn't free unless you download the CS2 version which is free but very old.

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

                  Found this

                  https://sourceforge.net/projects/inkscape-pages/

                  not sure it's what you meant.

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

                    @lilbud No particular start up time with inkscape both on win 10 and ( old) MacBook air. First time you launch it, it takes slightly longer as it has to create font cache. Do you have many fonts installed ?
                    What do you mean with tab support ? When I work with multiple files I open multiple inkscape sessions.

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

                      @FlyingTomahawk Surely Illustrator is way more powerful ( being the reference and leading commercial software). Btw it sounds strange to me when you say cs2 is free. Where did you find this?

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

                        @UDb23 said in Tutorial: create Vector logo from bitmap:

                        Btw it sounds strange to me when you say cs2 is free. Where did you find this?

                        Yeah, I felt the same at first but it is an official Adobe page. You can get all the CS2 stuff for free, they just don't offer any updates and support for it anymore.

                        Go to this page and click on CS2
                        Now you should be presented with a username and psw login page
                        Create an Adobe account or if you have one already just login
                        At the next page (Read before you download a CS2 product ) tick the checkbox where it says "I accept"
                        Now scroll down and click on the language of your choice to open the links to all the CS2 products with their serial numbers.
                        Download the Software you need.

                        Done!
                        I could just post the direct links with serial numbers for English windows version if this forum allows it then you wouldn't need to do all the above steps.

                        UDb23U 1 Reply Last reply Reply Quote 1
                        • lilbudL
                          lilbud @UDb23
                          last edited by

                          @UDb23 like the tabs in Photoshop, working with multiple svg files in the same window.

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

                          Backlog: http://backloggery.com/lilbud

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

                            @FlyingTomahawk Sounds really interesting, thanks ! As long time user of Lightroom and PSE I have already an Adobe account. Will try asap.
                            I'm happy with Inkscape for the functions I need but Illustrator could become useful to open some nasty .AI files that Inkscape can't.

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

                              @UDb23

                              This is the Psikyo logo that I will be using in my Retropie menu.
                              (screenshot only)

                              alt text

                              What is the difference between "inkscape svg"(16.2kb) and "plain svg"(14.9kb)?
                              And do you know a way to share these svg files? A upload/download site?

                              lilbudL UDb23U 2 Replies Last reply Reply Quote 1
                              • 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
                                            • 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.