Jump to content
LaunchBox Community Forums

Hey all New to this Looking for the round Silver icons for retro games


Recommended Posts

Those are typically referred to from what I've seen as "docklet" images. They are primary used/created for GameEx and PinballEx front ends. I know you can find some templates for that style on their forums. May be able to ask one of the users that create them for Pinball logo's if they can share the template so you can make your own. I'm not sure you'll find too many packs of images in that style already existing, but I admit I've never really sought them out so may be pleasantly surprised.

Link to comment
Share on other sites

Those are Teknoparrot/arcade and PC style rings/docklets (although one you show is gold, most I have seen are silver).  For non-arcade not likely to be too many already completed (or at least I have never seen any complete sets). Quite a few logos here (but again mostly PC focus): https://www.deviantart.com/pooterman/gallery

and here:

 

 

Tekken7.thumb.png.48bc923933eb2863cbea872975ed23b2.png

 

I have PSD templates for these two types (black ring, silver ring Tarcisio style) if want and typically what see for pinball rings. 

TarcisioStyleWheel_1000x1000_MyTemplate.thumb.png.154470df30e0e88d8e8210671883150b.pngBlackRing.thumb.png.193e0681b987aaea61625e9459302486.png

Edited by sundogak
Link to comment
Share on other sites

I appreciate it if I knew how to make them I would attempt it but I have no clue just think it looks better on the wheel with this style, I have an Arcade from EHA and I have so many games it is insane but I wanted to try and get Sega games, Snes and Nes games gonna look on YouTube for a video on how to make these

Link to comment
Share on other sites

5 hours ago, C-Beats said:

Those are typically referred to from what I've seen as "docklet" images. They are primary used/created for GameEx and PinballEx front ends. I know you can find some templates for that style on their forums. May be able to ask one of the users that create them for Pinball logo's if they can share the template so you can make your own. I'm not sure you'll find too many packs of images in that style already existing, but I admit I've never really sought them out so may be pleasantly surprised.

I appreciate the info I went to Deviant art and got a lot of them that I could find

Link to comment
Share on other sites

34 minutes ago, sundogak said:

Those are Teknoparrot/arcade and PC style rings/docklets (although one you show is gold, most I have seen are silver).  For non-arcade not likely to be too many already completed (or at least I have never seen any complete sets). Quite a few logos here (but again mostly PC focus): https://www.deviantart.com/pooterman/gallery

and here:

 

 

Tekken7.thumb.png.48bc923933eb2863cbea872975ed23b2.png

 

I have PSD templates for these two types (black ring, silver ring Tarcisio style) if want and typically what see for pinball rings. 

TarcisioStyleWheel_1000x1000_MyTemplate.thumb.png.154470df30e0e88d8e8210671883150b.pngBlackRing.thumb.png.193e0681b987aaea61625e9459302486.png

Yes I checked out Deviant art and downloaded every one I could find I have close to 4,900 but can't find any for older systems and have no clue how to create my own. got to watch some videos on how to do this lol

Link to comment
Share on other sites

48 minutes ago, RumRaiderArcader said:

Yes I checked out Deviant art and downloaded every one I could find I have close to 4,900 but can't find any for older systems and have no clue how to create my own. got to watch some videos on how to do this lol

Photoshop PSD templates are easiest as it takes care of the masking and can move logos, background image around. Next best is getting a blank image of ring you want with background that prefer then using a paint program to overlay the logo into the blank area. Some folks have done this via online programs (but tedious if you have a lot).  Not as fancy as if use Photoshop (or Gimp which is free) but gets the job done. 

