60+ Photoshop Tutorials For Icon Design

Nov 17th, 09 by Dicky | View Comments |

Stumble |

Delicious

WP Greet Box icon

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.

Powered by WP Greet Box WordPress Plugin

You maybe interested in our latest article Personal Facebook Fan Pages of Celebrities.

Advertisement

Icon design is an essential skill for every web designer. A website or blog with beautiful icons will definitely attract visitors’ attention.

Although we may download free icons or purchase stock icons from the web, but learning the skill of icon design will definitely brings you a lot of benefits. Besides brush up your Photoshop/icon design skills, you will also have custom made icons that suit your website’s design. Some of the free icons are only for non-commercial products or websites. So having your unique icons, you can get rid of these restrictions.

If you are looking for Photoshop Tutorials for Icon Designs, then you had reached to the right place. Here, we collected 60+ Really Useful Photoshop Tutorials for Icon Design. I am sure you will become a good icon designer after reading these tutorials.

If you are looking for simple icon editors which do not require advance Photoshop skills, then you may want to refer to our previous post about 6 free icon editors.

1. How to Create a Planet Icon Set in Photoshop

2. Simple Coffee Cup Icon Photoshop Tutorial

3. Create a Glossy Volt Icon in Photoshop

4. Design a 3D Box Icon in Photoshop

5. Design a Stylish Mail Icon in Photoshop

7. Adobe Bridge Icon

8. Designing Security Icon

9. How To Draw The Billings Application Icon

10. CD Dock Icon Tutorial

11. Photoshop Gold Ipod Shuffle Icon

12. Create a Glossy Home Icon in Photoshop

13. Photoshop design sell MP3 digital player logo icon in Photoshop

14. Photoshop 4GB Card Icon

15. Photoshop Ipod Portable Speaker Icon

16. Photoshop design bluethoth logo icon in photoshop

17. Photoshop design USB portable speaker logo icon in Photoshop

18. Create an Adobe Box Icon in Photoshop

19. Create a Dock Icon Folder in Photoshop

20. Photoshop Tea Cup Icon

21. Glossy Silver Web 2.0 Icon Tutorial

22. Glossy Black Button Icons

23. Crystal Clear Bubble Icons

24. Yellow Road Sign Icons

25. Red and White Pearl Download Icon

26. Monitor Icon Design – Photoshop Tutorial

27. Draw 3D Crystal Icon in Photoshop

28. The Making of an Icon

29. Christmas Icon Tutorial

30. Crystal Ladybug Webbie

31. New Quicktime Icon in Photoshop

32. Skype Buddy Icon Photoshop Tutorial

33. Glossy RSS icon

34. Stylish Search Icon – Photoshop Tutorial

35. Create A Mockingly Smiley

36. Create a High-Gloss Graduation Hat Icon Design

37. Create a Detailed Vault Icon in Photoshop

38. Handy Web 2.0 Icons In Photoshop

39. Adobe Photoshop CS3 Style Icons

40. How to Make a Folder Icon

41. How to Design Mini Icons

42. Create a Speed Gauge and Watch Icon in Photoshop

43. World Icon Tutorial

44. XP Style iPod Icon

45. Create a Shiny Lock Icon Design

46. Illustrate a Traffic Cone Icon in Photoshop

47. Creating an XP Style Monitor Icon

48. Creating a Cool Yellow Helmet Icon

49. Custom Hard Drive Icon

50. LG LCD Monitor Icon

51. 3D Mp3 Player

52. Vista Error Icon

53. Photoshop website skype icon design in photoshop

54. Create an ESRB look a like icon

55. USB Stick Tutorial

56. Orb Site Icons Tutorial

57. Sleek Icon Design

58. Share This Icon

59. Carbon Style Icon

60. Thermometer Icon

61. How to Create A Swanky Coffee Table Icon in Photoshop

62. Design a Glossy Download Icon

63. How to Create a Moka Express Icon

64. How to Create a Van Icon in Photoshop

Tags: icon design, icon designer, icons, tutorials
Under: Photoshop, Resources

http://designsdelight.com design

I found this guide very useful, I need to revist this page again.
http://www.colordeu.es/BLOG/60-tutoriales-photoshop-para-disenar-iconos 60+ tutoriales Photoshop para diseñar iconos – colorate

[...] Design Booth nos presenta una recopilación de +60 tutoriales Photoshop para diseñar iconos, con la que estoy seguro aprenderemos muchos trucos y maneras de [...]
http://twitter.com/knorrad Konrad Persson

