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 Detailed Camera Icon in Photoshop
Icons can be a lot of fun to create. Simple icons are relatively easy to create but more realistic icons can be quite challenging. In today’s tutorial we will demonstrate how to create a detailed Fuji X100 camera icon in Photoshop.
How to Draw Apple iCloud Icon – Photoshop Tutorial
iCloud, the newest cloud storage service introduced by the Apple has a pretty simple yet beautiful logo. The icon is made from metallic material and has an extruded cloud icon on top of it. You may not know it, but creating this type of icon is actually very easy, and below is the iCloud icon that you will learn how to draw in this post, using Photoshop!
Photoshop tools to design Table Calendar Icon
In this Photoshop tutorial you will learn how to make a Calendar Icon. This will be a unique tutorial and we will be designing a different kind of Calendar Icon using Photoshop tools. You will have some different techniques while working on this tutorial.
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.
Create a Mac Style Home Icon in Photoshop
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.
Create a Email/Contact Icon in Photoshop Tutorial
Learn how to create a sleek Email/Contact/Envelope Icon in Photoshop!
3D Glassy RSS Icon
You’ll learn how to create an RSS Icon button. The techniques used for this tutorial could easily be used for other icons that you might want to create.
Learn To Create A Glowing Google Plus Icon/Illustration
Google Plus is making its presence all over the internet, so in today’s tutorial you ll learn how to create your very own glowing google plus icon/illustration.
How To Draw a Vintage Polaroid Camera Icon
In this tutorial, you will create a Polaroid camera icon. you will use lots of layer styles and draw manually with the brush tool to achieve a realistic appearance.
Design a 3D Box Icon in Photoshop
LG LCD Monitor Icon
How to Create a 3D House Icon with Photoshop
In this tutorial, you will learn to design a house icon in Adobe Photoshop. I’ve 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. All the shapes involved in the tutorial are simple and can easily be made using shape tools. It is strongly recommended that you must have good command of shape and selection tools for certain portions of this tutorial.
Draw Golden Pen and Envelope Icon in Photoshop
In this tutorial we will use Photoshop to create a fancy looking golden pen and envelope icon. We will be using lots of shape and layer style to achieve a realistic look. Before we start, take a look at the final image below.
How To Design a Realistic Takeout Coffee Icon
In this tutorial we’re going to show you how to design an icon from our popular freebie, the Incredibly Detailed Drinks Icon Pack. We’ll walk you 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.
How to Make a 3D Folder Icon in Photoshop
In this icon design tutorial, we will create a three-dimensional folder with an appealing perspective — all from scratch — using basic drawing and blending mode techniques in AdobePhotoshop. The process is straightforward, yet I hope you will take away several valuable methods that you can incorporate into your own Photoshop workflow.
How To Design A Detailed Mini Cooper Icon In Photoshop
In this tutorial we’re going to learn how to create a large 512×512 car icon, based on a lovely BMW Mini Cooper. We will be using Photoshop (CS4 in this case) to create the icon, using a handful of different techniques.
Tips to create awesome 48×48 pixels icons
48×48 pixels is the standard size of icons destined to web design projects, along with 32×32 and 16×16 pixels. While to create icons of larger size allow designers to add lots of details and realize realistic illustrations, i.e. 512×512 pixels icons, 48 pixels of width and height oblige icon designers to “simplify” the illustration. Today I gonna show you how to realize an awesome small icon of a graphic tablet. We will start by studying a real tablet, we will understand which are the fundamental details and shapes to re-create into the small icon, and finally I will drive you through the Photoshop steps necessary to realize the icon.
Create a Glossy Volt Icon in Photoshop
This is an inspiration from the Bolt movie poster. 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.
Creating a Cool Yellow Helmet Icon
Construction icons have always been popular on-screen, and although those dot-com “under-construction” pages have mostly vanished from our screens, the trusty ol’ yellow helmet icon still has its uses. In this tutorial, we’ll be creating our very own icon from a photograph.
Keyfob: Anatomy Of An Icon
Following on from a previous article on toolbar icon design we’re going to tackle it’s Big Brother, the Application Icon. The two serve slightly different functions within the program but adhere to the same idea. While we could start on an existing application, we’re going to embrace vaporware and produce an Icon for an Application that doesn’t exist. This is simply to show the process. This tutorial will follow the construction of an Icon for an imaginary application called “Keyfob.” We’ll say that it’s an application for locking and unlocking the Mac remotely. This is partly inspired by a process where someone managed to put their Mac to sleep using a mobile phone.
Make a 3D Recycling Bin Icon with Photoshop
Through this Photoshop icon design tutorial, I 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. We will take advantage of tools such as the Gradient Tool, Custom Shape Tool, Rounded Rectangle Tool, and simple Photoshop functions such as Skew Transform and Free Transform to design our icon.
Design a Glossy Download Icon
The difficulty in designing web graphics is not so much in the actual execution of the design, but more in the planning of it. At the same time you want the graphic to be eye-catching, yet smooth and small enough so it doesn’t dominate your layout. This tutorial will teach you how to create a graphic that does just that.
Create a 3D Industrial-style Download Icon in Photoshop
Wii Mote Controller Tutorial
Create a Photo Realistic iPhone in Photoshop
This tutorial will show you how to create a photo realistic image of Apple’s newly released iPhone4. Hopefully, by the end of it you will have something extremely close to the real thing, which for the few who don’t own the iPhone4 (like me), may be as close as we’ll ever get. Before we get started it might be a good idea to pull up a reference image from the web just so you know where everything goes and the size of some of the features.
Make Folder Icon Fast
How to Create a Battery Icon in Photoshop
Simple Coffee Cup Icon Photoshop Tutorial
How to Create a 3D Book Icon in Photoshop
This design tutorial is meant to explain how to draw a 3D book icon from scratch with the help of Photoshop. We will use tools such as the Pen Tool, Polygonal Lasso Tool, and Gradient Tool, among other things. A strong proficiency in drawing shapes is needed in order to complete this tutorial.
Draw magnifying glass
Photoshop Tutorial: padlock icon
Buckle up your seatbelts, because this is going to be a long and fun ride. We are going to show to you how to create a high quality professional padlock icon, ideal for applications. We will be using Adobe Photoshop, making extensive use of paths and layer styles.
Skype Buddy Icon
Illustrate a Traffic Cone Icon in Photoshop
USB Stick Tutorial
Design a Stylish Mail Icon in Photoshop
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. Today, we will learn how to create this iconic piece of furniture from scratch in Photoshop.
Photoshop Ipod Portable Speaker Icon
Create a Dock Icon Folder in Photoshop
How To Design A Detailed Printer Icon in Photoshop
Render a High Detail Leica M8 Camera with Photoshop
How to Create a Photo Realistic Camera
Photoshop is a great tool to work with both vector and pixel shapes. In this tutorial we will demonstrate a powerful combination of vector shapes, layer styles, and manual drawing to create a photorealistic camera. So realistic you’ll think it’s just an ordinary photo.
Create a Microchip Icon Using 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. It entails simple Photoshop tools and commands, some crafty layer styles, and only needs basic knowledge of the Pen Tool, shape tools, and marquee selection tools to draw the shapes. This tutorial demonstrates how to create two icons (a piece of paper and a pencil), so don’t feel obliged to create both icons.
Create a glossy high tech 3D speaker icon
In this tutorial I will show you how to create a shiny speaker icon. The tutorial is based on teaching some simple ways of using the Layer Styles to create a great 3D speaker.
You will learn also how to create shiny objects with a very simple method.
Create a Ribbon in Photoshop
Today we are going to create a pretty ribbon; We will be using Rounded Rectangle Tool, Gradient Tool. You will also know more on how to Convert Layers To Smart Filters. You can use this pretty Ribbon for you’re projects and designs.
Photoshop Scissor Icon
Design a Detailed Compass Icon in Photoshop
Another drawing tutorial for icon lovers in which we’ll be illustrating a metallic compass. We’ll be controlling shadow and reflection to add realism to the illustration. As with any icon design, it’s a combination of the overall design and subtle details that gives quality results.
Photoshop Shar Sword Logo Icon
Making a Photoshop Shield
Photoshop Electronic Torch Light Icon
Create a Colorful Cake Illustration in Photoshop
Photoshop is a very powerful illustration tool and today we will make a wonderful, tasty, and colorful cake without having to do the dishes afterwards. I had based this tutorial on the cake from my set of icons that I created earlier and which enjoys great popularity. This illustration was created using Photoshop shapes and a bit of painting. If you don’t know how to work with Pen Tool you can first get acquainted with this lesson that fully explains all the functions of this tool.
Create a Cute Twitter Bird Icon in Photoshop
Create an Adobe Box Icon in Photoshop
Create a High-Gloss Graduation Hat Icon Design
Photoshop is great to use for creating quality icon designs. In this tutorial, I will teach you how to make a professional, shiny, clean graduation hat icon. The techniques in this tutorial will help you graduate to the next level in icon design.
Computer Icon Tutorial
Photoshop Nike Sports Cap Icon
Create a Chalkboard Icon Using Photoshop and IconBuilder
Understanding the fundamental process of creating an icon in Photoshop can become a valuable skill to learn. Today we will be creating a chalkboard icon inspired the Icon Resource website by Sebastiaan de With, whom has given permission to make a tutorial inspired by his work. In this tutorial you will learn some important concepts as well as how to work with some third-party apps.
How to Create a Realistic Fountain Pen
In this tutorial, you’ll learn to design a realistic calligraphy pen from scratch. The tutorial involves a simple use of the Pen Tool and a few flexible Layer Styles. Lighting and reflection techniques are explained throughout the tutorial. This might be a quite useful for icon enthusiasts.
How to Make a Professional Buddy Icon in Photoshop
Icon designing can be a tough design field because you need to be able to create designs that are flexible when scaled up or down. In order to assure scalability, designers typically use a vector graphics program like Illustrator. However, in this intermediate-level tutorial, I’ll 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).
Projector Icon Design Tutorial
Photoshop Puma Sheet Torch Logo Icon
Shiny Lock Icon Design Tutorial
Cubite graphics design logo icon in Photoshop
Create a Speed Gauge and Watch Icon in Photoshop
Create a Battery Core Icon in Photoshop
Recreate the Famous Yahoo! Smiley
Photoshop Ice Cream Logo Icon
XP Style Money Icon
How to Create a Van Icon in Photoshop
We wanted to create an icon that can be used for a game maybe or a Mac app of some sort. Before we started we searched the web for photography with similar vans, then made some ideas, and a quick sketch. After that we started working
USB portable speaker logo icon in Photoshop
Create a Custom Mac OSX Style Ring Binder Address Book Icon
Today I’ll show you how to create an Address Book replacement icon for Mac OSX. When you are a beginner, it’s better to start with designing replacement icons to get some practice. Let’s get started with personalizing the icons in our workspaces.
Industrial Folder Style Icon
in this tutorial this year I’ll be walking you through the process of creating a industrial style folder icon. Lets get going…
Blog Writing professional icon
today we’ll learn about Blogs. I bet’cha know what sort of creature they are, crawling all over the net with their millions of tiny posts…I mean legs….I bet also you rode…wrote..at least one yourself!
How to Create a Super Shiny Pencil Icon
The Pencil is one of the visual metaphors most used to express creativity. In this tutorial, I’ll show you how to draw a pencil icon. We’ll have a look at gradients, selection tools, and basic transform operations.
World Icon Tutorial
Create 3D icon avatar
Create a Cardboard Box Icon in Photoshop
In this Photoshop tutorial, I will 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. 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.
Create a Jaguar Style Folder Icon
In this tutorial, we will show you how to cover an object in a Jaguar style fur texture. In this example, we’ll cover a computer folder, but this technique can be used with any other object, like a CD cover, a mouse, or even a computer.
Photoshop Gold Ipod Shuffle Icon
Draw 3D Crystal Icon in Photoshop
Glowing Orb With Dial
How to Create a Beautiful Printer Icon in Photoshop
Create a Shiny Lock Icon Design
A popular icon that you can find on the internet is the lock icon. It is widely used to identify secure Web pages. It often indicates password fields for secure files. Wherever you wish to place a lock icon, this tutorial will show you how to create an attractive one for you to use!