Snap Text Around A Circle - Upper And Lower - Advanced
Written For Paint Shop Pro 8 9 X XI X2 X3 X4 X5 & X6 (Ultimate)
(Text Around A Circle Upper & Lower Paint Shop Pro 7 Click Here).
Click A Banner To Read More!
Click A Banner To Read More!
Click A Banner To Read More!
Click This Text Link To Read My PaintShop Pro’s Workspace Tutorial
Text Around A Circle Upper And Lower PSP 7 Here
Snap Text Around A Lower Circle PSP 8
Snap Text Around A Lower Circle PSP 9 X XI X2 X3 X4/X5 & X6
Finishing And Saving Your Work PSP 8 9 X XI X2 X3 X4/X5 & X6
Snap Text Around An Upper Circle PSP 8 9 X XI X2 X3 X4/X5 & X6
Important Leading, Text Justify, Spacebar, Offset And Kerning Notes PSP 8 9 X XI X2 X3 X4/X5 & X6
In order for you to work along with this tutorial; it is important to set the exact text and canvas measurements as outlined below. After you have followed this tutorial’s exact measurements, and have successfully snapped your text around a circle - you will then be able to select any font, size, or path size you prefer; perhaps applying a circular object (such as a Preset Shape) inside the text, as I have done. When snapping circular text to paths, it is important to remember that all measurements need to be altered accordingly - it is especially important (when applying the lower text), to adjust the Text Entry Palette’s Leading setting and the Offset setting for Paint Shop Pro 9 X XI X2 X3 X4 X5 & X6.
Version Disparity Notes
Applying text around the upper circle is identical for versions 8 9 X XI X2 X3 X4 X5 X6; however, due to a version disparity, applying text around the lower circle is different for version 8; I have therefore written separate (lower text) instructions for Paint Shop Pro 8, and Paint Shop Pro 9 X XI X2 X3 X4 X5 & X6. Whilst version 8’s upper and lower text are attached to one circular path - a second (separate) circle must be created to accommodate the lower text in versions 9 X XI X2 X3 X4 X5 & X6.
This type of technique quickly improves with practise.
1/ Paint Shop Pro 8 9 X XI X2 X3 X4 X5 & X6
Open a New Image, and set the following canvas attributes;
4 Inches X 4 Inches (to work along with this tutorial - or choose your own size).
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: On-line Toolbar Tutorial
Then from the Tools Toolbar, activate the Preset Shape Tool.
Setting the shape to Ellipse, enter the following settings into the Tool Options Ribbon.
Now, whilst keeping your Shift Arrow key pressed; simultaneously draw a circle onto your canvas, as indicated below - remembering to leave room for your text. Then from the top menu, choose Objects then choose Align then choose Centre on Canvas. Your circle will now be centred - as shown below.
In your Layers Palette, select the circle layer, (Vector 1), then right-click it and select
Rename - and name this layer Top, then press your keyboard’s Enter key.
From the Tools Toolbar, activate the Text Tool.
150+ Paint Shop Pro Beginner PDF Tutorials
And enter the following attributes into the Tool Options Ribbon.
Paint Shop Pro 8 9
Paint Shop Pro X XI X2 X3 X4 X5 & X6
If your text’s Alignment is Centred - and not to the Left as mine is; begin your text application at the very top of the upper circle - at 12 O’clock.
Now, hover your cursor over the circle’s black outline, in the area indicated by my arrow below; (depending on the size of your circle), you may need to experiment to get the perfect starting point for your text.
As soon as your cursor changes to the following symbol .
Left-click. Then enter your text into the subsequent Text Entry box - and click Apply.
Centralising Your Text Note
Whilst the Text Entry box is open, centralise your your text (on its path) by tapping the Spacebar or the Delete key; either to nudge along - or to remove text characters.
Alignment Notes Here.
In order to work along with this tutorial, your text needs to be a maximum of 19 digits long; including any spaces - make sure it is correctly centred along the upper circle, if it is not, (Undo your text application), then hover your cursor a little further to the left, or to right of your previous text starting point; and when it looks as if it is centred, click Apply.
Your text will now be applied to the upper circle - and you are ready for the next step.
Text All The Way Around The Circular Path
If you plan to snap one continuous text line completely around the circle, then enter your desired text - ensuring it is long enough to travel around the circle. The number of text characters required to fill the circle depends on the text, and the circle’s size.
Whilst the text remains selected by a marquee, you are able to add an Inner Bevel/Drop Shadow. To do so, from the top menu, choose Effects then choose 3D Effects then choose Inner Bevel/Drop Shadow. .
To remove the selection marquee, from the top menu, choose Selections then choose Select None. (Alternatively, press Ctrl then D).
The length of the upper text for my tutorial is 19 digits, including spaces; however, where you begin the text is completely dependent on the length of your logo; if yours is longer, or shorter than mine, you will have to adjust the starting point accordingly.
Part Two - Text Along The Lower Curve
Part two of this tutorial demonstrates how to apply text along the lower curve. In order for both the upper and lower text to appear symmetrical - the lower text will be placed below the circle line.
1/ Paint Shop Pro 8 Lower Text - Paint Shop Pro 9 X XI X2 X3 X4 X5 & X6 Lower Text Proceed Here!
From the top menu, choose Layers then choose New Vector Layer and name the layer something like Bottom. A large square deformation box will then surround your circle.
Now, from the Layer palette, left-click to highlight the layer named Top. Then activate the Pen Tool - making sure Edit Mode is selected, (indicated by the white triangle) - and ensure Simple Mode is also selected - as illustrated below.
Your deformation box will now be removed; and it will be replaced by 4 small square Nodes positioned at the quarters, noon and the half hour. Hover your cursor over the bottom (6 o’clock) node, and when your cursor changes to the following black arrow and cross.
Right-click. And from the subsequent drop-down menu, choose Edit - then from the fly out menu, choose Reverse Path - as shown below.
The 6 O’clock node will now have a spear through it - as illustrated below.
You will notice the Foreground and Background colours of the Material palette have exchanged positions - this happened when you activated the Pen tool.
First activate your Text Tool - then ensure the Foreground is Null, and the Background is Solid Black.
And in the Text Entry box, change the Leading from 0 to Minus 600 - you may need to adjust this setting.
Now, ensure the layer named Top is activate.
Then hover your cursor over the circle’s black outline, (indicated by the black arrow
below), and when your cursor changes to the following .
Left-click. The text will then be attached along the circular path.
Whilst the Text Entry box is visible, your text needs to be changed; therefore, do not click Apply.
If you are working along, ensure the text is no longer than 14 digits - including any spaces - otherwise it will not fit the path. Now, before clicking Apply, ensure the text is centred; if it is not, (Undo your text application), then hover your cursor a little more to the left - or to the right of your previous text application, and reapply your text.
Centralising Text In The Text Entry Box Tips.
When you are satisfied with your text’s position, click Apply.
The lower text should now be positioned along the lower circle; as illustrated below, and it is ready for the Inner Bevel or Drop Shadow. Effects - 3D - Inner Bevel/ Drop Shadow.
From the top menu, choose Selections then choose Select None, (Ctrl then D).
Congratulations Paint Shop Pro 8 students, your upper and lower text is now complete. To remove the circle - from the Layer palette, left-click the layer named Top - then
left-click once over the eye icon to place a red X over it. The circle will now be hidden. (Alternatively, right-click and Delete the layer named Top).
Paint Shop Pro 8, Proceed Here To Finish And To Save Your Work!
Paint Shop Pro 9 X XI X2 X3 X4 X5 X6 Text Along The Lower Curve Continued
I have used a transparent background for the lower text; this is to separate version 8 from versions 9 X XI X2 X3 X4 X5 & X6.
If you have followed part one (text along the Upper Path) your text will appear as shown above - and it is ready for the lower text application.
1/ Paint Shop Pro 9 X XI X2 X3 X4 X5 & X6 - Apply A Second Circular Path
From the top menu, choose Layers then choose New Vector Layer - and name the layer Ellipse2. Then click OK.
Working on the Ellipse2 layer, activate the Preset Shape Tool then activate the Ellipse shape.
Now, (whilst pressing the Shift key), draw a second ellipse over the first ellipse - after its application, manipulate the vector deformation handles - and rearrange the second ellipse so it fits exactly over the first - (this may take a little practise). If you cannot fit the second ellipse exactly; concentrate on the lower part of ellipse, and ensure this is correctly placed.
You can nudge the second ellipse into position by tapping your keyboard’s Arrow keys.
Your ellipse, or the bottom at least, should be positioned exactly on top of the first ellipse; and as such, you will see just one circular outline - as shown below.
Now, from the Layers palette, left-click to highlight the first ellipse (or the ellipse named Top, or Vector 1).
Then right-click the first ellipse’s Layer, and from the subsequent drop-down menu, click Delete. Then click OK to the subsequent warning dialogue box.
Now, left-click to highlight Vector2 - (the second ellipse).
When you activate the Pen Tool, (in the next Chapter), you may notice the Foreground and Background colours are automatically swapped. You don’t need to adjust the colours because they will be automatically swapped again, when you activate the Text Tool in Chapter 6.
From the Toolbar, activate the Pen Tool .
And enter the following attributes into Tool Options Ribbon.
Your ellipse will immediately change to the following; and you will notice four small nodes positioned at the hour, half past and both quarters.
Now, hover your cursor over the bottom (6 O’clock) node; and when your cursor changes to the following black arrow head and cross.
Right-click. Then from the subsequent drop-down menu, choose Edit. Then from the fly out menu, choose Reverse Path - as illustrated below.
The 6 o’clock node will then have the following spear through it.
Now, activate the Text Tool, and enter new characters for the lower text. Then hover your cursor over the circular path - (in the area indicated by the following arrow), and when your cursor changes to the following .
Where you hover your cursor entirely depends upon the dialogue’s length.
After left-clicking, you will notice the lower text has been placed onto the lower path, and appears inside the circle.
To nudge the lower text below the lower path, (from the Text Tool’s Options Ribbon), change the Offset to around -19 (minus 19).
Important Offset Information
The Offset’s Minus tab determines how far below the bottom circle your text will be positioned. Therefore, it is important to set the Offset to Minus - and to set it according to your requirements. Generally speaking, larger circles require higher (Minus) values.
Position the Text Entry box just to the side of your canvas, then alter the Offset whilst at the same time, keeping an eye on how it is pushing the text below the lower circle.
When you are happy with your lower text’s position, (from the Text Entry box), click the Apply tab. Your text will then be placed beneath the lower circle, and it will be facing the correct way. Add an Inner Bevel/Drop Shadow, just as you did with the upper text - you are then ready for the next step.
From the top menu, choose Selections then choose Select None. (Ctrl then D).
Now, from the Layers palette, highlight the Ellipse2 layer, then left-click the eye icon to place a red x over it; to hide the circular path.
Alternatively, right-click the Ellipse2 Layer, then choose Delete from the subsequent
9/ Paint Shop Pro 8 9 X XI X2 X3 X4 X5 & X6 - Finishing Steps
If your circular text has been created on a transparent background; you can save it as a Transparent GIF. Alternatively, either fill the transparent canvas with a solid colour, pattern or gradient of your choice - or, from the top menu, choose Layers then select Merge all Flatten and your background will be solid white.
Merge Visible the Layers; convert them to Raster layers, Layers then Convert to Raster, then apply effects inside the text - such as Picture Tubes - or a Preset Shape, as I have.
To hide the solid white background, (thereby creating a transparent chessboard
background), click the Background layer’s Visibility eye icon - as illustrated below left.
You can now create a New Layer and fill it with your choice from the Materials Palette.
Congratulations 9 X XI X2 X3 X4 X5 & Newer students to finish, link here to learn how to optimise and save your work.
12/ Precision Hints And Tips
Text snapped along a path is entirely influenced by the Kerning, Leading, Text Justify and Offset 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 The 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 & Newer Text 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.
The length of text and measurements are exact for this tutorial; however, if you would like to change the text size, font, Preset Shape, and amount of dialogue, you will need to adjust the Leading, Kerning, Offset and Alignment settings - especially for the lower text. With practise, it is possible to utilise most Vector Preset Shapes as text paths.
Wendi E M Scarth. Top Of Page.