35 Brilliant Tutorials for Designing Icons

The icons have been used since I have memory, either on web sites, forums to decorate a blog, or just vector graphics that complement a design, small or large, and always represent an object, series of objects or a character.

I have a schedule of items and collections that I do and perhaps somehow made public. This time I got to make a collection of tutorials that promise to get into the vast field of designing and creating vector icons using Photoshop, Inkscape, Illustrator or even GIMP, is 60 and I hope you enjoy them, I have done several already. Remember that no matter which program you have important knowledge and creativity, choosing a good concept and image of the icon, if you can draw it before and vectorized then never make any a rush. I invite you to continue reading and if any tutorial you like do not forget to visit. If there is a tutorial that you see fit to put here, even if it is yours and posted to your blog or one you have in your favorites, just leave a comment.

Creating an icon of a former Radio [Photoshop]

I still remember when my grandfather’s house I saw this kind of radios, called vintage radios, as in this tutorial will create one from scratch using shapes, gradients, patterns and coating techniques.

Simple icon Cup of Coffee [Photoshop]

In this tutorial we’ll be going though creating a semi-photo realistic coffee cup, using shapes and textures, gradients..

Adobe Photoshop CS3 Style Icons [Photoshop]

In this tutorial I will show you how to create the Adobe CS3 style icons using some basic gradients and layer styles.

Design a Software box [Photoshop]

Well, all we ever dreamed of having our software, but we also wanted to create a kind of 3D box representing a product, it is possible to see this tutorial, realistic, with good depth and presentation, a tutorial missed.

Create a Slick Black iMac  [Photoshop]

Some months back before the latest iMacs were released, I was musing as to what a black iMac might look like. Being a Photoshopper, I decided to try making one. After posting it on a blog, the image went viral and started appearing on Mac and technology blogs and my site was inundated with traffic. Today if you look up Black iMac in a Google search you’ll see lots of sites using my image. Today I’ll show you how I made that picture.

Create a High-Gloss Graduation Hat Icon Design [Photoshop]

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.

How to Create a Basic House Icon [Photoshop]

In this tutorial, you’ll go through easy steps and techniques to design a simple yet attractive house icon. It’s easy to follow and to play with. There are no intricate curves or complex brush work. Just simple shapes along with layer styles will do the complete job. The aim of the tutorial is to get familiar with the correct use of colors and efficient use of layer styles. I am sure you’ll enjoy following it. Let’s jump in!

Ice Cream Logo Icon [Photoshop]

Today I am telling you about How to Create Photoshop Ice Cream Logo Icon..

How to Illustrate a Delicious Ice Cream Bar [Photoshop]

In this tutorial, I’ll show you how to draw an ice cream bar. Throughout this tutorial we’ll have a look at various drawing techniques. We’ll be creating everything within Photoshop from start to finish, except the font used. Let’s jump into this tutorial.

How to Create a Super Shiny Pencil Icon [Photoshop]

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. Let’s have some fun with this.

Creating a film icon [Photoshop]

The film is very common for a director to have one of these, used to indicate the beginning or end of a scene, now you can design one in 3D real pretty, perfect for your site cinema.

Skype Buddy Icon [Photoshop]

Learn to draw skype buddy icon with this tutorial. Final output of the skype buddy icon can be seen below..

Dish TV Icon [Photoshop]

Here I will teach you about How to Create Photoshop Dish TV Icon..

Ancient Inkpot Logo Icon [Photoshop]

Today I am telling you about HOw to Create Photoshop Ancient Inkpot Logo Icon..

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.

Realistic Postal Cardboard Box [Photoshop]

Here I am telling you about How to Create Photoshop Postal Packet Logo Icon..

Laser Printer Model [Photoshop]

Here I am telling you about How to Create Photoshop Laser Printer Model..

Illustrate a Traffic Cone Icon [Photoshop]

Previously I showed you how to illustrate a construction helmet icon. 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.

Create a Shiny Lock Icon Design [Photoshop]

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!

How to Create a Van Icon [Photoshop]

This is another icon I have created with Negreu Andreas. 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. Let’s review the process!

RSS icon beginner [Illustrator]

Includes video tutorial and text with images, this tutorial for beginners will teach you to create the classic icon RSS Feed or with simple steps, using shapes and transformations .

