![]() |
home > images > Clipart > HOW TO CREAT ICONS : TUTORIALS TO MAKE ICONS with Adobe Illustrator
ADOBE ILLUSTRATOR ICON DESIGN TUTORIALS
Create a Vector Film Slate Icon : Illustration - In this tutorial, I'll show you how to create a vector film slate icon. The tutorial uses some basic shapes, some gradients, and even a blend. Moreover, you can easily customize this tutorial with your own logo or typography.
Creating a Windows XP Folder Icon Illustror Tutorial - This article describes what I've found out about making icons and gives a simple example of making a Windows XP folder icon in Adobe Illustrator. This can then be used for further design work and eventually end up as an icon.
![]() |
![]() |
![]() |
||
![]() |
![]() |
![]() |
||
Create XP-style Icons Using Illustrator or Freehand - In this third and last article of our vector graphic series, you'll use your knowledge of faux 3d vector graphics as we walk step-by-step through a real-life, practical application that I think you'll find extremely useful.
Design a Vector Audio Speaker Icon In 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.
Creating a comment icon in Illustrator - A short tutorial on creating a vector-based comment icon in Illustrator. The tutorial includes a downloadable illustrator file to work through the example with. We are going to create a simple comment icon that can be use on a website or CMS. We'll use some simple illustrator techniques to achieve the effect.
Create a Detailed Camera with Photo Icon - This tutorial will show the intermediate Adobe Illustrator artist how to make a sleek web 2.0 style icon. You should have a basic understanding of Adobe Illustrator tools before you begin this tutorial, as the tutorial moves at a rapid pace.
Creating an icon "about company" in Illustrator - In this tutorial, you will learn to create an “about company” icon in Illustrator. After a little treatment in Photoshop, the result can be like this:
Create a Vector RSS Icon with Illustrator - Since the icon is to be created in vector format, it can be scaled up or down in size for implementation on future websites you may work on, unlike a raster version which would have to be remade in larger dimensions to prevent pixelation.
Creating Reflecting Web Icons in Illustrator - One of the looks of “Web 2.0″ is the aqua icons that Matt Kloskowski shows us how to make in the first issue of Adobe Illustrator Techniques print issue. Another look is the reflecting icon. The clean, crisp look of these attractive images makes clicking through a website’s navigation fun. Here’s how to make one of those neat icons.
Create a vector icon in Adobe Illustrator - In this tutorial, you are going to learn how to use various effects in Illustrator to make unique, classy looking icons like the one below. I will be going into great detail during many of the steps. If you are an advanced Illustrator User, you may skim through some of the steps to get to the finished product faster.
DesignFloat.com's Circle Float Icon - In this tutorial i will create a Designer float icon using adobe Illustrator that will match with the awesome fasticon set…
Drawing a Pencil Icon Tutorial - This article explains the process of designing a simple pencil icon, one of the icons of the icon set. The tutorial is very detailed and in-depth, so you will hopefully be able to follow each step without any problems.
How to Create a Juicy RSS Feed Icon in Illustrator - Let's learn how to make a unique RSS feed icon. This tutorial requires a familiarity with Adobe Illustrator's basic tools as we'll use the gradient mesh tool and make light use of Illustrators mapping feature.
How to Create XP Style Icons Using Illustrator - This tutorial will give you a basic idea of how you can create Xp Style icons using Adobe Illustrator and Photoshop. You can use free hand or any other graphic software and create the same by following the basic steps.
How to Create a Transparent Battery Icon with Adobe Illustrator - 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.
ITunes Icon Design Tutorial in Adobe Illustrator - 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.
Translucent IM Style Illustrator Icon Tutorial - The shiny and glossy image of ‘Web 2.0’ is right at home when it comes to icons. Follow this Adobe Illustrator tutorial to create a scalable vector Instant Messaging style icon with the impression of a glossy and semi-translucent surface
Online Tools and Software to Generate Icons and Favicons - This is the ultimate list of tools, utilities, and software for generating these pesky little icons / favicons.
List of Vector Conversion Software - 30+ Tools to Turn Photos into Line Art and Illustrations - Most of these tools turn Raster / Bitmap / Photo Images into Line Art / Illustrations / Vector Art.
Photoshop Icon Design Tutorials
Illustrator Icon Design Tutorials
RECENT ARTICLES from Graphic Design BloG
Business Cards: Ideas and Inspiration, Part II
Today we continue looking at business cards that stand out, and here’s hoping you get some inspiration and ideas! After all, you only get one first impression, so your business card should be something that showcases the best of your design abilities. On Wednesday we looked at the use of interesting shapes, 3D business cards, [...]
![]() |
![]() |
|
![]() |
![]() |
|
Business Cards: Ideas and Inspiration, Part I
As a graphic designer, your business card should do more than let people know how to contact you. If you’re interested in truly making a good first impression, the business card has got to stand out. Whether through color, design, die cutting, unique materials, 3D shapes, or actual samples of your work, a stand-out business [...]
Collaborating and Negotiating: Part II
Today, we’re looking at the collaboration side of negotiation and collaboration in graphic design. Because your work is ultimately for the client, at times you as the designer must be willing to compromise to reach a mutually agreeable goal. Here are some tips to help you collaborate with clients.
Ways to Collaborate
Listen. On page 28 [...]
Collaborating and Negotiating: Part I
It’s there in the design brief: the problem your client wants you to solve. But whether your objective is to create an advertisement, exhibition or public announcement, sometimes you and the client aren’t quite on the same page about what exactly the best design solution is. OC Photographer asked a great question about the collaborating [...]
When Things Go Bad: 5 Tips for Firing Clients
Most graphic designers will be in a similar situation at some point: the client will not pay, the client is never satisfied with your work yet won’t collaborate to fix it, or you simply realize that you and the client are not meshing. Regardless of when and why you need to fire a client, everyone [...]
Tips for Working with Clients: Approaching the Relationship
Whether you’re looking for design classes, design degree programs, internships or first jobs, it’s important to choose an option that will help you learn clear communication, especially when it comes to designer/client relationships. Knowing how to work with clients should always be part of a successful graphic design education. The following tips can help you [...]
Working for Good: Pro Bono Design, Part II
If you’re interested in doing pro bono graphic design work, it’s important to educate yourself about smart ways to do it. Once you’ve got some guidelines, you can approach your pro bono work with creativity; unless your client specifically requests it, you don’t need to limit yourself to a brochure. Consider these ideas for pro [...]
All Graphic Design Resources is a Directory Full of Tools for Graphic Designers
All Graphic Design Portal is a Graphic Design education directory with resources & articles for Graphic Designers & Web Designers including a Design forum, blog, graphics software tips, graphic design jobs, advice for new designers about design schools and education as well as tips for freelance graphic design business owners, and much more.