Nem5 Web Maggic Awards Program Helpware Background, Bars & Picture Frame Tutorial Page 3, Bars Please, be patient. This page is graphic intense. Go to Page 1, Background Go to Page 2, Picture Frame Step 1 If you made a picture frame the easiest way to make your bar is to crop a piece of the frame and size it in the tag. You can stretch it to any size and it should look wonderful. Both images to the right are done using the same file. The only difference is that the top one has the true size tags and the bottom has the height tag changed to 10. Step 2 This step is the same for both the bar and the picture frame. To the right you will see my Paint Shop Pro screen as I was working. I used the color selector tool to choose a color from Image 1. I chose a color that was bright and stood out in both the picture and the background. To choose your color, place your cursor over the color you want to use and right or left click. If you look at the color selector you will see it is possible to have two colors selected at the same time. The top "blue" is available by left click. The bottom/underneath "navy" is available by right click. You will need to use the right click during this process. Left click is optional. Step 3 To make a bar, make a blank canvas. The one here is 100 wide x 15 high. Click on the color you have chosen in the color selector. When the window opens that shows your color strip choose a shade of that color that is much darker. Put one strip of the color on the top and bottom of the blank canvas. I used red in the image to the right because the dark blue did not show up. Step 4 Keep adding lines one at a time, both top and bottom. Each line is a lighter color. I usually move three shades lighter/darker for each consecutive border. You do this by once again clicking on the bottom color in the color selector and moving the arrow on the color strip up/down three shades. 2 lines added 3 lines added Step 5 Using a 15 pixel blank image will give you 7 different colors from the darkest shade to the palest. When you have reached the center you will have two lines the same color. Softening the image will make it look smoother (bottom right). The image on the right bottom is the same images used below. The only change is the size in the html tag. It is sized 100x15 to the right, below I changed the tag and made it 200x10 and 150x30. I did not have to load an extra image. Using the same image makes your pages load much faster. Caution: Stretching will distort photos or high color graphics. 200x10 150x30 4 lines added 5 lines added 6 lines added 7 lines added soften 100x15 Top of page.