How to Write in a Circle Using Paint Shop Pro
by Paul DeVerter

A Port City Car Co. Project Copyright © 2004

Overview

This is a tutorial on how to write a series of letters, or words in a circle, using Paint Shop Pro 7. This tutorial covers how to make the lettering at the bottom curve upwardly, and the lettering at the top curve downwardly. Actually the instructions will cover most any line you can draw as a vector with PSP.

The photo shows what I am talking about.

circle_001

 

The Circle

What we are going to do is letter the bottom of the Circle first, and then the upper part last. There is no need to do it this way, and you can do the lettering in either order. What I am going to show you is how to make lettering in a circle, with the bottom portion readable without having to turn on your head to read it. It is very easy to create lettering in a circle where you have to turn upside down to read the lettering at the bottom.

The first thing to do is create a canvas, and then draw a guide line. In this case, I used the Preset Shapes and made an ellipse (which is actually a circle if you hold down the Shift key as you draw it).

Notice that the "Antialias" and the "Create as vector" boxes are both checked. Also note that the foreground Style color is black, and the background is a Null. The foreground could be any color. Because the circle is a vector it has nodes shown, as well a handle. You can use the nodes to size the circle and the handle provides a way to rotate the drawing.

Next, click on Image | Flip. When you do, the Circle will jump to another part of the canvas, and also will be turned top for bottom, although you can not see that this has happened. The next step is to insert some lettering. Because we flipped the Circle, this lettering will start out being backwards, and at the inside top of the circle. But we will soon use the handle to rotate it to the bottom, and then it will read correctly.

First you must interchange the foreground style with the Null. If you do not, then depending on your font, the lettering will be quite thick. If you like, you can also change the color. Then click on the Text Tool, and move the cursor over to the perimeter line of the Circle. It will then change into a funny Cross with an "A" in the lower right quadrant when you are in an appropriate place. It does not seem to matter where on the Circle you click, so long as you have the funny Cross. For reasons I do not understand, I am unable to capture a shot of this cursor. (I later found out how-see below: Other VECTOR Lines).

Now the Text Entry box will open, and you can chose a font, and size for your lettering. The spacing for the lettering is controlled by the amount of Kerning. The closeness of the lettering to the line is controlled by the amount of Leading. Make sure you check the Antialias and the Vector boxes. This lettering will end up at the bottom of the Circle.

Often the lettering will refuse to follow your instructions, and you must start over several times. When it does behave, you can move the Text Box over to the side so you can observe what is actually happening. When you are happy, click OK.

I have discovered some things that may help with the lettering and its spacing. If you cannot get the Kerning and Leading to work properly, try Canceling out of the Text Entry tool, and doing it over. If that doesn't work, and often it won't, then change the Kerning and Leading to what you think may be correct, even though nothing happens on the main canvas, and proceed with the wrong spacing and click OK. Then on the main canvas, where the spacing is wrong, hit delete. Now go back to the Text tool and try again. This often resets Text Entry, and allows you to make the desired changes in the Kerning and Leading boxes.

The Text Entry box will disappear. You may now rotate the text, by grabbing the handle, and pulling it around. You will know you are in the right place because double-headed arrows will appear next to the right of the node handle. Again I can not capture the cursor, but the left photo shows the text rotated. And the center one shows what it looks like after you release the left mouse button. The right photo occurs when you right click the mouse - the nodes are all gone.

You must do this, or nothing works correctly hereafter.

Now the next step is to remove the Circle, and this is another mysterious procedure. You use the Object Selector tool. It is the last tool on the toolbar. Click it, and then go over to the Circle, and left click on the Circle, not the text.....

Suddenly the nodes reappear, but they are hopefully the nodes for the Circle and not the text.. Now right click in the general area and up pops a new screen, which is un-named. Down near the bottom is an entry called Properties…, click on it. Now you

have a new box named Vector Properties. You will know if it is correct because it says "Ellipse" in the Name area. Remember, this is the Preset Shape you started with. If it does not say Ellipse, there is a problem, and you must back up. Uncheck the Visible box, and click OK. When you do, the Circle disappears and you must now remove the nodes by left clicking again. All you have left are the letters in an arc at the bottom. At this point, look in the Layer Properties box, and see what it shows. It may well be that you need to create a new vector layer for further lettering that will also be at the bottom. But for this exercise it is not necessary. Just remember this point when you create more complex shapes in the future. Now lets proceed with this exercise.

You are ready to go forward and add the upper letters.

So, use the Preset Tools, and draw another Circle. Approximate the size of the earlier one, less the lettering. Thus, it is a smaller Circle. Since it is created as a vector, it will have the nodes and a handle, as before. Use the nodes to adjust the size and position of the Circle, so that it fits inside the lettering, as in the next photo. To keep the shape of the Circle from distorting, use the right mouse button to do the resizing by moving one of the corner nodes. Now it is time to activate the Text tool.