How to create an iMac and a photorealistic Mouse Magic [Illustrator]

As you note, the icon of iMac looks pretty realistic to achieve this will have to consider using good prospects, degraded and have a good knowledge of the tool pen.

How to Design a Set of Multicolored Buddy Icons [Illustrator]

In this Illustrator tutorial, I’ll show you how to create a set of multicolored buddy icons. This tutorial uses some basic shapes, gradients, Feather, and Illustrator’s powerful Live Color feature. These techniques are easily translated into other designs and illustrations.

iTune Icon [Illustrator]

The challenge of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon. This tutorial is a good exercise to master your Blend techniques.

Creates a very funny Twitter icon [Corel Draw]

Although they are quite used on websites, and more on blogs, it is always essential to have on hand icons networks social, better if they are very creative or droll. Using Corel Draw (you need to know right away) learn to draw the bird’s image in 11 steps.

Draw a box of delicious Chinese food [Illustrator]

This tutorial will demonstrate how to craft a delicious Chinese food icon set. This tutorial requires a generous command of Adobe Illustrator’s tools. Let’s dig into this yummy icon design tutorial, which includes numerous vector illustration techniques.

Geek glasses icon [Illustrator]

In this tutorial, we’ll show you how to make a cool, or should we say geeky, glasses icon. You should be versed in Adobe Illustrator’s tools to complete this tutorial. You’ll learn how to take creative license and create an illustration that uses a photo reference, but differs a bit in the final design.

Create An Aperture Style Camera Lens Icon [Illustrator]

In this tutorial, we’ll create a detailed camera lens similar to the one used as the logo for Apple’s Aperture photo-editing software. A camera lens is good for a software icon, logo, or just as a graphic for use in any design. Although, the image appears detailed, the process of creating it involves little more than simply layering objects with different fills and gradients to give a three-dimensional illusion.

Make a Handy 3D Vector Calendar Icon [Illustrator]

Learn to make a handy calendar icon to use on your blog, website, or print projects. We’ll use Illustrators Path and 3D tools to create this design. Also, a simple page curl effect will be demonstrated as well. Let’s jump into this tutorial.

Design a Vector Audio Speaker Icon In Illustrator [Illustrator]

In this intermediate tutorial, I’ll show you how to create a vector speaker icon. When you break down the elements you’ll find it fairly easy. We’ll be using some ellipses with gradients, the Grid Tool, and the Mesh Tool to create this icon design.

How to Make a Vector Military Cap Icon [Illustrator]

This tutorial will show the intermediate-to-advanced Adobe Illustrator artist how to make a realistic military style cap icon using predominately gradients, blends, and the Gradient Mesh Tool. We’ll be using a photo reference to base this illustration on, though utilizing creative judgement throughout the process.

How to Create an Alarm Clock Icon [Illustrator]

With simple shapes and gradients, this easy tutorial will show you how to create an alarm clock icon. We’ll be using Illustrator CS4 for this tutorial, but those of you with older version should be able to follow along as well. Let’s jump into this tutorial, which beginning illustrators will find especially useful!

How to Create a Vector Sketchbook [Illustrator]

In this tutorial, I will show you how to create a customizable vector sketchbook. This intermediate tutorial uses some basic shapes, Shear transforms, and Effects to create a leather texture. Let’s get started!

Icon design tutorial: How to make a Calendar icon [Illustrator]

In this tutorial we’re going to show you how we made the Calendar Icon from our most popular icon set “Coquette”.

Volks Logo [GIMP]

Today I’m going to teach you how to recreate the Volkswagen logo. Now generally, logos are made in a scalable vector graphics program such as Adobe Illustrator or Inkscape so that logos can be resized without any quality loss, but for the sake of this tutorial, I will show you in the Gimp. This tutorial is based off of a Photoshop tutorial by Dr Diablo at RepublicOfCode.com. Let’s get started!

You might also like:

(1000+ Free Social Media Icons With Amazing Variations)

(50+ Really Useful Free Professional Icon Sets)…

You Might Also Like


    • 2

      Photoshop has really turned graphics designing to something else. Thanks for he tutorials. I should be able to start doing great designs from lessons learnt..

  1. Pingback: designfloat.com
  2. Pingback: favshare.net
  3. Pingback: bloggerden.com
  4. 7
  5. 10

Comments are closed.