31/01/2010 - Blogger.Iconshock
16
Comments

100 Icon tutorials every designer should have

Here you will find the 100 most interesting icon related tutorials I’ve found on the web. If you are a icon enthusiast, a GUI designer, or a plain graphics freak, won’t have to type in your browser anything else than Iconshock. Enjoy this list, and don’t forget to check out our own tutorials, where we show users the process behind our unique brand styles. You can access our tutorials via the link “Iconshock Tutorials” you can find at the right. 1. Create a cool Yellow helmet icon – PS
Yellow_Helmet_Tuts
Click on image to access tutorial.
2. Glossy RSS icon – PS
GlossyRss_Tuts
Click on image to access tutorial.
3. Perfect Shine button – PS
Shine_Button_Tuts
Click on image to access tutorial.
4. World icon tutorial – PS
World_Tuts
Click on image to access tutorial.
5. Ace of hearts Super Vista Style – AI
Cards_Tuts
Click on image to access tutorial.
5. Glossy download icon – PS
Glossy_download_Tuts
Click on image to access tutorial.
6. Illustrate a traffic cone icon – PS
Traffic_cone_Tuts
Click on image to access tutorial.
7. Angry emoticon – PS
Angry_emoticon_Tuts
Click on image to access tutorial.
8. Create a jaguar style folder icon – PS
Jaguar_folder_Tuts
Click on image to access tutorial.
9. Glossy home icon – PS
Glossy_home_Tuts
Click on image to access tutorial.
10. Create a high gloss graduation hay icon design – PS
Glossy_graduation_hat_Tuts
Click on image to access tutorial.
11. Create a mockingly smiley – PS
Smiley_Tuts
Click on image to access tutorial.
12. Create orb icons – PS
Icon_orbs_Tuts
Click on image to access tutorial.
13. Create a shiny lock icon design – PS
Shiny_lock_Tuts
Click on image to access tutorial.
13. Wizard hat Icon Stroke style – AI
Wizard_Tuts
Click on image to access tutorial.
14. Creating an XP style monitor icon – PS
Xp_monitor_Tuts
Click on image to access tutorial.
15. Design the itunes icon in iphone – PS
itunes_iphone_Tuts
Click on image to access tutorial.
16. Glowing orb with dial – PS
Glowing_orb_Tuts
Click on image to access tutorial.
17. How to make a folder icon – PS
Folder_Tuts
Click on image to access tutorial.
18. Draw magnifying glass – PS
Magnifying_glass_Tuts
Click on image to access tutorial.
19. Create home icon – PS
Home_Tuts
Click on image to access tutorial.
20. itunes icon – PS
itunes_Tuts
Click on image to access tutorial.
21. Custom RSS – PS
Custom_RSS_Tuts
Click on image to access tutorial.
22. Video game Mario icon – PS
Mario_Tuts
Click on image to access tutorial.
23. Recreate the famous Yahoo! smiley– PS
Yahoo_smiley_Tuts
Click on image to access tutorial.
24. Skype logo – PS
Skype_Tuts
Click on image to access tutorial.
25. Skype Buddy icon – PS
Skype_buddy_Tuts
Click on image to access tutorial.
26. Stylish search – PS
Stylish_search_Tuts
Click on image to access tutorial.
27. Vista error icon – PS
Vista_error_Tuts
Click on image to access tutorial.
28. Free PSD Sources for glossy icons – PS
PSD_glossy_Tuts
Click on image to access tutorial.
29. Designing a new stumble upon icon – AI
New_icon_Tuts
Click on image to access tutorial.
30. New Quicktime icon – PS
New_Quicktime_Tuts
Click on image to access tutorial.
31. Simple Coffee – PS
Simple Coffee_Tuts
Click on image to access tutorial.
32. How to create a realistic Gameboy - PS
Gameboy_Tuts
Click on image to access tutorial.
33. Create a vector based Zune – PS
Zune_Tuts
Click on image to access tutorial.
34. How to make a vector military cap icon – AI
Military_cap_Tuts
Click on image to access tutorial.
35. Make a handy 3D calendar icon - AI
Calendar_Tuts
Click on image to access tutorial.
36. Create a Can of beans by mapping vectors to a 3D object - AI
Beer_Can_Tuts
Click on image to access tutorial.
37. 3D apple - AI
Apple_Tuts
Click on image to access tutorial.
38. How to make a delicious vector orange - AI
Orange_Tuts
Click on image to access tutorial.
39. Craft a delicious Chinese food icon - AI
Chinese_food_Tuts
Click on image to access tutorial.
40. Create a vector style Macbook - PS
Macbook_pro_Tuts
Click on image to access tutorial.
40. Administrator icon Clean Web 2.0 Style – AI
Admin_Tuts
Click on image to access tutorial.
41. Apple iphone Mobile
iphone_Tuts
Click on image to access tutorial.
42. Translucent style IM icon - AI
Messenger_Tuts
Click on image to access tutorial.
43. Disco Ball - AI
Disco_ball_Tuts
Click on image to access tutorial.
44. Make 3D yet flat looking shopping basket icons – AI
Shopping_Basket_Tuts
Click on image to access tutorial.
45. Halloween Pumpkin - AI
Pumpkin_Tuts
Click on image to access tutorial.
46. How to Create an Open Book with Illustrator’s 3D Extrude & Bevel Tool - AI
Book_Tuts
Click on image to access tutorial.
47. iphone style icon tutorial - PS
iphone_icons_Tuts
Click on image to access tutorial.
48. How to create an ipod touch - PS
ipod_touch_Tuts
Click on image to access tutorial.
49.ipod Shuffle from scratch - PS
Shuffle_Tuts
Click on image to access tutorial.
50. Design a shiny photorealistic apple remote - PS
Apple_remote_Tuts
Click on image to access tutorial.
51. Realistic ipod - PS
ipod_Tuts
Click on image to access tutorial.
52. Add Progressive Icons to Your Site
Progressive_icons_Tuts
Click on image to access tutorial.
53. iMac - PS
imac_Tuts
Click on image to access tutorial.
54. LED cinema display - FW
LED_cinema_Tuts
Click on image to access tutorial.
55. Creating an amazing Palm Pre icon - FW
Palm_Tuts
Click on image to access tutorial.
56. Grunge RSS feed icon - FW
Grunge_Rss_Tuts
Click on image to access tutorial.
57.Creating an icon folder - FW
Folder_fireworks_Tuts
Click on image to access tutorial.
58. Creating the IE7 logo effect - FW
IE_Effect_Tuts
Click on image to access tutorial.
59. Gel cap plastic button - FW
Gel_Tuts
Click on image to access tutorial.
60. A simple little pencil - AI
Pencil_short_Tuts
Click on image to access tutorial.
60. Clock in Sophistique style – AI
Clock_Tuts
Click on image to access tutorial.
61. Design a Detailed Compass Icon - PS
Compass_Tuts
Click on image to access tutorial.
62. Create a Vector RSS Icon - AI
RSS_Tuts
Click on image to access tutorial.
63. Design Float Circle Icon - AI
Float_Tuts
Click on image to access tutorial.
64. Custom Hard Drive Icon - PS
Hard_Drive_Tuts
Click on image to access tutorial.
65. Design a Stylish Mail Icon - PS
Stylish_Mail_Tuts
Click on image to access tutorial.
66. Black iMac icon tutorial - PS
Black_imac_Tuts
Click on image to access tutorial.
67. Create a Vector Film Slate Icon - AI
Slate_Tuts
Click on image to access tutorial.
68. How to Create a Vector Safari Compass
Safari_Tuts
Click on image to access tutorial.
69. Create an Adobe Box Icon - PS
Aibox_Tuts
Click on image to access tutorial.
70. How to Create a Transparent Battery Icon - Ai
Battery_Tuts
Click on image to access tutorial.
71. Monitor Icon Design - PS
Monitor_Tuts
Click on image to access tutorial.
72. Quicktime icon - PS
Quicktime_Tuts
Click on image to access tutorial.
73. 3D Mp3 Player - PS
Mp3_Tuts
Click on image to access tutorial.
74. Cubite graphics design logo icon - PS
Cubite_Tuts
Click on image to access tutorial.
75. How to Design a Set of Multicolored Buddy Icons - AI
Buddy_Tuts
Click on image to access tutorial.
76. Vista Folder Icon Tutorial - PS
Vista_folders_Tuts
Click on image to access tutorial.
77. Electronic Torch Light Icon - PS
Torch_Light_Tuts
Click on image to access tutorial.
78. Website Skype icon design - PS
Skype_II_Tuts
Click on image to access tutorial.
79. Create a Vector Lock Icon Design - AI
Lock_Tuts
Click on image to access tutorial.
80. Dish TV Icon - PS
TV_Dish_Tuts
Click on image to access tutorial.
81. Scissor Icon – PS
Scissor_Tuts
Click on image to access tutorial.
82. How to Create a Magic Wand Icon - AI
Magic_wand_Tuts
Click on image to access tutorial.
83. Making a Compact Disc Icon - PS
CD_Tuts
Click on image to access tutorial.
84. Sony Playstation - PS
Playstation_Tuts
Click on image to access tutorial.
85. Create a Shiny 3D Box - PS
Shiny_Box_Tuts
Click on image to access tutorial.
86. How to Create a Van Icon - PS
Van_Tuts
Click on image to access tutorial.
87. How to make a Calendar icon - AI
Calendar_II_Tuts
Click on image to access tutorial.
88. How to Create an Alarm Clock Icon - AI
Alarm_Clock_Tuts
Click on image to access tutorial.
89. Create a Speed Gauge and Watch Icon - PS
Speed_Tuts
Click on image to access tutorial.
90. Wii Mote Controller Tutorial - PS
Wii_Tuts
Click on image to access tutorial.
91. Create An Aperture Style Camera Lens Icon - AI
Aperture_Tuts
Click on image to access tutorial.
92. How to Create a Juicy RSS Feed Icon - AI
Juice_Tuts
Click on image to access tutorial.
93. How to Create a Super Shiny Pencil Icon - PS
Pencil_Tuts
Click on image to access tutorial.
94. Create a Custom Mac OSX Style Ring Binder Address Book Icon - PS
Adress_Book_Tuts
Click on image to access tutorial.
95. Laser Printer Icon Tutorial - PS
Printer_Tuts
Click on image to access tutorial.
96. Draw a Classy 3D Poker Chip - PS
Chip_Tuts
Click on image to access tutorial.
97. Create a Glossy Volt Icon - PS
Volt_Tuts
Click on image to access tutorial.
98. How to Create a Gearbox Settings Icon Using Simple Shapes - AI
Settings_Tuts
Click on image to access tutorial.
99. Carbon Style Icon - PS
Carbon_Tuts
Click on image to access tutorial.
100. How to Create a Quirky Twitter Bird icon – Corel Draw
Twitter_Tuts
Click on image to access tutorial.

