3. Starting to draw lines

<--Previous               ---               Next-->


Starting to draw lines



Now make sure that you have the Lines layer selected. We
will start vectoring the hair so zoom in to the part
over the forehead (the bangs).
Select the Bezier curve tool. The shortcut for this is shift+f6.

Inkscape 0.47 have some strange memory problem which
may cause a crash without autosaving. Because of this
you should keep track on Inkscapes memory usage from
task manager. When memory taken by Inkscape reaches
500,000-700,000K you should save and restart. I would
recommend to restart even before this because it's easy
to forget to save. Bezier tool seems to be clearly number
one thing to cause the memory to stack so be aware when
using it. Also remember to save a lot.




I find the hair drawing style of this series to be very
simple. If you look at the pic above, you should see lots
of V-shaped lines in a row. The left side of the shapes
always end at "nothing" and right side of the lines always
end at another line. Hair is not always this simple but
you can usually break them up in to smaller, simpler parts.

Now we start tracing these V-shapes one by one. Lets start
with left side of the shape which will be the sharp/pointy end.
Start drawing the shape by clicking at the end of that line(I
marked this spot as '1' in the image below. Continue
by clicking at the corner point of this line('2' in the pic).
Follow the numbers in order. When you get to the 5, click on
the first point you made to close/end the shape.



Tips for bezier tool:
-You can delete last node drawn with backspace. DON'T try
ctrl+z. That will just remove whole shape.

-You can put the last node where ever you want by pressing
the right mouse button. This will result in an open shape.
You can continue shapes by pressing start or end node with bezier tool.

-You can freely use your operating system in middle of drawing
bezier line. So if you want to change track from your music
player during drawing a long shape you can do it without
interrupting drawing.



Now we will curve and adjust the shape we just drew. For this
select node editing tool (f2). Now simple hold your mouse
button on one of the lines and drag it to the spot it should
be.




Do this to all lines. Sometimes lines overlap other lines
so it might be hard to grab the line you want to curve
but it doesn't matter since you can curve lines in any
order you like. Your result doesn't need to be perfect for now.
After you have curved all lines select all nodes (the diamond
shaped points) with node editing tool. Now we can see all the handles.



Now we will start adusting the shape. Remember that our goal
is to get the line of the original pic to be in the middle
of our shape. Now you will probably need to move some nodes.
When moving a node be sure that you dont have other nodes
selected. If you clicked on a line of your shape instead of a
node you will have both nodes around the line selected.

Try to get your shape to match the image below.



Now we need to remove stroke and put a fill for the shape we just
drew. There is several ways to do this but I have found
Inkscapes statusbar the easiest way to do this. The status bar
is located at very bottom of Inkscape. If you can't see this
make sure that your Inkscape is maximized and you don't have
stausbar hidden(View -> Show/Hide -> Statusbar). Now make sure that
you have the shape we drew selected and right click the black
in your color palette and choose "Set fill".



Now right click on the black next to "Stroke:" and choose "Remove stroke".


Now you can do some more adjusting to the shape if it doesn't
look good to you. The result I got looks like this.



Now continue drawing these V-shapes until you have drawn all
of them. Remember to hide the blunt ends of the shapes behind
other shapes like in the picture below. Also remember that
some shapes have 2 sharp ends and those wont need to be hid.


Right side of the pic is Inkscapes outline-mode. You can toggle it with ctrl+numpad 5.

Inkscape 0.47 also has "no filters"-mode that simply turns off all the filter effects

including blurs. So all 3(normal,out line,no filters) modes are toggled by same shortcut.
After I vectored all V-shapes my pic looks like this.
Dont worry about the source being transparent. I just temporary
lowered the layers opacity.



Now we will trace the other lines of the hair. Just place
nodes along the line like in the example above. You should
be able to do these on your own.



Now there are 2 spots of the hair left. The long line at top and
the hair clip thing above her forehead. When tracing long lines
its good to put some additional nodes to the middle.
Draw the shape like this:



Now adjust the shape, trying to follow the original line.
After that choose the 6 nodes in the middle of the shape
and make them smooth(see pic below).

Click for larger one.


Now handles of those 6 nodes have been locked to 180 degrees so
they are looks nice and smooth. Now adjust the line so that it looks
good to you. Remember to set the fill color and remove the stroke.


Next we will do the hair clip part. First trace the 2 horizontal lines
around the yellow thing. After this trace the rest of the lines. You
should make them a little bit longer then in the original. We will get
rid of the extra parts when we color the pic.



Now your Inkscape should look something like this.

<--Previous               ---               Next-->