Examples for blank oval ring "blanks" for SNES and NES below (not in style you mentioned as don't have that PSD file).   Having done about 400 of the Tarcisio pinball and 200 or so of the black pinball versions it can be a  time suck. And you are talking thousands for systems you listed.  There are some programs around that can take a base image and auto overlay a folder of other images such as logos (or via Photoshop Action script) but takes time to get it right and/or results can be middling. 

TarcisioStyleWheel_1000x1000black.thumb.png.ac1b742c5f76c9cbffdfedb00354a4ba.png_SuperNintendoEntertainmentSystem.thumb.png.97f0ae31143d35dacb6c3eddc6b38734.png_NintendoEntertainmentSystem.thumb.png.9d3d4b05aefbcb479cb40f0a89e14ddd.png

 

Edited by sundogak
Link to comment
Share on other sites

39 minutes ago, sundogak said:

Photoshop PSD templates are easiest as it takes care of the masking and can move logos, background image around. Next best is getting a blank image of ring you want with background that prefer then using a paint program to overlay the logo into the blank area. Some folks have done this via online programs (but tedious if you have a lot).  Not as fancy as if use Photoshop (or Gimp which is free) but gets the job done. 

Examples for blank oval ring "blanks" for SNES and NES below (not in style you mentioned as don't have that PSD file).   Having done about 400 of the Tarcisio pinball and 200 or so of the black pinball versions it can be a  time suck. And you are talking thousands for systems you listed.  There are some programs around that can take a base image and auto overlay a folder of other images such as logos (or via Photoshop Action script) but takes time to get it right and/or results can be middling. 

TarcisioStyleWheel_1000x1000black.thumb.png.ac1b742c5f76c9cbffdfedb00354a4ba.png_SuperNintendoEntertainmentSystem.thumb.png.97f0ae31143d35dacb6c3eddc6b38734.png_NintendoEntertainmentSystem.thumb.png.9d3d4b05aefbcb479cb40f0a89e14ddd.png

 

I have gimp and tried to create one but not fluent in gimp unfortunately trying but looks bad lol I will send a screenshot of progress it's ok but cropping the image is what I don't know how to do

 

Link to comment
Share on other sites

Posted (edited)

ok so I'm trying to remove the 8 bit Mario, placing the Mario background and Mario in the circle with the words above it I don't want anyone to do it for me I want to learn however lol I have no clue on how to do this any chance you could walk me through it as I have no idea what I'm doing lol every time I try to delete the lil Mario it makes a black box and I am lost because this isn't in any YouTube videos

 

Edited by RumRaiderArcader
Link to comment
Share on other sites

2 hours ago, RumRaiderArcader said:

well here is what I have only took 2 hours trying to edit lol got a lot to learn 

mario bros.png

1) Images to use to assemble logo:  Make sure use PNG with transparency layer intact to make life easier (no checkerboard background).  For example, I assume you got the images you attached from PNGEgg.  At that site you cannot right-click and save but have to save via the download button and answer a Captcha to get a true PNG file with clear background.  They want to keep people from mass scraping/ stealing the graphics they stole from other people 🤔

2) Tools:  Step by step will vary depending on the tool.  If doing more than a couple using a non layer "MS Paint" type tool will drive you crazy and eat a lot of time. 

GIMP (Free):  I use Photoshop but did try GIMP many years back. It is similar in capabilities as Photoshop for this type of work.  There should be videos/how to around web as next most popular tool to Photoshop. You may be able to use some PSD templates (photoshop file) in GIMP but many years ago when I tried it had issues (layers were messed up). They may have improved their compatibility now.  If PSD doesn't work, then a GIMP format template is attached. It is same style as I used in Mario below (if turn off a "blue ring" layer they used). As this is free tool you can play with it and see how works. The trick of course is then finding a template in style you want.  Tarcisio style is pretty common as used for most pinball system logo "packs" (Visual Pinball, FX3, etc.). 
Blank GIMP Template - Addiction Pinball & Pro Pinball.zip

3) Paint.Net (free):  A youtube video on Paint.Net way of doing (free tool)

4) Photoshop (not free).  You will find majority of templates are in this format as it is dominant tool for most graphics folks.  I attached a template PSD file with the parts for the silver logo below that I threw together.  It places things in layers so you can move items around. It "masks" the background around the ring so you don't have manually cut a circle.  Gimp has a similar thought process. Although a learning curve for these tools once you get hang of it then they make cleaner logos and much easier to assemble.

TarcisioStyleWheel_1000x1000-MarioExample.thumb.png.b680562948179a4174d7df0d4458ab25.png

How assembled in Photoshop.  Logo layer, Mario Layer, and Background.  The "blue" layer at bottom is the clipping layer which clips the image above it (the background Mario screen) to be a perfect round circle so you don't have to manually do it.  It also doesn't alter the image so you can drag it around to where want (just masks anything outside the ring).  The Background you right-click and "create clipping mask" and the template takes care of trimming the BG to inner part of the ring only (so smooth edges). 

Once you get hang of GIMP or Photoshop and have a suitable template then just assemble at least 2 images (Background and Logo). If have the graphics the actually assembly is quick, maybe 10 minutes of figuring out what "looks good".  You can of course add as many layers or items and get fancy but then adds to time/complexity.  The "PNG" sites can be a pain but if you find an image that works it saves a bunch of time since someone else did the work of making the image with transparent background (which I find to be a pain).

Lastly, I am not a "graphics guy" so just learned how with various trial and error for similar reasons you banged into.  I wanted to fill the gaps and/or didn't like what was around.  So with the above three options it should get you started.

Screenshot2024-08-26230128.thumb.png.fcf3996f9a450e85e0040a9356820562.png

Tarcisio Style Wheel_1000x1000 - Mario Example.psdNote: I just tried this PSD in GIMP and seems to work but I didn't fiddle with it too much. So either of the two attached should work in GIMP. 

Tarcisio Style Wheel_1000x1000 - Mario Example.xcf Converted PSD file to GIMP format of the Mario ring example above.

