Bezier Lines in PSP 9 - MiniTutorial

bezier creation


Created May 16, 2003 © Copyright SuzShook
Completely Revised for PSP 9 August 23, 2004
Property of SuzShook




This tutorial is my own creation;
however, most of the techniques used in this tutorial, I have learned from others.
Therefore, if you recognize any contribution you have made, I thank you.
And I thank you as well for respecting this as my work by not posting it,
in whole or in part,
in any other location without written permission from me.

Individuals and PSP graphics groups are invited to share my tutorials with others with TEXT LINKS ONLY.
You can e-mail me to let me know you are adding one or more of my tutorials to your list if you like -
it's always fun to know who is doing them.



tips & tricks button


This tutorial is a simple introduction to creating Bezier lines, or curves, in PSP9. The tools and the process are different, but the results are the same. The basic concept for creating Bezier lines in this fashion was posted in the PSP 8 beta newsgroup by Flarelocke, and is used here with his permission. Thanks, Flarelocke!




This tutorial assumes you are a relatively new user to Paint Shop Pro, Version 9. It was originally written in and for PSP Version 8 and has been completely revised for PSP 9.

Many screen shots in this tutorial are resized - your work will be larger than this.



Supplies - For this tutorial, you will need the following:

~     ~     ~     ~     ~     ~     ~     ~     ~     ~

OK, now we're ready to begin. Grab your mouse and let's get started.

Remember to save often.

~     ~     ~     ~     ~     ~     ~     ~     ~     ~


STEP 1

In PSP 7, we had an option for drawing Bezier lines, or curves, which "seemed" to be absent from PSP 8 and PSP 9. But it isn't! The ability to draw these "elastic lines" is still there in PSP 8 and in PSP 9 - it's just done a little differently. In fact, Bezier curves in PSP 8 and 9 are even easier than in PSP 7. And they can be drawn using the same basic strategy you learned in PSP 7, with those 2 endpoints and 2 control points. This mini-tutorial is designed to build on that basic knowledge from PSP 7.

In addition, curved lines in PSP 8 and 9 are much more flexible and much easier to make - lots of the limitations of Bezier lines in PSP 7 have been removed. You can now draw lines with many curves, and you can manipulate those curves much more easily.

But let's get back to a review of Bezier curves in general, and the PSP 7 implementation of Bezier curves. By definition, a Bezier curve is a line connecting 2 endpoints, whose curve is determined by one or more control points which do not lie on the curve. In PSP 7, we used some basic points to draw Bezier lines:

  • First, the line was set by clicking on the canvas at the point where you wanted the curve to start (point A), and then dragging to where you wanted the curve to end (point B).
  • The curve was created by clicking the mouse away from the line 2 times - the first of these clicks, or control points (point C), set the angle and target point from the start of the line, and the second control point (point D) set the angle and target point from the end of the line.

bezier line - step 1
bezier line - step 2
Image 1
Image 2
bezier line - step 3
bezier line - final image
Image 3
Image 4

We can achieve exactly the same line in PSP 9, using the Pen tool pen tool (V), in Draw Point to Point - Bezier Curves Mode:

pen tool options for bezier line

There are several other options of interest on the Tool Options palette for the Pen tool:

  • If you wish to create several segments, mark the Connect Segments check box. For our purposes in this tutorial, we will be drawing only a single segment, so we'll leave this box UNchecked.
  • Mark the Show Nodes check box to display the curve's nodes during creation. We want to check this box.
  • Mark the Create on vector check box to place the curve on the current vector layer - if there is no vector layer, a new one will be created. We want to check this box, too.
    Note: For drawing lines, be sure the foreground material style is set to color and the background material is set to transparent:
color material
Foreground
Material
transparent material
Background
Material

Now that we have our options set, let's create the Bezier curve with the same arrangement of end points and control points as we used in PSP 7 (Image 5 below):

bezier line end and control points
bezier line - first step
Image 5
Image 6
bezier line - second step
completed bezier line
Image 7
Image 8

As you can see in the finished image (Image 8), the curve is identical to the Bezier line done in PSP 7 (Image 4).

Note: If your curve does not look like the above, be sure that when you click on point B you drag AWAY from point D....that's the key!

Many times, for the second point, you will have to drag the control arm off the canvas. This is perfectly okay - as long as you get the circle control handle from the second point on point D, you will achieve the Bezier curve you are aiming for.

If you create the Bezier curve as a vector object, there are nodes at both points A and B, so you can adjust the shape of the line using the control arms from either or both nodes. You are not restricted, as in PSP 7, to modifying the shape of the line only while clicking on the control points! None of your points are set when you create your Bezier curves as vector objects, and you can readjust your curve at any time.

To complete the Bezier curve, click on the Apply button:

apply button - pen tool

To open a Bezier curve in node edit mode, activate the Pen tool (V), and click on the Edit Mode button:

edit mode - pen tool

Now click on the curve, and the nodes will once again be visible. Click on any node to see and manipulate its arms. Right-click on any node to activate the Pen tool context menu, which contains many other commands such as edit commands for the curve, commands to change node types and commands to perform node transformations.

And as with other vector objects, you can change the line's properties, including size, color, line style, visibility, and antialias status. To activate the Vector Property dialog, do any of the following:

Lots of times it helps to turn the grid on (CTRL+ALT+G) when creating Bezier curves so you can see precisely where your control points are located.

Note: Once you've clicked the Apply button, any other object you draw will be on a new sublayer of the active vector layer. If the active layer is a raster layer, a new vector layer will be added.

STEP 2

Here are some other Bezier curves you can create - start each one by clicking at point A and dragging towards point C (control arms shown in green) so that the arrow control handle rests on point C. Then click on point B, and drag away from point D (control arms shown in red) so that the circle control handle rests on point D. The second image in each pair shows the Bezier line without the control arms.

bezier line bezier line
Image 9
In this image, points C and D are at the same location, so the arrow control handle from the first node and the circle control handle for the second node rest at the same location.

bezier line bezier line
Image 10
In this image, point C is at the same location as point B, so the second node is placed where the arrow control handle from the first node terminates.

bezier line bezier line
Image 11
In this image, points A and B are very close together, but still separate and distinct points.

bezier line bezier line
Image 12
In this image, all 4 points are separate and distinct.
Note: Remember, if your curves do not look like mine, be sure that when you click on point B you drag AWAY from point D....that's the key!

You can do so many things with Bezier curves! The image at the beginning of this tutorial was made entirely from the curve in Image 12 above, duplicated, mirrored, flipped, rotated, resized, and colored with gradients.

This Bezier flower was constructed from the curve in Image 11 above:

bezier flower

If you'd like to try your hand at Bezier flowers, try my Simple Bezier Flowers tutorial.


If you have any problems, comments, or questions, please do not hesitate to Email me.



Email


PSP9 Tutorials ~ PSP9 Tips & Tricks ~ About Me ~ Links ~ Home ~ Email

All graphics and content © 2004 by SuzShook