[How-To] Remove Background Colors

+17
xShufflee
LoneVeritas
Luigiman364
Gigabyterspriter
Fallen Kittty-Night
Guldo44
dabestbrawler
Revler
Leo
Mr Lange
Ping
Mistah_Jayden
NS01
fivestarkillah
Renny
Granadico
Rapidfir3Pho3nix
21 posters
Go down
Rapidfir3Pho3nix
Rapidfir3Pho3nix
Administrator
Administrator
Age : 30
Number of posts : 4910
Registration date : 2009-01-23
Location : Hollow Bastion
https://www.youtube.com/channel/UC0ntn5nE-2rEXLA8GQ7mtsAhttps://rapidfir3pho3nix.deviantart.com/https://discordapp.com/channels/142444698311589888/142444698311589888https://twitter.com/rapidfir3animshttps://www.facebook.com/Rapidfir3Pho3nix/https://www.twitch.tv/rapidfir3pho3nix

[How-To] Remove Background Colors Empty [How-To] Remove Background Colors

12/23/2010, 6:11 pm
Ok, ladies and gents I'm going to be showing you guys how to get rid of white backgrounds from FULL sprite sheets.

Like this!

Dark Sonic Sprite Sheet
(If the above link doesn't work, click it again then highlight the address bar and press enter.)

What you will need
- Paint.NET
- Sprite Sheet (duh)
- Half a brain =D

NOTE: For the sake of simplicity I will be using this Dark Sonic Sprite Sheet as an example. This works with any other sprite sheet with and without a white background.


Ok, so usually when you come across an awesome sprite sheet like the one above you wanna use it some animation or something. But there's a problem...as you can see from the picture above, the background is white.

My Point?

Let's say you have this Dark Sonic Sprite Sheet and open it in Fireworks. Now usually the best thing to do would be to get rid of the background in Fireworks then paste into Flash and continue your animation. Well, let's choose our Magic Wand tool. Then lets right click the background and choose the Select Similar option. As you can see, the eyes and gloves of Dark Sonic are selected and if you were to press the delete button, then Dark Sonic would have transparent eyes and transparent gloves, which is what we do not want.

[How-To] Remove Background Colors DarkSonicTransparent

So how do we get rid of the background without getting rid Dark Sonic's eyes and gloves?

Simple. Paint.NET. With Paint.NET you will be able to get rid of the white background on Dark Sonic's sprite sheet without deleting his eyes or gloves.

Ok, so what you're gonna do is open Paint.Net and choose the Dark Sonic sprite sheet.

[How-To] Remove Background Colors PaintNetDarkSonic

Next, You're going to want to choose the Magic Wand tool. If you look at the top part of the window you'll see the settings for the Magic Wand. By default, the settings should look like this:

[How-To] Remove Background Colors DefaultMagicWandSettings

Change the Flood Settings to Global and change the Tolerance to 0%.

[How-To] Remove Background Colors NewMagicWandSettings

Now all you need to do is select the white background on the Dark Sonic Sprite Sheet and after it is highlighted press the delete button on your keyboard. Now you'll see that Dark Sonic does not have transparent eyes or transparent gloves! =D

[How-To] Remove Background Colors DarkSonicPaintNetTransparent

I'm sure there are other ways to do this technique but the only way I know how to do this is through Paint.NET.

Also, important, you will need to save your image as a png. Gif also works but is not recommended. Other formats do not support transparency or have compatibility/compression problems.

You can get Paint.Net here, btw. Paint.NET

Y'all Welcome! =]


Last edited by Rapidfir3Pho3nix on 4/17/2016, 1:24 pm; edited 4 times in total
Granadico
Granadico
Administrator
Administrator
Age : 28
Number of posts : 12928
Registration date : 2008-11-18
Location : On the computer
https://www.youtube.com/user/Granadicohttps://www.twitch.tv/granadico/profile

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/23/2010, 7:44 pm
fix the spoiler pic, broken link
Rapidfir3Pho3nix
Rapidfir3Pho3nix
Administrator
Administrator
Age : 30
Number of posts : 4910
Registration date : 2009-01-23
Location : Hollow Bastion
https://www.youtube.com/channel/UC0ntn5nE-2rEXLA8GQ7mtsAhttps://rapidfir3pho3nix.deviantart.com/https://discordapp.com/channels/142444698311589888/142444698311589888https://twitter.com/rapidfir3animshttps://www.facebook.com/Rapidfir3Pho3nix/https://www.twitch.tv/rapidfir3pho3nix

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/24/2010, 12:07 am
Granadico wrote:fix the spoiler pic, broken link

Say what?? I can still see the pic...hold on I'll try to do something...
Anonymous
Guest
Guest

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/24/2010, 12:13 am
the mystical forest zone pics can't be img'ed.heres link:
http://www.themysticalforestzone.com/sprites_2007_Damien/SONIC_archives/Sonic_battle_darkform.png
press adress bar and press enter when you get there.
Rapidfir3Pho3nix
Rapidfir3Pho3nix
Administrator
Administrator
Age : 30
Number of posts : 4910
Registration date : 2009-01-23
Location : Hollow Bastion
https://www.youtube.com/channel/UC0ntn5nE-2rEXLA8GQ7mtsAhttps://rapidfir3pho3nix.deviantart.com/https://discordapp.com/channels/142444698311589888/142444698311589888https://twitter.com/rapidfir3animshttps://www.facebook.com/Rapidfir3Pho3nix/https://www.twitch.tv/rapidfir3pho3nix

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/24/2010, 2:38 am
narutoall76 wrote:the mystical forest zone pics can't be img'ed.heres link:
http://www.themysticalforestzone.com/sprites_2007_Damien/SONIC_archives/Sonic_battle_darkform.png
press adress bar and press enter when you get there.

Thank You Mr. Narutoall cuz I had no idea...
Renny
Renny
Spritan
Spritan
Age : 29
Number of posts : 7880
Registration date : 2009-12-12
Location : Where you find me

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/24/2010, 5:31 am
lmfao. I hate when spriters use a white background xD.
fivestarkillah
fivestarkillah
Banned
Banned
Age : 30
Number of posts : 231
Registration date : 2010-07-10
Location : look behind you

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/24/2010, 10:12 am
thank you so much this problem pissed me off so much till now thanks again
NS01
NS01
Spritan
Spritan
Age : 31
Number of posts : 6075
Registration date : 2009-09-07
Location : UK england

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/24/2010, 10:45 am
Nice tutorial man :)
Mistah_Jayden
Mistah_Jayden
Spritan
Spritan
Age : 34
Number of posts : 2010
Registration date : 2009-04-06
Location : New York City

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/24/2010, 2:06 pm
XD i revamped the sheet that way because of that.
I changed the BG color and the pallete as well as Added alot more poses.

