Paint Shop Pro 7 Tutorial

Create an Award Template
to Individualize for Several Recipients.

October 24, 2002

[ PSP index ] [ Composite Index ] [ PSP Links ] [ 3D Bits n Pieces ] [ Tutorial CD ]
Let's say you have a class of gifted students who all turn in their assignments on time with A+ quality work. You want to do something nice to reward them, but time and funds are limited. And the pony express doesn't deliver to cyberspace. What to do!!!!

How about creating an award in Paint Shop Pro which can easily be personalized then subtly altered for each deserving student. :D

Since the class created intricate and lovely tubes, we will make up the Tubin' Fool Award.

For this clinic you will need the following 3rd party stuffs.

Alien Skin's Splat! filter You can use the demo version for 30 days if you don't have Splat! yet. http://www.alienskin.com/splat/splat_demo.html

The Goblin font from Scriptorium. Look on the Single font list page, http://www.fontcraft.com/scriptorium/fontlist.html

Or use any picture/dingbat font you want.

Knowing not everyone wants to purchase a font for a tutorial, I have provided the graphics in a PSP file. Click this link to download.

 

 

 

In Paint Shop Pro, create a new file, 300 X 300, 24 bit color with white background.

Part One: Create the Text for the Basic Award

Pick the text tool on the tool palette.

Change the background/ fill color on the color palette to Solid Fill by clicking the right facing arrow next to the color swatch and choosing the paint brush Icon on the fly out swatch.

Click on the swatch itself opening the color dialog box. Pick the goldish color in the basic colors area, second row, 4th swatch. Press OK to set the background color.

 

Set the foreground color to solid as well.

Then click its swatch and set color to RGB 104, 16, 16 on the Color Box.

 

The foreground color will be the stroke or outline for the text and the background color will be the fill color for the text.


On the Tool Options Palette,
set the width to 1 and the
Line style to Solid Line
if its not there by default.

Click in the image with the Text tool to open the Text Entry Dialog box. Select Vector radio box on the bottom in the Create as area. Choose a fairly bold decorative font from the Font area, I used one called Baldur.

Baldur is an Art Nouveau font available in Art Stores that sell Dover Clip art and Fonts on CD. Its a copyrighted font and not one I can share with you.

Set the size to about 28, and check the Anti Alias box. Type in Congratulations in the Enter text here area then press OK to set the text.


Position the text near the top of the image by dragging the center node with the Text tool.


When the mouse is over the center box, it will turn into a 4 headed arrow tool allowing you to move it.

Click lower in the image, away from the current text with the Text tool

Leave the color for the fill the same, but change the stoke to None by clicking the right facing arrow next to the stroke swatch and picking the None option, the circle with the line through it.

Change the text to "You are hereby (press enter to drop down a line) officially proclaimed".

Select/Highlight the text. Change the justification to centered.

Change the Leading to -7 or so to pull the lines of text closer together.

 


Press Ok to set the text.

Move it about to the middle of the image.

Click with the Text tool in the image in the bottom part of the image away from other text.

On the Text Dialog box type in A Tubin' Fool. Set the Stroke to Solid. It will pick up the color from before. Press OK.

These text pieces will be the same throughout the image so they can all live on the same layer.

 

On the Layer palette, right click the Layer 1, and pick New Vector Layer from the fly out box

 

On the new layer box, name this layer Personalized and press OK.

Click in the image below the Congratulations line with the Text tool and enter the name of one recipient. Leave all the other variables the same.

I used Khiba to protect the innocent. :) Press OK to set the text.

 

 

 

We have 4 lines of text on 2 layers.

Part 2: Add Graphics to the Image and Fancy Up the Text.

 

Open Fools.psp in Paint Shop Pro.

This was created with the Goblin Font from Scriptorium, so if you have the Goblin Font, create the characters as shown on left using the "," (comma) and the "b".

Otherwise use the Fools.psp instead.


Right click the title bar of the Fools.psp image picking Copy from the fly out box.


