WordPress、Photoshop、Illustratorも教えるパソコン教室

The first step is to quickly draw a sketch defining the basics of the character so we have something to work with in Adobe Illustrator. The face of my drawing looks more like a deformed alien sex doll, but the overall pose and rough proportions are in place. Scan and place this image into Illustrator.

Creating the vector linework

image 1

Reduce the transparency and lock the sketch into place (CMD+2), then grab the pen tool and trace the outline of the whole character. New to the pen tool? Check out these tips.

image 2

Once the overall outline is complete, begin drawing open ended paths within the body to define the shapes of the character.

image 3

Bump up the weight of the outer stroke to around 5pt and align it to the outside. Give any negative space areas such as the shape defining the area between the legs the same weight, but with the stroke aligned to the inside.

image 4

Select the thick outline and go to Object- Path- Outline Stroke. This will convert the stroked path into a solid shape.

image 5

Use the Direction Selection tool to manipulate and alter the points of the path outline to give the impression of a brush stroke. These subtle changes in width do a great job of enhancing the illustration with a hand-drawn inked style.

image 6

The new ‘inked’ effect lines look much better than the plain strokes. Use areas with multiple points to create thick transitions between lines, such as the knee area of the right leg.

image 7

Begin drawing in the detail lines with the Pen tool, then outline each stroke and manipulate the paths. Tweak any open ended lines so they taper into a point to further replicate the brush stroke effect.

image 8

You can manually add tapered points to specific areas to help define the shapes of the body. Just draw the triangular shape with the pen tool, then rotate and carefully move it into place.

image 9

The design really starts to take shape when the finer detail linework is added. Here I’ve also completely recreated the face and hair by manually drawing new elements directly. The great thing about working digitally is that paths can be tweaked and edited, unlike a pencil drawing.

Colouring the illustration

image 10

Draw a selection around the whole illustration and outline any leftover strokes, then click the Merge option of the Pathfinder to blend it all together into a solid shape.

image 11

This merged outline then allows use to use Illustrator’s Live Paint Bucket tool to quickly fill each area with a block of colour. Select a colour swatch then click the red outlined areas to add that particular colour fill.

image 12

Continue adding colour fills with the Live Paint Bucket tool, then go to Object- Expand and select just the Object option to convert the fills into editable shapes.

image 13

The area around the eye wasn’t outlined, so the Live Paint Bucket filled the eye with the same skin tone. Draw a white shape to compensate for this and adjust the stacking order so it sits below the black linework but above the facial colour fill. Add colourful makeup to the eye area and some small specular highlights. The eyes of any character are the most important feature, so take the time to add a few extra details.

Adding depth with light and shade

image 14

Select the main hair object and switch the solid colour fill for a gradient to add radiance and shine. Use a range of browns and yellows to recreate a blonde type hair colour, then adjust the gradient angle.

image 15

Draw a series of flowing shapes across the underside of the character to act as shadows. Follow the black outline roughly, then cut across the inner areas of the character with smooth paths. Change these fills to Multiply at 10% opacity.

image 16

Add these shading shapes to areas of the face taking into consideration elements that would likely cast a shadow, such as the hair flowing over the face, or the head over the neck.

image 17

To really add depth and dimension to the illustration, switch out the solid colour fills with subtle gradients. Give each area of skin a radial gradient that gradually flows from light to dark tones. Adjust each gradient with the gradient tool so it flows in smoothly from outside the shape area.

image 18

Giving the black boots a dark to light grey gradient helps define their shape by giving the impression of light and shade.

image 19

To replicate a glossy or shiny appearance, add some basic highlighting shapes to the boots. Set these shapes to 10% White with the Screen blending mode.

image 20

With all the colour fills and shading in place the character really comes to life as a cute and sexy blonde…

image 21

…or alter the colours slightly and you have a ravishing rock chick! ;-)