I'll get to posting it one day.
But good job man. Paint.net is my bffl Very Happy
Rapidfir3Pho3nix
Rapidfir3Pho3nix
Administrator
Administrator
Age : 30
Number of posts : 4910
Registration date : 2009-01-23
Location : Hollow Bastion
https://www.youtube.com/channel/UC0ntn5nE-2rEXLA8GQ7mtsAhttps://rapidfir3pho3nix.deviantart.com/https://discordapp.com/channels/142444698311589888/142444698311589888https://twitter.com/rapidfir3animshttps://www.facebook.com/Rapidfir3Pho3nix/https://www.twitch.tv/rapidfir3pho3nix

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/24/2010, 3:50 pm
Having white backgrounds use to piss me off ALL the time. Then one day I was messing around on Paint.NET and accidentally found out this nifty trick out.
Mistah_Jayden
Mistah_Jayden
Spritan
Spritan
Age : 34
Number of posts : 2010
Registration date : 2009-04-06
Location : New York City

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/24/2010, 3:58 pm
you can use the same trick to recolor an entire sheet in less than two seconds.
keep the opacity thing at like 10. and just color and it will color everything thats the same color at once.
Rapidfir3Pho3nix
Rapidfir3Pho3nix
Administrator
Administrator
Age : 30
Number of posts : 4910
Registration date : 2009-01-23
Location : Hollow Bastion
https://www.youtube.com/channel/UC0ntn5nE-2rEXLA8GQ7mtsAhttps://rapidfir3pho3nix.deviantart.com/https://discordapp.com/channels/142444698311589888/142444698311589888https://twitter.com/rapidfir3animshttps://www.facebook.com/Rapidfir3Pho3nix/https://www.twitch.tv/rapidfir3pho3nix

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/24/2010, 4:57 pm
Mistah_Jayden wrote:you can use the same trick to recolor an entire sheet in less than two seconds.
keep the opacity thing at like 10. and just color and it will color everything thats the same color at once.

