Senin, 10 September 2012

Create a Cute Vector Reindeer Character in Illustrator

Read the article

With Christmas being just around the corner I thought it would be fitting to create a festive themed tutorial. Follow this step by step process to design a cute little vector reindeer character. We’ll begin by creating the basic structure of the character with basic shapes, then build up the details with gradients and effects.

Cute vector reindeer character
Here’s the final character we’ll be creating. The simple and rounded shapes really help add to its cuteness while and his general chubbiness and the fact that he stands on two legs helps build upon the quirky and stylised style of design.
Character design process
There’s three basic stages to the design process. Firstly the core outlines are created to form the basic structure of the character, once the character is built out of a range of complete shapes each of these shapes can then be given a colour fill. The design really comes to life in the third step, where shading and effects add depth and dimension.

Open up Adobe Illustrator and draw an ellipse on the artboard as the main body of the reindeer. Leave the default white fill and black stroke for now.

Draw a slightly thinner ellipse overlapping the body to represent a patch of belly fur. Copy (CMD+C) and Paste in Front (CMD+F) a duplicate of the body shape and send it to the top of the stack using the shortcut CMD+Shift+]. Select the duplicate body shape along with the previously created ellipse and use the Intersect option from the Pathfinder tool to trim away the excess.

Continue adding some smaller ellipses in various orientations to build up a head and muzzle. Begin adding a smaller ellipse as a little ear, rotated slightly.

Copy (CMD+C) and Paste in Front (CMD+F) a duplicate of the ear, then go to Object > Transform > Reflect to mirror the ear.

Select the two ears along with the ellipse that makes up the head and blend them together using the Merge option from the Pathfinder tool.

Draw some circles on the head area to represent a couple of eyes and a nose, then add another circle over the lower muzzle area. Make a duplicate of the muzzle piece to use this as a tool with the Pathfinder to trim away the excess so the circle fits within the muzzle area.

Select the Blob Brush tool and draw the basic shape of an antler. A pen tablet comes in handy here to make the most of pressure sensitivity. Make a duplicate of the antler, go to Object > Transform > Reflect, then group both antlers together. Select the antler group and the head, then click the head once more to make this the key object. Use the Align palette to center up the objects.

Use the shortcut CMD+Shift+[ to send the antlers to the bottom of the stack, making them sit underneath the head. Elsewhere on the artboard draw a long thin rounded rectangle with maximum corner radius. With this shape selected go to Object > Envelope Distort > Make with Warp.

In the Warp Options bend the rectangle by around 40% vertically using the Arc setting. Send this shape to the bottom of the stack (CMD+Shift+[) then position it into place as an arm.

Draw an ellipse over the lower portion paying attention to the line that cuts across the arm. Make a duplicate of the arm and use this with the Pathfinder to intersect the shape.

Group the arm and the newly created hoof object, make a copy and reflect them onto the other side of the body. Make another group of both arms so they can be aligned centrally on the body. Grab the Rounded Rectangle tool again to draw a couple of thin legs.

Draw two circles at the bottom of the legs to act as feet, then use the Direct Selection tool to manipulate their shape by dragging the lower most point vertically upwards to squash the lower edge.

The reindeer character is looking quite plain so far with just a series of basic shapes, but it will soon start to come to life with some colour.

Select each portion of the character individually and swap the black and white fill/stroke combination with a radial gradient. Use the Gradient tool to move the gradient around to create a blend between light and shade. This change of colour is what adds depth and gives the impression of a three dimensional character.

Use lighter beige tones on the muzzle and belly area to contrast against the brown fur, and of course give the reindeer a bright red nose.

Light sources almost always come from above, so make sure the lighter tone on each gradient is at the top, which gets darker nearer the bottom of the shape.

The reindeer character now looks recognisable with the colour fills, but it still looks a little basic. This is where more subtle shading and highlighting effects really bring the character to life.

Draw some more ellipses around the eyes and inside the ears. Give these shapes a dark brown gradient that fades to transparency. These shapes give the impression of a kind of inset appearance because the gradient uses the darker colour at the top, which would be a shadow in real life.

Select the main body shape and go to Effect > Stylize > Inner Glow. Keep the default settings of Screen and white, but change the opacity to 30% and alter the blur to 5mm.

Continue selecting the other brown body shapes and add a similar Inner Glow. On smaller shapes like the head and arms use a smaller amount of blur, around 3mm.

Add the Inner Glow effect to the nose, then also add a soft Drop Shadow to really give it a three dimensional appearance. Set the opacity to 30%, X-offset to zero and the Y-offset and Blur to 1mm.

Also give the belly fur a soft Drop Shadow, but this time set the Y-offset to -2mm and increase the blur to 2mm.

On all grey objects such as the antlers and hooves, an an Inner Glow but instead of using white/Screen, set the options to black/Multiply.

Make a copy of one of the antlers, then draw an ellipse over the shape so the outline flows neatly along the length of the antler. Use the Subtract option from the Pathfinder tool to trim down this shape, then set the fill to black and 20% opacity.

Draw a couple of variously sized circles over the nose to act as specular highlights. Give these circles a white fill and a low opacity of around 20%.

Create more smooth shapes over the hooves and trim each one down to create subtle little shadows on the lower edges.
Cute vector reindeer character
These last few additions of Inner Glow and shadow effects really transform the design giving it extra depth and dimension. The more shading and impressions of light and shade the more realistic a design will look, even if it’s made from basic shapes like Mr. Reindeer here.

Tidak ada komentar:

Posting Komentar

Share To