Right click the title bar of the main image and pick Paste as a new Layer from the fly out box.

 

What a mess!


Let's set the text objects on paths to get a bending look.

Select layer 1 on the layer palette. I have it expanded to show the sub layers.


Select the drawing tool on the Tool Box., third tool from bottom.

On the Tool Options Palette, Set the Type to Point to Point Line, width one Solid.

Check Create as vector.

On the Color Palette, Set the background/ fill color under Styles area to None, or Null.

Leave the stroke alone. Color doesn't matter for stroke.

Click and drag a line with two points from about the middle of the left goblins head to the middle of the right.


Use the nodes on either end and the handles extending from the nodes to create a smooth curve.


Choose the Vector Selector Tool on the Tool Palette, bottom choice.

On the Layer Palette, Expand the layer ones plus sign to see the vector sub layers.

Shift click on both the Drawing Layer and Congratulations layer to select both.

 



On the image both the Path and Words are surrounded by a bounding box.

 

On the Menu Bar at the top of PSP click Objects then Fit Text to Path from the fly out box.


The word hops on the path, but it needs some work.

On the layer palette, under layer 1, Right click on Congratulations sub layer and pick Edit text from the fly out box.

On the Text Entry box, change the size to 26 or something smaller that fits better.

Also work the Kerning control in the upper right corner to a minus value to squeeze the letters together a bit.



When the letters fit neatly on the path between the goblins heads, Press OK.

 

On the layer palette, click the eye glasses icon next to sub layer drawing to turn off the path for the text.

Next, on the layer palette, Pick the
Personalized layer


With the drawing tool, create another path near the name, and between the goblins heads.
As before, with the vector selector tool, pick both the name and the path by shift clicking then do an Objects > Fit Text to path from the Menu Bar.
To adjust the way the text fits on the path, use the Text tool and click on Khiba.

On the Text Entry Box, use the Leading to adjust the distance of the text from the path, and use Kerning to adjust the space between the letters.

I set the kerning to 50 and the leading to 4.



Turn off the visibility on the layer palette for the path.

Position the name using the vector selector tool.


With the Vector Selector tool select the You are hereby proclaimed text and rotate it by pulling the handle on a stick in the middle.

 

The text is probably still too big to fit, so use the corner handles to adjust the size.

<==== See the result.


With Layer 1 selected on the layer palette, make a new path for A Tubin' Fool text, and attach the text to the path as before.

 

 

Use the Text tool to adjust its size, properties and kerning and leading.

OK! The text is set up nicely.

Save the file in the PSP format.

Part Three: Special Effects

Lets decorate the background.

Pick the background layer on the layer palette.

In the Styles area on the Color Palette, set the Foreground color to Gradient by clicking the small triangle on the right of the color swatch.

Click on the Foreground color swatch to edit the gradient.

On the Gradient dialog box, pick Choice number one, Foreground - Background.

Use the drop down box next to the preview to select this preset.

Set the type to linear and the angle to about 142.

Press Ok.

Notice mine is all orange because both my color swatches at the very top of PSP were set to the same shade of orange. LOL

Pick the Fill tool on the Tool palette.

At the very top of the color palette in PSP, click the foreground color swatch.


On the Color dialog box set the foreground color
to RGB 236, 237, 165, a greeny light yeller.


Set the background color up there at the top
to RGB 102, 58, 0

Now the Foreground style which is set to gradient reflects the foreground and background colors.

 

 

Click in the image to fill the background layer with the gradient fill.

 

Pick layer 3, with Goblins on it on the layer palette.

Go to Effects on the Menu Bar.

Select 3D Effects > Inner bevel from the fly out box.

 

Set the following on the Inner Bevel box:

Bevel Rounded edge
Width 2
Smoothness 6
Depth 11
Ambience 50
Shininess 44
Color = RGB 128, 128, 0
Angle 318
Intensity 51
Elevation 38

Press OK.

 

 

The Goblins and the Fool at the bottom have a bit more of the 3D Look about them.

 

Go to Effects on the Menu Bar > 3D Effects then Drop Shadow.

