09 August 2010 ~ 10 Comments

How to Create a Colorful Textured Tiki Mask in Illustrator

In this tutorial we will create a Tiki mask from scratch, starting from a pencil sketch and a few references.

Difficulty: Intermediate – Advanced
Completion time: 2 hours
Tools: Adobe  Illustrator CS3, paper, pencil

So let’s begin.

References

Look up on Google (or whatever search engine you use) and check out some real life Tiki masks. Observe the shape, structure of the drawn figure, colors and expression.

Based on these attributes, we will create our own design.

So let’s start with a paper sketch. You can even copy a real life mask, as long as the drawing will be just for practice. Remember, you only want to learn how to create it and further improve the learned technique, not copy one’s work and brag about it.

Here’s my paper sketch. I’ve included the full-size scan in the .zip file, so feel free to use it if you like.

sketch vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 1

Go to File > New… (CTRL+N) to create a new document. Set size to 600×600 px in RGB color mode.

1 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 2

Click-drag the “sketch.jpg” file into our canvas. Hit the “Embed” button on the top menu of your screen. Then go to Window > Transparency and set Opacity to 50%. Lock this layer – click the empty square in the Layers palette (F7).

2 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 3

Create a new layer (“Add New Layer” button in Layers palette) and select it. Toggle Rulers (CTRL+R)  and click-drag a vertical guide as shown below. Try placing it as axis for our sketch.

3 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 4

Grab the Pen Tool (P) and trace only the external outline. When you’re done, go to the Brushes palette (Window > Brushes) and click one of the default brushes, Adjust thickness similar to mine. Just observe proportions between the size of the sketch and stroke size.

4 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 5

Outline the rest of the sketch carefully, to obtain a smooth line.

5 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 6

When you are done, select all (CTRL+A), go to Object > Group (CTRL+G), copy it (CTRL+C) and paste it to front (CTRL+F). Then press CTRL+SHIFT+T and reflect it vertically. Hit OK.

6 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 7

Grab the Selection Tool (V) and place the copied group like below. I’ve colored it differently to make it easier to notice, so there’s no need to change any colors.

7 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 8

Select all artwork (CTRL+A), hold SHIFT key and deselect the thick outline. Go to Object > Expand Appearance. Then go to Object > Path > Clean up.

8 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

8.1 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 9

Select the outer strokes (the two thick ones) and go to Pathfinder window (Window > Pathfinder) and click the “Merge” button.

9 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 10

Copy the resulting shape (CTRL+C) and paste it to back (CTRL+B). Grab the Selection Tool (V) and make them larger. Hold ALT+SHIFT keys to preserve proportions and resize it with centerpoint. Make it look like below.

10 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 11

Select all artwork (CTRL+A). Go to Object > Expand Appearance. Then go to Object > Path > Clean up.

11 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 12

Go to Window > Layers to open the Layers palette (F7) and click the “Add New Layer” button . Name it “base”.

12 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 13

Repeat STEP 12 to create new layers: “eyes”, “lips”, “nose”, “upper jaw”, “lower jaw”. We will create every element on a separate layer, because it will be difficult to make selections.

13 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 14

Select the bottom-most layer, grab the Rectangle Tool (M) and draw a rectangle over the entire artwork. Make sure you remove the Stroke and leave only Fill.

14 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 15

Go to Object > Arrange > Send To Back (CTRL+SHIFT+[ ). Select all artwork (CTRL+A), go to Pathfinder window (Window > Pathfinder) and click the “Merge” button.

15 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 16

Grab the Direct Selection Tool (A) and select any of the remaining rectangle outside our Tiki outline. Hit Delete.

16 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 17

Go to Object > Ungroup (CTRL+SHIFT+G). Grab the Selection Tool (V), select the filling of the Tiki outline and click-drag the small square to the respective layer that the fills represent.

17 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 18

Create a layer above all layers, select outline and move it on this layer. Name it “outline”. Then lock it - click on the empty square near the “eye”.

18 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 19

From the Layers palette (F7), select the “base” layer. Grab the Rectangle Tool (M) and draw a rectangle similar to mine.

19 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 20

Open the Gradient window (Window > Gradient), Grab two colors of the same tint, but different tones (such as light yellow and brown) and add them to the gradient - drag them on the gradient bar. This will be tiresome work, so grab yourself a cup of coffee :).

