vector drawing with a graphic table1

8/2/2019 Vector Drawing With a Graphic Table1

1/27

Vector Drawing with a Graphic Tablet (Part 2 Coloring)

When you use Bristle Brush with a graphic tablet, Illustrator interactively tracks the movementsof the stylus over the tablet.

There are several ways to color vector images. Here I will describe the most common of them

and the tools that are used in this process. All these methods are used by professional illustrators.

What are their differences and advantages? Learn more after jump!

For this artwork we will be using a sketch of a Viking created by Catherine Dedova for thistutorial.
http://zzanthia.deviantart.com/http://zzanthia.deviantart.com/


2/27

I created an outline based on this sketch.


3/27

To learn how to create an outline you can read in the first part of this tutorial click here. I will

only add a little bit to the previously described techniques. If you are using the Paintbrush Tool(B) to create an outline, dont worry that the line doesnt go quite the way you wanted.

You can always remove extra points on the curve with the help of the Smart Remove Point

command from the PathScribe panel (Window > VectorScribe > PathScribe) and correct itsshape using the PathScribe Tool, of course, if you are already using VectorScribe plugin in your

work.

In this case, you only need to keep an eye at the line thickness, as the shape can always be fixed.

I was using this method to create Vikings outline.
http://www.astutegraphics.com/blog/vector-drawing-with-a-graphic-tablet-part-1-path-creation/http://www.astutegraphics.com/blog/vector-drawing-with-a-graphic-tablet-part-1-path-creation/http://www.astutegraphics.com/products/vectorscribe/http://www.astutegraphics.com/blog/vector-drawing-with-a-graphic-tablet-part-1-path-creation/http://www.astutegraphics.com/products/vectorscribe/


4/27

Coloring using the Pencil Tool (N)

The Pencil Tool (N) is the most common way of coloring the illustrations in Adobe Illustrator.

However, this method is the most laborious. Many artists use it because in the drawing process, itallows for more details within the illustration. In addition, this method does not involve any

technical requirements of the outline. The outline may be open (as it is in my case) or may

consist of multiple open paths (in case you used the Paintbrush Tool (B) without furtherprocessing).

Now, before coloring the illustration, lets examine the settings of the Pencil Tool (N). To open

the Options window of the Pencil Tool, double-click on the icon of the tool on the toolbar.


5/27

Fidelity controls how far you have to move your mouse or stylus before a new anchor point is

added to the path. The higher the value, the smoother and less complex the path. The lower the

value, the more the curves will match the pointers movement, resulting in sharper angles.Fidelity can range from 0.5 to 20 pixels.


6/27

Smoothness controls the amount of smoothing applied when you use the tool. Smoothness can

range from 0% to 100%. The higher the value, the smoother the path. The lower the value, themore anchor points are created, and the more the lines irregularities are preserved.

Fill New Pencil Strokes applies a fill to pencil strokes you draw after selecting this option, butnot to existing pencil strokes.


7/27

Keep Selected determines whether to keep the path selected after you draw it. This option is

selected by default.

Edit Selected Paths determines whether or not you can change or merge a selected path when

you are within a certain distance of it (specified with the next option).

Within: [x] pixels determines how close your mouse or stylus must be to an existing path in order

to edit the path with the Pencil tool (N). This option is only available when the Edit Selected

Paths option is selected.

When coloring the picture with the Pencil tool (N) the last three options can be picked/specified.

However, this is your preference.

It happens that many users of Adobe Illustrator practically do not use the Pencil Tool (N) in their

work. So Ill explain what I consider to be important features of this tool.

To close the path, hold down the Opt / Alt, when you get closer to the starting point of the path.

Do not try to combine the starting and ending points, after pressing Opt / Alt path will close at

the shortest distance between the points.

To connect two open paths, select them, then continue the first path with the help of the PencilTool (N). When joining together the cursor with the endpoint of the second path, press Cmd /

Ctrl.


8/27

Set the parameters for the Pencil Tool (N) shown in the figure below.

Now create a new layer located below the path and start creating color elements of the

illustration on it. When working on it, try not to go beyond the outlines border and color all therequired fields without gaps.


9/27

In fact, you have to move the cursor along the outline of the image.

You can always edit the mistakes made using the same Pencil Tool (N), because all the necessary

options are set.


10/27

Please note that editing a shape with the help of the Pencil Tool (N) can lead to unpredictable

consequences such as the opening of a closed path, closing of an open path, and even removal of

the part of the shape. How to edit a shape correctly? I came to a conclusion that a new stroke ofthe tool should begin as close to the original outline as possible and end as close to it too, in spite

of the value of Within: [x] pixels, which you set in the dialog window of the Pencil Tool

Options.


11/27

The Vikings outline has a rather complicated shape, so it took me more than half an hour to

color it carefully.

Now I propose to take a look at other, faster methods of image coloring.

Coloring with the Live Paint Bucket (K)

