This is a thin line, more delicate look, page frame. The frame is made with House of Lime - Designer Frames Ding - lower case "y."

Make a background tile: 100x100 transparent image. Flood fill with gray #C0C0C0. Go to Effets - Plugins - Filters Unlimited - Paper Textures - Papyrus (or whatever texture you want to use). Save as jpg and minimize this tile to use as flood fill for frame background, as well as your page background.

The frame is just a large graphic that you have to crop into three parts (top - middle - bottom), and then place the parts into html code specifically for a framed page. I will talk about the html code at the end of this tutorial.

(1.) Open a new 800x500 transparent image. Click on Text Tool with these settings: Create as Vector, choose your frame font, size 72, Stroke width 50, anti-alias, align center, font style Bold.

(2.) Set materials palette foreground to nil, background color to red #C00000 for the frame.

(3.) Now click in the center of your transparent image and type lower case "y." Click ok. Enlarge your frame by clicking on and pulling out with the nodes at sides, top, and bottom to cover a good part of the image, leaving some space for background to extend out around the frame - making sure your frame is in the middle of your image by moving the nodes in and out. (My image ended up 738 x 498 after cropping later on in this tutorial).

(4.) Convert your vector layer to raster. Save as image1.psp. (You can use this psp image later by changing the background and colorizing the frame. Make a duplicate of this image (Shift E). Use the duplicate to continue on with your frame.

(5.) With layer 2 active (your frame layer), apply inner bevel with settings: Apply drop shadow as follows: V and H 5, Opacity 60, Blur 10, color: black.

(6.) Click on Raster 1 on layer palette (blank layer for background). Flood fill with the background tile pattern you made at the beginning. Merge visible. Crop the image if there is too much background border. I ended up with size 738 x 498 - yours probably will not be the same.

We will slice the image on Page 2.

Continue on Page 2

Shirley's Studio

Page Design and Images by ©Shirley Montgomery
April 1, 2004