Dec 01 2010

Best Photoshop Icon Design Tutorials Created in 2010

Advertisement

In today’s post we have compiled a very useful list of Adobe Photoshop icon design tutorials that will teach you the techniques you will need for designing your own icons using mainly Photoshop. If you have a passion for Icon Design or are a GUI designer on the search for some tips then these tutorials will definitely help you achieve your goal! Enjoy and stay creative!

Create a Beautiful Paint Brush Icon in Photoshop
In this tutorial the artist explains how to design semi-realistic objects achieved through simple procedures. The tutorial mostly uses shape layers, which enables you to edit them later on and make your work more flexible and scalable.

Screenshot

Create a Cute Twitter Bird Icon in Photoshop
In this tutorial you can learn how to create a cute Twitter-like bird icon in Photoshop.

Create a Colorful Cake Illustration in Photoshop
Here you can make a wonderful, tasty and colorful cake without having to do the dishes afterwards! This illustration was created using Photoshop shapes and a bit of painting.


Create a Set of Glossy Metallic Icons in Photoshop
In this tutorial the artist is going to teach you how to make a stylish, metallic Adobe Icon Set with a glossy finish.


Create a 3D Industrial-style Download Icon in Photoshop
In this tutorial you can teach yourself how to create a unique 3D download folder icon with textures. Learn some useful techniques for creating more visually impressive 3D icons.

Create a Battery Core Icon in Photoshop
In this tutorial the artist will be creating a semi-realistic, sci-fi icon that could be used as a battery or dock icon.

Create a Cardboard Box Icon in Photoshop
In this Photoshop tutorial, you’ll be shown how to make a cardboard box that can be used for a number of purposes; such as for icons or for other design purposes. The procedure used to create the cardboard box is simple and easy to understand, using tools such as the Gradient Tool and the Polygonal Lasso Tool.

How to Create a 3D Book Icon in Photoshop
In this tutorial you can learn how to draw a 3D book icon from scratch with the help of Photoshop. The artist uses tools such as the Pen Tool, Polygonal Lasso Tool, and Gradient Tool, among other things. A strong proficiency in drawing shapes is needed.

Create a Chalkboard Icon Using Photoshop and IconBuilder
In this tutorial you will learn some important concepts as well as how to work with some third-party apps.

Projector Icon Design Tutorial
In this tutorial, easy steps and techniques are shown to help you design a simple yet attractive projector icon. It’s easy to follow and to play with.


New Imac Mini Icon Design Tutorial
In this detailed tutorial the artist will walk you through the process of creating a realistic looking new imac mini; you’ll be able to use the imac as an illustration or an icon. In this tutorial you’ll be getting to grips with photoshops shapes and smart objects.

Draw a 3D LCD Monitor with Photoshop
This tutorial is targeted at achieving a detailed 3D LCD monitor using Adobe Photoshop. The result could be used as an icon. To arrive at the final design, basic Photoshop features will be used; such as selection tools, layer styles, the Gradient Tool, the Pen Tool, and more. A proficiency in utilizing the Pen Tool and the Lasso Tool is needed in order to get the most out of this Photoshop tutorial.

Create a Photo Realistic iPhone in Photoshop
In this tutorial the artist will show you how to create a photo realistic image of Apple’s newly released iPhone4.

How to Create a Photo Realistic Camera
Photoshop is a great tool to work with both vector and pixel shapes. In this tutorial you can see a powerful combination of vector shapes, layer styles, and manual drawing that have been used to create a photorealistic camera.

Create a Realistic Credit Card in Photoshop
In today’s quick tip tutorial the artist will demonstrate how to create a realistic-looking credit card using Photoshop and Illustrator in just a few short steps.

Create a Camera Lens Icon in Photoshop
Icon design is a fun but detailed process. In this tutorial, the artist demonstrates how to create a camera lens icon using Photoshop.

Shiny Lock Icon Design Tutorial
In this tutorial, you can learn how to create a shiny lock icon design.

Digital Camera Icon in Photoshop
Most of the digital cameras are designed to be small and portable. Here you can learn how to create a digital camera icon in Photoshop.

Make a 3D Recycling Bin Icon with Photoshop
Through this Photoshop icon design tutorial, the artist will show you how to make an appealing drawing of a recycling bin with crumpled and creased white paper inside and around it — all from scratch.

Create a Realistic iMac Icon in Photoshop
In this tutorial the artist demonstrates how to create a realistic iMac icon in Photoshop that includes a 27-inch screen, a keyboard as well as a mouse.

