Transparency

[STEELIX]

yea forget about how i erased over the picture thats a no no i was testing something out and decided to make this tut at the same time










First take the picture of your choice i chose illicuda


http://img199.imageshack.us/img199/669/illucuda48yx.png

Then open it up in photoshop

http://img263.imageshack.us/img263/4774/13jd1.jpg

then choose the magic eraser

http://img263.imageshack.us/img263/7129/26sl.jpg

then make sure the box that sais anti alias is unchecked if your editing a sprite if its a normal jpeg its better if thats clicked

http://img263.imageshack.us/img263/1173/31gh.jpg

Now take the magic eraser and erase the outside

http://img263.imageshack.us/img263/2431/44mt.jpg

then take the regular eraser

http://img116.imageshack.us/img116/6738/52zw.jpg

and find a size just a little bigger then the sprite

http://img263.imageshack.us/img263/3758/65fp1.jpg

and continuously erase untill u feel happy

http://img263.imageshack.us/img263/4631/79xb.jpg

the go to file save for web

http://img263.imageshack.us/img263/3698/88vy.jpg

it should look something like this

http://img263.imageshack.us/img263/8417/94kp.jpg

make sure the box labled transparency is checked

http://img263.imageshack.us/img263/9960/106lw.jpg

now go to the box that sais custom

http://img108.imageshack.us/img108/6225/113dc.jpg

and choose png 24 (or just choose it in the spot that sais gif either works)

http://img127.imageshack.us/img127/9339/124mb.jpg

then click ok

http://img106.imageshack.us/img106/9198/136hp1.jpg

then save

http://img381.imageshack.us/img381/1636/146cq.jpg

then go on image shack (photobucket doesnt work)

http://img106.imageshack.us/img106/1971/154ph.jpg

and browse

http://img106.imageshack.us/img106/3933/160jw.jpg

http://img106.imageshack.us/img106/3623/174is.jpg

and click open

http://img381.imageshack.us/img381/6018/185ay.jpg

then when it uploads take the direct link tab

http://img375.imageshack.us/img375/9750/201pv.jpg

and theirs the link to your pic

http://img104.imageshack.us/img104/4466/ilicuda3ww.gif

http://img104.imageshack.us/img104/4466/ilicuda3ww.gif

as you can see when in blends with the black it becomes brighter

i never posted htis here and i saw people were having trouble with transparency so

http://img104.imageshack.us/img104/4466/ilicuda3ww.gif
and it gets a bit darker in front of the grey

this is a png24 so when it is saved it has a whitish background to get rid of this instead of saving it as a png24 here


http://img127.imageshack.us/img127/9339/124mb.jpg

make it a type of gif

i chose png for this tutorial because its best for spritesas u can tell i went into extreme detail with this tut so even people who dont know how to upload images can do it

[~Felly~]

Like that?

http://img175.imageshack.us/img175/615/transparencytutaa8.png

http://img175.imageshack.us/img175/615/transparencytutaa8.png

[Forte.Exe]

thats just a small overlay.
use the magic eraser and erase everything except the sprite, then when you "save for web" make sure you check the transperancy

[STEELIX]

isnt that wats in the tut?

[Forte.Exe]

yea..im just saying what i think she did wrong