Share
View previous topicGo downView next topic
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

[How-To] Remove Background Colors

on 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.



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.



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:



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



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



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
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profilehttp://www.youtube.com/user/Granadicohttps://www.twitch.tv/granadico/profile

Re: [How-To] Remove Background Colors

on 12/23/2010, 7:44 pm
fix the spoiler pic, broken link





made by Knux184

We can learn from the past
But those days are gone
We can hope for the future
But there may not be one
-Mike Portnoy "A Change of Seasons"
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 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...
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 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.
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 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...
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 12/24/2010, 5:31 am
lmfao. I hate when spriters use a white background xD.





avatar
Banned
Banned
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 12/24/2010, 10:12 am
thank you so much this problem pissed me off so much till now thanks again





check out my youtube
fivestarkillah
or my newgrounds
metal tako
now some pics


made by knux Very Happy
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 12/24/2010, 10:45 am
Nice tutorial man :)





"On my business card, I am a corporate president. In my mind, I am a game developer. But in my heart, I am a gamer." - Satoru Iwata 1959-2015
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 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
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 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.
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 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.
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 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!!
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 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?






@darkdragon581 wrote:ping, i don't see you getting 'boodie' anytime soon, i don't care if your black, its most likely not going to happen
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 12/25/2010, 8:31 am
BEcause you over look things >_>





avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

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

What the fu-...

Thank you Renny.






@darkdragon581 wrote:ping, i don't see you getting 'boodie' anytime soon, i don't care if your black, its most likely not going to happen
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 12/25/2010, 2:44 pm
You're welcome :)





avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 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
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 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...
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profilehttp://www.youtube.com/user/Granadicohttps://www.twitch.tv/granadico/profile

Re: [How-To] Remove Background Colors

on 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





made by Knux184

We can learn from the past
But those days are gone
We can hope for the future
But there may not be one
-Mike Portnoy "A Change of Seasons"
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 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?
avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profilehttp://www.youtube.com/user/Granadicohttps://www.twitch.tv/granadico/profile

Re: [How-To] Remove Background Colors

on 12/27/2010, 2:16 am
forgot you were the OP lol





made by Knux184

We can learn from the past
But those days are gone
We can hope for the future
But there may not be one
-Mike Portnoy "A Change of Seasons"
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 12/27/2010, 2:19 am
Fireworks is better. That's about it... Sad






@darkdragon581 wrote:ping, i don't see you getting 'boodie' anytime soon, i don't care if your black, its most likely not going to happen
avatar
Spritan
Spritan
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 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.





avatar
Administrator
Administrator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 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.
avatar
Moderator
Moderator
Reputation:
Age:
Posts:
Registration Date:
Location:
View user profile

Re: [How-To] Remove Background Colors

on 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.
View previous topicBack to topView next topic
Permissions in this forum:
You cannot reply to topics in this forum