A nice resource, but please!
Quality > Quantity

for example, what did you think when you picked #44 ? To me, that stuff is hideous, the perspective is all wrong…
http://www.designfollow.com/ designfollow

great tutorials

thank you
http://designm.ag/news/60-photoshop-tutorials-for-icon-design/ 60+ Photoshop Tutorials For Icon Design

[...] Visit Source. [...]
http://www.designer-daily.com Mirko

So many tutorials, so little time…
http://toproundups.com/2009/11/18/60-photoshop-tutorials-for-icon-design/ 60+ Photoshop Tutorials For Icon Design | TopRoundups

[...] 60+ Photoshop Tutorials For Icon Design Submitted by Dicky [...]
http://www.3amgroup.com/ Orlando Web Designing

Though we download many icon sets from websites, it really makes much difference if we create our own. Thanks for this useful tutorial.
http://www.hasanyalcin.com/ikon-yapalim/ İkon Yapalım | Tasarımcının El Çantası | Hasan Yalçın

[...] yaparım diyor, ancak nereden başlayacağınızı bilemiyorsanız, 60′tan fazla eğitsel bu adreste [...]
http://www.sjlwebdesign.co.uk Shane

Wow, so many great tutorials. Will try some out soon.

Thanks.
http://design-newz.com/2009/11/18/60-photoshop-tutorials-for-icon-design/ 60+ Photoshop Tutorials For Icon Design | Design Newz

[...] 60+ Photoshop Tutorials For Icon Design [...]
http://webdesignfan.com/daily-designtweets-4/ Daily DesignTweets #4 | WebDesignFan.com

[...] 60+ Photoshop Tutorials For Icon Design [...]
http://free-programz.blogspot.com/2009/11/photoshop-cs4.html wactm

Brilliant Tutorials Btw, any readers who need photoshop click my link.

I love the ESRB style tut, simple but awesome

Thanks
http://www.tutoriallounge.com/ Tutorial Lounge

excellent collection of icon design tutorials.
http://newbloggertemplates.com/ NewBloggerTemplates

all icon above is very interesting and I liked it.. thank’s
http://www.dobadob.com/design/photoshop-text-effects-others/ Photoshop Text Effects + Others

[...] 30 best photoshop text effect tutorials 27 Excellent Planet And Space Photoshop Tutorials 20 Mind Blowing Website Layout Tutorials in Photoshop 250+ Free Photoshop Spray Brushes 69 Awesome Abstract Photoshop Brushes 10 Movie Poster Photoshop Tutorials 50 Extremely Creative Vintage and Retro Photoshop Tutorials 60+ Photoshop Tutorials For Icon Design [...]
http://www.tripwiremagazine.com/news/news/90-fresh-community-pick-for-designers-and-developers.html 90+ Fresh Community Pick for Designers and Developers | tripwire magazine

[...] 60+ Photoshop Tutorials For Icon Design [...]
http://www.onlinemagazabayiservisyazilim.com/90-fresh-community-pick-for-designers-and-developers.html Online Business Management Software and Services » Blog Archive » 90+ Fresh Community Pick for Designers and Developers

[...] 60+ Photoshop Tutorials For Icon Design [...]
Photoshop Lover

Hi, this is a very nice Photoshop Icon tutorials collection. Thanks for sharing!
http://www.cosassencillas.com/2009/11/21/enlaces-semanales-no-publicados-39/ Enlaces semanales que no he publicado (39) | Cosas sencillas

[...] 60+ Photoshop Tutorials For Icon Design (webdesignbooth). El diseño de iconos es una habilidad esencial para cualquier diseñador web. Un sitio web o blog con iconos hermosos sin duda atraerá la atención de los visitantes. Es cierto que puedes descargar iconos gratis o de compra, pero el aprendizaje en el diseño de iconos nos trae muchos beneficios. Aquí tienes algunos tutoriales de Photoshop para el diseño de iconos, un total de 60, estoy seguro de que te convertirás en un buen diseñador de icono después de leerlos. [...]
http://tutsarena.com/2009/11/roundup-of-roundups/ Roundup of roundups – TutsArena

[...] 10. 60+ Photoshop Tutorials For Icon Design [...]
http://craigbaldwin.com/blog/2009/11/the-week-in-links-231109/ dot Blog. The week in links 23/11/09

[...] 60+ Photoshop Tutorials For Icon Design (webdesignbooth.com) [...]
Taiwo