That is epic!!
Ping
Ping
Spritan
Spritan
Age : 28
Number of posts : 20149
Registration date : 2010-09-15
Location : Madison Wisconsin

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/25/2010, 2:53 am
I already knew about this.


Rapid. Why the fuck didn't I post a tutorial about this common problem?


Why Rapid?
Renny
Renny
Spritan
Spritan
Age : 29
Number of posts : 7880
Registration date : 2009-12-12
Location : Where you find me

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/25/2010, 8:31 am
BEcause you over look things >_>
Ping
Ping
Spritan
Spritan
Age : 28
Number of posts : 20149
Registration date : 2010-09-15
Location : Madison Wisconsin

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/25/2010, 1:13 pm
Renny wrote:BEcause you over look things >_>

What the fu-...

Thank you Renny.
Renny
Renny
Spritan
Spritan
Age : 29
Number of posts : 7880
Registration date : 2009-12-12
Location : Where you find me

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/25/2010, 2:44 pm
You're welcome :)
Rapidfir3Pho3nix
Rapidfir3Pho3nix
Administrator
Administrator
Age : 30
Number of posts : 4910
Registration date : 2009-01-23
Location : Hollow Bastion
https://www.youtube.com/channel/UC0ntn5nE-2rEXLA8GQ7mtsAhttps://rapidfir3pho3nix.deviantart.com/https://discordapp.com/channels/142444698311589888/142444698311589888https://twitter.com/rapidfir3animshttps://www.facebook.com/Rapidfir3Pho3nix/https://www.twitch.tv/rapidfir3pho3nix

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/25/2010, 8:10 pm
Pingboy wrote:I already knew about this.


Rapid. Why the fuck didn't I post a tutorial about this common problem?


Why Rapid?

Bc you watch that gay-ass adventure time cartoon
Rapidfir3Pho3nix
Rapidfir3Pho3nix
Administrator
Administrator
Age : 30
Number of posts : 4910
Registration date : 2009-01-23
Location : Hollow Bastion
https://www.youtube.com/channel/UC0ntn5nE-2rEXLA8GQ7mtsAhttps://rapidfir3pho3nix.deviantart.com/https://discordapp.com/channels/142444698311589888/142444698311589888https://twitter.com/rapidfir3animshttps://www.facebook.com/Rapidfir3Pho3nix/https://www.twitch.tv/rapidfir3pho3nix

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/27/2010, 2:06 am
So can this be done with any other program?

I'm pretty sure Photoshop can do this but idk...
Granadico
Granadico
Administrator
Administrator
Age : 28
Number of posts : 12928
Registration date : 2008-11-18
Location : On the computer
https://www.youtube.com/user/Granadicohttps://www.twitch.tv/granadico/profile

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/27/2010, 2:10 am
well i think photoshop is better than paint.NET, so i'm pretty sure. he prob just used/had P.NET
Rapidfir3Pho3nix
Rapidfir3Pho3nix
Administrator
Administrator
Age : 30
Number of posts : 4910
Registration date : 2009-01-23
Location : Hollow Bastion
https://www.youtube.com/channel/UC0ntn5nE-2rEXLA8GQ7mtsAhttps://rapidfir3pho3nix.deviantart.com/https://discordapp.com/channels/142444698311589888/142444698311589888https://twitter.com/rapidfir3animshttps://www.facebook.com/Rapidfir3Pho3nix/https://www.twitch.tv/rapidfir3pho3nix

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/27/2010, 2:11 am
Granadico wrote:well i think photoshop is better than paint.NET, so i'm pretty sure. he prob just used/had P.NET

