How to: Fixing lazily-made masks with GIMP

Description: All information about graphics and advices to create graphics.
Moderator: Moderators

Wohlstand M
Topic author, Lead Developer
Lead Developer
Avatar
Wohlstand M
Topic author, Lead Developer
Lead Developer
Age: 25
Reputation: 317
Posts: 1292
Joined: 15 Feb 2014
Location: Moscow, Russia
Website Skype YouTube

Post #1by Wohlstand » 19 Jun 2014, 15:11

If you don't know what a "lazily-made" sprite is, for an overview read this


What we all know happens when attempting to use lazily-made masks:
Image

Here I'm going to explain in detail about fixing these lazily-made masks:
example
ImageImage

Step 1:
After opening a broken mask, you must change the mode to RGB before making any changes to the image:
Image

Step 2:
Select "Magic spell" and set "Adding" mode. So now you'll be able to click on white zones which means "transparent":
Image

When all the white zones have been selected, click the "Delete" key to fill them with "real" white color (must be #FFFFFF):
Image

Step 3:
Do inverse of selection:
Image

After inversing, DON'T forget to swap foreground and background colors! (Now black is needed as the 'background')
Image

Step 4:
Now when you've done all this, press the "Delete" key and your mask will be done!
Image

Step 5:
Now you could switch back to indexed color mode (which is needed for GIFs)
Image

The image must be Black&White or gray-grade
Image

After you're done with all of this, you have to overwrite the source image: (File->Overwrite "xxx-YYm.gif" or "Export to..." and save them as GIF)
Image


Another example:
Before
Image
After
Image

Sprite-designers, please don't make lazily-made masks next time!
And save files as the real .GIF, not .BMP renamed with the .GIF extension

Sambo M
Count
Count
Avatar
Sambo M
Count
Count
Age: 19
Reputation: 13
Posts: 264
Joined: 27 Jun 2014

Post #2by Sambo » 5 Aug 2014, 0:58

You could select all the parts you need to be transparent with the "Select by Color" tool. This way you could select it all with one click. It wouldn't work with your example though because Toad has white on him, but it usually works.
Image
Current Project:
Image

P3rf3ctXZer0
Good citizen
Good citizen
Avatar
P3rf3ctXZer0
Good citizen
Good citizen
Reputation: 2
Posts: 30
Joined: 1 Jul 2015

Post #3by P3rf3ctXZer0 » 7 Jul 2015, 22:09

Thank you this is the first non adobe studio tutorial I have seen. That helps a lot.

HenryRichard M
Citizen
Citizen
HenryRichard M
Citizen
Citizen
Reputation: 0
Posts: 9
Joined: 23 May 2015

Post #4by HenryRichard » 22 Nov 2015, 3:43

You also don't have to change the image back to indexed - if you export it as a gif it's automatically converted.


Return to “Graphics”

Who is online (over the past 5 minutes)

Users browsing this forum: 1 guest