20 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 21

Select the rectangle created in STEP 19 and click the large gradient thumbnail. Make sure the gradient is set on “Radial”.

21 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 22

Grab the Selection Tool (V) and shrink the rectangle. Then rotate it 90 degrees. Hold SHIFT key to do an orthogonal rotation. Lock all the other layers.

22 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 23

ALT+click-drag on the rectangle to make a copy. Extend it like below and place it over the filling of the Tiki mask. Duplicate more rectangles till you cover the entire shape.

23 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 24

Select all these rectangles and go to Object > Arrange > Send To Back (CTRL+SHIFT+[ ). Select all the shapes in the layer using the Selection Tool (V) and right-click > Make Clipping Mask.

24 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 25

Copy the original rectangle (the one with the gradient) (CTRL+C), unlock the layer above your current layer and paste it to front (CTRL+F). Repeat STEPS 23-24 for the other shapes. For some areas there’s no need to texture it, since they will be too small, so just change the color of the fills to a color you like.

25 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

Feel free to resize the rectangle in each layer, to create the sensation of perspective and depth.

STEP 26

To change colors, we must select each element and give it a different color scheme.
Leave a single layer unlocked and click the small gray circle on the right side of the layer thumb.
Click the “Recolor Artwork” button on the top menu bar, click “Edit”, then click the “broken chain” button and play around with the colors.

26 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

26.1 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 27

Do the same for each layer. To create some variations, select all artwork using the Selection Tool (V), ALT+click-drag to make a copy and click the “Recolor Artwork” button. As in the previous step, play around with the colors til you get a result you like. Here are a couple of my variations.

27 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

STEP 28

Grab the Magic Wand Tool (Y), hit Enter and set Tolerance value to “0”. Click on the outline of the Tiki mask (the outline is on the top-most layer, so make sure that layer is unlocked) and change its color to a dark tone of the dominant color in the design. The drawing will have more warmth and the outline will blend nicely with the fill and texturing.

28 vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

Also remember that Tiki masks are tribal, so use vibrant colors, like it would be painted with natural pigments.

final vectorious tiki mask tutorial How to Create a Colorful Textured Tiki Mask in Illustrator

Source file:

zip How to Create a Colorful Textured Tiki Mask in Illustrator  vectorious-tiki-mask-tutorial-illustrator.zip (1.7 MiB, 1,152 hits)

10 Responses to “How to Create a Colorful Textured Tiki Mask in Illustrator”

  1. GotemCZ 12 August 2010 at 11:16 am Permalink

    :) nice, a little bit hippies style

  2. ychty 24 August 2010 at 9:29 am Permalink

    great tut! i prefer the mask on a simply green background. it looks just very colourly simple, but really cool! :)
    thanks for the tut!

  3. Brett Widmann 1 January 2011 at 1:28 am Permalink

    This is a really cool tutorial! Thanks for sharing.

  4. HALI YIKAMA 9 April 2011 at 10:55 am Permalink

    Really useful. Thanks for your efforts. Appriciated.

  5. kefir 8 May 2012 at 11:40 am Permalink

    England produces the best fat actors.

  6. Nigel 15 July 2012 at 3:11 pm Permalink

    I think you still need to be talented to create something attractive regardless of the tools used. Still bravo for the step by step.

  7. Design Blogs 10 August 2012 at 5:23 pm Permalink

    Amazing design, and very well explained tutorial even, simple and clear.Keep sharing more design tutorials.


Leave a Reply

     Name

    Email

    Website

Subscribe without commenting

This site is protected by Comment SPAM Wiper.