Knowing how to create icons is a must for a designer. You can’t depend on the icons other designers make cause you might find yourself in need of a custom icon that you can’t find in an icon set.
For creating icons, you need one out of two programs, Illustrator and Photoshop. I’ve covered last week the icon tutorials for Illustrator and now I’m offering the alternative, for those of you who don’t like Illustrator that much or haven’t started learning it yet.
Industrial Folder Style Icon
Blog Writing professional icon
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
In this Photoshop tutorial you will learn how to make an easy, but nice looking abstract 3D icon avatar. Create 3D avatar, that you can use in your website or you can add it in you profiles.
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
In this Photoshop tutorial we’ll be experimenting with layers and styles to create a cool glowing orb and dial effect.
How to Create a Beautiful Printer Icon in Photoshop
Learn how to create this beautiful printer icon with reflections and shadows all within Photoshop. A detailed PSD is included with this tutorial.
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!
Design a 3D Box Icon in Photoshop
In this tutorial I’ll explain step by step how to create a sleek Box Icon in Adobe Photoshop for use in apps or websites.
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
This tutorial teaches you how to create a unique 3D download folder icon with textures. Learn some useful techniques for creating more visually impressive 3D icons.
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
In this tutorial we 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.
Simple Coffee Cup Icon Photoshop Tutorial
In this tutorial we’ll be going though creating a semi-photo realistic coffee cup, with some nice frothy coffee.
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
Today we’ll be drawing a traffic cone, another handy icon for “under construction” elements. Our cone icon is inspired by one I saw on the VLC Player site recently.
USB Stick Tutorial
Design a Stylish Mail Icon in Photoshop
In this tutorial you will learn how to create a glossy mail icon that can be used for your apps or websites.
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
In this tutorial we’re going to be creating a printer icon, suitable for both the web and print. We’re going to be basing the icon on a Canon printer/scanner I use on a daily basis, the MP610.
Render a High Detail Leica M8 Camera with Photoshop
Learn 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 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
n this Awesome Photoshop tutorial, i’m going to show you how to create a isometric microchip icon using basic drawing tools and transformations.
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.
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
In this tutorial, you’ll go through easy steps and techniques to design a simple yet attractive projector icon. It’s easy to follow and to play with.
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
In this tutorial you will be creating a semi-realistic, sci-fi icon that could be used as a battery or dock icon.
Recreate the Famous Yahoo! Smiley
In this easy Photoshop tutorial I’m going to try and teach you how to recreate the famous Yahoo! smiley face, you know, the one that’s all over the Yahoo website?
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.
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
In this tutorial, we’re going to use the Path Tools in Photoshop to draw a shield-like shape. Then using some gradients, we’re going to give it a metallic edge and shiny center.
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.
Learn about special effects while converting an ordinary orb into a fantasy art piece in this Adobe Photoshop tutorial.
Create a Cute Twitter Bird Icon in Photoshop
Today, we will demonstrate how to create a cute Twitter bird icon in Photoshop.