30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Have you ever thought how those beautiful icons which all of us make use of them in our web designing projects are made?

Here are 30 Adobe Photoshop and Illustrator Tutorials about “how to design most beautiful and fully detailed icons in Photoshop and Illustrator”.

I will start with one of the most important photoshop blog, Tutorial9 which has some beautiful and detailed icons design tutorials.

Glossy Volt Icon


glossy-volt-icon-in-photoshop

Design a Stylish Mail Icon in Photoshop


stylish-mail-lead

Design a 3D Box Icon in Photoshop


3dbox-lead

I continue with a beautiful battery icon designed in Photoshop from VectorTuts

How to Create a Transparent Battery Icon


battey-icon-in-photoshop

High Gloss Graduation Hat Icon Design Tutorial

From PsdTuts.com came a beautiful graduation hat icon design:


glossy-graduation-hat-icon

Create An Aperture Style Camera Lens Icon

This icon tutorial it`s created in Illustrator and not in Photoshop.Illustrator may be a better solution for those who want to create icons.But whatever tool you choose,both offer you resources for creating icons.

In this tutorial is created a detailed camera lens similar to the one used as the logo for Apple’s Aperture photo-editing software.


aperture-style-camera-lens-icon

Yellow Helmet Icon

This tutorial explains you how to copy the shape of a helmet and create the icon in Photoshop.


yellow-helmet-icon

Handy 3D Vector Calendar Icon

Another icon tutorial created in Illustrator is this handy 3D vector Calendar icon from Vectortuts.


handy-3d-calendar-icon

Traffic Cone Icon in Photoshop


traffic-cone-icon

Delicious Chinese Food Icon

This tutorial is also created in Adobe Illustrator.I put it here for Adobe Illustrator fans and for those who don`t know how to use this tool too…who knows,maybe this showcase will convince them to discover the beauty of Adobe Illustrator.


delicious-chinese-food

Lock Icon Tutorial


lock_icon

Jaguar Style Folder Icon Tutorial in Photoshop


jaguar-folder-icon-in-photoshop

LG LCD Monitor Icon Tutorial

This tutorial shows you a simple but powerful way to create icons in Photoshop,starting from a simple rectange.


lg-lcd-monitor

Creating a Sony Playstation logo icon in photoshop


sony-playstation-logo-icon

Design a Detailed Compass Icon in Photoshop

Another great and very detailed tutorial from PsdTuts,this Photoshop tutorial shows you how to control shadows and reflections to add realism to the final design.


compass-icon-in-photoshop

Design an USB portable speaker logo icon in Photoshop

That`s a great tut.I always admired how those innovative high tech stuffs are created.Here`s a beautiful attempt:


usb-portable-speaker-logo-icon

Simple Coffee Cup Icon Photoshop Tutorial

A simple and cute coffee cup icon,created in Photoshop and very easy to replicate.


simple-coffee-cup-icon-in-photoshop

Create a Wooden Stack Dock Icon in Photoshop

That`s a beautiful and fully creative icon tutorial:How to create a wooden stack dock icon in Photoshop.


wooden-stack-sock-icon

Create an Adobe Box Icon in Photoshop


adobe-box-icon

How to Create a Van Icon in Photoshop

A pretty out of the box tutorial,this icon illustrate the dexterity and the creativity of the designer to work with the Photoshop tool.


wolkswagen-van-beetle

How to Create a Cute and Adorable Twitter Icon in Photoshop


cute-and-adorable-twitter-icon

Create a tools icon in Photoshop


photoshop-graphics-tools-logo-icon

Design a tv icon logo in photoshop


photoshop-tutorial-design-tv-icon-logo

Create a Detailed Camera with Photo Icon


detailed-camera-with-photo

Design a Float Circle Icon

If you follow this tutorial you`ll be able to create social icon packs for all your design.


float-social-icon

Photoshop Gold Ipod Shuffle Icon tutorial


photoshop-gold-ipod-shuffle-icon

Making a digital watch icon in Photoshop


digital-watch-icon

How to Make a Vector Military Cap Icon


military-hat-icon

Book Icon tutorial in Photoshop


book-icon-in-photoshop

How to Create a Juicy RSS Feed Icon

And finally,I present you this juicy Illustrator tutorial about how to create an original RSS Feed Icon.


juicy-rss-icon-for-feed

