Shop Mobile More Submit  Join Login
Creating Icons in PS CS2 by mauricioestrella Creating Icons in PS CS2 by mauricioestrella
Flash Animated tutorial. Deep walktrough in the icon creation process!

This will explain you how to create resolution-independant icons with the Pen Tool + Basic Shapes.
I hope you enjoy! Created with Macromedia Captative (Thanks to my boss for purchasing it :D)

Sorry for my english, is not my native language. :P
Comments and favs welcome, as always.

This tutorial is intended for any photoshop users, newbies to pros.
Add a Comment:
 

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconniatigra:
Niatigra Featured By Owner May 2, 2012  Hobbyist General Artist
is it free?
Reply
:iconellab0n1tz:
ellab0n1tZ Featured By Owner Jan 10, 2011
Thanks!
Reply
:iconart-aid:
ART-aid Featured By Owner Dec 24, 2010
thanks for the helpful info :)
Reply
:iconsakuraaddictspro:
SakuraAddictsPro Featured By Owner Jan 5, 2010
D: i cant download it
Reply
:iconnirman:
nirman Featured By Owner Aug 26, 2009   Digital Artist
A great tutorial!! Thank you! :aww:
Reply
:iconyazidisme:
yazidisme Featured By Owner Sep 2, 2008
Reply
:iconannalinda87:
annalinda87 Featured By Owner May 16, 2008
thank you so much!
I'm a disaster in photoshop, I need to lear so much... and your tutorial is very esplicative. It will be useful for me
Reply
:iconkarsciyin:
Karsciyin Featured By Owner Mar 15, 2008  Hobbyist General Artist
What if you want to actually SAVE something as an icon... rather than create a folder shape, but actually make an icon? As in, save it, so you can change the icon for My COmputer to whatever you made... can one even do that at all?
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner Mar 15, 2008  Professional Interface Designer
:) Of course, but not with photoshop. There are a lot of programs that can convert PNG files to ICO files with no prob at all. You can save a PNG in photoshop and choose any of the 2311 apps that makes ICO files.
Reply
:iconkarsciyin:
Karsciyin Featured By Owner Mar 15, 2008  Hobbyist General Artist
Thanks! You do have excellent advice. Love the accent too ;)
Reply
:iconkatze-cat-kuroneko:
Katze-Cat-KuroNeko Featured By Owner Feb 27, 2008  Hobbyist Digital Artist
This is a wonderful tutorial, and I certainly learned a lot! Thank you for making it!
Reply
:icontsuki-himemura:
Tsuki-Himemura Featured By Owner Feb 12, 2008
Thanks for the Tutorial, it is wonderfull... I'm learning about Photodhop, i'm just a Beginer!...hahaha... again Thanks... i just have one Question... How can i Save it like an Icon?? cuz' i really want to use mine in my desktop!... well Thanks!...And u're a Great Teacher^^ Cya!
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner Feb 12, 2008  Professional Interface Designer
:) thanks for the comment, well you can't save as .ico from photoshop, but you could try to google "png to ico" and just save your creation as .png, then let the other software to do the rest. there is alot of apps that does that, and 90% of them are free :thumsbup:
Reply
:icontsuki-himemura:
Tsuki-Himemura Featured By Owner Feb 13, 2008
Thanks So much!... but... i have another problem... i allready Save it like .ico, but i can't use it on my desktop... it said that the image doesn't have icons... i don't understand what is it means!... i gess i will download some software to convert the PNG to ICO... but..thanks!.. ^^ it was so Usefull!!!
Reply
:iconzee7:
zee7 Featured By Owner Feb 4, 2008  Professional Interface Designer
thanks you soOO much for sharing your knowledge with us and check my work mate:blowkiss:
Reply
:iconparithoshlfc:
ParithoshLfc Featured By Owner Jan 7, 2008
i downloaded it but am unable to play it,cud u help plz?
Reply
:iconstenodrum:
StenoDrum Featured By Owner Nov 7, 2007
Fantastic tutorial, thank you very very much!
Reply
:iconschlumpfus:
Schlumpfus Featured By Owner Sep 16, 2007
Thanks for these nice tut =)
Reply
:iconxeus5:
Xeus5 Featured By Owner Aug 22, 2007  Hobbyist General Artist
MUY vacano estuvo excelente el tutorial, Nice work
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner Aug 23, 2007  Professional Interface Designer
:D Muchas gracias
Reply
:iconmeltz:
meltz Featured By Owner Jul 26, 2007
great tutorial

