We have a new website (We've moved)! So go check out Phosphorus.co

20 Amazing Tutorials to Help you Make Icons

Posted in Icons, Resources
preview

Icons are a lovely way to finish a design, whether it be a web design or a user interface of some sort. A picture speaks a thousand words, and icons can help to represent easily what you’re trying to put across to the user.

Unfortunately it can be hard for those less creatively minded to make a set of icons or even an icon by itself! Luckily for you (and also for those of you who are new to creating icons) a bunch of lovely designers have wrote a tutorial or two for making icons, which will hopefully clue you in on some of the tricks of the trade. Below I bring to you 20 of the best quality tutorials on the net, on how to make amazing icons in both Photoshop and Illustrator. Enjoy!





Photoshop

 

Illustrate a Traffic Cone

 
 

The Making of an Icon

 
 

Create a Shiny Lock Icon

 
 

Create a Custom Mac OSX Style Ring Binder Address Book Icon

 
 

Create a Super Shiny Pencil Icon

 
 

Create a High Gloss Graduation Hat Icon

 
 

Design a Detailed Compass Icon

 
 

How to Make Icons

 
 

How to Create a Basic House Icon

 
 

Create the HTC Touch Diamond

 
 

Create Planet Style Icons

 

Illustrator

 

Create a Golden Compass

 
 

Create an Aperture Style Camera Lens

 
 

Illustrate a Brain Icon

 
 

Bridge Icon

 
 

How to Create a Magic Wand Icon

 
 

Twitter Icon

 
 

Vector Military Cap

 
 

Drawing a Pencil icon

 
 

Craft a Delicious Chinese Food Icon

 

Share This

 

 
 

Author: Johnny




Johnny is the owner of Webtint and usually the sole contributer to the site (apart from the ocassional guest post).


Comments



designfollow October 31, 2009 at 1:02 am

thanks for this great tutorials.


Marc November 4, 2009 at 4:58 pm

Thanks, great tuts!



uberVU - social comments




Leave us a Comment



Put your name here:

Your email goes here:

Got a Website? Put it here (optional):

And finally, your comment:




Sponsors