glossy-graduation-hat-icon-thumbnail

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 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Design a Stylish Mail Icon in Photoshop


stylish mail lead 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Design a 3D Box Icon in Photoshop


3dbox lead 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

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

How to Create a Transparent Battery Icon


battey icon in photoshop 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

High Gloss Graduation Hat Icon Design Tutorial

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


glossy graduation hat icon 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

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 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Yellow Helmet Icon

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


yellow helmet icon 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Handy 3D Vector Calendar Icon

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


handy 3d calendar icon 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Traffic Cone Icon in Photoshop


traffic cone icon 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

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 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Lock Icon Tutorial


lock icon 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Jaguar Style Folder Icon Tutorial in Photoshop


jaguar folder icon in photoshop 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

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 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Creating a Sony Playstation logo icon in photoshop


sony playstation logo icon 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

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 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

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 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

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 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

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 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Create an Adobe Box Icon in Photoshop


adobe box icon 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

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 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

How to Create a Cute and Adorable Twitter Icon in Photoshop


cute and adorable twitter icon 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Create a tools icon in Photoshop


photoshop graphics tools logo icon 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Design a tv icon logo in photoshop


photoshop tutorial design tv icon logo 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Create a Detailed Camera with Photo Icon


detailed camera with photo 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

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 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Photoshop Gold Ipod Shuffle Icon tutorial


photoshop gold ipod shuffle icon 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Making a digital watch icon in Photoshop


digital watch icon 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

How to Make a Vector Military Cap Icon


military hat icon 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

Book Icon tutorial in Photoshop


book icon in photoshop 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

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 30 Icon Design Tutorials in Adobe Photoshop and Illustrator

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

Written by Madalin Tudose

Madalin Tudose is a web designer and developer who loves to inspect websites for new designing techniques and trends. He`s the founder of Ourtuts, where he blogs about anything related to web development.

  • Odyck D’nero

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

  • http://www.blognesian.com Alex Deza

    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.