HomeHome  
  • HomeHome  
  • Forums  
  • MemberlistMemberlist  
  •  
  • FAQFAQ  
  • SearchSearch  
  • UsergroupsUsergroups  
  • RegisterRegister  
  • Log inLog in  

  • Reply to topic

    Page 1 of 4 1, 2, 3, 4  Next

    avatar
    Administrator
    Administrator

    [How-To] Remove Background Colors

    Post by Rapidfir3Pho3nix on 12/23/2010, 8: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, 2:24 pm; edited 4 times in total
    avatar
    Rapidfir3Pho3nix
    Administrator
    Administrator

    Age : 22
    Number of posts : 4975
    Registration date : 2009-01-23
    Location : Hollow Bastion
    Custom Rank : wut

    View user profile
    avatar
    Administrator
    Administrator

    Re: [How-To] Remove Background Colors

    Post by Granadico on 12/23/2010, 9: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
    Granadico
    Administrator
    Administrator

    Age : 21
    Number of posts : 12933
    Registration date : 2008-11-18
    Location : On the computer

    View user profile http://www.youtube.com/user/Granadico Granadico https://www.twitch.tv/granadico/profile
    avatar
    Administrator
    Administrator

    Re: [How-To] Remove Background Colors

    Post by Rapidfir3Pho3nix on 12/24/2010, 2: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...
    avatar
    Rapidfir3Pho3nix
    Administrator
    Administrator

    Age : 22
    Number of posts : 4975
    Registration date : 2009-01-23
    Location : Hollow Bastion
    Custom Rank : wut

    View user profile
    Junior Spritan Lv 3
    Junior Spritan Lv 3

    Re: [How-To] Remove Background Colors

    Post by narutoall76 on 12/24/2010, 2: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.

    narutoall76
    Junior Spritan Lv 3
    Junior Spritan Lv 3

    Age : 17
    Number of posts : 4464
    Registration date : 2010-10-23

    View user profile chrisall76
    avatar
    Administrator
    Administrator

    Re: [How-To] Remove Background Colors

    Post by Rapidfir3Pho3nix on 12/24/2010, 4: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
    Rapidfir3Pho3nix
    Administrator
    Administrator

    Age : 22
    Number of posts : 4975
    Registration date : 2009-01-23
    Location : Hollow Bastion
    Custom Rank : wut

    View user profile
    avatar
    Adult Spritan Lv 4
    Adult Spritan Lv 4

    Re: [How-To] Remove Background Colors

    Post by Renny on 12/24/2010, 7:31 am

    lmfao. I hate when spriters use a white background xD.



    avatar
    Renny
    Adult Spritan Lv 4
    Adult Spritan Lv 4

    Age : 22
    Number of posts : 7880
    Registration date : 2009-12-12
    Location : Where you find me

    View user profile

    Re: [How-To] Remove Background Colors

    Post by fivestarkillah on 12/24/2010, 12:12 pm

    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
    fivestarkillah
    Banned
    Banned

    Age : 22
    Number of posts : 231
    Registration date : 2010-07-10
    Location : look behind you

    View user profile
    avatar
    Senior Spritan Lv 5
    Senior Spritan Lv 5

    Re: [How-To] Remove Background Colors

    Post by NS01 on 12/24/2010, 12:45 pm

    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
    NS01
    Senior Spritan Lv 5
    Senior Spritan Lv 5

    Age : 23
    Number of posts : 6080
    Registration date : 2009-09-07
    Location : UK england

    View user profile ninstar01
    avatar
    Elementary Spritan Lv 5
    Elementary Spritan Lv 5

    Re: [How-To] Remove Background Colors

    Post by Mistah_Jayden on 12/24/2010, 4: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
    Mistah_Jayden
    Elementary Spritan Lv 5
    Elementary Spritan Lv 5

    Age : 26
    Number of posts : 2010
    Registration date : 2009-04-06
    Location : New York City

    View user profile
    avatar
    Administrator
    Administrator

    Re: [How-To] Remove Background Colors

    Post by Rapidfir3Pho3nix on 12/24/2010, 5: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
    Rapidfir3Pho3nix
    Administrator
    Administrator

    Age : 22
    Number of posts : 4975
    Registration date : 2009-01-23
    Location : Hollow Bastion
    Custom Rank : wut

    View user profile
    avatar
    Elementary Spritan Lv 5
    Elementary Spritan Lv 5

    Re: [How-To] Remove Background Colors

    Post by Mistah_Jayden on 12/24/2010, 5: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
    Mistah_Jayden
    Elementary Spritan Lv 5
    Elementary Spritan Lv 5

    Age : 26
    Number of posts : 2010
    Registration date : 2009-04-06
    Location : New York City

    View user profile
    avatar
    Administrator
    Administrator

    Re: [How-To] Remove Background Colors

    Post by Rapidfir3Pho3nix on 12/24/2010, 6: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
    Rapidfir3Pho3nix
    Administrator
    Administrator

    Age : 22
    Number of posts : 4975
    Registration date : 2009-01-23
    Location : Hollow Bastion
    Custom Rank : wut

    View user profile
    avatar
    Eternal Spritan
    Eternal Spritan

    Re: [How-To] Remove Background Colors

    Post by Ping on 12/25/2010, 4: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
    Ping
    Eternal Spritan
    Eternal Spritan

    Age : 21
    Number of posts : 20163
    Registration date : 2010-09-15
    Location : Madison Wisconsin

    View user profile Pingboi
    avatar
    Adult Spritan Lv 4
    Adult Spritan Lv 4

    Re: [How-To] Remove Background Colors

    Post by Renny on 12/25/2010, 10:31 am

    BEcause you over look things >_>



    avatar
    Renny
    Adult Spritan Lv 4
    Adult Spritan Lv 4

    Age : 22
    Number of posts : 7880
    Registration date : 2009-12-12
    Location : Where you find me

    View user profile
    avatar
    Eternal Spritan
    Eternal Spritan

    Re: [How-To] Remove Background Colors

    Post by Ping on 12/25/2010, 3: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
    Ping
    Eternal Spritan
    Eternal Spritan

    Age : 21
    Number of posts : 20163
    Registration date : 2010-09-15
    Location : Madison Wisconsin

    View user profile Pingboi
    avatar
    Adult Spritan Lv 4
    Adult Spritan Lv 4

    Re: [How-To] Remove Background Colors

    Post by Renny on 12/25/2010, 4:44 pm

    You're welcome :)



    avatar
    Renny
    Adult Spritan Lv 4
    Adult Spritan Lv 4

    Age : 22
    Number of posts : 7880
    Registration date : 2009-12-12
    Location : Where you find me

    View user profile
    avatar
    Administrator
    Administrator

    Re: [How-To] Remove Background Colors

    Post by Rapidfir3Pho3nix on 12/25/2010, 10: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
    Rapidfir3Pho3nix
    Administrator
    Administrator

    Age : 22
    Number of posts : 4975
    Registration date : 2009-01-23
    Location : Hollow Bastion
    Custom Rank : wut

    View user profile
    avatar
    Administrator
    Administrator

    Re: [How-To] Remove Background Colors

    Post by Rapidfir3Pho3nix on 12/27/2010, 4:06 am

    So can this be done with any other program?

    I'm pretty sure Photoshop can do this but idk...
    avatar
    Rapidfir3Pho3nix
    Administrator
    Administrator

    Age : 22
    Number of posts : 4975
    Registration date : 2009-01-23
    Location : Hollow Bastion
    Custom Rank : wut

    View user profile
    avatar
    Administrator
    Administrator

    Re: [How-To] Remove Background Colors

    Post by Granadico on 12/27/2010, 4: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
    Granadico
    Administrator
    Administrator

    Age : 21
    Number of posts : 12933
    Registration date : 2008-11-18
    Location : On the computer

    View user profile http://www.youtube.com/user/Granadico Granadico https://www.twitch.tv/granadico/profile
    avatar
    Administrator
    Administrator

    Re: [How-To] Remove Background Colors

    Post by Rapidfir3Pho3nix on 12/27/2010, 4: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
    Rapidfir3Pho3nix
    Administrator
    Administrator

    Age : 22
    Number of posts : 4975
    Registration date : 2009-01-23
    Location : Hollow Bastion
    Custom Rank : wut

    View user profile
    avatar
    Administrator
    Administrator

    Re: [How-To] Remove Background Colors

    Post by Granadico on 12/27/2010, 4: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
    Granadico
    Administrator
    Administrator

    Age : 21
    Number of posts : 12933
    Registration date : 2008-11-18
    Location : On the computer

    View user profile http://www.youtube.com/user/Granadico Granadico https://www.twitch.tv/granadico/profile
    avatar
    Eternal Spritan
    Eternal Spritan

    Re: [How-To] Remove Background Colors

    Post by Ping on 12/27/2010, 4: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
    Ping
    Eternal Spritan
    Eternal Spritan

    Age : 21
    Number of posts : 20163
    Registration date : 2010-09-15
    Location : Madison Wisconsin

    View user profile Pingboi
    avatar
    Guru of Knowledge
    Guru of Knowledge

    Re: [How-To] Remove Background Colors

    Post by Mr Lange on 12/28/2010, 9: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
    Mr Lange
    Guru of Knowledge
    Guru of Knowledge

    Age : 26
    Number of posts : 1576
    Registration date : 2010-04-19
    Location : The Land of Waldos

    View user profile greatlange
    avatar
    Administrator
    Administrator

    Re: [How-To] Remove Background Colors

    Post by Rapidfir3Pho3nix on 12/28/2010, 10: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
    Rapidfir3Pho3nix
    Administrator
    Administrator

    Age : 22
    Number of posts : 4975
    Registration date : 2009-01-23
    Location : Hollow Bastion
    Custom Rank : wut

    View user profile
    avatar
    Moderator
    Moderator

    Re: [How-To] Remove Background Colors

    Post by Leo on 12/29/2010, 6: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.
    avatar
    Leo
    Moderator
    Moderator

    Age : 19
    Number of posts : 9196
    Registration date : 2009-05-23
    Location : Brazil
    Custom Rank : "Dank Memes." - Albert Einstein

    View user profile leocartoon1yt
    Sponsored content

    Re: [How-To] Remove Background Colors

    Post by Sponsored content


    Sponsored content


    Reply to topic

    Page 1 of 4 1, 2, 3, 4  Next

    - Similar topics

     
    Permissions in this forum:
    You cannot reply to topics in this forum
    Log In

    Remember me: I forgot my password

    Who is online?
    None

    In total there are 10 users online :: 0 Registered, 0 Hidden and 10 Guests :: 1 Bot

    [ View the whole list ]

    Staff Online
    Latest topics
    The Spritas Discord Channel