Welome to Comix Tuts

Comic Blog Elite

Tuesday, April 12, 2011

ANIME EYE IN INKSCAPE

WRITTEN BY:MAXIM GRAFSKIY

In this tutorial I will teach you how to draw a classic anime-style eye. The technique was borrowed from an existing tutorial on Corel DRAW (see the link in the bottom), improved and adjusted for Inkscape.
I'm assuming that you already have a grasp of vector graphics. The tutorial itself will improve your skills using the Pen (Bezier curve) tool in Inkscape.
The result should be looking like this:
0.png
Start with drawing eyelids using Pen tool. It might take a while, so be patient :) The fuzzy part on top can be created using Tweak tool in Roughen mode. Be careful, however — it's too easy to create too many nodes in this mode, Force=25 should do. Fill the result with black color.
1.png
Draw the white of the eye and place it under the eyelid (use PgDown on the selected object), then fill it with 0,0,0,12 color (CMYK).
2.png
Now draw pupil and iris.  Easiest way to do this is to draw two ellipses, outline their strokes (Path > Stroke to Path) and tweak the resulted shapes. E.g. for iris you want thickening the left arc of the outlined ellipse which you can do by selecting and shifting nodes on the outside to the left. Or you can draw the paths from scratch.
3.png
Now use Fill and Stroke dialog to fill the pupil with 80,50,0,75 color (CMYK), and the iris — with a radial gradient going from 100,35,0,35 (CMYK) to 70,35,0,55 (CMYK again).
4.png
Then use the Pen tool to create highlights objects and fill them with 20,10,0,10 color (CMYK). The objects don't have to be geometrically perfect, but you might just like to make them so :)
5.png
Next step is to create a shape like on the illustration below.  It will take some time. Easiest way, again, is to draw the basic oval and then just populate it with nodes and drag them into position. And the best way to fill it with nodes is Add Nodes... extension (Extensions > Modify Path > Add Nodes...). Or you can select some nodes and repeatedly click appropriate button in Node tool's options toolbar or even just press Ins key on the keyboard. When you are done, fill  the shape with 55,25,0,15 color and lower opacity to 50%.
6.png
Create two copies of this object, shift them vertically relating to each other and use Path > Intersection(Ctrl+*) to get such a shape:
7.png
8.png
But the iris is not exactly flat, eh? So let's add some depth using highlights. Use the Pen tool to create several objects like on the illustration below:
9.png
Fill the larger highlights objects with gradient going from pure white to full transparency. Then apply Gaussian blur (easiest way is to do it from Fill and Stroke dialog) to the smaller objects. Use different radii for blurs.
10.png
Now you only have to create a grey shadow from the eyelid. Use 0,0,0,30 for that shadow (CMYK again):
11.png
That's all!
Oh, and if you want the eye-spy bit, feel free to add the keyhole above the whole thing :) It's as easy as:
  1. Drawing a rectangle
  2. Drawing a circle above it
  3. Selecting both and using Path > Difference (Ctrl+-)
  4. Drawing a rectangle, outlining it (Object > Object to Path) and dragging both bottom nodes away from each other horizontally
  5. Selecting both shapes and using Path > Difference (Ctrl+-) again

1 comment:

  1. Thanks I have been looking all over for a tutorial that explained how to use Inkscape.I still need alot more time before I can make any thing that looks as good as your drawing.

    ReplyDelete