ThemeShock

16 Responses to “100 Icon tutorials every designer should have”

  1. SherwoodNo Gravatar
    September 2nd

    Good thing you can click on them to go to the tuts, cuz i still can’t see the pics :( Thanks G, would love to be able to make some good quality icons and these tuts will get me on my way! Thanks for posting.

    Reply
  2. Editorial.IconshockNo Gravatar
    September 2nd

    Hi Sherwood, it’s just a technical bug to be fixed in a few moments. Stay tuned :)

    Reply
  3. Jjay
    September 3rd

    Holy cow! Now I know what u been so busy on! It’s gonna take me 2 years to go through all of them….*gasping in awe and wonder* Okay, see ya then!

    Reply
  4. Blogger.IconshockNo Gravatar
    September 3rd

    Sorry people for the missing pictures. Leon our engineer has been playing with the site’s database… I hope the problem will be fixed in a couple of days… we are planning to give Leon a teddy bear or a baseball or something so he has something else to juggle around…

    Reply
  5. mcdonalds couponNo Gravatar
    September 14th

    Thank you much for that wonderful entry.

    Reply
  6. Mario ZabaletaNo Gravatar
    September 17th

    finding all these tutorials in just one place is so useful and time saving that it almost makes me feel guilty!

    Reply
  7. Joe BarstowNo Gravatar
    January 27th

    perfect post.

    going through every tut for the next 100 days, afterward, I’ll see if I notice any self-improvement

    Reply
  8. Blogger.IconshockNo Gravatar
    January 27th

    @Joe Barstow Cool portfolio you have there Joe! Thanks for passing by. Don’t forget to send us your progress report in May. :P

    Reply
  9. webdesignNo Gravatar
    April 5th

    Veeeery good, thanks for sharing…

    Reply
  10. adminNo Gravatar
    April 7th

    You are welcome, thank you for checking.

    Reply
  11. Iconshock Blog » 100 Icon tutorials every designer should have
    September 4th
  12. 100 Best logo tutorials | Concept Dezain
    September 30th
  13. Tweets that mention Icon Library » 100 Icon tutorials every designer should have -- Topsy.com
    January 28th
  14. [User Link:100 Icon tutorials every designer should have] | Tips for Designers and Developers | tripwire magazine
    May 22nd
  15. Icon tutorial | Hinteler
    April 21st
  16. High Quality Free Icons | Explosion Graphics
    March 20th

Leave a Reply

*