How to create multiple node Bezier curves in Vector Illustration: part 2

In part 1 of this tutorial series on Bezier curves, we learned how to use the Bezier tool, also known as the Pen Tool, in Inkscape to do a basic stroke with one arc, and how to adjust that arc.

In part 2 on Bezier curves, we will learn how to add several nodes to an existing stroke path, which will give you the ability to create a curve line with many arcs on one stroke path. Open up your Goldy practice file in Inkscape. Click on the Edit Nodes button in the left toolbar:

edit_nodes

Click and hold each node, signified by a square, and move them to approximately these locations, which are basically the beginning and ending of the curve line we are going to create. Use the arc adjustment tool, the circle, to adjust the angle or arc of the stroke path.

edit_nodes1

Now, you can see where we will need to add an additional curves to this stroke path, toward Goldy’s nose. Click on the stroke path and then click on the Edit Nodes button in the left toolbar:

edit_nodes

And then click on the Add Node button in the top toolbar:

add_node

Now this is where it gets tricky, click on the stroke path where you want the new node to go and then click the Add Node button again. Then the new node should appear on the path where you clicked, like so:

new_node_placement

This might take a bit of practice to get the placement where you want it. Now we need to use the arc adjusters, the circles, to get the arc on the back of Goldy to line up. Don’t worry so much about the nose side right now, as we are going to add another node there to better control that arc for the nose. Just basically get the back arc and then pull out the left arc to allow for room to get the curve for the nose.

Getting even more granular in our illustration, lets add the node for the nose curve. Again, click on the Edit Node button on the left toolbar, then click the stroke path, and finally click on Add Node. This time you may notice that Inkscape will place the node where it finds is the best place on the stroke based on your previous strokes. This can be a good and bad thing. I’ll save for another tutorial how to manually move nodes, as in this case, we can work with where it automatically placed the new node.

Adjust the arc handles, by dragging them around. Notice how when you adjust one side the other side will move. So, you need to adjust both sides until you get the style of wave or curve you want, like so:

multiple_nodes

Now, if you click on the Select tool, the Arrow icon, in the left toolbar,

select_arrow

it will give you a view of just the stroke path to you’re cool new wave curve!

finished_stroke

2 Responses to “How to create multiple node Bezier curves in Vector Illustration: part 2”

  1. 1
    kiers

    hmm.
    i finished your bezier tutorial all the way through “join nodes”!

    question: near the bottom (the “belly”) of the fish, i want to add a node to give the round belly shape but inkscape does not seem to be adding any new nodes at this point. How come?

    Great tutorial btw,
    thanx.

  2. 2
    kiers

    ok somehow i had to unjoin the curves from earlier, and add node to the left of the left adjacent node compared to where i wanted it, and then move the old left adjacent node down to the belly area! strange! (basically i had to do the adding one pair downstream (to the left) rather than exactly where i wanted it!) this is tricky stuff.

    also it appears you can move the curve in path mode (F2) just by literally moving the curve itself, regardless of the round circle arc guidance points!


Want to Leave a Reply?