Banners

Making a web banner is a good pixel paint activity. Follow these steps to make a basic web banner for your DWT. We will use 2 or 3 images along with the color palette from your DWT.  All work will be in Paint Shop Pro

See this banner on a web site HERE

Steps to follow:

1. Open Paint Shop Pro with 2 or 3 images that will be used in your banner.
2. Take a print screen of your DWT and paste this into PSP.
3. Your screen will look like this:
   1. DWT Print screen
   2. Picture 1
   3. Picture 2

   

4. Create a new painting the size of your web banner
   760 x 60 pixels (Note: You could make this 60 to 120 pixels high)
   Our design is 60 pixels high.
   1. Learn more about banner sizes HERE
5. Use the flood fill tool and paint the new banner the same color as your DWT.
6. Your screen will look like this:
   
7. Select your new banner and create a new raster layer to hold your first picture.
8. Name the layer. I will name this BOAT1.
   
9. Prepare BOAT1 picture to fit into your banner
   1. Crop the picture
   2. Resize the picture to 60 pixels high
   3. Zoom boat1 to 100%
   4. You are now ready to clone BOAT1 onto your banner.
   5. Your screen will look like this:
   6. 
   7. Use the CLONE brush and clone BOAT1 onto the BOAT1 layer in your banner.
   8. To use the clone tool, RIGHT CLICK THE BOAT1 and left click and paint on your banner. Feather in the boat1 to your banner.
   9. Your screen will look like this:
      
   10. Make a new layer for picture #2, I will call this SUNSET.
       
   11. Prepare picture #2 to fit into your banner
       1. Crop the picture
       2. Resize the picture to 60 pixels high
       3. Zoom picture to 100%
       4. You are now ready to clone picture2 onto your banner.
       5. Your screen will look like this:
          
   12. Clone the sunset onto the new layer called sunset.
   13. After cloning, your screen will look like this:
       
   14. Be creative and clone another image. I will use the same boat picture and flip it and scale it smaller making a second boat on a new layer.
   15. Check this out....
       
   16. Last step is to add the text for the site topic and a site tagline.
   17. Make new layer for your text
       
   18. Place your site title or topic on this layer.
       1. Remember: text color is controlled by the background color and text outline color is controlled by the foreground color
       2. Here is BLACK over TAN
          
   19. Place your text on the text layer. I recommend that you use vector text.
   20. Your screen will look like this:
       
   21. Save your banner as a PAINT SHOP PRO image.
   22. Use FILE Export JPEG to lift a copy of this painting as a JPEG.
       
   23. Do not compress the JPEG, set this to 0.
   24. Save the JPEG export into your DWT folder.
   25. Insert the banner on your DWT using FRONTPAGE.
       
   26. Save your DWT.
   27. View your site.
   28. CONGRATULATIONS....your first web banner.

   !
   Check out the PROFESSIONALS
   People run companies just making FrontPage Templates FOR $$$$