Best Photoshop Icon Design Tutorials

  1 Comment

Icons are without any doubt an imperative fraction of web designing and many a times you pay for one or download one for free. It happens that a certain times you do not feel inspired by the icon designs and want to create your own. In that case you need the best suitable tutorials to teach to produce your own icons. Most of the times people use Adobe Photoshop to create tutorials.

Today we have composed an extremely valuable list of Adobe Photoshop tutorials . These tutorials are useful for you to create your own icons in Adobe Photoshop for accomplishing the goal of having your own icon. Enjoy this collection and stay creative all the way!

Updated on: 1/25/2014

Create a Beautifully Designed 3D Starfish Icon

In this tutorial, we will show you how to create a beautiful 3D starfish icon using several applications including Photoshop, Cinema 4D, and ZBrush. In the process we will show you how to create 3D objects and then combine them with textures in Photoshop to create an amazing icon.

View Tutorial

3D-Starfish-Icon

iOS 7 App Icon Design in Photoshop

Today’s tutorial covers some best practices which will help you as you’re designing icons for iOS 7, or any other mobile platform. While these tips are geared towards iOS 7 icon design, they can be used when designing Android icons, as well.

View Tutorial

iOS-7-App-Icon-Design-in-Photoshop

How to Create Flat Icons in Photoshop

In this tutorial, I will make that trouble less troubling. I will try, with my best efforts, to try to teach you how to make flat-design-inspired navigation icons. We will be creating navigation icons for your website or blogs. This tutorial will be using the Adobe Photoshop CS6 software. 

View Tutorial

Flat-Icons-in-Photoshop

 

Simple Coffee Cup Icon Photoshop Tutorial

For creating a semi-realistic coffee cup you can use this tutorial and have the options of choosing your own desired color for coffee cup.

View Tutorial
Simple Coffee Cup Icon Photoshop Tutorial

Create a Diana Mini LOMO Camera Icon in Photoshop

For designing  a LOMO camera icon, you need this tutorial which covers many drawing techniques like leather texture, reflection to a glass and shading etc.

View Tutorial
Create a Diana Mini LOMO Camera Icon in Photoshop

How To Create A Green Button Isolated

Use this tutorial to create this wonderful green button using layer style, dodge and burn tool.

View Tutorial

How To Create A Green Button Isolated

Draw a Roll of Camera Film in Photoshop

Have your own film roll icon by using this tutorial which would be a lot of fun to use.

View Tutorial

Draw a Roll of Camera Film in Photoshop

Shiny Lock Icon Design Tutorial

This tutorial can be helpful in creating a good Icon design using Adobe Photoshop.

View Tutorial

Shiny Lock Icon Design Tutorial

How To Draw a Vintage Polaroid Camera Icon

In this tutorial, we will create a Polaroid camera icon. We will use lots of layer styles and draw manually with the brush tool to achieve a realistic appearance. Let’s get started!

View Tutorial

How To Draw a Vintage Polaroid Camera Icon

How to Create a Prize Ribbon in Photoshop

Learn how to create a fun Prize/Show Ribbon in Photoshop using Shapes, Text tool & Blending Options.

View Tutorial

How to Create a Prize Ribbon in Photoshop

World Icon Tutorial

Learn how to create this spectacular world icon. The coloured and light effects are amazing.

View Tutorial

World Icon Tutorial

Create a Detailed Vintage TV from Scratch in Photoshop

In today’s tutorial, artist will show you how to create a detailed vintage TV from scratch using Photoshop’s vector editing capabilities. The detailed step by step guide will help you to understand the process of its creation.

View Tutorial

Create a Detailed Vintage TV from Scratch in Photoshop

Create an Apple Safari Icon in Photoshop

Learn how to create a detailed Apple Safari icon in Photoshop. This tutorial will show you how to create shapes and use different layer styles to create effects.

View Tutorial

Create an Apple Safari Icon in Photoshop

How to Illustrate a Stethoscope Icon