The steps hereafter are the same as before, except you do not flip the image. So place the Text tool cursor on the new Circle, and left click. Up pops the Text Entry box. Type in the upper lettering, and adjust the Kerning and Leading

boxes so that the lettering looks correct. Notice that the Styles Stroke and Fill colors have been changed, just as before. And again, often the lettering does not want to behave, and you have to start over again. Or, you may be forced to install the misbehaving lettering, and then deleting it, as mentioned previously, which often serves to reset the Text Entry Kerning and Leading boxes. When you are happy with the looks, then click OK and remove the nodes by right clicking. Then click on the Circle with the Object Selector tool, and follow the previous steps to remove the visible Circle, and any nodes that show up. And you are done.

What to do with your new circular lettering is another story, which I will attack shortly. This technique can also be used to make lettering about an Ellipse, or most any other vector line that you might draw.

 

Other Vector Lines

Well, I decided to continue with this tutorial, and without being too specific, show you some examples of lettering applied with other lines and curves. This is done in the same manner as already described, so lets quickly show the same technique applied to an ellipse. As before you draw a guide line using the Preset Shapes, but this time actually draw an ellipse. I kept fiddling with PSP and was finally able to make a photo in which the cursor shows up, as you can see. So, click on the ellipse with the Text tool, and then

the Text Entry box opens up. So, select some appropriate text to be placed on the curve and adjust the Kerning and Leading as before. Also pick an appropriate color and font size. Depending on the font, it may look better if it is Bold as well. Kind of pull the Text Entry box to one side so you can see the effect on the main drawing, and when you are happy, click OK. This will make the Text Entry box disappear, and you will have the

lettering draped around the top of the ellipse. Now you will need to right click to remove the nodes, and then click on the Object Selector tool and go through the prior procedure to remove the ellipse, leaving only the lettering.

Now lets illustrate several other guide lines you can use to make the lettering follow a curved line or even a straight line, all of the guide lines being Vector objects. In addition to an ellipse, you can use the line drawing tool to make a Bezier curve. I found it somewhat difficult to get the two ends of the Bezier to be identical.

Here you can see a Bezier above a broad ellipse. And of course you can compare this to

circle. You may have the lettering follow a straight line, and a Freehand line. Here the

lettering extends in a straight line beyond the ends of the guide line.

Now as you get fancier and fancier, you may find that you need to add more layers to your composition. If you need to flip the guide line, you will find that the process will likely flip everything you have done in that layer. But if you add another layer, then it will be flipped independently. So, you need to read about layers and how

to add more and likewise how to consolidate them when it comes time to copy and paste the lettering to a car side. Notice that the Layer 1 is preceded by a different symbol than the Background below it. But if you have several layers, and you attempt to Copy and

Paste it, PSP will only allow you to Copy the active layer. Thus you will have to learn to merge them together, and likewise do so without the Background layer being an impediment.

 

Applying to a Car Side

Following are a few thoughts on how to apply your curved lettering to a car side. This is by no means a complete exposition on the subject. First, you will need to Copy the layer that has your lettering, after you have gotten it arranged to your satisfaction, and picked the color you desire. Here, I have arranged a set of letters on an arc (probably a circle) and since I am using white letters, I have arranged them on a background that will make the letters show up pretty well, here red. Then I have Cut and Pasted the layer

as a new layer (CONTROL + L) with the lettering onto a car side, represented by the brown color. The lettering is way too large, so I clicked on the Deformation tool, and you can see the nodes from that tool. (The Deformation Tool works only on layers - read the help file carefully). Now you need to grab one of the corners and make the lettering smaller. The trick here is to get it to shrink uniformly, and not distort. So, right click on the bottom right node, and shrink the lettering. If you left click and move the node, it will distort. Then move it where you want it. Notice that the lettering has kept the same proportions, and does not distort. This method works a whole lot better than trying to

use the Image | Resize tool, which seems to render the lettering with a lot of jaggies or fuzziness, the smaller it gets. The reason may be that we are dealing with vectors still, and not bitmap or raster images. Anyway it works. Merge the layers, and you are done.

 

Conclusion

Well, now you are an expert. You have learned how to construct lettering that is not only in a circle, but also has the bottom portion readable without turning your head upside down. You also know how to change the fonts, size, and spacing. And you can make lettering follow most any guide line.

Credits and Thanks to:

I first read about this technique in a posting to the Forum of the Sacramento Loco Works a year or two ago. The basic steps were briefly outlined by Marc Nelson. But I still could not quite get it right, so I called on Tim Muir who kindly gave me photos and the steps involved in finding the Properties and removing the vector circles. Tim also confirms that it takes a lot of fiddling to get the lettering in the right places.

Beta Testers: Tim Muir, John Fleming, Bill Hall, Ted Ahner