Snap Text Along A Bezier Curve Utilising The Pen Tool - Intermediate Plus
Written For Paint Shop Pro 8 9 X XI X2 X3 X4 X5 X6 X7 X8 X9 (Ultimate)
This tutorial demonstrates how to snap text along a Bezier Curve utilising the Pen Tool to create the Bezier Curve.
I am demonstrating this technique using a solid white background; however, when you know the basics; and have a little Bezier Curve experience, you will be able to draw a path around objects - such as the following poppy photograph.
A Bezier Curve is named after its inventor Pierre Bezier.
Snap Text Around a Circle Upper And Lower (PSP 8 9 X XI X2 X3 X4 X5 X6 X7 X8 X9 PDF Tutorial
Click A Banner To Read More!
Click A Banner To Read More!
Click A Banner To Read More!
X8 & X9
Click This Text Link To Read My PaintShop Pro’s Workspace Tutorial
150+ Beginner PDF Tutorials
Snap Text Along A Bezier Curve Paint Shop Pro 7 On-line Here
Important Leading, Kerning, Text Justify, Offset, Delete And Spacebar Notes - On-line
Open a New Image and set the following attributes, or select your own canvas dimensions.
Then set the Foreground to Solid Black and the Background to Null.
On-line Tools Toolbar Tutorials
Paint Shop Pro 8 & 9: On-line Toolbar Tutorial
Paint Shop Pro X XI X2 X3: On-line Toolbar Tutorial
PaintShop Pro X4/X5/X6/X7/X8/X9: On-line Toolbar Tutorial
Now, from the Tools Toolbar, activate the Pen Tool.
And (depending on your PSP version) enter the following settings into the Options Bar.
(Paint Shop Pro 8 9: From the Pen Tool’s Options Ribbon, activate New Shape).
Paint Shop Pro 8 9 X XI X2 X3 X4 X5 X6 X7 X8 X9: Enter the following settings into the Tool Options Ribbon.
Paint Shop Pro 8 9
Paint Shop Pro X XI X2 X3 X4 X5 X6 X7 X8 X9
Paint Shop Pro XI X2 X3 X4 X5 X6 X7 X8 X9
Then hover your cursor over the following (left-side) canvas area.
Left-clicking applies your first Node (square).
Whilst holding down your Keyboard’s Shift Arrow Key - hover your cursor over the extreme far right of the canvas - exactly opposite your first square, and left-click. A second node will then be applied, and straight a line (path) will be automatically applied between the first and second Nodes - as illustrated below.
(The Node that was applied last, will be solid black, indicating it is the active Node).
Your Path has now been applied, and you are ready for the next step.
You may find it easier to create a straight line by using your Ruler as a guide; to activate your Ruler, from the top menu, choose View then choose Rulers. When placing the first Node, highlight a large numerical indicator, (on the left), it will be display as white - illustrated
When you place the right-side Node, highlight the same numerical indicator, (below-left) and place the right-side Node. Your line is guaranteed to be straight.
Straighten Disjointed Paths
To straighten a disjointed path; first release the mouse button; then left-click the right-side Node, and gently tug it upwards or downwards.
Exiting And Re-entering Edit Mode
It is important not to exit your current workspace until you have finished this tutorial. If, for example, you click outside your canvas - or leave PSP momentarily, you may exit Edit Mode, and your line will change to the following - or will disappear altogether, and be unworkable.
To return your Path to its workable state, click your Undo arrow and reapply the Path - or click the Pen Tool again.
5/ Apply Two Central Nodes
To apply two central Nodes; hold down your Control Key - whilst at the same time, hover your cursor over the line approximately a third of the way along; and when your cursor displays the word Add, left-click. This applies your first Node - as illustrated below.
Now, keep your Control key pressed - and hover your cursor approximately two thirds along the line, and again, when you see the word Add - left-click. This applies your second Node - as illustrated below.
Be careful not to disjoint the line at this stage - if it is not straight, you will have to apply it again. After you have completed this step, your canvas will resemble the following, and you are ready for the next step.
Hover your cursor over the central-left-side Node, then left-click to activate it; then
right-click it - and from the subsequent drop-down menu, choose Node Type.
Then from the Fly out menu, choose Symmetric - Ctrl then S.
The first Node will then become disjointed, as illustrated below.
Now, repeat this process - this time with the right-side Node, (left-click to activate the Node, then right-click it, and choose Node Type then choose Symmetric - Ctrl then S), and it will become disjointed - as illustrated below.
Your Path is now ready to be manipulated into a smooth S-shaped Bezier Curve.
Hover your cursor over the right-central Node, as illustrated below; and when the following black arrowhead and cross appear - left-click, and gently nudge the Node in an upwards direction.
Your Path will then curve upwards, as illustrated below.
Now, hover your cursor over the left-side central Node - as illustrated below.
And when you see the following black arrowhead and cross, left-click, and gently tug the Node in a downwards direction.
Repositioning The Nodes To Reshape Your Curve
Before continuing, take a little time to reposition the curve to your liking by nudging the two central Nodes, upwards or downwards.
When your curve is to your liking - you are ready for the next step.
12/ Apply The Text
Now, from the Tools Toolbar, activate the Text Tool.
Ensure the Background is Solid Black by swapping the Foreground and Background colours. (When you activate the Text Tool, your Materials may automatically swap its colours).
(Alternatively, set the Foreground and Backgrounds Swatches to colours you would like your text to be).
Your Bezier Curve will then be surrounded by the following Vector Deformation Bounding
Then enter the following settings into the Text Tool’s Options Ribbon. (Alternatively, select your own text attributes).
The length of your text depends on the length of your Bezier Curve.
Paint Shop Pro 8
Paint Shop Pro 8 9 X XI X2 X3 X4 X5 X6 X7 X8 X9
Now, Hover your cursor over the edge of path - as illustrated below.
And when the cursor changes to the following, icon +A). Left-click.
Your text will then be snapped along the Bezier Curve, as illustrated below.
Whilst the Text Entry box is active, you can alter the text - and influence how it is snapped along the Path utilising the Leading, Kerning, Offset, Spacebar and Delete Keys, as explained Here.
When you are happy with your text’s position (along the curve), click Apply.
Now, whilst the Selection Marquee remains active, apply an Inner Bevel or Drop Shadow.
13/ Remove The Vector Path
To remove the Vector Path: from the Layers Palette, right-click the Path Layer, (it will be named Vector 1, as illustrated below): then click Delete from the subsequent drop-down list.
After you have deleted the path, you are ready for the next step.
To remove the Selection Marquee, press your Ctrl key then tap your D key - Selections then Select None.
Congratulations, you have successfully snapped your text along the Bezier Curve; to finish, link Here to learn how to optimise and save your work.
Create a New Layer and apply a Picture Tube or a Preset Shape.
The alignment of text along a path is wholly influenced by the Kerning, Leading, Text
Justify, Offset, and the Delete and Spacebar keys; I have therefore given a brief explanation of their actions, below. It is also worth remembering, the size and shape of the text, (and the length of the dialogue), will hugely influence the outcome.
This increases the space between each character; the higher the number of the Kerning, the bigger the gap becomes. When you have learned the basic principles, experiment with the Kerning and see the difference for yourself.
Increasing the Plus or the Minus of this setting decides where on the path your text will be positioned; Minus will move your text further above, and Plus will move your text further below the path. Again, experiment - and see what can be achieved.
This setting aligns your text onto the path; to the Left, Centre or to the Right.
Spacebar And Delete Key
If the text characters are too close together (along the path) - you can add a space to nudge them along. To do so, move your cursor to the beginning of the text (In the Text Entry box), then from your keyboard, press the Spacebar in single increments, and your text will move along accordingly. You can also bring the text closer together by using the Delete key to delete text characters, in exactly the same way.
Offset (Paint Shop Pro 9 X XI X2 X3 X4 X5 X6 X7 X8 X9Text Entry Ribbon)
Increasing the Plus and Minus of this setting decides whether the text is positioned below, or above the path. The Plus setting pushes it above the path, and the Minus setting pushes it below the path.
Wendi E M Scarth Top of Page