Team Selection logos with Paint/GIMP


Recommended Posts

Here's a summary of a conversation between Mr. @Sauce and I had regarding team selection logos. This is the basic outline of the method that I use. Some manual cleanup is still often necessary but it generally gets me a workable image and some consistency. This is just the method that I use, I'm all ears if anyone has other thoughts. I am in no way, shape or form a graphics expert. In fact the below lists the sum of my knowledge of using GIMP. Only figured out enough to accomplish what I wanted to do with reducing the palettes.

1. Download logo from www.sportslogos.net. I like using the small 150x100 .gif files because they're already sort of preshrunk and they are also in the right proportions for using as center ice logos. More on that later.

 Penguins 67.gif

2. Using Paint, I shrink the image to a maximum height OR width of 46 pixels (depending on orientation) in order to give a minimum pixel border on each side. Regardless of how you want to crop, resize to 48x48 and save as a 24-color .bmp. I also take out any TM or R marks at this point because they're too small to see at scale anyway.

Penguins 67.jpg

3. Using GIMP, I open the file and convert to an indexed image. Image => Mode => Indexed.

GIMP1.jpg

4. There are 9 available slots in the Tile Molester palette for team selection logos.

TM1.jpg

You'll want to convert your logo to fewer colors in order to have it match the palette in Tile Molester. Depending on how many colors are in the logo you can reduce it to as few as 1 color (plus B&W). Generally I prefer to use as many colors as I can so that it gives a fade effect. Fewer colors can produce a "too sharp" effect, but it's all just style and preference.

In Indexed Color Conversion, select "Generate optimum palette". You'll already have white permanently available in the palette so you can select up to 10 as the maximum number of colors.

GIMP2.jpg

5. After converting your image the colormap will show the colors that were used. (If the colormap is not visible, go to Windows => Dockable Dialogs => Colormap in the GIMP menu bar).

GIMP3.jpg

Copy the 6-digit HTML notation to notepad, then scroll to the next color using the arrows in Color index.

GIMP4.jpg

6. To save your reduced-color image go to File => Export As. IMPORTANT: while saving, make sure that you have checked the Do not write color space information box.

GIMP5.jpg

GIMP6.jpg

7. In Tile Molester, navigate to where you want to insert your new logo and load the correct palette:

TM2.jpg

7. Double click the color that you want to change (don't touch the first 7 colors as they are attached to the team selection banners). Select the RGB tab and copy/paste your color code from notepad and hit OK. Tile Molester will automatically convert to the nearest available RGB color.

TM3.jpg

Since there are only 256 specific colors available to the game, occasionally 2 colors are so close that Tile Molester will consider them the same and you could have duplicate colors in the palette - it's not a problem.

8. Once all the colors have been changed, go ahead and paste your logo into your ROM. Generally speaking the images come out pretty good but occasionally you'll want to make a tweak or two to fine tune. 

GIMP7.jpg

9. Here's how it looks in-game:

GIMP8.jpg

10. For this example, I probably would have tried to darken some of the detail in the penguin (gloves, scarf) and maybe a little in the text to sharpen it up.

  • Love 1
  • Thanks 2
Link to post
Share on other sites

The only thing I'd suggest is checking out @smozoma's dithering program to convert an image to 16 (or less) usable Genesis colors.  That's my main goto for graphics editing:

https://forum.nhl94.com/index.php?/topic/14421-tool-genesis-image-ditherer-to-16-colours/

 

Thanks for the write up!

 

  • Thanks 1
Link to post
Share on other sites

I must be missing something, I use Ditherer all the time for other graphics and darkening images but don't know how to reduce the number of colors. Wouldn't be the first time something went over my head!

I use GIMP because it's the easiest (and freeist) program I've found to be able to limit the number of colors in a palette - or conversely forcing a palette onto an image for center ice logos. 

Link to post
Share on other sites

Thanks, @Jkline3 for posting this.  You might have seen from my other thread (https://forum.nhl94.com/index.php?/topic/19286-custom-eihl-gb-rom-plan-of-action-and-call-for-help/&do=getNewComment) that I asked for some help on this (and on ice logos) yesterday, as I keep tying myself in knots when trying to process them.

I will work on my team selection logos over the weekend and keep an eye out for any further hints on the ice logos (which are driving me nuts at the moment!).

 

Link to post
Share on other sites
On 9/4/2020 at 10:55 PM, Jkline3 said:

I must be missing something, I use Ditherer all the time for other graphics and darkening images but don't know how to reduce the number of colors. Wouldn't be the first time something went over my head!

I use GIMP because it's the easiest (and freeist) program I've found to be able to limit the number of colors in a palette - or conversely forcing a palette onto an image for center ice logos. 

Ditherer creates 16-color images, with each color being an actual valid Sega color. If you want to specify exactly which colours to use, like you're doing in this guide, it's the option 2 in Ditherer.

Link to post
Share on other sites
On 9/4/2020 at 10:55 PM, Jkline3 said:

I must be missing something, I use Ditherer all the time for other graphics and darkening images but don't know how to reduce the number of colors. Wouldn't be the first time something went over my head!

I use GIMP because it's the easiest (and freeist) program I've found to be able to limit the number of colors in a palette - or conversely forcing a palette onto an image for center ice logos. 

That's one thing that Photoshop offers that is great for doing these types of logos.
Once selecting the # of colors when saving for web, you can then adjust the amount of dither with a slider. Or you choose a dither preset. Helped me a ton over the years. From there, you select the swatch to input the exact values as they are in TM**.

Not sure if Gimp can do that or not.

** Make sure you update the values in TM for colors first, and use that value before saving the file in the image editing program you use. Otherwise, they won't match whatever you're using as a reference (NOSE, for instance).

This will prevent oddities when importing your image or logo.

Link to post
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
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.