but i have the same problem as doffy90, I cant transform the shape just by clicking. I cant do the same as you.

did u key in the value ?? coz im really lost ... hope to follow this tutorial
Reply
:iconmeltz:
meltz Featured By Owner Jul 26, 2007
great tutorial ..

but i have the same problem like doffy90. I cant click to transform like what you did .. -_-''
Reply
:iconsaboia:
saboia Featured By Owner Jul 22, 2007
yup, I downloaded you tutorials a few days back, and just today I'm trying it.
I'm having some problems you your instructions. First I also had problemas adding points outside the main shape (with the add anchor point - which was the tool you were using - you can't add points outside the shape), but I got around that.
But then, when you added the perspetive to it, I had no idea what you did, you just cliked and the shape transformed as you clicked. I have no idea how you did that.
Plus, you didn't explain how you changed the perspective of the duplicated layer to look reflected.
Then I give you. Too many things I couldn't do.

Can you help me?

thanks.
Reply
:icondradise:
Dradise Featured By Owner Jul 17, 2007
Gran tut, me vendrá de vicio ^^

:+fav:
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner Jul 18, 2007  Professional Interface Designer
:D espero que te sea útil
Reply
:icondismark:
DiSmarK Featured By Owner Jun 19, 2007
thanks.
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner Jun 19, 2007  Professional Interface Designer
:)
Reply
:iconi8ody:
i8ody Featured By Owner Jun 13, 2007   Interface Designer
Good tutorial
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner Jun 13, 2007  Professional Interface Designer
:bow: thanks
Reply
:iconx-missworld-x:
x-missworld-x Featured By Owner May 27, 2007
thank you ^_^
Reply
:iconhaine905:
haine905 Featured By Owner May 21, 2007
thank you so much!!!*^_^*
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner May 27, 2007  Professional Interface Designer
:D Glad u liked it
Reply
:icontechgeekjd:
techgeekjd Featured By Owner May 17, 2007
awesome mate
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner May 17, 2007  Professional Interface Designer
:D Thank you
Reply
:iconsniffels:
sniffels Featured By Owner May 10, 2007
excellent work... -->:+fav:
and dont worry about your english..
i understand it all :w00t:
and that will mean something ^^;
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner May 10, 2007  Professional Interface Designer
:D Thanks a lot! :worship:
Reply
:icondeusexverra:
DeusExVerra Featured By Owner Apr 22, 2007
excellent tutorial, thank you :)
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner Apr 22, 2007  Professional Interface Designer
:D Glad u liked it!
Reply
:icondeusexverra:
DeusExVerra Featured By Owner Apr 22, 2007
banned? why's that?
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner Apr 22, 2007  Professional Interface Designer
Who is banned? :|
Reply
:icondeusexverra:
DeusExVerra Featured By Owner Apr 22, 2007
no one apparently. When I saw your comment in my message center and your name had the ! by it. I thought you got banned (and was wondering how you were still commenting... Then i realized it was a glitch)
Reply
:iconzartheit:
Zartheit Featured By Owner Apr 22, 2007  Student Traditional Artist
you, !manicho

lol :D

:heart::smooch::heart:
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner Apr 22, 2007  Professional Interface Designer
OH NOAAAAAZZ!
Reply
:iconmeyra:
Meyra Featured By Owner Apr 11, 2007
amazing tutorial :thanks:
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner Apr 11, 2007  Professional Interface Designer
:) thanks
Reply
:icongowenna:
Gowenna Featured By Owner Mar 21, 2007
This tut is so amazing great! Thank you sooooo much for sharing!!!!! Really great! Sorry, but i have to watch you ;)
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner Mar 25, 2007  Professional Interface Designer
:D Thanks! hahaha, I'm glad u liked it!
Reply
:icondoffy90:
doffy90 Featured By Owner Mar 11, 2007
I can't add anchor points outside the main shape. I have Photoshop CS.
Reply
:iconmauricioestrella:
mauricioestrella Featured By Owner Mar 11, 2007  Professional Interface Designer
U cant add outside. U can add along the main shape only. If u want to create shapes use the normal pen tool.
Reply
:icondoffy90:
doffy90 Featured By Owner Mar 12, 2007
But you said..."with the same tool you can add............outside the mainshape."
Reply
Add a Comment:
 
×




Details

Submitted on
October 14, 2006
File Size
5.0 MB
Thumb

Stats

Views
25,884 (1 today)
Favourites
243 (who?)
Comments
126
Downloads
23,989
×