how to trace a sketch with a vintage comic style

32
 How To Trace a Sket ch with a Vintage Comic Style You can find the vintage comic style in newspapers, magazines, and in animation. In this tutorial you will learn several techniques for tracing a sketch, including how to make custom brushes, how to combine shapes and  brushes and how to combine multiple brushes. You will also learn how to simulate shadows with a hatching technique. Step 1 Let's begin with the creation of the sketch and place it on the artboard (File > Place). Pay attention to the lines and make sure they have variable widths. Lock the layer with the sketch in order not to move it during tracing.

Upload: solidcasanova3434

Post on 14-Jan-2016

225 views

Category:

Documents


0 download

DESCRIPTION

sketch, tracing, illustrator

TRANSCRIPT

Page 1: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 1/31

How To Trace a Sketch with a Vintage Comic Style

You can find the vintage comic style in newspapers, magazines, and in animation. In this tutorial you will learn

several techniques for tracing a sketch, including how to make custom brushes, how to combine shapes and

 brushes and how to combine multiple brushes. You will also learn how to simulate shadows with a hatchingtechnique.

Step 1

Let's begin with the creation of the sketch and place it on the artboard (File > Place). Pay attention to the lines and

make sure they have variable widths. Lock the layer with the sketch in order not to move it during tracing.

Page 2: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 2/31

 

Step 2

Let's get down to tracing the contours. Create a new layer over that one with the sketch, the picture is to be traced

in this new layer. It's easy to create brushes for the stroke with an ellipse. Take the Ellipse Tool (L) and create anellipse. The height of the ellipse will correspond to the maximal width of the stroke. You can define the height

value in the Control Settings.

Step 3

A drop-like brush is the preferred shape for the stroke. Make a form out of the ellipse similar to the shape below.Once you've made the shape, drag it into the Brushes palette and save the brush as an Art Brush.

Page 3: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 3/31

 

Step 4

Here are a few tips that will make your work easier.

1.  Choose the brush color different from that of the sketch. I chose red color. Use the same color for the

stroke, when you work with the Pen Tool (P).

2.  Set the Keyboard Increments to 0,25 px. This will help you move the points of the contour very accurately.Jump to Edit > Preferences > General to do this

3.  Set the color of the layer, in which you work, so that it differs from the color of the sketch and the brushes.

It will help you differentiate all the secondary elements of the contour: points, lines, handles. I chose green.To set the color double-click the layer in Layers Palette and select the color.

Page 4: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 4/31

 

Page 5: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 5/31

 

Page 6: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 6/31

 

Step 5

Let's get down to tracing. Take the Pen Tool (P), create the curved segments and apply the brushes to them.

Page 7: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 7/31

 

 Note: Often the direction of the brush doesn't coincide with what you need. It's easy to correct. Take the Pen Tool

(P) and click on the anchor point, the direction of the brush will change. See below for reference.

Page 8: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 8/31

 

Page 9: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 9/31

 

Step 6

You can change the width of the brush by changing the Weight value in the Stroke palette.

Page 10: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 10/31

 

Step 7

Examine the form of the lines your tracing and create the necessary forms for the brushes.

Page 11: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 11/31

 

Step 8

Select the created lines and jump to Object > Expand Appearance and click Unite in Pathfinder Palette. Here you

get some form. We'll add all following elements to this form, the result will be a single form that makes up theimage.

Page 12: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 12/31

 

Step 9

It's not always possible to create a brush that will reflect the sketch's lines. In this case we can combine shapes,

created with the help of the Pen Tool (P) and simple geometric shapes.

Page 13: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 13/31

 

Page 14: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 14/31

 

Step 10

Let's examine the technique of combining two brushes. Create the ear contour with the help of the Pen Tool (P).

 Now take the Scissors Tool (C) and cut the contour into two parts. Make two brushes as shown in the picture below.

Page 15: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 15/31

 

Apply the created brushes to each part of the contour. Select two parts of the contour and jump to Object > Expand

Appearance and click Unite in the Pathfinder palette. Delete unnecessary anchor points.

Page 16: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 16/31

 

Step 11

Let's consider one more way of stroke creation with a variable width. Take the Pen Tool (P) and make the curve

shown in the picture below.

Page 17: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 17/31

 

Copy the line and paste it front (Command + C then Command +F). Now select the line copy and move it uphorizontally.

Dragging anchor points of the upper line, transform it into the form, shown in the picture below.

Page 18: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 18/31

 

Close the contour with the Pen Tool (P).

Step 12

The last method of stroke creation. Take the Pen Tool (P) and create contour following the sketch. Without de-

selecting the line selection, jump to Object > Expand Appearance.

Page 19: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 19/31

 

Cut the contour in point 1 and 2 with the Scissors Tool (C). Select the unnecessary part of the contour with the helpof the Direct Selection Tool (A) and press Delete.

Contour the lines from point 1 to point 2 with the Pen Tool (P).

Page 20: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 20/31

 

Step 13

Using all the techniques demonstrated, trace the entire image.

Page 21: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 21/31

 

Step 14

Tone with image with the help of hatching. Create an Art Brush by transforming the ellipse as usual.

Create a new layer below the one with the main image, but above the sketch layer, here we'll implement hatching.Take the Line Segment Tool (Backslash), create two lines and apply the created brush to them. Without de-

selecting the line selection jump to Object > Blend > Make.

Page 22: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 22/31

 

The width of the lines and the number of blend steps depends on the shadow's density in a given place. The densityof the shadow can also be reflected with the help of putting the one hatch on top of another.

Page 23: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 23/31

 

Don't worry if the hatching overlays the main image.

Step 15

Select all the lines of the hatching and jump to Object > Blend > Expand and Object > Expand.

Page 24: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 24/31

 

 Now, without un-checking the hatching selection take the Eraser Tool and remove the hatching, overlaying the

main image. It's important to note that the layer with the main image should be locked in the Layers' palette,

otherwise we'll remove parts of the main picture.

Page 25: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 25/31

 

Page 26: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 26/31

 

Step 16

Add hatching to the rest of the image, using this technique.

Page 27: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 27/31

 Advertisement

Step 17

 Now let's trim the image. Create a rectangle with no fill and with a stroke of any width.

Page 28: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 28/31

 

Unlock all the layers and sublayers (it's very important in this step), select all the objects (Command +A) and click

the Crop button in the Pathfinder Pallet.

Page 29: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 29/31

 

Implementing this operation will perform two tasks, 1. Cut the image according to the rectangle shape and 2. Cut

the hatching with accordance to the shape of the image!

Page 30: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 30/31

 

Conclusion

You can add a color with the Live Paint Bucket (K) to accent the caricature. You can fill the chicken's body with a

yellow color. Your image is now complete. To keep the vintage comic look, try and use as much line work andhatching as possible and only add one or two accent colors.

Page 31: How to Trace a Sketch With a Vintage Comic Style

7/18/2019 How to Trace a Sketch With a Vintage Comic Style

http://slidepdf.com/reader/full/how-to-trace-a-sketch-with-a-vintage-comic-style 31/31