very nice tutorials u guy have got concepts hi guys please i will need a little help from u guys that as being a challenge for me in the last one week.i was ask to redesign this site logo http://www.pengassan.org/ into a housing estate logo please anybody,i will appreciate any assistance of any kind.God bless u as u put me into consideration.u can all contact me through raymondr61@yahoo.com thank u.
http://www.tugayakin.com/2009/11/kendi-iconumu-yapmak-istiyorum-diyenler-buraya/ Kendi Iconumu Yapmak İstiyorum Diyenler Buraya | Tugay Akın

[...] yorulduysanız .Artık kendi iconunuzu kendinizin yapma vakti gelmedi mi ? İcon yapımı dersleri burada [...]
http://favshare.net/60-photoshop-tutorials-for-icon-design-6771/ 60+ Photoshop Tutorials For Icon Design | favSHARE.net

[...] Read the original article [...]
http://www.favshare.net favSHARE

This article has been shared on favSHARE.net. Go and vote it!
http://www.joyoge.com joyoge bookmark

brilliant tutorials, thanks for the list..
http://www.webdesignbooth.com Dicky

Hi Konrad,
To me, i think different people may have different opinion on the tutorials. I don’t mean to list “Top Quality” tutorials, but just icon tutorials that i personally think may be useful to my readers.

Thanks.
http://www.webdesignbooth.com Dicky

Hi,
Yup, i agree with you. I really enjoy the learning process, although the outcome may not as well as them, but at least we learn something.
http://focusec.cn/index.php/60%e5%a4%9a%e4%b8%aa%e5%9b%be%e6%a0%87%e8%ae%be%e8%ae%a1%e7%9a%84photoshop%e6%95%99%e7%a8%8b/ 60多个图标设计的Photoshop教程 | Focusec

[...] 38 Web2.0图标 [...]
http://phe.pdxseofirm.com/web-design-latest-web-design-news-web-design-tv-from-net-with-er-me-seb-lee-delisle web design – Latest web design news – Web Design TV from .net with… er… me! | Seb Lee-Delisle

[...] 60+ Photoshop Tutorials For Icon Design [...]
http://www.bizimhost.biz/wordpress/6-free-icon-editors-to-create-and-edit-icons/ 6 Free Icon Editors To Create and Edit Icons | Bizimhost.biz

[...] 60+ Photoshop Tutorials For Icon Design [...]
http://www.alibuybuy.com/12974.html 64个图标设计Photoshop教程 | 互联网的那点事

[...] 38 Web2.0图标 [...]
http://www.afiffattouh.com/web-design/ultimate-christmas-resources-60-tutorials-icons-design-materials-wordpress-themes-and-christmas-fonts Ultimate Christmas Resources: 60 Tutorials, Icons, Design Materials, Wordpress Themes and Christmas Fonts | Afif Fattouh – Web Specialist

[...] 60+ Photoshop Tutorials For Icon Design [...]
http://www.afiffattouh.com/web-design/image-to-icon-5-ways-to-easily-convert-images-to-icon-files Image To Icon: 5 Ways to Easily Convert Images To Icon Files | Afif Fattouh – Web Specialist

[...] 60+ Photoshop Tutorials For Icon Design [...]
http://vectorilla.com/index.php/tag/graffiti/ graffiti vector

Thanks for share, very nice post
http://www.ultimatebookwarehouse.com Ultimate Book Warehouse

1000′s of FREE eBooks with full re-sell rights
http://www.iconki.com/icons.asp?pack=People-Icons People Icons

Thanks, I will share it on our free icons website
nilesh

great tutorials………………….thanks
http://www.vibegraphics.co.uk vibe web design

I found this guide very useful, I need to revist this page again.
http://www.appealingweb.com web design bournemouth

Wow, very nice collection, great resources for design inspiration.
http://www.localmobilemonopoly.net/ Tim Donovan

thanks for putting this list together, the Adobe Photoshop CS3 Style Icon tutorial will help me to develop an icon for a client.
Pressoo

wow, it’s good ,ilkie it
indore flowers

Wow it’s nice post ! Very good collection
http://www.clippingpathindia.com Clipping Path

Thanks for sharing this huge collection of icon set.
http://www.clippingpathspecialist.com/services/photograph-retouching-service.html Photo Retouching

Thanks for the good collection of icon set.
Anonymous

Regardless if you are an beginner or an experienced, Adobe Illustrator could possibly be the electronic photograph increasing program for you.
http://freehouseinteriordesignideas.com/ house designs

really nice designs. photoshop is a awesome software for designs.

blog comments powered by Disqus