Vandelay Website Design Blog

40 Icon Tutorials for Photoshop

Thank you for visiting the Vandelay Design Blog! We regularly publish collections of Photoshop tutorials like this one. If you would like to improve your Photoshop skills, please consider subscribing to our feed by RSS or by email so you don’t miss these posts.

There are a growing number of excellent Photoshop tutorials creating for your own icons. Here are 40 of the best.

You may also be interested in the following collections of Photoshop tutorials:

How to Create a Super Shiny Pencil Icon

Shiny Pencil Icon

Photoshop Film Clapper Logo Icon

Film Clapper Icon

LG LCD Monitor Icon

LCD Monitor Icon

Wii Controller Icon

Wii Icon

3D Mp3 Player Icon

Mp3 Icon

Nice ‘n’ Simple Subscribe Badges

Subscribe Badges

How to Make a Key Icon

Key Icon

Illustrate a Traffic Cone Icon in Photoshop

Cone Icon

Creating a Cool Yellow Helmet Icon

Helmet Icon

Vista Error Icon

Vista Icon

Design a Glossy Download Icon

Download Icon

Skype Icon Design in Photoshop

Skype Icon

Handy Web 2.0 Icons in Photoshop

Web 2.0 Icons

Photoshop Scissor Icon

Scissor icon

Making a Photoshop Shield

Shield Icon

How to Create Icons for Mac OS X

Mac Icons

Create a Leopard “X” in Photoshop (video tutorial)

Leopard X

Adobe Photoshop CS3 Style Icons

CS3 Style Icons

Creating a Calendar Icon

Calendar Icon

USB Stick Icon

USB Stick Icon

Making a Digital Watch Icon

Watch Icon

Designing Glossy (Web 2.0) Badges

Glossy Badges

100% Satisfaction Guaranteed Seal/Badge

Guarantee Badge

How to Design Mini Icons

Mini Icons

Designing a Safety Icon

Safety Icon

Create a Shiny Lock Icon Design

Lock Icon

Photoshop Dish TV Icon

Dish TV Icon

Photoshop Electronic Torch Light Icon

Torch Icon

Photoshop Nike Sports Cap Icon

Nike Cap Icon

Photoshop Postal Packet Logo Icon

Postal Packet Icon

Creating an XP Style Monitor Icon

XP Monitor Icon

Create a High Gloss Graduation Hat Icon

Graduation Hat Icon

Thermometer Icon

Thermometer Icon

Orb Site Icons

Orb Icons

Pyramid Icon Design

Pyramid Icon

Mac Os X Mail Icon Style

Mac Os X Mail Icon

Photoshop Silver Locket Icon

Silver Locket

Photoshop Ancient Inkpot Logo Icon

Inkpot Icon

Skype Buddy Icon

Skype Buddy Icon

Vista Folder Icon

Vista Folder Icon