This work is a common project created together with Iaroslav Lazunov and Oleksandr Iegupov. We have used Meshes, Art brushes, and Blends to create the final work. The skills you will learn here can easily be transferred to creating various objects. So let’s get started!

View Tutorial

How to Illustrate a Stethoscope Icon

Create a Chalkboard Icon Using Photoshop and Icon Builder

In this tutorial you will learn some important concepts as well as how to work with some third-party apps.

View Tutorial

Create a Chalkboard Icon Using Photoshop and IconBuilder

Radar Icon in Photoshop

In this tutorial artist will show you how to create a Mac style radar icon in Photoshop.

View Tutorial

Radar-Icon-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.

View Tutorial

How-To-Design-An-iPad-Icon-In-Photoshop-Tutorial

Stock vector water bottle

In this tutorial we will illustration of vector water bottle using Pen tool, dodge and burn Tool. Let’s get started!

View Tutorial

Stock vector water bottle

How to Create a Super Shiny Pencil Icon

In this tutorial you will learn how to draw a pencil icon with the help of gradients, selection tools, and basic transform operations.

View Tutorial

Pencil-Icon

Vector portable media player interface

Creating still life objects in Photoshop is often great practice for learning how to create other objects. In this tutorial we will illustration of portable media player using Pen tool, dodge and burn Tool. Let’s get started!

View Tutorial

Vector portable media player interface

Draw a Classy 3D Poker Chip in Photoshop

In this tutorial you are going to learn how to create 3D Poker Chip in Adobe Photoshop starting from scratch.

View Tutorial

Draw a Classy 3D Poker Chip in Photoshop

Create A 3D Push Pin

In this Photoshop tutorial I’ll show you how to create a 3D Push Pin using Photoshop Extended’s 3D drawing and rendering capabilities. Put your 3D glasses on and enjoy the show!

View Tutorial

Create A 3D Push Pin

Create USB portable speaker logo icon in Photoshop

In this Photoshop tutorial you will learn how to create a Photoshop design USB portable speaker logo icon.

View Tutorial

Create USB portable speaker logo icon in Photoshop

How to create a process icon

In this tutorial we will demonstrate how to create a process icon using layer styles, dodge and burn Tool. Let’s get started!

View Tutorial

How to create a process icon

Create a Cute Twitter Bird Icon in Photoshop

In this tutorial you will learn how to create a cute Twitter bird with some simple and useful techniques.

View Tutorial

Create a Cute Twitter Bird Icon in Photoshop

Create a Mac Style Home Icon in Photoshop

We occasionally need a home icon for our design project. Commonly, a designer draw with Illustrator, but this time let’s create a mac style home icon with Photoshop. The techniques used will be about making shape and playing with layer style. It’s not difficult to make this sweet icon.

View Tutorial

Create a Mac Style Home Icon in Photoshop

Create Vista Error Icon in Photoshop

In this tutorial you will learn how to create Windows Vista icons using a few basic layers, creative layer styles and some web 2.0 gradients.

View Tutorial

Create Vista Error Icon in Photoshop

How To Create A Cool Orb

In this tutorial we will demonstrate how to create a cool orb using layer styles, dodge and burn Tool. Let’s get started!

View Tutorial

How To Create A Cool Orb

Make a 3D Recycling Bin Icon with Photoshop

Through this Photoshop icon design tutorial, you will learn how to make an appealing drawing of a recycling bin with crumpled and creased white paper inside and around it.

View Tutorial

Make a 3D Recycling Bin Icon with Photoshop

how to create a seal in Photoshop cs3

In this tutorial we will demonstrate how to create a seal using layer styles, dodge and burn Tool. Let’s get started!

View Tutorial

how to create a seal in Photoshop cs3

Design a Realistic 3D Baseball Cap in Photoshop

With the help of this tutorial you will learn how to create a realistic 3D Baseball cap in Adobe Photoshop using the Pen tool, brushes and some nifty tricks.

View Tutorial

Design a Realistic 3D Baseball Cap in Photoshop

Create A Nintendo DS In Photoshop