To fill with the Live Paint Bucket (K), select the objects that we intend to fill. However, if yourillustration consists of open paths to which a brush was applied, then this kind of filling is

impossible. A warning window will signal this.


12/27

Therefore, our illustration should be prepared in a certain way before using this method. Select

all the objects and go to Object > Expand Appearance. Now our outline is a group of regularvector objects.

Keep the object selected, click the Unite button in the Pathfinder panel, then go to Object >

Compound Path > Make.


13/27

Before filling I will tell you briefly about the options of this tool. The Live Paint Bucket options

let you specify how the Live Paint Bucket tool works, choosing whether to paint just fills,


14/27

strokes, or both, as well as how to highlight faces and edges as you move the tool over them.

You can see these options by double-clicking the Live Paint Bucket tool.

Select the Compound Path and by clicking fill the shapes with appropriate colors.


15/27

To switch quickly between the Live Paint Bucket (K) and the Eyedropper Tool (I) use the Opt /Alt key.

However, not all the necessary shapes can be filled. The fact is that our outline is open in some

areas. Ive already talked about this at the beginning of this tutorial. Open outlines can be

designed by an artist or be a result of careless work. Clicking on this part of a picture will notresult in filling.

Fortunately, we can customize the Live Paint Bucket (K) so that it detects such areas of an

illustration as a closed path. Keeping it selected, go to Object > Live Paint > Gap Options and

increase the Gap value. The program shows which gaps were detected and, therefore, allowsfilling of the inner spaces next to them.


16/27

It is advisable not to change this parameter in the process of work, as this may lead to changes inthe already filled shapes.

After filling the objects go to Object > Live Paint > Expand. The coloring is not finished as wewill be also creating lights and shadows, so we need the Outline in one piece. Using the Direct

Selection Tool (A) select part of the outline and go to Select > Same > Fill Color.


17/27

Keeping it selected, go to Object > Compound Path > Make.


18/27

With all the described nuances, this method is faster on occasions than the method using thePencil Tool (N)!

Coloring with the Release Compound Path

This method is applicable only to a closed outline which represents a Compound Path. In the

case of creating a outline with the help of the Paintbrush Tool (B) you need to prepare the

outline. Select all the objects and go to Object > Expand Appearance. Now our outline is a groupof regular vector objects. Keep the object selected, click on the Unite button from the Pathfinder

panel. As you can see, the outer path consists of several objects.


19/27

We need to connect them. Select the break with the Direct Selection Tool (A), take the BlobBrush Tool (Shift + B) and connect the parts of the outline .


20/27

Note: all the items of the outline must be ungrouped. If youre not careful or did not think that

you were going to use this method, you will need to spend some time closing the external

outline. Thus, the outline is closed, copy it and paste it back (Cmd/ Ctrl + C, Cmd/ Ctrl + B). Fillthe bottom outline with another color, for example red.


21/27

Keep the red outline selected, go to Object > Compound Path > Release.

Now we only need to select objects and color them in the necessary colors.


22/27

Some elements within the outline have to be created using the Pen Tool (P) or Pencil Tool (N).

Create highlights and shadows


23/27

You may find that our illustration looks a little bit flat, so we need to add highlights and

shadows. Create a new layer. It should be placed between the layer of the outline and the onewith the colored objects. Or the equivalent group layers if you are working in one layer.

Define the position of the light source; I have it at the left top.


24/27

Now using the Paintbrush Tool or Blob Brush Tool create lights and shadows in a new layer.

Shades of the basic color can be easily get in the Color panel, when the HSB color mode is on.


25/27

In my work I used the Paintbrush Tool, so you can see how the brush strokes are.

Of course, you can use the Pen Tool (P), if the shape of the shadow is large. Now the Viking

looks like this:


26/27

Using the Bristle Brush

Bristle Brushes (introduced in Illustrator CS5) allows you to create vector brush strokes with the

appearance of a natural brush with bristles. When you use Bristle Brush with a graphic tablet,Illustrator interactively tracks the movements of the stylus over the tablet. It interprets all aspects

of its orientation and pressure input at any point along a drawing path. Illustrator provides the

output that is modeled on the styluss x and y position, pressure, tilt, bearing, and rotation.

To create a Bristle brush, click on New Brush in the Brushes panel and select Bristle Brush in theopen dialog window.

Now, in the Bristle Brush Options window, select the type of brush and set its other options,

watching how a brush stroke will look like in the preview window.


27/27

The bracket keys [ and ] are used as shortcuts for decreasing and increasing the size,respectively. The bracket keys increase and decrease the size in 1mm increments. You can use

the numeric keys [0-9] as shortcut to set the opacity of bristle brush strokes where: 0 = 100%, 1 =

10% 9 = 90%.

In this artwork, we can apply a Bristle Brush to the Vikings beard and to create hair on hisboots.

vector drawing with a graphic table1

Documents