Skip to main content

100+ Icon Design Tutorials for Photoshop

Create a Mobile App Icon in Photoshop

In this tutorial they explain how to design an icon for your mobile device’s home screen.
Icon Tutorial 1

Create an Apple Safari Icon in Photoshop

Learn how to create a detailed Apple Safari icon in Photoshop with this tutorial.
Icon Tutorial 2

Create a Battery Core Icon in Photoshop

In this tutorial you’ll be creating a semi-realistic, sci-fi icon that could be used as a battery or dock icon.
Icon Tutorial 3

How To Design a Realistic Takeout Coffee Icon

With this tutorial you’ll be walked through the process of creating the takeout coffee cup above from start to finish, exploring a wide variety of techniques in Photoshop that can be applied to almost any type of design and drawing.
Icon Tutorial 4

Learn To Create A Padlock Icon

Icon Tutorial 5

Create a Leatherback Book Icon

Learn how to create this leatherback book design in Photoshop. This tutorial will show you how to draw a book and apply textures and layer styles.
Icon Tutorial 6

Create a Detailed Camera Icon

Simple icons are relatively easy to create but more realistic icons can be quite challenging. In this tutorial they’ll demonstrate how to create a detailed Fuji X100 camera icon in Photoshop.
Icon Tutorial 7

Learn How To Create A Photoshop Style Pen Tool Icon

In this tutorial they’ll be showing you how to make your very own pen tool icon from scratch, using Photoshop CS5.
Icon Tutorial 8

Create a Cardboard Box Icon in Photoshop

In this Photoshop tutorial, they show you how to make a cardboard box that can be used for a number of purposes, such as for icons or for other design purposes.
Icon Tutorial 9

Carbon Fibre Style Metallic Icon Design

Icon Tutorial 10

Design a Detailed Audio Receiver Icon in Photoshop

Here they’ll show you how to create a detailed audio receiver icon using Photoshop’s vector editing capabilities.
Icon Tutorial 11

How to Draw a Shopping Bag Icon

Learn to draw a red shopping bag icon with this tut, covering the basic techniques of drawing, including creating the shape, shading, and adding shadows.
Icon Tutorial 12

Create a Download Folder Icon

In this tutorial they’ll demonstrate how to create a download folder icon using different shapes and reflections.
Icon Tutorial 13

Create a Mac Style Home Icon in Photoshop

Icon Tutorial 14

Make a Glossy Flash Drive Icon from Scratch

In this tutorial you are going to create a Flash Drive image which can be used as an icon or added to your design project.
Icon Tutorial 15

How to Create a Beautiful Printer Icon

Learn how to create this beautiful printer icon with reflections and shadows. A detailed PSD is included with this tutorial.
Icon Tutorial 16

Learn To Create A Glowing Google Plus Icon/Illustration

Google Plus is making its presence known all over the internet, so in this tutorial you’ll be shown you how to create your very own glowing Google plus icon/illustration.
Icon Tutorial 17

Creating a Set of Digital Painting Icons

In this tutorial they’ll create a paint brush icon, complete with wooden palette and paint dollops. Employing textures, layer styles and a good sense of lighting to create a fun looking icon.
Icon Tutorial 18

How to Illustrate a Realistic Guitar

In this tutorial you’re going to explore how easy it is to illustrate a guitar in Photoshop using tiny shapes, gradients and subtle shadows. Using these techniques and a good reference photo you can create an amazing amount of detail and realism.
Icon Tutorial 19

Blog Writing Professional Icon

In this tutorial you’ll learn how to create a Blog Writing Professional Icon.
Icon Tutorial 20

Create a Social Media UFO Icon

In this tutorial they’ll demonstrate how to create a completely unique UFO inspired social media icon based on a theme.
Icon Tutorial 21

Draw a Realistic Steam Iron

This Photoshop tutorial will show you how to create a realistic Steam Iron from scratch, learning how to create realistic shadows & highlights on plastic and metal.
Icon Tutorial 22

How To Draw a Vintage Polaroid Camera Icon

In this tutorial, you’ll learn how to create a Polaroid camera icon using lots of layer styles and draw manually with the brush tool to achieve the realistic appearance.
Icon Tutorial 23

Create A Nintendo DS

In this tutorial, using basic layer styling and some basic tools, you will learn how to create the Nintendo DS below.
Icon Tutorial 24

Design An iPod Shuffle Icon

For this tutorial you’ll be dipping into a little bit of icon design for iOS applications.
Icon Tutorial 25

Creating an Alarm

Creating still life objects in Photoshop is great practice for learning how to create other objects. In this tutorial they’ll demonstrate how to create an alarm using layer styles, dodge and the burn Tool.
Icon Tutorial 26

Create A Camera Lens

In this detailed tutorial you’ll be shown how to create a cool camera lens in Photoshop. The camera lens later could be used as an icon or illustration.
Icon Tutorial 27

Open Book Icon

Icon Tutorial 28

Stock photo vector portable media player interface

In this detailed tutorial you’ll be shown how to create a cool camera lens in Photoshop.
Icon Tutorial 29

Stock Photo Vector Portable Meter Interface

Icon Tutorial 30

How to Create an Envelope Icon in Photoshop

In this tutorial, you’ll go through the easy steps for creating this nice envelope icon. There’s a light use of the Pen Tool in the tutorial, but most of it uses Selection Tools to create this icon.
Icon Tutorial 31

Create a 3D Industrial-Style Download Icon

This tutorial teaches you how to create a unique 3D download folder icon with textures. It also explains some useful techniques for creating more visually impressive 3D icons.
Icon Tutorial 32

Draw a Roll of Camera Film

