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

  • Reply to topic
    avatar
    Administrator
    Administrator

    How to Make a Custom Sprite Folder Icon!

    Post by Rapidfir3Pho3nix on 9/8/2012, 11:25 pm

    So I will be showing you guys how to make a custom sprite folder icon like the one shown here:


    Required Materials:
    - Image Editor of your choice. I use The GIMP. Just make sure it supports transparency along with layers!

    - Something to convert your image into an ICO file. (Icon file, if ya didn't know.) For this I use ConvertICO.com because you don't have to download anything. Just upload the file and it'll convert for you and make it available to download.

    - Download these files. They are the layers for the Windows 7 Folder. BottomLayer & TopLayer
    - Sprite sheet of your choice that contains the sprite you want to use. For this tutorial I will be using Sonic from Sonic Advance 3! Very Happy

    OK, let's get started!

    First you want to open up the "BottomLayer" folder pic and then then the "TopLayer" pic. Make sure they are on separate layers and align them so that they overlap like below.



    It's really easy to do this with the GIMP because all you have to do is open your "BottomLayer" folder pic and then open as layers the "TopLayer" folder pic and it will automatically overlap perfectly. Once this is done, do not move those two layers!

    Next you want to open up your sprite sheet in the GIMP. After you've opened it up, select which pose (sprite) you would like to use for your custom folder icon.



    I like this one, so I will chose this one. Next, you want to copy your pose and paste it into the other window. To do that just copy your sprite and when you go to the other window click "Paste as New Layer" in the Edit menu. After that is done use the Move Tool to move the sprite to the center area of the canvas. Also, move your newly created "Clipboard" Layer between the top layer and the bottom layer. You should end up with this...



    Now we need to re-size Sonic and have him face the other way. How ever you wish to have your sprite is up to you! So first I will make him face the other way by going up to the "Layer" menu then going to "Transform" and finally clicking "Flip Horizontally." Easy as pie. Now we need to re-size Sonic so that he is actually visible when this is used as an icon.

    Ok, this part can turn ugly if you don't follow exactly as planned!! To Re-Size Sonic we need to use the "Scale Tool." However, before we rescale Sonic we need to change one setting first. So select the "Scale Tool" then go down to the "Tool Settings Menu." Find the drop-down box labeled "Interpolation" and set it to "None."



    After that just click on Sonic with the "Scale Tool" and rescale to the appropriate size. To do this, I usually just multiply the original height or width by 5 or 6 and replace the original value with the new value. So for example, Sonic's original width in the sprite I chose is "36." I multiply "36" by 5 and come up with "180." So now 180 is the new width for Sonic's sprite.

    So this:



    Changes to this:


    It's very important that those chains are linked together and not separated also.

    So after that, just grab the "Move Tool" once more and move Sonic, or whatever sprite you are using, to where you want.



    And now you have made your custom sprite folder icon. Now you want to export that as an PNG and convert it to an ICO file somehow. After you have converted it into an ICO file you need to store it somewhere and remember where you store it. I put mine in the "My Pictures" folder. Now, find you folder where you keep all of your sprite resources and right click it and go to "Properties."



    Then go to "Customize."



    Now hit "Change Icon" When you hit "Change Icon" the window below should pop up.



    Do not fret. Go to Browse and find where you stored your ICO file.



    Yay! There it is! Now, just click on it, then hit "OK" and that window will close. Then hit "Apply" and then "OK" and that window will close as well.

    So this is what you end up with!



    And now you are finished!! Yaaay!!! *Head explodes*
    avatar
    Rapidfir3Pho3nix
    Administrator
    Administrator

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

    View user profile
    avatar
    Moderator
    Moderator

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Leo on 9/8/2012, 11:33 pm

    so basically it's
    make stupid image with sonic
    export
    convert to ico
    ???
    profit

    uh
    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
    avatar
    Administrator
    Administrator

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Rapidfir3Pho3nix on 9/8/2012, 11:37 pm

    @Leo wrote:so basically it's
    make stupid image with sonic
    export
    convert to ico
    ???
    profit

    uh

    Yeah basically. Your point?
    avatar
    Rapidfir3Pho3nix
    Administrator
    Administrator

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

    View user profile
    avatar
    Moderator
    Moderator

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Leo on 9/8/2012, 11:44 pm

    i don't think you needed a whole tutorial for it
    it's pretty basic
    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
    avatar
    Elementary Spritan Lv 4
    Elementary Spritan Lv 4

    Re: How to Make a Custom Sprite Folder Icon!

    Post by SᗡN on 9/9/2012, 12:26 am

    ooh leo, u so blunt.



    avatar
    SᗡN
    Elementary Spritan Lv 4
    Elementary Spritan Lv 4

    Age : 25
    Number of posts : 1839
    Registration date : 2011-07-19

    View user profile ansesstor
    avatar
    Administrator
    Administrator

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Rapidfir3Pho3nix on 9/9/2012, 12:28 am

    Maybe not, but I figured it IS technically sprite related so I might as well make a tutorial for it. Plus I really enjoy making tutorials
    avatar
    Rapidfir3Pho3nix
    Administrator
    Administrator

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

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

    Re: How to Make a Custom Sprite Folder Icon!

    Post by NS01 on 9/9/2012, 7:45 am

    This IS helpful! Shut up Leo. Yay



    "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
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Saul on 9/9/2012, 8:50 am

    This is really nice is it able to do with Paint.net??



    avatar
    Saul
    Freshman Spritan Lv 3
    Freshman Spritan Lv 3

    Age : 20
    Number of posts : 2676
    Registration date : 2012-02-04

    View user profile
    avatar
    Administrator
    Administrator

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Rapidfir3Pho3nix on 9/9/2012, 12:56 pm

    Yes, Paint.Net works with transparency and layers so it should be possible with Paint.Net as well
    avatar
    Rapidfir3Pho3nix
    Administrator
    Administrator

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

    View user profile
    avatar
    Administrator
    Administrator

    Re: How to Make a Custom Sprite Folder Icon!

    Post by v2 on 9/9/2012, 2:29 pm

    @NS01 wrote:This IS helpful! Shut up Leo. Yay
    ^this
    fuck up haters



    avatar
    v2
    Administrator
    Administrator

    Age : 20
    Number of posts : 5600
    Registration date : 2012-05-17
    Location : your girls DMs

    View user profile
    avatar
    Moderator
    Moderator

    Re: How to Make a Custom Sprite Folder Icon!

    Post by SXR123 on 9/9/2012, 2:34 pm

    @Leo wrote:i don't think you needed a whole tutorial for it
    it's pretty basic

    look at it this way leo...

    it's such a basic tutorial, yet people still aren't able to do it without help.





    ADOPT A CHAO!!
    (figuratively speaking of course)
    avatar
    SXR123
    Moderator
    Moderator

    Age : 22
    Number of posts : 11623
    Registration date : 2010-03-07
    Location : You know, a place.

    View user profile http://www.youtube.com/user/sonicXrules123
    avatar
    Administrator
    Administrator

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Rapidfir3Pho3nix on 9/9/2012, 5:17 pm

    Also, if there are any newbies that are intimidated by GIMP then this is a perfect way to "warm up to it" in a sense.
    avatar
    Rapidfir3Pho3nix
    Administrator
    Administrator

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

    View user profile
    avatar
    Moderator
    Moderator

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Leo on 9/9/2012, 10:41 pm

    uh ok then
    maybe what was helpful was that site that converts stuff to ico, well for me anyway
    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
    avatar
    Administrator
    Administrator

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Rapidfir3Pho3nix on 9/19/2012, 12:05 pm

    Glad I could help you out then! Very Happy
    avatar
    Rapidfir3Pho3nix
    Administrator
    Administrator

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

    View user profile
    avatar
    Preschool Spritan Lv 4
    Preschool Spritan Lv 4

    Re: How to Make a Custom Sprite Folder Icon!

    Post by NTA on 9/21/2012, 2:22 pm

    Going to make one with sonic getting crushed by a folder Twisted Evil



    avatar
    NTA
    Preschool Spritan Lv 4
    Preschool Spritan Lv 4

    Age : 73
    Number of posts : 818
    Registration date : 2011-01-09

    View user profile
    avatar
    Administrator
    Administrator

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Rapidfir3Pho3nix on 9/21/2012, 3:52 pm

    Funny, you should post it here when you're done.
    avatar
    Rapidfir3Pho3nix
    Administrator
    Administrator

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

    View user profile
    avatar
    Super Spritan
    Super Spritan

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Face on 9/21/2012, 4:09 pm

    @SXR123 wrote:
    @Leo wrote:i don't think you needed a whole tutorial for it
    it's pretty basic

    look at it this way leo...

    it's such a basic tutorial, yet people still aren't able to do it without help.
    Hey HEY! that was a underhanded condescending comment you prick....i'd expect that from you joe....wait you're not Sieghart!



    avatar
    Face
    Super Spritan
    Super Spritan

    Age : 27
    Number of posts : 13005
    Registration date : 2010-04-29
    Location : Returned-ed

    View user profile madskyperz1

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Nathan-5779 on 12/11/2012, 12:37 pm

    it's been a while since I was looking how to create an icon, thank you very much, your tutorial is awesome * _ *



    the main thing is the main thing!
    avatar
    Nathan-5779
    No Rank
    No Rank

    Age : 20
    Number of posts : 51
    Registration date : 2012-12-11
    Location : Somewhere

    View user profile nathan5779
    avatar
    Administrator
    Administrator

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Rapidfir3Pho3nix on 12/11/2012, 2:34 pm

    Thanks! Lol glad you enjoyed it
    avatar
    Rapidfir3Pho3nix
    Administrator
    Administrator

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

    View user profile

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Nathan-5779 on 12/27/2012, 10:05 am

    perhaps this is basic but I find it useful, I must be the only one lol



    the main thing is the main thing!
    avatar
    Nathan-5779
    No Rank
    No Rank

    Age : 20
    Number of posts : 51
    Registration date : 2012-12-11
    Location : Somewhere

    View user profile nathan5779
    avatar
    Freshman Spritan Lv 4
    Freshman Spritan Lv 4

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Knux on 12/29/2012, 1:09 pm

    do you think you could repost those links for the folder?
    they don't seem to be working for me
    avatar
    Knux
    Freshman Spritan Lv 4
    Freshman Spritan Lv 4

    Age : 21
    Number of posts : 2829
    Registration date : 2010-02-17
    Location : The core of your heart <3

    View user profile knux180@yahoo.com
    avatar
    No Rank
    No Rank

    Re: How to Make a Custom Sprite Folder Icon!

    Post by jmkrebs30 on 1/13/2013, 7:17 pm

    The folder images aren't available for some reason. Repost them, please?



    If there's something with Mario & Sonic in it, GET IT!!!
    avatar
    jmkrebs30
    No Rank
    No Rank

    Age : 23
    Number of posts : 38
    Registration date : 2012-08-14

    View user profile
    avatar
    Administrator
    Administrator

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Rapidfir3Pho3nix on 1/13/2013, 8:12 pm

    Whoops, yeah, I'll get them real quick lol

    Edit:
    Ok, BottomLayer and TopLayer should be up again! :)
    avatar
    Rapidfir3Pho3nix
    Administrator
    Administrator

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

    View user profile
    avatar
    No Rank
    No Rank

    Re: How to Make a Custom Sprite Folder Icon!

    Post by jmkrebs30 on 1/13/2013, 8:19 pm

    Thank you. :) Now I can make my own custom folders.



    If there's something with Mario & Sonic in it, GET IT!!!
    avatar
    jmkrebs30
    No Rank
    No Rank

    Age : 23
    Number of posts : 38
    Registration date : 2012-08-14

    View user profile
    avatar
    No Rank
    No Rank

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Tortwag on 5/29/2013, 10:50 am

    YES! THis IS useful indeed, I can't wait to start doing this Very Happy
    avatar
    Tortwag
    No Rank
    No Rank

    Age : 20
    Number of posts : 20
    Registration date : 2013-03-25
    Location : France

    View user profile
    Sponsored content

    Re: How to Make a Custom Sprite Folder Icon!

    Post by Sponsored content


    Sponsored content


    Reply to topic
    - 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 12 users online :: 0 Registered, 0 Hidden and 12 Guests :: 1 Bot

    [ View the whole list ]

    Staff Online
    Latest topics
    Merlow doing his job
    by Ray*~*Ler 3/19/2017, 7:53 pm

    AFK - A Mario Animation
    by ThePixelation 3/16/2017, 11:26 am

    Killer Instinct
    by 5h0ck 3/16/2017, 1:34 am

    LINK ORGANIZED SPRITE SHEET!
    by M4G3K 3/14/2017, 2:00 am

    The Spritas Discord Channel