HomeSitemapForums  

   Creating a Framed Background

 

Creating your template graphic

  1. Open PSP and create a new image using 600 for the width and 600 for the height.

  2. Click on View in the main menu and then click on Grid

  3. Click on View again then click on Change Grid & Guide Properties

  4. I started out with using 50 for both Horizontal and Vertical spacing. This gives you a guide to use as a certain portion of the top and bottom you are going to want to be able to cover a larger area as you would with a background. You will want to try and make this part of the graphic as a seamless tile.

  5. For the easier project (project 1) I used the Ask Maggy Mae background image and the butterfly is a tube.

  6. With the AMM background image I opened it in PSP and because of it's size I resized it to 600 pixels wide then copied it and pasted it as a new layer into the new image window. Then I moved it  so it took up the full width of the window and two rows in the grid.

  7. I again pasted it as a new layer and placed it in the bottom taking up the full width and only one row in the grid.

  8. I then used the selection tool to mark the top of the graphic and I first used Effects>3D Effects>Inner Bevel. Then I used Effects>3D Effects>Buttonize.

  9. I repeated the above for the bottom of the graphic.

  10. I again repeated the Buttonize for the entire graphic.

  11. I then selected the Picture Tube Tool and chose the butterfly.

  12. I sized the butterfly to the top graphic and then created a new image and used the butterfly tube to place one butterfly in the new image.

  13. I copied the butterfly from the new image and I placed it evenly 3 times on the top graphic.

  14. I sized the butterfly to the bottom graphic then created a new image and used the butterfly tube to place one butterfly in the new image.

  15. I then copied the butterfly from that new image and I placed it evenly 5 times on the bottom graphic.

  16. I then had my template or my basic design to split with the image slicer. But the finished project will not appear exactly how that image appears, this will be explained later.

The more complicated Project 2 - Although there are no instructions for the image slicing or the creation of the image, I have provided the HTML required for this project to be completed. If the widths of your graphics are not the same for each row, follow the instructions here on how to create the tables to hold these graphics.

 

   Site Map

    Copyright © 2001-2005 Margaret Walker