In this tutorial they’ll demonstrate how to create a roll of camera film using Photoshop.
Icon Tutorial 33

Detailed Vintage TV from Scratch

In this tutorial, they’ll 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.
Icon Tutorial 34

Creating a Set of Digital Painting Icons

In this tutorial you’ll create a pen tablet icon from scratch, specifically the Wacom 12" Cintiq tablet. This model combines touch and pressure sensitivity, which allows users to draw directly on the screen. These capabilities make it a favorite for illustrators.
Icon Tutorial 35

Create a 3D Book Icon

This design tutorial explains how to draw a 3D book icon from scratch with the help of Photoshop, using the Pen Tool, Polygonal Lasso Tool, and Gradient Tool, among other things. A strong proficiency in drawing shapes is needed to complete this tutorial.
Icon Tutorial 36

Iconic Retro-Modern Ball Chair

In this tutorial, you’ll learn how to create this iconic piece of furniture from scratch in Photoshop.
Icon Tutorial 37

Draw a Globe Icon

Icon Tutorial 38

Professional Buddy Icon

In this intermediate-level tutorial, they’ll show you how to make this awesome icon from scratch using Photoshop. You will need basic knowledge of Photoshop and familiarity with the Pen Tool.
Icon Tutorial 39

USB Stick Tutorial

In this Photoshop tutorial, you will learn how to create a beautiful USB Stick icon.
Icon Tutorial 40

Electrical Outlet Icon

In this tutorial, you’ll be making use of vector masks and layer styles in Photoshop to create the high quality electrical outlet icon below.
Icon Tutorial 41

Radar Icon in Photoshop

In this tutorial you’ll be shown how to create a Mac style radar icon in Photoshop. This could also be achieved easily in Fireworks or Illustrator.
Icon Tutorial 42

How to Create a Battery Icon

Icon Tutorial 43

Create a Microchip Icon

In this Awesome Photoshop tutorial, we’re going to show you how to create a isometric microchip icon using basic drawing tools and transformations.
Icon Tutorial 44

Design a Sleek Google+ Icon

Icon Tutorial 45

Cute Twitter Bird Iconp

In this tutorial they’ll demonstrate how to create a cute Twitter bird icon in Photoshop.
Icon Tutorial 46

Detailed Gauge Icon

Icon Tutorial 51

Create A Green Button Isolated

In this tutorial they’ll demonstrate how to create a green button isolated, using layer styles, dodge and the burn Tool.
Icon Tutorial 47

Star Trek Style Communicator

In this tutorial, they’ll draw a retro Star Trek style communicator. they’ll combine layer styles and lots of manual drawing. So, prepare your Wacom to boldly go where no Photoshop tutorial has gone before.
Icon Tutorial 48

Stock Royalty Vector Digital Clock

In this tutorial you’ll learn how to create an illustration of a digital clock using the pen, dodge and burn tools.
Icon Tutorial 49

Detailed Briefcase Icon

Follow this step by step guide to create the below briefcase icon in Photoshop. You’ll build the rough outline with basic shapes, then add depth and definition with various layer styles such as Inner Glow and Stroke.
Icon Tutorial 50


Comments

Popular posts from this blog

Use x-ray techniques in Photoshop to show naked skin through clothing

    Do those new naked body scanners have you freaked out at the airports? As far as the TSA is concerned, those x-ray machines are here to stay, but you might as well take comfort in knowing that airport security guards aren't the only ones looking at your private parts. Practically anyone with a computer can manage to see through your clothes, and it's all thanks to a little program called Photoshop. Thanks, Adobe. With a few tweaks using the tools in Photoshop, you can see those boobs in no time, male or female. The video is in German, but it's not hard to figure our what's going on, especially if you're familiar with Photoshop. First, create a few duplicate layers, then get a handle on some of these tools to make the naked body through the clothes: * Auswahl erstellen (Create Selection) * Tonwertspreizung (Input Levels) * Belichtung (Exposure) You can also do this see-through clothing effect in free design programs, such as  GIMP .

40 latest creative photoshop text effects

Create a Glowing Liquid Text with Water Splash Effect in Photoshop In this tutorial, we will show you the steps we took to create a Glowing Liquid Text Effect in Photoshop. We will be practising the use of liquify filter, layer blending options, as well as some image adjustments. Create a Realistic Wooden 3D Text Image In this tutorial we are going to take a few 2D textures as well as a few Photoshop techniques to create a realistic 3D text image. Easy X-Ray Typography In Photoshop In this tutorial we will show you how to create a simple x-ray effect of a letter, in this case the Abduzeedo logo A. The whole process is quite simple but it will require a couple of hours to pull it off. Easy Furry Text In Photoshop In this tutorial we will show you how to create a really cool and super simple furry text in Photoshop CS6. We will use basic filters and tools but it’s nice to say that we took advantage of the a new feature in Photoshop CS6 that is to apply layer...

Royal 3D Text Effect in Photoshop CS6

  Just make sure to check the 3D settings under Edit -> Preferences -> Performance, and Edit -> Preferences -> 3D. Default values should work fine, but if anything seems to be not working properly you can always check those settings. Step 1 - Create a new 1600 x 1200 px document and Fill the Background with black. Create the text in white using the font Dunkin Sans. The font size is 400 pt and the text is better written in All Caps (if you’re not using only numbers). Step 2 - With the text layer selected, go to 3D -> New Extrusion from Selected Layer. This will instantly convert the text layer into a 3D layer. All the 3D scene elements can be found in the 3D panel (Window -> 3D). Click the main mesh name to edit its settings. - The 3D Mesh settings and attributes can be accessed and modified through the Properties panel (Window -> Properties). If you scroll down the Properties panel you’ll find the Character Panel button, which ...