GIMP window with imported template. 

Screenshot2024-08-26235820.thumb.png.9632bd08d3c20eaeec49412ffac1c2f3.png

Edited by sundogak
added note about GIMP PSD import
  • Unusual Gem 1
Link to comment
Share on other sites

13 hours ago, sundogak said:

1) Images to use to assemble logo:  Make sure use PNG with transparency layer intact to make life easier (no checkerboard background).  For example, I assume you got the images you attached from PNGEgg.  At that site you cannot right-click and save but have to save via the download button and answer a Captcha to get a true PNG file with clear background.  They want to keep people from mass scraping/ stealing the graphics they stole from other people 🤔

2) Tools:  Step by step will vary depending on the tool.  If doing more than a couple using a non layer "MS Paint" type tool will drive you crazy and eat a lot of time. 

GIMP (Free):  I use Photoshop but did try GIMP many years back. It is similar in capabilities as Photoshop for this type of work.  There should be videos/how to around web as next most popular tool to Photoshop. You may be able to use some PSD templates (photoshop file) in GIMP but many years ago when I tried it had issues (layers were messed up). They may have improved their compatibility now.  If PSD doesn't work, then a GIMP format template is attached. It is same style as I used in Mario below (if turn off a "blue ring" layer they used). As this is free tool you can play with it and see how works. The trick of course is then finding a template in style you want.  Tarcisio style is pretty common as used for most pinball system logo "packs" (Visual Pinball, FX3, etc.). 
Blank GIMP Template - Addiction Pinball & Pro Pinball.zip

3) Paint.Net (free):  A youtube video on Paint.Net way of doing (free tool)

4) Photoshop (not free).  You will find majority of templates are in this format as it is dominant tool for most graphics folks.  I attached a template PSD file with the parts for the silver logo below that I threw together.  It places things in layers so you can move items around. It "masks" the background around the ring so you don't have manually cut a circle.  Gimp has a similar thought process. Although a learning curve for these tools once you get hang of it then they make cleaner logos and much easier to assemble.

TarcisioStyleWheel_1000x1000-MarioExample.thumb.png.b680562948179a4174d7df0d4458ab25.png

How assembled in Photoshop.  Logo layer, Mario Layer, and Background.  The "blue" layer at bottom is the clipping layer which clips the image above it (the background Mario screen) to be a perfect round circle so you don't have to manually do it.  It also doesn't alter the image so you can drag it around to where want (just masks anything outside the ring).  The Background you right-click and "create clipping mask" and the template takes care of trimming the BG to inner part of the ring only (so smooth edges). 

Once you get hang of GIMP or Photoshop and have a suitable template then just assemble at least 2 images (Background and Logo). If have the graphics the actually assembly is quick, maybe 10 minutes of figuring out what "looks good".  You can of course add as many layers or items and get fancy but then adds to time/complexity.  The "PNG" sites can be a pain but if you find an image that works it saves a bunch of time since someone else did the work of making the image with transparent background (which I find to be a pain).

Lastly, I am not a "graphics guy" so just learned how with various trial and error for similar reasons you banged into.  I wanted to fill the gaps and/or didn't like what was around.  So with the above three options it should get you started.

Screenshot2024-08-26230128.thumb.png.fcf3996f9a450e85e0040a9356820562.png

Tarcisio Style Wheel_1000x1000 - Mario Example.psdNote: I just tried this PSD in GIMP and seems to work but I didn't fiddle with it too much. So either of the two attached should work in GIMP. 

Tarcisio Style Wheel_1000x1000 - Mario Example.xcf Converted PSD file to GIMP format of the Mario ring example above.

GIMP window with imported template. 

Screenshot2024-08-26235820.thumb.png.9632bd08d3c20eaeec49412ffac1c2f3.png

Dude That looks amazing Thank you for explaining it to me I got to know how long did that take you It looks amazing ok I'm gonna try a few on my other Computer I am doing this from my arcade at the moment . 

Link to comment
Share on other sites

30 minutes ago, RumRaiderArcader said:

Hey Just wanted to Thank you so much for your help I was able to create this now I know it's nothing fantastic but major progress from me using Microsoft paint so Thanks so much You are Awesome

Atari2600.png

Cool glad got sorted.  It has a learning curve but once you get process down it is just rinse and repeat (100s of times!) and advantage you can make something that looks good for your setup. 

I have looked for the style of ring you originally posted but could never find a PSD/XCF file if come across will post here.  I probably have 20 different "ring styles" but that one for whatever reason seems to be illusive in PSD/XCF file format. 

Link to comment
Share on other sites

16 minutes ago, RumRaiderArcader said:

By chance do you know why my new icons are overlapping each other on bigbox?

Or how to fix it?

What theme are you using? Have you done an image cache refresh?  A screen snap might help as otherwise hard to say. 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...