Creating frames in Paint Shop Pro using Dingbats and PSP Features.
Pati's finished image


This tutorial assumes that you know the basic menu features of Paint Shop Pro. You do not need to be a wizard but you do need to have either dingbat fonts or a dingbat tube. I have created a few dingbats in psd format which can be used in both PSP and Photo Impact, to make them tubes, just open them in psp and export to your picture tubes, and they can be downloaded by clicking here.

pati's tutorial image
I had a link to a tutorial for creating dingbats but she now sells the tutorial so I have replaced that link with several links to sites with great dingbats:
GC Designs - Scroll down for free fonts..
Graphic Heaven Dingbats Great dingbats I downloaded some while I was searching. There is a link on this page to software she uses to create dingbats.

dingbat fonts



For this tutorial I used the following dingbat (pnding5.tub in the zip file)pnding5 and an image I created,(shown at the right). You can use these or an image and dingbat of your own.


Start by opening the image you want to frame in PSP. Select two colors, , one light and one dark. I use the eyedropper and pick colors from the image.

image add borders image



I usually add the dark color first, followed by a wide lighter color border and then another light color for the outer frame. But you can decide based on the colors in your image.

Make the dark color your background color. Go to Image in the top menu, and move down to add borders.






add borders menu box imageadd borders 2 image Be sure that symmetric box is checked
and type 8 in any box, this will add an eight pixel border to your image.

Flip the lighter color to your background .
Go to image add borders again and change the pixels to 36. This will add a wide lighter color border to your image.

bordered image dingbat tube image Your image should now look like the one to the left.

Add a layer to your image using the layer pallette.
We will now add the dingbat to the upper lefthand corner of the image.

Click on your picture tubes and find your dingbat.

You may have to adjust the size
of the dingbat for it to fit in the area.




Your ding should be centered in the light area of the border.



duplicate layer image mirror image Be sure that the dingbat layer is active.

Go back to the layers pallette
and right click on the dingbat layer
and choose duplicate from the dropdown menu.

Now go to image on your top menu

select mirror from the list

Check your image and center this dingbat in the upper righthand light area.




merge layers image Go to layers pallet and click on the eyeglasses on your background layer.

A RED X will appear over the eyeglasses.
This will hide your background layer and all that will be visible is your dingbats.

Place your cursor on one of the dingbat layers to select it.

Now go to layers on your top menu and move down to merge
Select Merge Visible
Your two dingbat layers will be merged together.



copy layer and rotate image Go back to the layers pallette, right click on the dingbat layer and choose duplicate.

Now go to image on your top menu and choose image rotate, selection of 180, either right or left.

Note: I use rotate instead of flip because of the bevel aspect in some of the dingbats and fonts.

Flip will flip them over and they will look indented instead of beveled.

Check the alignment of your lower dingbat layer, use the mover tool to position the dingbats in the lighter area of your border.

merge

Be sure to hide your background layer again, click on the eyeglasses.

Now go to layers on your top menu and move down to merge

Select Merge Visible

Your two dingbat layers will be merged together.




added bezier curve linesbezier line finished
Add a new layer for your side line borders
I like to add bezier curved lines along the outer edges bringing the dingbats together.
Go to the lines icon (looks like a pencil with a curved line drawn).

On the drop down menu select bezier curve.
Set your line with to about 4 pixels.

Start under your upper dingbat and move down to the lower dingbat.
You will need to pull right near the top of the line and then left near the bottom of the line to get a nice curve.





add drop shadow



I like to add a drop shadow to the line to give it some depth.

We will now repeat the steps we used before to copy the line to all four edges.









duplicate the line layer mirror image

First we duplicate the layer, Go to layer pallette, right click on line layer, choose duplicate.

Then go to image on your tools menu and choose mirror

Move the mirrored image so it is properly placed on your image.





merge layers image

Go to your layers pallette,

hide the background layer,

and the go to layers on your top menu

and select merge visible to merge the two line layers.





rotate 90 degrees image

Duplicate the line layer
Go to image rotate (top menu)
Set rotation to 90 degrees
Position the lines so they are centered in your lighter border area.




The image below is placed here to show you that even I have problems sometimes.
The image I started with was not square.
I will have to repair things and that is good for you, a bonus.
my mistake image
First I use the mover tool to move the layer up so I can select the lower line.
cut out lower line image
Then making sure that you are on the duplicated layer,
use the scissors to cut away the selected area.
Reposition the layer so that the upper line is centered in the lighter border area.
Duplicate the layer by right clicking the duplicated layer and choosing duplicate.


flip image Now go back to image on the top menu and choose flip.
Reposition the line over the bottom lighter area.


inner bevel layer

Now we will finish off our frame.

Select the darker border that you added.

Go to effects in your top menu, select 3D, and inner bevel.

Use the selection in the image to the left (or play a little with the settings).

Be sure to click on the color box and choose a light color that will compliment your border.



outer border image Now add your final border area to the outside of your image.
Be sure that everything is positioned correctly in your image.
When you add the outer border the image will be merged by paint shop pro.
Make sure your darker color is the background color on the color pallet.
Go to image, add borders, symmetric, setting of about 16 pixels.


Inner bevel 2 color lighten Now we will bevel the outer border and finish our image.
Select the dark outer border area.

Go to effects, 3D, inner bevel.

This time select a darker color than your outer border in the color box.

My outer frame turned out too dark, so with the outer area still selected,
I went to color, adjust brightness.
See image to the right for my selection, you can adjust the brightness and click on the eyeball to see how it effects your frame area.




I hope you enjoyed this tutorial. Please feel free to contact me with any thoughts for improving it. Email Me  Page Updated December 2, 2002.

If you liked this tutorial, try one of my other tutorials . You can find sites with great bladepro presets, tubes, frames, etc on my psp quick links pages .

If you have enjoyed my tutorials and learned from them, please give me a vote and get my listing higher on links site by clicking the link below.
Vote for this Site!
When you have a minute, stop by my domain page

Web Design by: Pysmatic Services