TRACE MARIE CAT'S HEAD

Filed under: , , by: baabullah

Foreword

Disney has numerous famous characters. And one of cutest disney character in my opinion is Marie Cat, from the “Aristocats” movie. In this tutorial, I'll try to show you how to do manual trace to the Marie Cat's low resolution picture source with powerful inkscape's live path effect feature. For those who are cartoonist wannabe, check this tutorial out!

Main Idea

The idea behind this tutorial is to trace Marie Cat's low resolution picture with bezier path in every single line we've found. Then give all the bezier paths the powerful inkscape's live path effect until match what we need. Read the rest of this post if you so curious :)

Step 1

Get this marie cat's low resolution picture below first.


inktut_mariecathead

Then import (ctrl+i) to your inkscape working area. 


inktut_mariecathead01

Step 2

Then make an ellipse, color it green, then do butterfly technique to make our “brush” in future step. Do not know what is butterfly technique yet? Check this post.


inktut_mariecathead02

Step 3

Then begin manual trace. Give every single line we've found in marie cat's head with bezier tool (b) and polish it with edit path tool (F2). Considering in the picture below, we give the right side of marie cat's face four lines. The suggestion for you: don't make a continuous line one, but make short lines. Because continuous line will affect different result than short lines in the end.

inktut_mariecathead03

You see, in the picture below I have finished nearly all line I've found in the marie cat's head. And I give every single line with different color to make sure that none of them continuous one.

inktut_mariecathead04

Step 4

This is the main part in this tutorial. Copy the “brush” shape, then open the live path effect dialog (ctrl+shift+7). Pick one of the short lines, give it “pattern along path” effect then apply. Then click the paste path icon to make the “brush” go along the short line. If you think that the shape too much thick, then set the “width” lower to make the shape thinner.

inktut_mariecathead05

Then repeat the step in every single line like this..

inktut_mariecathead06

And the picture below shows us when the “pattern along path” effect already applied to all lines


Photobucket

Step 5

Then, we must do union command (ctrl++) to make them a single complicated shape. I give it red fill because red color always easy to grab our sight. After that, drag it to the right direction.

Photobucket

Step 6

Coloring step. Duplicate (ctrl+d) our complicated shape first, then color it yellow. Then break apart that yellow shape (ctrl+shift+k). After the yellow shape has broken into pieces, then we can start coloring. And don't forget to remove every unnecessary shapes. 

(hint: set the opacity of duplicated yellow shape to 50% before break it apart. With this way we can identify where unnecessary shapes more easy).

Photobucket
and the result will be like this..

Photobucket

Step 7

Making eyes.
Make two circles, one of them bigger than rest. Center it properly. Place it to the eyes area. Select the outer circle with the blue shape and do division command (ctrl+/) to make the blue area of marie's eyes. Then select the inner circle with the blue shape and do division command again to make the black area of marie's eyes. 

Photobucket

Step 8

Give the eyes their colors. And make one pink colored ellipse then place it above the mouth to give marie cat's a nose. Finish.

Photobucket
alternative style...
Photobucket

Conclusion

This tutorial want to proves you that inkscape -despite the version number hesitate major new user- have powerful live path effect feature and very useful for those who are cartoonist wannabe.