• Feed RSS

35+ Awesome Tutorials Teaching You How To Create Your Own Icons

35+ Awesome Tutorials Teaching You How To Create Your Own Icons: "

icontuts

Icons are used almost everywhere. They are basically symbols and great for communication almost anything. Some Icons are detailed to a degree that makes them look almost photographs while others are the simplest possible drawings. Really there are Icons available for free or on commercial license to cover nearly any you may have. Still if you cant find exactly what you need there is still the option to create the icon yourself. Mastering the techniques in either Illustrator or Photoshop needed to create Icons can be really useful. In this article tripwire magazine provides a list of more than 35 great tutorials to get you started creating your own Icons. The article has been split up in 3 sections – Photoshop Tutorials, Illustrator Tutorials and Useful articles in Icon design.

Photoshop Tutorials

Photoshop Laser Printer Icon Tutorial

How to Create Photoshop Laser Printer Mode

image

Under Construction Helmet Icon Tutorial

In this tutorial, we’ll be creating our very own icon from a photograph. The tutorial is published by psdtuts and it is of exceptionally high quality and may be used as inspiration for transforming other objects from photographs into icons!

image

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

image

Traffic Cone Icon Tutorial

Illustrate a Traffic Cone Icon in Photoshop, cool icon for “under construction”. Another great psdtuts tutorial.

image

How to Make a Calendar Icon

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

image

How To Make An Icon

image

The Making of an Icon

A great tutorial on process of designing an note pad icon. Download the finished icon from theIcons Section.

image

Draw magnifying glass

Learn essential drawing skills in Photoshop when creating this good looking icon

image

World Icon Photoshop Tutorial

Create a great looking world icon in Adobe Photoshop. This tutorial shows some really great techniques.

image

Glossy Round RSS Icon Tutorial

This tutorial will teach you how to create a round RSS icon for our website or blog with some really cool light effects.

image

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!PSDTUTS Plus membership is required to download the PSD.

image

Vista Folder Icon

Learn how to create a folder icon from scratch

image

Making digital watch icon

image

Glossy Graduation Hat Icon Tutorial

Step by step turorial that will show you how to design a glossy, clean graduation cap icon.

image

Handy Web 2.0 Icons In Photoshop

When we are working on a Web design project, we quite often need icons to show commands like add, delete, or edit. With the Web 2.0 trend, the use of badges and subtle 3D has become very popular. In this tutorial, I will show you how to create a really easy and very nice 3D effect to be used in either buttons and icons or elements that need some depth.

image

How to Design Mini Icons

Learn the technique of using Photoshop pens tool for creating mini pixel icons. Download PSD

image

3d Logo

Make your own 3d logo using this simple tutorial

image

Vista Error Icon Photoshop Tutorial

Learn how to create a Windows Vista erroe icon using basic Photoshop techniques.

image

Pyramid Icon Design

You will be creating a pyramid icon or logo on this tutorial. All steps are on separate pages – really annoying.

image

Create a Jaguar Style Folder Icon

n 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.

image

Creating an XP Style Monitor Icon

Let’s go back in time and look at Windows XP system icons. We’ll get inspired by an old computer icon. Then we’ll create a simple monitor icon in that style. Icon Factory is the company that created the icons for both Vista and XP Windows operating systems. Their works serves as inspiration for not only this tutorial, but many icons created today.

image

Illustrator Icon Design Tutorials

Transparent Battery Icon

In this tutorial, we’ll create a detailed icon of a battery similar to the one used for the iPhone touch. The battery “fuel” color can be changed as well as the “fuel” level, allowing the icon to be used to create a battery or power meter for applications, or simply as a graphic in any type of design.

image

How to Create a Shiny Bucket Icon

Learn how to create a rational vector bucket icon with this tutorial.

image

Create a Vector RSS Icon with Illustrator

Probably one of the most popular and recognisable icons in the web universe; the RSS icon is displayed on many website to indicate the availability of a subscription feed. There are pre-made icons you can download and place on your website, however this tutorial cover the process of creating your own custom vector RSS icon in Illustrator.

image

Make a Handy 3D Vector Calendar Icon

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.

image

iTunes Icon Illustrator Tutorial

Great tutorial that will help you master your Blend techniques in Adobe Illustrator while replicating the iTunes icon. The challange 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. Download Source File

How to Make a Vector Military Cap Icon

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 judgment throughout the process.

image

How to Design a Set of Multicolored Buddy Icons

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.

image

StumbleUpon 3D Icon Tutorial

Learn about designing a 3D social bookmarking icon in Adobe Illustrator. You can download the icon here as well

image

How to Turn Glasses into a Great Geek Icon

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.

image

Icon Design Articles

Icon Design Explained (Quickly)

Quick slides for teaching some fundamentals

10 Mistakes in Icon Design

Denis Kortunov explains the mosty commonly observed mistakes in icon design

image

Icon Design Explained (Quickly)

image

7 Principles of Effective Icon Design

Some guidelines and principles before approaching icon design

image

10 Tips for Effective Icon Design

Translating the ‘iconic’ features of an object into something that is metaphorically meaningful and instantly recognizable is no easy task — particularly when the design needs to be as effective at 48×48 pixels as it is at 256×256!

image

Icon Design: Bitmap vs Vector

A good article about differences between bitmap and vector file formats

Feed provided by tripwrire magazine, Visit this post here: Permalink

"