Removing white backgrounds from sprites?

Use this forum to help develop your game-making skills, and get feedback on writing, art, music, or anything else you've created that isn't attached to a game in progress.
Locked
Message
Author
User avatar
Dharma Fish
Regular
Posts: 36
Joined: Thu Sep 15, 2011 11:22 pm
Projects: West Falls
Organization: Dharma Fish Studio
Location: Uniontown, Ohio
Contact:

Removing white backgrounds from sprites?

#1 Post by Dharma Fish » Wed Oct 12, 2011 9:48 pm

So I've been using Gimp for a long time now and I still haven't found a decent way to remove the white backgrounds from sprites I create. I have a great plugin for converting line art to transparency but it makes everything completley desaturated and areas that are not pure black become translucent. Works great on scanned in line art. My problem is that I have been using MyPaint to do a lot of my color work and it doesn't support transparencies in a reasonable fashion so I end up just selecting all the pure white pixles in gimp, deleting them and than painstakingly erasing the "halo" artifacts away from the outside lines with a soft brush which takes forever and a day. Any suggestions?
---------------------------------------------------
http://tkfanclub.blogspot.com/

User avatar
Chorvaqueen
Regular
Posts: 109
Joined: Sun Sep 20, 2009 7:41 am
Projects: ID: Recollection
Location: Inverted Castle
Contact:

Re: Removing white backgrounds from sprites?

#2 Post by Chorvaqueen » Thu Oct 13, 2011 2:16 am

Yay another GIMP + MyPaint user!

Well here's what I do.

1.) Save image in MyPaint (jpg/png)
2.) Open in GIMP
3.) Bezier tool the edges.
4.) Once done, click selection to path.
5.) Then Feather selection (around 2-3 pixels)
6.) Cut/Copy
7.) Paste on a transparent layer
8.) Resize it to your sprite size to hide the jagged edges left.

Sorry it's painstaking but it's worth it. Also note that you may have to make your sprites larger when drawing them in MyPaint.

OR

1.) Color to Alpha image
2.) Create another layer under extracted image.
3.) Start painting white under it.
4.) Use fuzzy brush for the edges

Downside of this is that the edges aren't 100% straight, also painstaking.

User avatar
Dharma Fish
Regular
Posts: 36
Joined: Thu Sep 15, 2011 11:22 pm
Projects: West Falls
Organization: Dharma Fish Studio
Location: Uniontown, Ohio
Contact:

Re: Removing white backgrounds from sprites?

#3 Post by Dharma Fish » Thu Oct 13, 2011 11:20 am

Chorvaqueen wrote:Yay another GIMP + MyPaint user!
I know, MyPaint is amazing isn't it. Glad I'm not the only one. Like your drawing by the way, I was just checking out some of your work and I like your style.
---------------------------------------------------
http://tkfanclub.blogspot.com/

User avatar
TsukiShima
Miko-Class Veteran
Posts: 778
Joined: Fri Aug 05, 2011 4:47 am
Projects: Heartful Memory
Location: Malaysia
Contact:

Re: Removing white backgrounds from sprites?

#4 Post by TsukiShima » Fri Oct 14, 2011 11:26 am

I'm not sure how GIMP or MyPaint work, but for whatever condition, I always use Photoshop to remove them. Though I don't really know the real method, since mine still leave me with some white spots from the sprites. You'll need to use the magic wand first then the magic eraser. It can only be supported in PNG.

I'm just dropping by to help.

Naeddyr
Newbie
Posts: 13
Joined: Mon Oct 12, 2009 4:06 am
Contact:

Re: Removing white backgrounds from sprites?

#5 Post by Naeddyr » Sat Oct 15, 2011 5:30 am

If you sprites have black outlines:

1) Fuzzy select the white areas
2) Select > Grow, a few pixels at most, one or two or more
3) Color > Color to Alpha

If you don't have black borders, use smaller "grow" radius: it will make the borders slightly translucent, but it's a cheap and easy way to do it.

Locked

Who is online

Users browsing this forum: No registered users