How to Make a 3D Folder Icon in Photoshop
In this icon design tutorial, you can learn how to create a three-dimensional folder with an appealing perspective — all from scratch — using basic drawing and blending mode techniques in AdobePhotoshop.

Create an Electrical Outlet Icon in Photoshop
In today’s tutorial, the artist will be making use of vector masks and layer styles in Photoshop to create a high quality electrical outlet icon.

Create a Glossy High Resolution Box Art Icon with Photoshop
In today’s tutorial the artist will demonstrate how to create a glossy high resolution box art icon with photoshop.

How to Create a Cute Yellow Alien Icon in Photoshop
This detailed icon design tutorial is meant to show you how to use Photoshop to create cute, cartoony creatures. In this case, a robotic-like yellow alien will be created.

Create an Iconic Retro-Modern Ball Chair in Photoshop
The ball chair, popularized by Finnish interior designer Eero Aarnio was the cornerstone of any mid-century or 1960’s living area. In this tutorial the artist will teach you how to create this iconic piece of furniture from scratch in Photoshop.

How To Design An iPad Icon In Photoshop Tutorial
In this tutorial you will learn how to create a cool iPad icon by putting together simple shapes and then applying layer effects on them in Photoshop.

How to Create a 3D House Icon with Photoshop
In this tutorial, the artist will teach you how to design a house icon in Adobe Photoshop. This artist has focused mainly on the flexible use of Layer Styles to give the different shapes its colors, giving us the ability to scale our work easier if needed.

Create a Beautiful Guitar Icon Photoshop Tutorial
In this tutorial the artist will show you how to start from scratch and draw your own guitar icon in Photoshop. You can create your own wood texture and create a guitar using the basic tools of Photoshop.

Make a 3D Pencil and Paper Icon in Photoshop
In this Adobe Photoshop icon creation tutorial, you will learn how to create a high-quality three-dimensional pen and paper icon from scratch.

How to Make a Professional Buddy Icon in Photoshop
In this intermediate-level tutorial, the artist will show you how to make an awesome icon from scratch using Photoshop. You will need basic knowledge of Photoshop and familiarity with the Pen Tool (P).

Draw Golden Pen and Envelope Icon in Photoshop
In this tutorial the artist uses Photoshop to create a fancy looking golden pen and envelope icon.

How to Create a Social Media UFO Icon
In today’s tutorial the artist will demonstrate how to create a completely unique UFO inspired social media icon based on a theme.

Create a Detailed Vintage Television Icon in Photoshop
In today’s tutorial, the artist will demonstrate how to create a detailed vintage television icon using Photoshop’s vector editing capabilities.

Create a Cardboard Box Filled With Glossy Icons
In today’s tutorial you can learn how to create two types of icons. The first type of icon you will learn here is how to create a grungy cardboard box.

How To Create A Magnifying Glass Icon In Photoshop
This tutorial shows us how easy it is to create a magnifying glass icon in Photoshop.

How To Create A Grungy And “Sticky” Icon With Photoshop
This tutorial will teach you how to create a grungy icon and save it as a transparent PNG file.

How to Create a Battery Icon in Photoshop
In this tutorial the artist will draw a battery icon in Photoshop. The key here is layer style Gradient Overlay. Using this layer style we can add lighting into the battery and give it a 3D look.

Create  a Slick External Harddisk in Photoshop
In this tutorial the artist will show you how to create a modern, slick external hard disk by only using Photoshop.

Create a Glossy High-Tech 3D Speaker Icon
In this tutorial you can create a shiny speaker icon. This tutorial is based on teaching some simple ways of using the Layer Styles to create a great 3D speaker.

How to Create a Realistic Fountain Pen
In this tutorial, you’ll learn to design a realistic calligraphy pen from scratch. This tutorial involves a simple use of the Pen Tool and a few flexible Layer Styles.

How To Design A Detailed Mini Cooper Icon In Photoshop
In this tutorial the artist will teach you how to create a large 512×512 car icon, based on a lovely BMW Mini Cooper.

How To Design A Detailed Printer Icon in Photoshop
In this tutorial the artist will be creating a printer icon; suitable for both the web and print.

How to Design a Speedometer Icon in Photoshop
In this detailed Photoshop Tutorial, you’ll learn how to create an amazing speed counter icon and also some nice tricks and tips you can apply on your daily basis when dealing with icon design in Photoshop.