On the Drop Shadow box, Set the following. Both offsets to 2. Opacity 35, Blur 8.6, Color Black.

 

Press OK.

Look how nicely the Goblins pop off the Background even in the low res screen shot on the left.

Let's pop out the text!

Pick layer 1 on the layer palette.

Right click and choose convert to Raster.

(Remember that effects can only be applied to Raster Layers)

Go to Effects on the Menu Bar> 3D Effects> Drop Shadow.

Leave the settings as before and
press OK.

We are done with the template part of the image. The Personalized text layer, Khiba is not converted to raster at this time, and not shadowed because this will change depending on the recipient.

Save the image at this point.

Part Four: Personalizing, Adding Borders and Frames


Right click on Personalized layer and pick Duplicate.

Turn off the Copy of Personalized layer.


On the layer palette, RIGHT click the Personalized layer and pick Convert to Raster.

Rename this layer with the person's name.

Khiba in this case.

 

 

With the Khiba layer selected, add the same drop shadow as before.

Save the image again if you like.

Right click the image's title bar and pick Copy Merged.

Only the visible layers will be copied.

 

Right click on the background of PSP and choose Paste as new Image to paste a merged image. Notice there is only one layer.

We will work on the new image for a while. Minimize the main image.


For the matte and frame we will add borders around the image.

Use the color picker and RIGHT click on the orange in the goblins legs to set the Background color.

 

Go to IMAGE on the Menu Bar at the top of PSP.

Pick Add Borders from the fly out box.

On the Add Borders box, check the symmetric box and enter 20 into the Top box.

The other boxes will automatically add 20 pixels too.

Press OK.

 

Notice that the borders come in with
the selected background color. :)

Next, lets add a SPLAT Frame. Please refer to the beginning of this tutorial for the link to the Splat Demo Filter from Alien Skin Software.

Go to Effects > Plugin Filters > Splat> Frame.

 

 

On the Splat dialog box, including the demo, press the browse button next to the Frame File and choose Wooden folder and wood007.rfr.

 

Set the Frame size to 24.71 pixels and Margin to 0 pixels.

Press OK.

 

 

The frame hops on the image, leaving a bit of the orange matte and is all ready to go!

Export to JPEG.

That's one...

Part Five: Making Variations.

Maximize the main image.

Turn off the Khiba Layer.

Select the Copy of Personalized layer.

Edit the text for the Copy of Personalized layer, putting in another name. I chose MOM.

Right click the Copy of Personalized layer, duplicate, then turn off the duplicate duplicate off.

Select the previous layer and rename it MOM.

Convert MOM layer to Raster.

 

Add the drop shadow to the MOM layer.

Do a right click on the title bar, Copy Merged.

Right click the background of PSP application and Paste as new image.

OK you say, this is just the same thing.. Blech!

NOT For LONG..

Minimize the main image.

On the new image, go to COLORS on the Menu Bar > Adjust > Hue Saturation and Lightness.

Let's spin the color wheel!

Set the following. Saturation and Lightness to 0.

Move the Hue slider either way and watch the preview, or better yet the real time update on the image.

I chose to pull the hue to -12, but you can preview till you are thrilled.


Use the color picker tool and right click selecting a color for the borders.

I picked a brightish yellow from the fool on the bottom.

 


Do an image, add borders with the same setting of 20.

Add the Splat Frame.

I used Wood020.rfr for this one.

Adjust the size down to show some of the matte.

Press OK and we are done!

Another iteration of the award!

For another, go back to the main Image, create new text, shadow it, then copy to new image.

Use the Hue Saturation and Lightness to change the entire look of the image. Then add the borders using a color from the image and add a frame. :)

Hope you have fun with this.

Khiba

[ PSP index ] [ Composite Index ] [ PSP Links ] [ 3D Bits n Pieces ] [ Tutorial CD ]

All Tutorials and Tips including images and text
Copyright 2003 3D Workshop, Inc.

Further distribution prohibited without express permission.
For information e-mail is in image below