Snap Text Along A Bezier Curve Utilising The Draw Tool - Intermediate Plus
Written For Paint Shop Pro 7
This tutorial demonstrates how to snap text along a Bezier Curve, utilising Paint Shop Pro 7’s Draw Tool.
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 poppies.
Snap Text Around a Circle Upper And Lower (PSP 7) Tutorial
Click A Banner To Read More!
Click A Banner To Read More!
Click A Banner To Read More!
150+ Beginner PDF Tutorials
Snap Text Along A Bezier Curve PSP 8 9 X XI X2 X3 X4 X5 X6 X7 X8 X9 (Ultimate) On-line Here
Leading, Text Justify, Spacebar And Kerning Notes - On-line
Important Text Justify, Spacebar And Kerning Note - On-line
A Bezier Curve is named after its inventor Pierre Bezier.
Open a New Image and set the Foreground Colour to Solid Black.
Then from the Tools Toolbar, activate the Draw Tool .
And set the following Point to Point Line attributes into the Draw Tool’s Tool Options Palette.
Now, 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; this means 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 below.
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.
Important Exiting And Re-entering Edit Mode Note
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 Paint Shop Pro momentarily, you will exit Edit Mode, and your line will change to this, and will then be unworkable.
To re-enter the Node Edit state, (from the Toolbar), activate the Object Selector.
Then click the Node Edit tab - as illustrated below. This will restore your original line.
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 first (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 subsequent Fly out menu, choose Symmetric. (Ctrl then S).
The Node will then become disjointed, as illustrated below.
Now, repeat this process - this time with the central-right-side Node, (left-click to activate the Node, then right-click it, and choose Node Type then choose Symmetric - Ctrl then S, and the Node 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 the curve is to your liking; - left-click outside the Path - this closes the Node Mode, and a Deformation Bounding Box will then surround your Bezier Curve.
12/ Adding Your Text
Set the Colour Palette to the following. (Foreground Null, Background Black).
(Alternatively, set the Foreground and Background Styles to your choice of text-colour).
Now, from the Tools Toolbar, double-left-click to activate the Text Tool .
Then hover your cursor over the curve’s left-side - indicated by the following arrow.
And when your cursor changes to the following +A) - left-click once.
Now, enter the following settings into the subsequent Text Entry box, (setting your own choice of text attributes), then click OK.
Prior to clicking OK, the text’s appearance and position along the path can be altered - as explained here.
After clicking OK, your text will be applied along the Bezier Curve - as illustrated below.
Congratulations, you have successfully snapped your text along your Bezier Curve.
To apply 3D Effects to your text, (Inner Bevel or Drop Shadow for example), from the top menu, choose Effects then choose 3D Effects.
16/ Remove The Selection Marquee
Press Ctrl then tap the D Key to remove the Selection Marquee - (Selections then Select None): clicking OK to the following “Defloated” warning dialogue box.
17/ Hide/Remove The Vector Path
To hide the Curved Path: from the Layers Palette, activate Layer 1 - as illustrated below, (or activate your Path Layer).
Then left-click the Layer’s Visibility Toggle (the Spectacles) as illustrated below; - and a red X will cover the spectacles. The Curved Path will no longer be visible.
Alternatively, to permanently remove the Curved Path: right-click the Path Layer and choose Delete from the subsequent drop-down menu - as illustrated below.
To apply Picture Tubes or a Preset Shape to your Bezier Curve: from the top menu, choose Layers then choose Convert to Raster Layer. Link Here to lean how to optimise and save your work.
Once you become familiar with creating a Bezier Curve, (after you have drawn your Bezier Curve), you are able to snap text around any object; picture tube or photograph.
19/ Final Precision Notes
Text snapped along a path is entirely influenced by the Kerning, Leading and Text Justify settings; I have therefore written a brief outline of their actions.
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 Keys
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.
Wendi E M Scarth. Top of Page