For more design resources, please see:

    Originally Published September 8th, 2008

    28 Responses

    1. NaldzGraphics | September 9th, 2008 at 3:37 am

      great list of tutorials.thanks for collecting it.keep it up:)

    2. Andrew Houle | September 9th, 2008 at 7:25 am

      I love these icon tuts, thanks for the list!

    3. Hasan Yalçın » Kendi İkonunu Kendin Tasarla | September 9th, 2008 at 9:47 am

      […] Daha önce kendi karakterini kendin tasarla demiştik, bu kez kendi ikonunu kendin tasarla diyoruz! Burada Photoshop’ta tasarlayabileceğiniz 40 ikon rehberi bulunuyor! […]

    4. 40+ tutoriales photoshop para crear iconos | frogx.three | September 9th, 2008 at 10:01 am

      […] Enlace: 40 icons tutorials for photoshop […]

    5. arthack | September 9th, 2008 at 11:00 am

      Really, I had the whole collection

    6. Selección de 40 tuturiales de Photoshop para diseñar iconos » Cosas sencillas | September 9th, 2008 at 11:43 am

      […] VandelayDesign mencionan que existe un número creciente de excelentes tutoriales para Photoshop para la […]

    7. wellmedicated | September 9th, 2008 at 11:45 am

      I’m always so amazed at how versatile Photoshop can be.

      This is a great list. Thank you very much.

    8. Bernhard | September 9th, 2008 at 3:13 pm

      Nearly each week look in I here and read with large interest the interesting and always well written contributions. Today I would like to leave gladly to a greeting from Thuringia in Germany!

    9. Tabris Chen | September 9th, 2008 at 4:37 pm

      It’s amazing how much effort is required to make something so small looks good

    10. Diabetic | September 10th, 2008 at 11:46 am

      Wow…thanks for the info. I am learning photoshop now so this will be a great help for me.

    11. Left Hand Drive Cars | September 11th, 2008 at 6:59 am

      I love these icon tuts, thanks for the list!

    12. Thursday Links Roundup #11 | September 11th, 2008 at 1:33 pm

      […] 40 Icon Tutorials for Photoshop - Learn how to make different types of icons in Photoshop (from glossy pencils to Wii controllers) […]

    13. Dainis Graveris | September 11th, 2008 at 6:13 pm

      Awesome list here. Just curious why to design icons in PhotoShop? Not vector graphic?

    14. Vandelay Design | September 11th, 2008 at 6:16 pm

      Dainis,
      If I spent much time designing icons I would probably use Illustrator. I can’t speak for others, but my guess is that many people are just more skilled and more comfortable with Photoshop.

    15. Dainis Graveris | September 13th, 2008 at 7:34 am

      Actually that could be right, if I think a bit, then I agree - PS just now is standard application where everybody starts first steps in design.

    16. Danh ba web 2.0 | September 14th, 2008 at 11:13 am

      Great list ! Thanks you very much

    17. Dev photoshop kaynakları! | Tasarım Programları, Tasarımlarım - Grafik Çalışmaları, Webmaster | Tools | Kenan Hudabi | September 18th, 2008 at 5:41 am

      […] 40 ikon tasarım dersi […]

    18. Photoshop Dersleri ve Kaynakları | Batuhan Bulak | September 18th, 2008 at 6:02 am

      […] 40 ikon tasarım dersi […]

    19. projectgrfix | September 20th, 2008 at 2:16 am

      You made my day! really I wanted to see how these glossy icons are made. Thanks for the tuts!!

    20. Discover The Best Of The Web In September 2008 - Opensource, Free and Useful Online Resources for Designers and Developers | September 30th, 2008 at 9:27 pm

      […] 40 Icon Tutorials for Photoshop […]

    21. Best Of Design - September | October 1st, 2008 at 11:54 pm

      […] Visit Source […]

    22. Maak pictogrammen met PhotoShop | Computertaal | October 13th, 2008 at 8:01 am

      […] Op internet zijn er heel wat plaatsen te vinden waar je tutorials krijgt over PhotoShop. Hier krijg je een verzameling van pictogrammen die je na kan maken. In PhotoShop. […]

    23. skins for bebo | October 19th, 2008 at 8:27 pm

      very impressed witht this list. thanks once again.

    24. system errors | October 30th, 2008 at 7:22 am

      I’m always so amazed at how versatile Photoshop can be.

      This is a great list. Thank you very much.

    25. Online Entrepreneur Guide » Blog Archive » Slow down! Where should I start? | November 13th, 2008 at 7:22 pm

      […] http://vandelaydesign.com/blog/design/icon-tutorials-for-photoshop/ (Everyimte I go to this site I think of George Kastanza off of Seinfeld - if you get the reference good for you). […]

    26. Learn How to Create a Cool Web 2.0 ICONS | Skyje | November 22nd, 2008 at 5:19 pm

      […] 40 Icon Tutorials for Photoshop:- […]

    27. Ana Tasarim » Blog Archive » Kendi İkonunu Kendin Tasarla | December 21st, 2008 at 8:08 am

      […] Daha önce kendi karakterini kendin tasarla demiştik, bu kez kendi ikonunu kendin tasarla diyoruz! Burada Photoshop’ta tasarlayabileceğiniz 40 ikon rehberi bulunuyor! […]

    28. 45 Photoshop Tutorials for Better Navigation | Vandelay Website Design | December 24th, 2008 at 12:32 pm

      […] 40 Icon Tutorials for Photoshop […]

    Leave a Reply