Webmastering / Greglau Frames

Examine the frames project example and see how the frames operate. Notice that clicking on a link in one frame opens a document in another frame. Also, each frame reverts to its original document by clicking "close.

Frames Greglau Example

You will need 4 pictures of you or your family or friends. Close-in shots will work best. 
 

1) The Images:

Every one of your 4 pictures will be used as a background for each frame document and it's important that they do not tile.

When you set an image as a background, and the image is smaller than the page or a frame, it will tile, (see the tile example). These images will be in the background so that text and other images can be placed on the page.

Using a large image is problem, though, because large images are, well, large. Large in terms of file size; and larger files take a longer time to download.

The images we'll use will not be the actual, original photographs, which require millions of colors, and can require tons of kilobytes (kb's).  We'll use one of the various Effects available in Paint Shop Pro 7 to reduce the number of colors of an image and in the process reduce the size of the file.

Effects:
Take a look at this original photograph (145 kb) and then the reduced version (18 kb).  This one was done using UVanDerLee's US Comic Effect. It's not part of the standard effect set that comes with Paint Shop Pro 7, but a plug-in that you can download for free. Additionally, the effect gives the picture a certain "syle".

You can find more free filters (or plug-ins) at Free Filters.  For these examples, I also used Crazy Colored Waves.

Play with the effects in the and find a look that appeals to you,  Process all four of your images and show them to me once you are done.

Positioning:
The next point to be concerned about is the position of the object in the image and the frame where it's going to be placed.  Look at the image below.

When this image is used as a background in a frame, it will display from the upper left corner. If your subject is somewhere in the middle of the picture, it won't show correctly. (see the wrong way) Move the frame border to the right to see the rest of the image.

Look at the image below after it was cropped.

The left and upper parts of the picture was cropped so that when the image is in the frame, it displays the the more interesting parts. ( see the correct way ) Also, there is plenty of the image available down and right to avoid tiling for higher resolution monitors.

Plan ahead a little with the selection of images for each frame and make sure that you cut and crop the images so that the content is displayed correctly in its frame.
 

 
 

  Path:  Main / Webmastering / Greglau Frames

tutorial [ 1 ] [ 2 ] [ 3 ] [ 4 ]