Reverse Corner Frame

I do not know the artist of this lovely graphic.

Reverse Corner Frame

Divider Line

For this tutorial you will need a graphic.

I used PSPx, but this will also work in 8 and above with little change

Paint Shop Pro X, you can get Here.

No outside filters were used.

The 2 graphics, gold pattern and font I used you can get Here.

I will call this one Beginners.

Divider Line

Open the graphic you wish to use, Shift+D to duplicate it, then close the original.

The first thing we are going to do is create a color swatch.

A color swatch is a handy thing to use if you are going to be using several colors.

Even though PSP holds recent colors, this is faster :-)

Open a New Image, 200px by 50px, with a white background, or floodfill it with white.

Choose your Paint Brush with these settings.

Example 1

With your Foregound, choose a light color from your graphic, then Paint it on the left of your swatch.

Repeat this 5-6 times with your Foreground color, choosing a different shade, Painting a sample of it just to the right of the last color until you have something like this.

Example 2

There's no need to be careful Painting, and no need to save the swatch at the end of working the tut, it just speeds up the tut work :-)

Now to begin the tut!

Choose the lightest shade for your Foreground color, and set your Background to the Gold pattern.

Activate your graphic.

Image-Add Borders, 3px symetrical, Black.

Image-Add Borders, 5px your light Foreground color.

Image-Add Borders, 3px Black.

Image-Add borders, 5px another shade from your swatch. You can choose the colors from the swatch from the Add Borders window by clicking on the color box there:-)

Repeat the 3 px Black border, 5px new shade border, 3px black border, 5px new shade border, 3px Black border, 5px new shade border and finally 3px Black border.

You should now have 6 black borders and 5 color borders.

Example 3

With your Zoom tool, change the Zoom to 200%.

Example 4

That will make the image easy to work with.

Now, with your Magic Wand at these settings, hold the shift key down and choose all the black borders.

Example 5

Floodfill the black borders with the gold pattern.

While still selected, Effect-3d-Inner Bevel with these settings.

Example 6


Selections-Select All.

Selections-Modify-Contract by 43 px.


You should now have the entire frame selected.

Edit-Copy. Edit-Paste as a New Image.

On your New Frame image, choose your Selection tool, then choose the Custom Selection.

Example 7

That will bring up a new window.

Settings as below.

Example 8

Now you have the upper left corner selected. Edit-Copy. Edit-Paste as a New Image.

On your new little corner image, Image-Mirror, and then Image-Flip.

Your corner should now be pointing the opposite way. Edit-Copy.

Activate the frame image that is transparent in the center. Selections-None.

Edit-Paste-As a New Layer.

With your Mover Tool, move it to the upper left corner, down and to the right just enough so the final gold border shows.

**Tip Time!

Once you have moved something or even just clicked on it with the mover tool, you can use the up/down/right/left arrows on the keyboard to move it into near perfect position!!

Layers-Duplicate. Image-Mirror. Layers-Duplicate, Image-Flip. Layers-Duplicate, Image-Mirror.

Now you should have the new corner in all 4 corners.

In the layer palette, x out the eye on the frame layer, and Layers-Merge Visible.

Open the eye on the frame, highlight the 4 corners layer and add a drop shadow, use V & H at 0, opacity 100 and Blur 30. color black.

Highlight the Frame layer and with your Magic Wand, select the center.

Effects-3d-Cutout, V & H at 0, Opacity 100, Blur 20, color black.

Layers-Merge Visible.


Activate your framed graphic image. Selections-None.

Edit-Paste as a New Layer.

Layers-Merge All.

I added gold text, used the same Inner Bevel as the gold parts of the frame, and Drop Shadow as on the 4 corners.

File-Export-JPEG Optimizer with these settings.

Example 9

And you're done!!

I hope you had fun with it :-)

Divider Line

Example 9

Divider Line

Back to Tutorials
Divider Line

This tutorial is simply from my play. Any resemblance to other tutorials is accidental.

My Terms of Use for this tutorial are as follows: You may send the link to this tutorial, but Not the tutorial itself, to whomever you think will have fun with it. Groups are welcome to use the tutorial.

This page and tutorial are copyright to Janie Shipman, May 2009.

This site is best viewed at 1024x768, in Internet Explorer 6+.