"He" as in me?
Granadico
Granadico
Administrator
Administrator
Age : 28
Number of posts : 12928
Registration date : 2008-11-18
Location : On the computer
https://www.youtube.com/user/Granadicohttps://www.twitch.tv/granadico/profile

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/27/2010, 2:16 am
forgot you were the OP lol
Ping
Ping
Spritan
Spritan
Age : 28
Number of posts : 20149
Registration date : 2010-09-15
Location : Madison Wisconsin

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/27/2010, 2:19 am
Fireworks is better. That's about it... Sad
Mr Lange
Mr Lange
Administrator
Administrator
Age : 34
Number of posts : 1576
Registration date : 2010-04-19
Location : The Land of Waldos

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/28/2010, 7:18 pm
Well I finally finished deleting everyone's unbelievably fucking stupid and highly irrelevant posts. What the fuck is wrong with you people?

This is a good tutorial, albeit being an extremely obvious process.
You can also just hold shift+click to change the selection mode to global, without toggling the button.

I'm also changing this topic's title because this is a method to remove any background color. Not just white. I don't understand why you would post it as "removing white backgrounds" when it converts all colors to alpha. Why. Why mislead these poor, already misguided souls.

The same can be done in Photoshop, but I believe its a more painful procedure. Then again I haven't used it since CS2, who knows what's different. I suggest everyone stop using it anyway and switch to Paint.net and Gimp. Both you and your computer's memory will be happier.
Rapidfir3Pho3nix
Rapidfir3Pho3nix
Administrator
Administrator
Age : 30
Number of posts : 4910
Registration date : 2009-01-23
Location : Hollow Bastion
https://www.youtube.com/channel/UC0ntn5nE-2rEXLA8GQ7mtsAhttps://rapidfir3pho3nix.deviantart.com/https://discordapp.com/channels/142444698311589888/142444698311589888https://twitter.com/rapidfir3animshttps://www.facebook.com/Rapidfir3Pho3nix/https://www.twitch.tv/rapidfir3pho3nix

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/28/2010, 8:42 pm
Mr Lange wrote:Well I finally finished deleting everyone's unbelievably fucking stupid and highly irrelevant posts. What the fuck is wrong with you people?

This is a good tutorial, albeit being an extremely obvious process.
You can also just hold shift+click to change the selection mode to global, without toggling the button.

I'm also changing this topic's title because this is a method to remove any background color. Not just white. I don't understand why you would post it as "removing white backgrounds" when it converts all colors to alpha. Why. Why mislead these poor, already misguided souls.

The same can be done in Photoshop, but I believe its a more painful procedure. Then again I haven't used it since CS2, who knows what's different. I suggest everyone stop using it anyway and switch to Paint.net and Gimp. Both you and your computer's memory will be happier.

Sorry for being misleading lol.

Anyway I thought it was for more than just white, but I knew that white backgrounds are hard to get rid of so I put white as an appeal factor. I knew it could be done in Photoshop but I never could figure it out so that's when I switched to Gimp and Paint.NET.
Leo
Leo
Administrator
Administrator
Age : 27
Number of posts : 9153
Registration date : 2009-05-23
Location : Brazil

[How-To] Remove Background Colors Empty Re: [How-To] Remove Background Colors

12/29/2010, 4:26 am
To do that in Photoshop isn't so hard, but well, it eats too much memory, that's why I changed to GIMP.
Back to top
Permissions in this forum:
You cannot reply to topics in this forum