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

[ES Theme] Just Some Logos for Auto- / Custom-Collections

Scheduled Pinned Locked Moved Projects and Themes
artworkcollectionsemulationstatiosvgtheme image
10 Posts 4 Posters 3.8k 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.
  • L
    Lolonois
    last edited by Lolonois 7 Feb 2021, 17:16

    I recently brushed up some logos for Emulationstation and created some others for custom collections.
    Feel free to use them in on personal use basis, no commercial use. Respect the Creative Commons License (CC BY-NC-SA 4.0).
    The images are geared to Carbon theme (i.e. system view on bright background, detail view on black background), but should be usable in other themes too.
    If you want to modify them, you are welcome. I added the font names in the README of each logo.

    The whole SVG set is available here,
    Update 2021-03-28: Obviously my files and others have been burnt up in flames as tinyupload was hosted at OVH. For those stumbling accross this post pls use the new download link for the SVG files (SHA256 of 7z archive: bb870f7efee85daf29105de887dd7d3a142a45e129b4f5215889169b61a74543).
    Update 2023-08-28: Meh. Anonfiles is down. Pls use SaberCat to access the files. SHA256SUM: f77b02b24387696658d5a457a4afd7032de59d0b5f0343cd84ac9b450ea51bb8

    Below are some preview images:

    Collections (system and detail view are using the same):
    A more RetroPie'ish version than the defaul one.
    collections--raspberry-controllerbuttons.svg.png

    Auto "Last Played", two variants (system and detail view are using the same):
    A retro style for your retro games ;-), or in a modern flavor (after I finished the second, I recognized the font is similar to R-Type).

    last-played--classy--system-view.svg.png

    last-played--vibrant--system-view.svg.png

    Auto "Favorites" (system and detail different to fill the bounding box):
    Hey, your favorites. All time 5+ stars.

    favorites--deep-red-translucent-stars.svg.png

    Auto "All Games" (system and detail different to fill the bounding box):
    After all efforts of compiling your rom set, I guess the logo should reflect that.

    Systemview
    allgames-award--system-view.svg.png

    Detailview
    allgames-award--detail-view.svg.png

    Custom "1001 Video Games ..." (system and detail different to fill the bounding box):
    Inspired by the book "1001 Video Games you have to play before you die".

    Systemview
    1001videogames--system-view.svg.png

    Detailview
    1001videogames--detail-view.svg.png

    Custom Adventures (system and detail slightly different to fill the bounding box):
    For your point-and-click, interactive fiction, Sierra adventures, aso.

    Systemview
    custom-adventures--system.svg.png

    Detailview
    custom-adventures--detail.svg.png

    Enjoy.

    FWIW, how to use custom images in Emulationstation? In a nutshell:

    1. Let custom-<name>.cfg be the filename of your custom collection (either edited manually via ES or put by other means at /home/pi/.emulationstation/collections/.
    2. Make a copy of a platform (e.g. snes/) folder, and rename it to <name>/ in your /home/pi/.emulationstation/themes/<themename>
    3. Put any artwork files below <name>/art/ folder
    4. Edit the <name>/theme.xml to point to your artwork files in system-/ detail- / ... view.
    5. Edit /home/pi/.emulationstation/es_settings.cfg, set <bool name="UseCustomCollectionsSystem" value="true" />
    6. In Emulationstation -> Collections Menu -> Select Custom Collections -> Enable checkbox of collection <name>
    7. Done.
    Z H 2 Replies Last reply 8 Feb 2021, 00:48 Reply Quote 8
    • Z
      Zenjiro @Lolonois
      last edited by 8 Feb 2021, 00:48

      @lolonois Thank you for this resource.

      1 Reply Last reply Reply Quote 0
      • H
        h2805270 @Lolonois
        last edited by h2805270 2 Aug 2021, 09:10 8 Feb 2021, 09:09

        @lolonois
        Can you make a favorites with a "u" in there (favourites)?

        It's just for us non-U.S. English types. But I think I'm asking for too much.

        L 1 Reply Last reply 11 Feb 2021, 19:14 Reply Quote 0
        • L
          Lolonois @h2805270
          last edited by 11 Feb 2021, 19:14

          @h2805270 I could, but you could do so too. Here's how:

          Get a copy of the Nexa Rust Sans Black, get a copy of Inkscape.
          Install the font, install Inkscape.
          Download this version of the favorites logo, it hat the text element as text and not as path. This saves your a few steps in Inkscape. For ES the text has to be converted to a path, but I will get to it in a minute.

          1. Open the SVG in Inkscape and open the logo you just downloaded.
          2. Doubleclick on the text, but do not click on the text with a star underneath. You see the cursor. Move the cursor to put your letter. Type u.
          3. Press F1 (or locate the black mouse pointer icon and click on it, the tooltip says "select and transform objects (F1)") to get back into selection mode.
          4. Align the text centered to the drawing:
            1. Press Shift+Ctrl+A or select from the menu Object -> Align and Distribute... (see bottom of the menu)
            2. In the Align Area of the dialog select Relative to: Drawing, then click on the icon with the tooltip "Center
              on vertical axis"
          5. Almost done: Single click on the star above the text and move to be above the I again, make sure to put the star
            entirely inside drawing (=thin black border), otherwise it will be cropped in ES.
          6. Save a copy of this version for later use.
          7. Finally: Click once on your text, select from the menu Path -> Object to path (or press Shift+Ctrl+C). Now you can not edit the
            text as text any longer but the SVG renderer of ES is able to display it.
          8. Save your work on a different name.
          9. Deploy this version to your ES theme. Congrats! Done. :-D

          Bonus level: If you like you may share your version here.

          HTH

          H 1 Reply Last reply 12 Feb 2021, 18:05 Reply Quote 1
          • H
            h2805270 @Lolonois
            last edited by h2805270 2 Dec 2021, 22:12 12 Feb 2021, 18:05

            @lolonois

            Done (this preview is 1/8 the size of the original)...

            favourites_workbook_eighth_size.png

            It only took like a minute, I already had experience in Inkscape.
            You should start doing theme tutorials, that was mighty informative (and to the point). Thanks for the new font b.t.w.

            Here's a link that contains the ZIP with both the .SVG and .PNG:

            https://ufile.io/csq3d6wd

            P.S.
            Might do flat versions of all of these icons in the future, might not.

            R 1 Reply Last reply 28 Aug 2023, 23:35 Reply Quote 0
            • H
              h2805270
              last edited by h2805270 13 Feb 2021, 00:33

              I actually did it...

              I made an edition of the icons meant for users who prefer it in a monochrome/flat style.

              You will find them all (ZIP with SVGs and PNGs) here:
              https://ufile.io/nxnxkee1

              All proper credit is given to all of the respected parties, and the original creator.
              Feel free to give me an opinion:

              allgames-award--system-view_flat.png allgames-award--detail-view_flat.png

              favourites_workbook_flat.png favorites--deep-red-translucent-stars_flat.png

              last-played--vibrant--system-view_flat.png last-played--classy--system-view_flat.png

              1001videogames--system-view_flat.png 1001videogames--detail-view_flat.png

              custom-adventures--system_flat.png custom-adventures--detail_flat.png

              collections--raspberry-controllerbuttons_flat.png

              L 1 Reply Last reply 14 Feb 2021, 09:59 Reply Quote 0
              • L
                Lolonois @h2805270
                last edited by 14 Feb 2021, 09:59

                @h2805270 Wow, thanks for the B/W versions. Nice. I do like the rearrangement on the "Adventures" logo. And also thanks for appreciating my short writeup on the logo editing.

                FWIW these are the fonts used (grepped from the accompanied README.txt in the initial post):

                Font: Acknowledgement (SIL Open Font License v1.10)
                Font: Amira Light, https://www.ffonts.net/Amira-Light.font
                Font: BPdots Unicase Square by George Triantafyllakos
                Font: FV Almelo (free personal)
                Font: Nexa Rust Sans Black (free personal)
                Font: Mallica Fairytale Demo (free for personal use only)
                Font: Master of Break (free for personal use only)
                Font: Nexa Rust Sans Black (free personal & commercial)

                If someone needs the text as text logo versions (and before converted to path objects for final display) pls shout. Note that in some logos I did change the font-path afterwards.

                1 Reply Last reply Reply Quote 0
                • L
                  Lolonois
                  last edited by 27 Aug 2023, 15:07

                  @h2805270 In case you are still using the forum: The B/W versions from ufile.io you created are no longer publicy available. Thanks for taking a look and providing a fix.

                  1 Reply Last reply Reply Quote 0
                  • R
                    Renetrox @h2805270
                    last edited by 28 Aug 2023, 23:35

                    @lolonois your designs are great! Would you like to help me improve the theme I'm trying to do? I have been inspired by Batocera's "Playstation X" theme.
                    @Renetrox said in Ps4 - Stirling:

                    Captura de pantalla_2023-08-28_19-15-32.png

                    Captura de pantalla_2023-08-28_19-15-50.png

                    Some screenshots of the latest updates. PS: I asked for help because I don't have much idea how to create themes, in the images you can see a "Batman" logo because I don't know how to make the systems menu extend all over the screen.

                    R 1 Reply Last reply 4 Sept 2023, 20:15 Reply Quote 1
                    • R
                      Renetrox @Renetrox
                      last edited by 4 Sept 2023, 20:15

                      Captura de pantalla_2023-09-04_16-12-48.png

                      1 Reply Last reply Reply Quote 0
                      • L Lolonois referenced this topic on 20 Oct 2023, 13:47
                      • 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.

                        This community forum collects and processes your personal information.
                        consent.not_received