Creating a header graphic or a side bar background with an "inlaid wood" effect can be quite effective to set the mood of a web page. This technique is very easy, but you will need to have a good knowledge of Paint Shop Pro to complete this tutorial. If you have not completed my Basics, Layers and Masks tutorials, you might want to do that before you start this tutorial. This tutorial will teach you how to make the Welcome logo below.

  1. Save the black on white template graphic above to your hard drive. This template is actually twice as large as what is displayed.
  2. Open the template graphic.
  3. Choose Masks|New|From Image. Should be "This Window", "Source Luminance" and "Invert mask data checked".
  4. Choose Masks|Save to Alpha Channel and give it a name.
  5. Choose Masks|Delete and say "no" to "merging with layer".
  6. If you want to keep the template in this graphic, add a new layer.
  7. Flood fill new layer with the light wood pattern.
  8. Add a new layer.
  9. Choose Selections|Load from Alpha Channel and load your template selection.
  10. Choose Selections|Expand and expand by 1.
  11. Set foreground color to black and flood fill.
  12. Choose Selections|Load from Alpha Channel and load your template selection again.
  13. Flood fill with the dark wood pattern.
  14. To add text, add another layer.
  15. Add your text and save the selection to an alpha channel.
  16. Expand your text selection by 1.
  17. Flood fill with black.
  18. Load your text selection again and flood fill with the dark wood.
  19. Save as a .psp file to retain as a template.
  20. Set your background color to black and add a 1 pixel border.
  21. Set background color to white and add a 8-10 pixel border.
  22. Select the white border and flood fill with the dark wood.

If you saved your graphic as a .psp file, you can then just add new layers and experiment with different colors and textures of wood. Another technique for the wood is to use the same wood, but lighten or darken the wood with Colors|Adjust Brightness and Contrast.

This technique also makes very nice buttons.


If you don't want to load the pdf file into your browser and would prefer to save directly to disk, Shift-Click on the PDF button.


Home    Basics    Layers    Backgrounds    Text Tips    Text Effects    Buttons   
Cutout    Masks    Frames    Photo Edge    BladePro    Logos    Plugins