That was all for today!I hope you enjoyed the showcase and if you did,please subscribe below to DeliciousThemes to receive more news,Photoshop tutorials,freebies and inspiration.

[Total: 0    Average: 0/5]

Madalin Tudose

I`m a web developer. I build HTML Templates and WordPress Themes which are eventually released on ThemeForest under the DeliciousThemes brand.

Join the discussion

  1. N-Designs on October 27, 2009 at 7:09 pm Reply

    great list.. thanks..

  2. […] Read more: 30 Icon Design Tutorials in Adobe Photoshop and Illustrator […]

  3. Leon on October 28, 2009 at 3:38 am Reply

    Cool roundup. Thanks!

  4. Roy Ho on November 1, 2009 at 9:52 am Reply

    Very nice list of tutorials.

  5. Lacnette on November 10, 2009 at 9:51 am Reply

    I use Adobe Photoshop on my Webpage making business at home. Photoshop got all the features i need to make some really great graphics and banners.

  6. Ajay on November 11, 2009 at 5:11 am Reply

    Wow great list ! Thanks

  7. Carmen on November 19, 2009 at 4:39 am Reply

    Adobe Photoshop is my favorite photo editing software and also Paint Shop Pro. Adobe photoshop has more useful features compared to other photo editing softwares.

  8. FAQPAL Blog on November 19, 2009 at 6:03 pm Reply

    […] @outtuts 30 Icon Design Tutorials in Adobe Photoshop and Illustrator 30 Icon Design Tutorials in Adobe Photoshop and Illustrator […]

  9. stock-Vectors on December 12, 2009 at 3:00 pm Reply

    Thank you. Great post

  10. | Pretty Girls Gallery on January 4, 2010 at 12:55 am Reply

    Adobe Photoshop has long been considered the professional image-editing standard among graphic digital artists worldwide,adobe CS2 is certain to cement that reputation even further with its array of new features. Artists, creative professionals, photographers, and industry professionals will find that the workflow and image customization enhancements will be worth far more than the price of the upgrade.

  11. arthritisguy on January 11, 2010 at 9:16 am Reply

    I run a small photo studio and i also work as a web designer and Adobe Photoshop has been the bread and butter of my job. Photoshop is really the best photo editing tool that i have ever used.

  12. psyag on February 16, 2010 at 11:50 pm Reply

    Excellent collection. Thanks a lot 🙂

  13. Emiko Tillema on March 17, 2010 at 9:53 am Reply

    Your website is great. I m gonna read all, ty for info.

  14. Ava Davis on May 2, 2010 at 10:24 am Reply

    We have a photo studio in our town and Adobe Photoshop is our primary software for photo editing. `

  15. Daniel Davis on May 12, 2010 at 10:09 am Reply

    I always use Adobe illustrator at work because i work in an animation studio. this is really a serious tool for the graphic artist.’,`

  16. Theola Griffins on June 1, 2010 at 6:37 pm Reply

    Howdy there,Excellent blog dude! i am just Tired of using RSS feeds and do you use twitter?so i can follow you there:D.
    PS:Have you thought putting video to the blog posts to keep the visitors more enjoyed?I think it works.Sincerely, Theola Griffins

  17. Gadhadhraya on June 20, 2010 at 7:22 am Reply

    I keep listening to the news speak about getting free online grant applications so I have been looking around for the best site to get one.

  18. Hayden Robertson on July 9, 2010 at 11:36 pm Reply

    i don’t know with other users but the new version of Adobe illustrator is a bit slower when it loads. ‘~’

  19. Mohammad Murphy on August 10, 2010 at 11:11 pm Reply

    there is no other photo editing tool that is as good as Adobe Photoshop, It is simpy the best ..

  20. Domonique Kaercher on September 25, 2010 at 3:20 pm Reply

    Hi, good information sir. I will continue to visit your site. Conggrat.you have one more followers now 🙂

  21. Alex Deza on April 9, 2012 at 7:54 pm Reply

    I love, You really give the right information that I am looking for.
    I found this blog post through Google and I love your contents here.
    Thanks for sharing such informative articles and I will make sure visit some other blog post on your websites to read more.

  22. Odyck D'nero on August 3, 2013 at 3:56 am Reply

    amazing list…finally I found good reference..great thanks

Leave a Comment

Your email address will not be published. Marked fields are required.