How to Create a Beautiful Printer Icon Photoshop Tutorial
In this tutorial you can learn how to create this beautiful printer icon with reflections and shadows – all within Photoshop.

Render a High Detail Leica M8 Camera Photoshop Tutorial
In this tutorial the artist will show you how to recreate this stunning image of a limited edition white Leica M8. This is a very lengthy Photoshop tutorial that will show you every step of the process.

How To Create a Detailed Briefcase Icon in Photoshop
In this tutorial you will be guided how to create a detailed briefcase icon in Photoshop.

Create Mail Box With Flag Icon In Photoshop
In this tutorial the artist will show you how to create mail box with flag icon in Photoshop.

Quickly and easily to draw the pen icon

#

Draw a Trophy Icon in Photoshop
In this tutorial the artist demonstrates how to draw a trophy icon in Photoshop.

Create a Google Docs Icon
This guide will walk you through how to design a Google Docs icon.

Create a Motorola Droid Style Phone in Photoshop
Recreating electronic devices in Photoshop is a great way to learn. In this tutorial the artist will demonstrate how to create a Motorola Droid style phone in Photoshop.

IPhone 4G Photoshop Tutorial
In this tutorial you can learn how to create a new Iphone 4G by using Photoshop.

Create a Microchip Icon Using Photoshop
In this tutorial, the artist is going to show you how to create a isometric microchip icon using basic drawing tools and transformations.

Create Wooden Bin Icon
In this tutorial the artist will show you how to create wooden bin icon.

(ik)

About the Author

Hi, I'm Prakash Ghodke, an 18 year old from India working as freelance Web/Graphics Designer. Owner of Webdesignersdesk where i share tutorials and resources related to web design and web development. You can follow me on twitter.

Comments and Discussions
  • Ace Media, 01 December 2010

    Thanks for this excellent collection, this is great for people like me who find using illustrator difficult

  • Biyified, 01 December 2010

    great Collection.. thanks a lot ;)

  • Curtis Scott, 01 December 2010

    These are great I love the chalk board and smart phones, very well done. Thanks for compiling this.

  • Cubism Designs, 01 December 2010

    Good stuff over here and have good quality. Thanks for the collection.

  • Jules, 01 December 2010

    You have the best of the best collections!! Thanks for the good tips!

  • Baliniz, 02 December 2010

    great resources!
    thanks for sharing ^^,

  • Sahan, 02 December 2010

    Thanks for the roundup!

  • white, 03 December 2010

    good list,the icons are beautiful.

  • PsdDude, 03 December 2010

    great tutorials, i will read them carefully! i m kind of new to icon design and i was planning to write my first tutorial creating a clock !

  • jerzy, 03 December 2010

    Nice one, thanks you, very useful tutorial for designers

  • Vivek Parmar, 03 December 2010

    Photoshop really a great tool when it comes to designing and Tutorial9+Smashing Network+Tutplus Network make everything possible with photoshop.
    thanks for sharing this useful roundup

  • Prakash, 04 December 2010

    Great tutorials. I really inspired with the icons showcased where the designs are highly impressive & also expressive. Some of the icons here were new to me. I like them very much. Thank you so much for sharing this collection.

  • Dota G, 04 December 2010

    nice ! thanks for tutorial :)

  • Davide, 09 December 2010

    i was looking for a good tutorials for design high quality icon and i found more than once! great! thanks!

  • flab, 28 December 2010

    I like twitter bird. It’s awesome ! :)

  • Bala, 28 January 2011

    I love all the Tutorial’s It is very much help full for Job’s side.. Really awesome & superb.. Every Graphic Designer should look this Tutorial..

  • EgyFoox, 24 April 2011

    very beautiful
    i love it
    thanks

  • Ashley Nicole, 26 October 2011

    I can’t honestly tell you why, but I really, really like the microchip. It doesn’t look “real” but I really like that style. I guess you can’t help what you like, but I’ve never been at a loss of words as to why I like something.

    My latest clients site is really killing me, he’s one of those hard asses that is only concerned about booking clients, I feel like I have no room to improve his site because I second every last move I make because I think it will “decrease conversions”. Guess I can’t win them all right?

  • bb, 11 November 2011

    Thank you! I’m going to use these tips ASAP for designing templates! So appreciated.

  • James Bennett, 29 November 2011

    What about creating monotone icons?

  • Anaxa, 25 January 2012

    so nice and attractive tutorial contains the site which I expected, well done carry on. Really nice !! Thanks for sharing!

search form
 
image description image description