Share
View previous topicGo downView next topic
avatar
Administrator
Administrator
Age : 22
Number of posts : 4781
Registration date : 2009-01-23
Reputation : 86
Location : Hollow Bastion
View user profile

How to Make a Custom Sprite Folder Icon!

on 9/8/2012, 10: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
Moderator
Moderator
Age : 19
Number of posts : 9196
Registration date : 2009-05-23
Reputation : 3
Location : Brazil
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/8/2012, 10:33 pm
so basically it's
make stupid image with sonic
export
convert to ico
???
profit

uh
avatar
Administrator
Administrator
Age : 22
Number of posts : 4781
Registration date : 2009-01-23
Reputation : 86
Location : Hollow Bastion
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/8/2012, 10:37 pm
@Leo wrote:so basically it's
make stupid image with sonic
export
convert to ico
???
profit

uh

Yeah basically. Your point?
avatar
Moderator
Moderator
Age : 19
Number of posts : 9196
Registration date : 2009-05-23
Reputation : 3
Location : Brazil
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/8/2012, 10:44 pm
i don't think you needed a whole tutorial for it
it's pretty basic
avatar
Spritan
Spritan
Age : 25
Number of posts : 1841
Registration date : 2011-07-19
Reputation : 0
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/8/2012, 11:26 pm
ooh leo, u so blunt.


avatar
Administrator
Administrator
Age : 22
Number of posts : 4781
Registration date : 2009-01-23
Reputation : 86
Location : Hollow Bastion
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/8/2012, 11:28 pm
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
Spritan
Spritan
Age : 24
Number of posts : 6080
Registration date : 2009-09-07
Reputation : 7
Location : UK england
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/9/2012, 6: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
Spritan
Spritan
Age : 20
Number of posts : 2676
Registration date : 2012-02-04
Reputation : 0
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/9/2012, 7:50 am
This is really nice is it able to do with Paint.net??


avatar
Administrator
Administrator
Age : 22
Number of posts : 4781
Registration date : 2009-01-23
Reputation : 86
Location : Hollow Bastion
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/9/2012, 11:56 am
Yes, Paint.Net works with transparency and layers so it should be possible with Paint.Net as well
avatar
Administrator
Administrator
Age : 20
Number of posts : 5600
Registration date : 2012-05-17
Reputation : 0
Location : your girls DMs
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/9/2012, 1:29 pm
@NS01 wrote:This IS helpful! Shut up Leo. Yay
^this
fuck up haters


avatar
Moderator
Moderator
Age : 23
Number of posts : 11628
Registration date : 2010-03-07
Reputation : 7
Location : You know, a place.
View user profilehttp://www.youtube.com/user/sonicXrules123

Re: How to Make a Custom Sprite Folder Icon!

on 9/9/2012, 1: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
Administrator
Administrator
Age : 22
Number of posts : 4781
Registration date : 2009-01-23
Reputation : 86
Location : Hollow Bastion
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/9/2012, 4: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
Moderator
Moderator
Age : 19
Number of posts : 9196
Registration date : 2009-05-23
Reputation : 3
Location : Brazil
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/9/2012, 9:41 pm
uh ok then
maybe what was helpful was that site that converts stuff to ico, well for me anyway
avatar
Administrator
Administrator
Age : 22
Number of posts : 4781
Registration date : 2009-01-23
Reputation : 86
Location : Hollow Bastion
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/19/2012, 11:05 am
Glad I could help you out then! Very Happy
avatar
Spritan
Spritan
Age : 73
Number of posts : 818
Registration date : 2011-01-09
Reputation : 0
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/21/2012, 1:22 pm
Going to make one with sonic getting crushed by a folder Twisted Evil


avatar
Administrator
Administrator
Age : 22
Number of posts : 4781
Registration date : 2009-01-23
Reputation : 86
Location : Hollow Bastion
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/21/2012, 2:52 pm
Funny, you should post it here when you're done.
avatar
Spritan
Spritan
Age : 28
Number of posts : 13012
Registration date : 2010-04-29
Reputation : 20
Location : Returned-ed
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 9/21/2012, 3: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
Spritan
Spritan
Age : 21
Number of posts : 51
Registration date : 2012-12-11
Reputation : 0
Location : Somewhere
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 12/11/2012, 10:37 am
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
Administrator
Administrator
Age : 22
Number of posts : 4781
Registration date : 2009-01-23
Reputation : 86
Location : Hollow Bastion
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 12/11/2012, 12:34 pm
Thanks! Lol glad you enjoyed it
avatar
Spritan
Spritan
Age : 21
Number of posts : 51
Registration date : 2012-12-11
Reputation : 0
Location : Somewhere
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 12/27/2012, 8: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
Spritan
Spritan
Age : 22
Number of posts : 2829
Registration date : 2010-02-17
Reputation : 0
Location : The core of your heart <3
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 12/29/2012, 11:09 am
do you think you could repost those links for the folder?
they don't seem to be working for me
avatar
Spritan
Spritan
Age : 24
Number of posts : 38
Registration date : 2012-08-14
Reputation : 0
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 1/13/2013, 5: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
Administrator
Administrator
Age : 22
Number of posts : 4781
Registration date : 2009-01-23
Reputation : 86
Location : Hollow Bastion
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 1/13/2013, 6:12 pm
Whoops, yeah, I'll get them real quick lol

Edit:
Ok, BottomLayer and TopLayer should be up again! :)
avatar
Spritan
Spritan
Age : 24
Number of posts : 38
Registration date : 2012-08-14
Reputation : 0
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 1/13/2013, 6:19 pm
Thank you. :) Now I can make my own custom folders.


If there's something with Mario & Sonic in it, GET IT!!!
avatar
Spritan
Spritan
Age : 20
Number of posts : 20
Registration date : 2013-03-25
Reputation : 0
Location : France
View user profile

Re: How to Make a Custom Sprite Folder Icon!

on 5/29/2013, 9:50 am
YES! THis IS useful indeed, I can't wait to start doing this Very Happy
View previous topicBack to topView next topic
Permissions in this forum:
You cannot reply to topics in this forum