Sep 27

50+ High-Quality Photoshop & Illustrator Icon Tutorials

Author: Jan Cavan, Category: Illustrator, Photoshop, Tutorials

Icon Tutorial

When designing a website, one of the many essential things that contribute to its beauty and usability are icons. Icons, as tiny as some may seem, aid in giving more appeal to your designs. They also draw attention and help effectively communicate messages to site visitors easily, thus, enhancing user experience. In this blog post, I have collected 50+ High-Quality Photoshop and Illustrator Icon Tutorials. These very detailed tutorials will not only help you create your own icons in the future but will also help you learn basic to advanced Photoshop and Illustrator tips and techniques such as 3D effects.

New Quicktime Icon in Photoshop
Icon Tutorial

How To Create a Swanky Coffee Table in Photoshop
Icon Tutorial

iPod Eardbuds Adobe Illustrator Tutorial
Icon Tutorial

How To Create a Van Icon in Photoshop
Icon Tutorial

How To Create a Keyfob Icon in Photoshop
Icon Tutorial

Create a Cute Panda Bear Face Icon in Illustrator
Icon Tutorial

How to Make a Calendar Icon in Illustrator
Icon Tutorial

How to Make a Vector RSS Icon with Illustrator
Icon Tutorial

How to Create a Moka Express Icon in Photoshop
Icon Tutorial

How to Create a Yellow Submarine Icon with Gradient Meshes in Illustrator
Icon Tutorial

Create an Adobe Box Icon in Photoshop
Icon Tutorial

Design a Stylish Mail Icon in Photoshop
Icon Tutorial

How To Create a Super Shiny Pencil Icon in Photoshop
Icon Tutorial

How To Create a Vector Safari Compass in Illustrator
Icon Tutorial

How To Create a Vector Wacom Tablet in Illustrator
Icon Tutorial

Glassy and Vibrant RSS Feed Icon in Photoshop
Icon Tutorial

Create an Envelope Icon with Satin Feel
Icon Tutorial

Create a Glossy Volt Icon in Photoshop
Icon Tutorial

How To Create an Energy Saving Bulb in Illustrator
Icon Tutorial

Creating a Cool Yellow Helmet Icon in Photoshop
Icon Tutorial

Design Paint Brush Icon Photoshop
Icon Tutorial

Video Game Icon in Photoshop
Icon Tutorial

Recreate the Famous Yahoo! Icon in Photoshop
Icon Tutorial

Draw a Magnifying Lens in Photoshop
Icon Tutorial

How To Create a Golden, Vector Compass in Illustrator
Icon Tutorial

How To Create a Realistic Chef’s Knife in Illustrator
Icon Tutorial

How To Create a Realistic Chef’s Knife in Illustrator
Icon Tutorial

Create a Speed Gauge and Watch Icon in Photoshop
Icon Tutorial

Recreate the Skype Logo Icon in Photoshop
Icon Tutorial

How To Create the iTunes Icon in Illustrator
Icon Tutorial

How To Create the iTunes Icon in Illustrator
Icon Tutorial

Craft a Delicious Chinese Food Icon in Illustrator
Icon Tutorial

Create a Dish TV Icon in Photoshop
Icon Tutorial

Design a 3D Box Icon in Photoshop
Icon Tutorial

Sony Playstation Logo Icon in Photoshop
Icon Tutorial

Electronic Torch Light Icon in Photoshop
Icon Tutorial

Create a Sleek Computer Icon in Photoshop
Icon Tutorial

How To Create a Radial Mesh in Illustrator and Make a Vector CD
Icon Tutorial

How To Make A Diamond Ring in Illustrator
Icon Tutorial

3D Isometric Vector Icon Tutorial in Illustrator
Icon Tutorial

Design a Vista Error Icon Tutorial
Icon Tutorial

How to Create a Gearbox Settings Icon
Icon Tutorial

Abracadabra, How to Create a Magic Hat Icon
Icon Tutorial

How to Draw a Realistic Vector Light Bulb from Scratch
Icon Tutorial

Creating a Power Cell Icon Tutorial
Icon Tutorial

Create a Vector Art Twitter Bird Character Icon in Adobe Illustrator
Icon Tutorial

Create a Vector Home Cinema Design in Illustator
Icon Tutorial

Create an iPod Shuffle in Photoshop
Icon Tutorial

Green Apple Style Design Tutorial
Icon Tutorial

How to Draw a Mac Internet Globe Icon in Photoshop
Icon Tutorial

Creating a Vector Style Macbook from Scratch
Icon Tutorial

How to Create a Shiny, Vector Dice in Illustrator
Icon Tutorial

Enjoyed this post? Subscribe to our RSS Feed to stay up to date with our latest tutorials, freebies and more design resources!

Author

Jan Cavan is a web and graphic designer, illustrator, blogger, geek, the girl behind Dawghouse Design Studio and a breakdancer wannabe. If you would like to connect with her, follow her on Twitter and join her on Facebook

Comments

Prakeet (September 27th, 2009 @ 2:53 pm)

wow so many!! My favorite choice are the 3D like icons

Misham (September 27th, 2009 @ 10:37 pm)

wow nice. i love them

B.D. Townsend (September 27th, 2009 @ 11:13 pm)

great collection

Rozalind Dvinov (September 28th, 2009 @ 2:01 am)

I must say, these is a great collection. How long did you compile these? :)

Greg (September 28th, 2009 @ 4:30 am)

So many great tutorials, so little time to do them all!

DesignerFanBoi (September 28th, 2009 @ 7:59 am)

woah this a huge list! Cool! Thanks man!

xea (September 28th, 2009 @ 2:44 pm)

Congratulations! Nice post…

Danny (September 30th, 2009 @ 6:29 am)

Great round-up, Jan!

Adil (October 1st, 2009 @ 8:56 am)

awesome…awesome…awesome….

this is gr8 man!!! wish i cud make something lyk these designs…

God Bless U all!!!!
AWESOME !!!!!!!

Jan Cavan (October 1st, 2009 @ 9:24 am)

Happy you like the collection everyone! Thanks!

Asia (October 5th, 2009 @ 9:30 pm)

These are awesome! Thank you for so many quality tutorials! I wish I had time to do them all :)

Ginish (October 18th, 2009 @ 1:35 pm)

its, nice.. & good..
any way thanks…..

Leave A Reply

PSD to XHTML
Jan

Hello there!

My name is Jan Cavan and this is my online portfolio, visual playground and testing ground...

Get to know me moreArrow
Follow Me On Twitter

Twitter Updates

Categories

Have something interesting to share to the design community? Check out our Community News section or Submit Your News here!