Broken Oval Frame

I claim the copyright to this tutorial.  You are free to do whatever you please with the graphic you make, but please do not take my tutorial.  Do not send the tutorial through email.  Only share my link.

The purpose of this tutorial is to learn how to make the broken oval frame.  This method can  be used to make the splash image for a web page or a  signature tag.  It is written for beginner to immediate level.  Please feel free to email me if you have any questions.

To do this tutorial you will also need Paint Shop Pro.  I used Paint Shop Pro 7.0 .  You may download a free trial at Jasc.

Remember to save as a psp file often!

Before we begin, you might want to study the PSP tool bars.  I have labeled the tools on another page.  Click on the link and it will open a new page.  You may want to keep this page open while you work on the tutorial, to refer to the names now and then.  PSP Tools

You will also need 

  • Picture of your choice 
  • (Optional) the Art Texture plugin from Ulead.  Download that here.
  • or Eye Candy 3.1 (optional)
Now let's begin!

1.  Click New File in the top menu bar.  Enter these settings:  width=500, Height=600, Resolution=72.000 pixels/inch, Backround color=transparent, image type=16.7 Million Colors (24 Bits).  Click Ok.  This is a large area, but  we will crop and resize when we are finished.

2.  On the left tool menu, choose the selections tool.  In the Tool Options box, set the drop-down menu to Ellipse, Feather=0, Alias checked.  Then hold your mouse at coordinates (250, 300). Look at LOWER Left status bar at bottom of page.  And draw out the ellipse until the second set of coordinates says (400, 540).  Don't worry if your sizes aren't exactly right!
 

3.  The ellipse should look like below.   Keep selected!  From the left tool menu, select the flood-fill tool (paint can) and fill the ellipse with a color of your choice.
 

4.  While still selected, In the Layer Palette, right click on Layer 1, and choose duplicate.  X out the bottom layer by clicking on the glasses.  Click on the duplicate layer so that it is activated (highlighted).

5.  Make sure that ellipse is still selected and that the copy of Layer 1 is activated.  In top tool menu, click on Selections--Modify--Contract.  Number of pixels = 30

6.  Press the delete key on the keyboard.  You should have a hollow ellipse now.  Deselect (In top menu--Selections--Select none).

7.  Right-click on Copy of Layer 1 and choose New Raster Layer.  Name it Lines.

8.  In the Layer Palette, click on the Lines layer to activate it.

9.  In the left tool menu, choose the line-drawing tool (pencil).  In the Tool Options box, set the drop-down menu to Single Line, width=10, Line Style as shown, Antialias checked.  Set the foreground color to a different color, one that is easily seen.

10.  Line up the pencil tool  at the 250 mark on the ruler at the top of the image.  Hold the shift key down, and draw the line down to the bottom and off the image.  Holding the shift key down makes the line straight vertical.

11.  In the Layer Palette, right-click on the lines layer and choose duplicate.  In the top tool menu go to Image--rotate.  In the box that comes up, put a dot next to right and a dot next to 90.

12.  In the Layer Palette, right-click on the top layer and choose duplicate.  In the top tool menu go to Image--rotate.  In the box that comes up, put a dot next to right and a dot next to free.  In the box type 30.  Click ok.

13.  Repeat Step 12.  Your pic should look like this:

14.  In the Layer Palette, click on the lines layer to activate it:

15.  Repeat Step 12.   Do it a second time.  Your image should look like this.  In the Layer Palette, X out Layer 1 and copy of Layer1 by clicking on the glasses for each layer.

16.  With those 2 layers hidden, click on one of the top layers.  Right-click and choose merge--merge visible

17.  Grab the magic wand tool from the left menu, and click on the blue lines to select them.

18.  Unhide the copy of Layer1, by clicking on the glasses.  Click on Copy of Layer1 to highlight/activate it.  Press the delete key on the keyboard.  Click on the merged layer (top) and press the trash can on the Layer Palette to delete the lines.

19.  Unhide Layer 1.  Click on Copy of Layer1 to activate it.

20.  From the left tool menu, select the deformation tool (underneath the arrow).  It should put some vector handles around the layer, like so.

21.  Place the mouse on the top left handle and drag up and out diagonally as far as the space will allow.  Do not let your frame extend beyond the image canvas!  Do the same with  the lower right handle, dragging diagonally down.  Try to keep the ellipse in proportion to the original ellipse in Layer 1.  As you pull out, you should be able to see the original ellipse.  You might have to use the center handles on the top and side edges to even out the ellipse, but yours should look something like this:

22.  When you are satisfied, click on the selection tool to apply the deformation.  In the top menu, click on Layers--Merge--merge visible. 

23.  Save this image as a template in psp format to make as many of these broken oval frames as you want.

Now you have a template to make the frame for a sig tag or webset.

To learn how to place images inside your frame,
click continue to go on.
Continue


 

Email

Tutorial Index

Home

©  Dragon's Breath (aka The Dragon Lord),  2003.  This tutorial and my PSP  graphics are copyright to The Dragon Lord, 2003.  Please do not remove this tutorial from my site.  Share my url.