Today we are going to be using basic layer styling and some basic tools in Photoshop to create the open version of our Nintendo DS. In this tutorial you will learn to create the open view of a DS from scratch, using nothing but basic tools and filters. Now, let’s get started. As always this is what we will be creating:

View Tutorial

Create A Nintendo DS In Photoshop

Create a Realistic iMac Icon in Photoshop

This tutorial demonstrate how to create a realistic iMac icon in Photoshop that includes a 27-inch screen, a keyboard, and a mouse.

View Tutorial

Create a Realistic iMac Icon in Photoshop

Design An IPod Shuffle Icon

Or this tutorial we will be dipping into a little bit of icon design for iOS applications. The example icon for the tutorial’s sake will be an iPod Shuffle icon that would be used for a music related app or something of that sort. The tutorial should give some exampled of how to shade elements in an icon as well as bases that typical iOS icons would use.

View Tutorial

Design An IPod Shuffle Icon

Design a Delicious, Shining Circle Play (Web) Button in Photoshop

In this tutorial you will learn to create beautiful Shining circle Play button. This is an beginner level tutorial and steps are quite easy to follow.

View Tutorial

Design a Delicious, Shining Circle Play (Web) Button in Photoshop

Learn How To Create A Nintendo WiiU From Scratch In Photoshop

The new Nintendo WiiU was recently revealed at the E3 gaming conference boasting new ways in which we play our games. Now you can create your very own WiiU in photoshop using this detailed tutorial. The tutorial itself is very “Layer Style” heavy so set a side a good two or three hours to complete it.

View Tutorial

Learn How To Create A Nintendo WiiU From Scratch In Photoshop

Create an Adobe Box Icon in Photoshop

Create an Adobe box Icon in Photoshop, to fill your dock with new icons. Learn techniques on brushes, blur, layer mask and blend modes.

View Tutorial

Create an Adobe Box Icon in Photoshop

Learn To Create A Glowing Google Plus Icon/Illustration

Google Plus is making its presence all over the internet, so in today’s tutorial I’ll be showing you how to create your very own glowing google plus icon/illustration.

View Tutorial

Learn To Create A Glowing Google Plus Icon- Illustration

Create a Beautiful Paint Brush Icon in Photoshop

This tutorial is meant to explain how to design semi-realistic objects achieved through simple procedures.

View Tutorial

Create a Beautiful Paint Brush Icon in Photoshop

Create a Camera Lens Icon in Photoshop

In this tutorial, you will learn how to create a camera lens icon using Photoshop.

View Tutorial

Create a Camera Lens Icon in Photoshop

Create a Glossy Volt Icon in Photoshop

In this tutorial you will create a glossy thunder logo using a few layers and some white shapes that will make the thunder more interesting and glossy.

View Tutorial

Create a Glossy Volt Icon in Photoshop

Draw a Realistic Steam Iron in Photoshop

This Photoshop tutorial will show you how to create a realistic Steam Iron from scratch. You’ll learn how to create realistic shadows & highlights on plastic and metal.

View Tutorial

Draw a Realistic Steam Iron in Photoshop

How To Design a Realistic Takeout Coffee Icon

This tutorial go through the process of creating the takeout coffee cup from start to finish, exploring a wide variety of techniques in Photoshop that can be applied to almost any type of design and drawing.

View Tutorial

How-To-Design-a-Realistic-Takeout-Coffee-Icon

Create a Star Trek Style Communicator in Photoshop

In this tutorial, we will draw a retro Star Trek style communicator, a voice communication device used in the original Star Trek series. We will combine layer styles and lots of manual drawing. So, prepare your Wacom to boldly go where no Photoshop tutorial has gone before.

View Tutorial

Create a Star Trek Style Communicator in Photoshop

Design a Detailed Audio Receiver Icon in Photoshop

In this tutorial we will show you how to create a detailed audio receiver icon using Photoshop’s vector editing capabilities. Let’s get started!

View Tutorial

Audio-Receiver-Icon

Get my updates from +Page or Twitter

1 Comment

  1. raheel-anjum

    September 22, 2012 at 10:31 am

    it’s great, n site of PSD posts,,,

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>