ABOUT VISION WIDGET

Delivers a daily balance of inspiration across web design, graphic design, web development, jquery, photography, web plugins, wordpress themes, identity dranding design and more than for designers. If any images or content appear on site is violation or copyright please inform us on (visionwidget$gmail.com).

20 How To Creating Icon Tutorials Enhance Your Illustrator skills

As icons appear in larger sizes through appearances in Mac applications and rich user interfaces the icon designs themselves are becoming more and more detailed.  Creating icon could be enjoyable yet easy. You can make icons using different kinds of application and Adobe Illustrator is one of the best options. This post is a collection of icon tutorials using Illustrator.

Some of these tutorials is for beginners and advance users of adobe illustrator. Here is 20 Amazing Adobe Illustrator Tutorials for Creating Icon.

1. Create a Vector Lock Icon Design

In this tutorial, you’ll learn how to create a lock icon with some effects, opacity masks, gradients, and simple shapes in Illustrator. Many of these techniques can be applied easily to other icon designs.

Create a Vector Lock Icon Design

 

2. How to Turn Glasses into a Great Geek Icon

An Adobe illustrator tutorial where you will learn how to make a geeky, glasses icon. 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.

How to Turn Glasses into a Great Geek Icon

 

3. Design a Vector Audio Speaker Icon In Illustrator

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

Design a Vector Audio Speaker Icon In Illustrator

 

4. Create An Aperture Style Camera Lens Icon

In this tutorial, you will create a detailed camera lens similar to the one used as the logo for Apple’s Aperture photo-editing software. 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.

Create An Aperture Style Camera Lens Icon

 

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

Create a Detailed Camera with Photo Icon

 

6. How to Design a Set of Multicolored Buddy Icons

In this Illustrator tutorial, you will learn 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.

How to Design a Set of Multicolored Buddy Icons

 

7. Designing a Sleek Pencil Icon

In this tutorial, you will learn how to create a sleek pencil icon using Adobe Illustrator CS3.

Designing a Sleek Pencil Icon

 

8. Craft a Delicious Chinese Food Icon

This tutorial requires a generous command of Adobe Illustrator’s tools. This tutorial will demonstrate how to craft a delicious Chinese food icon set.

Craft a Delicious Chinese Food Icon

 

9. How to Create a Transparent Battery Icon

In this Adobe Illustrator tutorial, you will 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.

How to Create a Transparent Battery Icon

 

10. Create A Vector Art Twitter Bird Character Icon In Adobe Illustrator

This tutorial will walk you through the steps from sketch to vector in creating an original cartoon-style character vector illustration.

Create A Vector Art Twitter Bird Character Icon In Adobe Illustrator

 

11. Create a Cute Panda Bear Face Icon

A tutorial where you will learn how to create a cute panda bear face icon all from ellipses.

Create a Cute Panda Bear Face Icon

 

12. How to make a CD icon using Illustrator in 5 minutes

In this tutorial, you will learn how to create a vector icon of CD using Adobe Illustrator CS3. This can be done in only 5 minutes.

How to make a CD icon using Illustrator in 5 minutes

 

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

Creating a comment icon in Illustrator

 

14. Create a Vector Film Slate Icon

This tutorial will  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.

Create a Vector Film Slate Icon

 

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

How to Make a Vector Military Cap Icon

 

16. Designing a New Icon In Illustrator

A tutorial where you will learn how to create a social network icon in illustrator. This tutorial  cover the basics and give you an idea how things are rendered, how they appear in smaller sizes.

Designing a New Icon In Illustrator

 

17. How to Create a Juicy RSS Feed Icon

Learn how to make a unique RSS feed icon. This tutorial requires a familiarity with Adobe Illustrator’s basic tools as you willl use the gradient mesh tool and make light use of Illustrators mapping feature.

How to Create a Juicy RSS Feed Icon

 

18. Translucent IM Style Illustrator Icon Tutorial

In this tutorial, you will learn how to create a glossy and shiny Web 2.0 scalable vector Instant Messaging style icon.

Translucent IM Style Illustrator Icon Tutorial

 

19. Gradient flower icon in Illustrator

Learn how to create a Gradient flower icon in Illustrator. Throughout this tutorial you will be using Pen, Reflect, Scissors, Gradient tool, and Transform.

Gradient flower icon in Illustrator

 

20. 3D Isometric Vector Icon Tutorial

This tutorial will not only be just a 3d shiny box icon tutorial, but also an article to give an idea about how to design isometric scale icons.

 

3D Isometric Vector Icon Tutorial

 

create-your-own-jquery-plugin

30 Best Examples of Free jQuery Content Sliders

jQuery developers and designers widely use content slider scripts to create various and flexible effects on the images. It's great idears for getting into the business to displays products let the memory in customers mind through the visual image galleries.

30 jQuery Free Photo Albums with Tutorials

This post includes essential tutorials for photo galleries in many styles so they could perfectly fit your sites, running smoothly and seamlessly. all of these jQuery/CSS3 photo gallery tutorials certainly incorporate the CSS.

12 jQuery CAPTCHA Plugin with Tutorial

CAPTCHA is designed to recognize the difference between a bot and human and sometimes even malicious software to provide the security to your system.

new-photoshop-tutorials

60 Free Adobe After Effects Text Effects Tutorials

Whether you're a beginner, intermediate or expert, you're sure to find what you're looking for in our great collection of After Effects tutorials from around the web with tutorials for people wanting to learn about Adobe's 3D, motion graphics and animation software.

50 Autodesk 3DS Max Tutorials for Beginners

The list is composed of several Autodesk 3ds Max techniques that you may need to use in creating 3D graphics with the help of other software like Photoshop, Zbrush and special plugin like V-ray to enhance the result.

20 Adobe Fireworks Tutorials for Web Design

We have collected some useful and fresh tutorials on Adobe Fireworks including generating PDFs, exporting CSS based layouts and a variety of other things that you can explore.

full-template-with-cms-skins

60 Elegant Responsive Free Drupal 7/8 Themes

Showcase very modern and professional Free Drupal 7 theme giving your endless possibilities. All those Drupal 7 themes are free to download and has a very clean, minimal and elegant design perfect for any corporate business, portfolio or blog site.

20 Fantastic Responsive Free Joomla 2.5/3 Templates

You’ll find best Latest Free Joomla! 2.5 and Joomla! 3 Templates Around because We all know that we’re going to use our blog as a tool to promote our business, so we need to have a clean, professional, corporate look.

20 Response FREE Wordpress Themes Releases IN 2014

In this article I want to showcase best 20 free Response Wordpress blog themes released in 2014. I hope these themes will fit your needs.