Advertise    Write for Us

Vectorboom

Adobe Illustrator Tutorial: How to Create a Vector Handmade Icon

posted by: Iaroslav Lazunov, in Illustrator Tutorials / Icon Design/ Comments: 1
How to Create a Handmade Icon Using Dynamic Sketch Tool in Adobe Illustrato

To create a Handmade Icon you will not need paints and brushes. We will only need a graphic tablet and DrawScribe plugin. For quick recoloring of a ready icon, use the Phantasm CS. Let's get started!

Step 1

We will be creating an icon using the Dynamic Sketch Tool, which is one of the tools of the DrawScribe plugin. Let's adjust the tool for convenient work. To open the Dynamic Sketch Preferences window, double-click on the tool's toolbox icon or press Enter when already in the tool. Alternatively, select the appropriate item in the fly-out menu of the Dynamic Sketch panel (Window > DrawScribe > Dynamic Sketch panel).

How to Create a Handmade Icon Using Dynamic Sketch Tool in Adobe Illustrato

My settings are slightly different from the default settings. Let's see what I have changed.

How to Create a Handmade Icon Using Dynamic Sketch Tool in Adobe Illustrato

You can read about why I prefer these settings in my article How to Combine the Dynamic Sketch Tool and Illustrator CS5's Width Tool to Fine-tune your Vector Artwork. Open Dynamic Sketch panel (Window > DrawScribe > Dynamic Sketch panel) and enable on the "Edit or continue existing paths" button and set the degree of accuracy and smoothness.

How to Create a Handmade Icon Using Dynamic Sketch Tool in Adobe Illustrato

Step 2

To create a handmade icon, I will be using a graphic tablet. Take the stylus, choose orange color for the fill and with the help of the Dynamic Sketch Tool create shape of the icon. It should look like a square.

How to Create a Handmade Icon Using Dynamic Sketch Tool in Adobe Illustrato

Some of negligence in the creation of this shape is, of course, welcome for handmade icon.

Step 3

Set the relationship between the line width and the pressure on the graphics tablet stylus and the thickness values that will correspond to the minimum and maximum pressure.

How to Create a Handmade Icon Using Dynamic Sketch Tool in Adobe Illustrato

Now select the "Round cap" in the Stroke panel in order for the lines to have rounded ends.

How to Create a Handmade Icon Using Dynamic Sketch Tool in Adobe Illustrato

For the stroke pick a darker shade of orange than for the shape of the icon, set the Multiply Blending mode and reduce the opacity to 10% in the Transparency panel.

How to Create a Handmade Icon Using Dynamic Sketch Tool in Adobe Illustrato

Take the Dynamic Sketch Tool and create oblique strokes in a place where icon’s penumbra should be.

How to Create a Handmade Icon Using Dynamic Sketch Tool in Adobe Illustrato

Moving to the bottom right corner of the icon, strokes should be wider and denser, overlapping one another. Thus, we create a transition from penumbra to shadow.

How to Create a Handmade Icon Using Dynamic Sketch Tool in Adobe Illustrato

The small value of Opacity (10%) gives us a sense of drawing with watercolors or gouache.

Step 4

The way of creating an illuminated part of the icon is the same as for the shadow. Only in this case, set the Screen Blending mode in the Transparency panel. Color of the stroke can be the same as for the shape of the icon.

How to Create a Handmade Icon Using Dynamic Sketch Tool in Adobe Illustrato
How to Create a Handmade Icon Using Dynamic Sketch Tool in Adobe Illustrato

I decided to make the edges of the icon less accurate, so that I created some paths on its edges, as shown in the picture below, and then placed them below all the objects.

How to Create a Handmade Icon Using Dynamic Sketch Tool in Adobe Illustrato

You can read full version of this tutorial on AstuteGraphics.com

Follow us if you want to be the first to know about the latest Adobe Illustrator tutorials and articles. Vectorboom team works for you!

Total comments: 1
0   Spam
1 Stacy Williams   (2012 Sep 25 05:08)
With havin so much written content do you ever run into any problems of plagorism or copyright infringement? My blog has a lot of exclusive content I’ve either authored myself or outsourced but it appears a lot of it is popping it up all over the web without my authorization. Do you know any methods to help reduce content from being stolen? I’d genuinely appreciate it.

Only registered users can add comments.
[ Registration | Login ]
Subscribe Now!
RSS feed twitter
Username
Password
Recent Consultations
Collection of great Typography tutorials
VectorScribe v2.1 upgrade