40+ Hand-Picked Icon Design Photoshop Tutorials

We know we can always count on the Internet for free quality icons, but that being said, free icons sometimes might have it’s limitation too. Here’s few we can quickly think of:

  • Copyright. Most free icons restricts usage on non-commercial product/website only.
  • Size. Don’t you just hate it when you found your favorite icon but it’s only a 32×32 and you wish they have a bigger version?
  • Colors. You found the exact icon you want, but the color is just not right.
  • Transparency. Some author did not distribute their free icon in .jpg or original source. That makes it hard to implement their icons on our design.

Creating your own icon not only overcome above mentioned problem, at the same time you gain and brush up your Photoshop skills. Nothing beats the satisfaction of creating things on your own. We’ve crawled the net, searching from sites to sites and here’s a 40+ hand-picked Photoshop tutorials that guide you through icon designing.


Icon design for your inspiration

Icon design: Sketch vs. Ready

50 App Icon Designs

iOS Icon designs – lorem ipsum

Icon Design Tutorials

Check out these following icon design tutorials.

Angry Emoticon – Learn about special effects while converting an ordinary orb into a fantasy art piece.

Create a Glossy Home Icon – Learn how to design your very own glossy home icon in Photoshop

Perfect Shine Button or Icon – How to create a cool looking button or an icon to suit your need.

Create a High-Gloss Graduation Hat Icon Design – How to make a professional, shiny, clean graduation hat icon.

Create a Jaguar Style Folder Icon – How to cover an object in a Jaguar style fur texture.

Create a Shiny Lock Icon Design – Wherever you wish to place a lock icon, this tutorial will show you how to create an attractive one for you to use!

Create Icons tutorial – Create a glossy looking icons.

Creating a Cool Yellow Helmet Icon – Create a helcom icon from photograph.

Creating an XP Style Monitor Icon – Create a simple monitor icon in that style.

Design a Glossy Download Icon – You want the graphic to be eye-catching, yet smooth and small enough so it doesn’t dominate your layout. This tutorial will teach you how to create a graphic that does just that.

Draw magnifying glass – Learn how to create magnifying glass, which you can use it as button or as icon

Glossy RSS icon – In this tutorial we are going to create a colorful RSS icon for your blog.

Glowing Orb With Dial – Experimenting with layers and styles to create a cool glowing orb and dial effect.

Home Icon – In this tutorial, you will learn to create a home icon.

How to Make a Folder Icon – Learn how to create a nice folder for your desktop or a website.

Illustrate a Traffic Cone Icon in Photoshop – Drawing a traffic cone, another handy icon for "under construction"

iTunes Icon – The challange of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon.

Mac Os X Mail Icon Style – Learn how to make the Mac OS X Mail’s icon in a easy way.

Making a Photoshop Shield – Use the Path Tools in Photoshop to draw a shield-like shape.

Designing a Safety Icon – Design safety icon in Photoshop.

Pyramid Icon Design – How to use your pen tool to create a simple and easy triangular icon design that can be used as your logo or a bulletin.

Skype Buddy Icon – Learn to draw skype buddy icon with this tutorial.

Skype Logo – Learn how to create in easy steps logo for Skype.

The Making of an Icon – Insights into the process of making icons.

TV Icon – In this tutorial, you will learn to create a tv icon.

Vista Error Icon – How to create Windows Vista icons using a few basic layers, creative layer styles and some web 2.0 gradients.

XP Style Woman Icon – Learn to draw a xp style woman icon.

45 clever Photoshop tricks

Here are a total of 45 Photoshop tips and tricks you wish you’d know sooner.