Three Layer Webset

(like the one on this page)

I claim the copyright to this tutorial.  You are free to do whatever you please with what you make, but please do not take my tutorial.  Do not send the tutorial through email.  Only share my link.

This tutorial was created for some friends of mine who wanted to begin learning more about PSP.  It is intended for intermediates to learn how to use preset shapes and to shade.  If you have any questions, please feel free to email me.

To do this tutorial you will also need Paint Shop Pro.  I used Paint Shop Pro 8, but the steps used may also be done in Version 7.04.  You may download a free trial at Jasc.

You will need Simple Filter Plugin

You will also need a picture that you want to use as your main image (not a tube).

Remember to save as a psp file often!

1.  Open the image that you will be using in this webset.

Making the center background

2.  Open up a new, transparent image, size 100 x 100

 

3.  Use the eye dropper tool and choose a color from it to be your foreground.

4.  Flood-fill the new image with this color choice.

5.  In the top menu, choose Effects > 3D Effects > Texture > Texture.  Apply these settings:  Choose the Old Paper texture, size = 25, smoothness = 1, depth = 2, ambience = 0, shininess = 0, angle = 307, intensity = 43, elevation = 33.

6.  In top menu, click Effects > Image Effects > Seamless Tiling.  Apply these settings:  Tiling Method = corner, direction = bidirectional, horizontal offset = 6, vertical offset = 6, transition = 100, style = linear.

         

7.  Now save this image as background3.jpg.  This will be the middle layer background (like the green on this page)

Making the outer background  (You will make two options here)

8.  Choose the selection tool and set it to square in the tool options menu.

9.  Draw a square around the part of the image that you want to use as a tile.

10.  In the top menu, click Edit > Copy.


 

11.  In the top menu, click Edit > Paste > Paste As New Image.

12.  In the top menu, click Image > Mirror

13.  In top menu, click Effects > Image Effects > Seamless Tiling.  Use same settings as before.

14.  Now save this as background1a.jpeg  (We will add something to this to make an alternate, and you can choose which one you like.)

15.  Continuing with the image from #15:  In the top menu, click Selections > Select All

16.  In top menu, click Selections > Modify > Contract Selection.  Contract by 6 pixels.

17.  In top menu, click Selections > Invert.

18.  Flood-fill the selection with a gold gradient, set with Angle = 50, Repeats = 3

19.  In top menu, click Selections > Select None.

20.  In top menu, click Effects > Plugins > Simple Filters > Diamonds  (No box comes up.  It automatically applies the effect)

21.  Your image should look like this:

22.  Now save this image as background1b.jpeg  (You will use either background1a or background1b as your outside layer background).

Making the 2nd layer background--gold trim

23.  Open a new, transparent image, size = 100 x 100

24.  Flood-fill this image with a gold gradient, with angle set at 50, repeats = 2

      

25.  In top menu, click Effects > Image Effects > Seamless Tiling.  Apply the same settings as before.

26.  Now save this image as background2.jpg.

 

So now you have completed making 4 background tiles--2 choices for your outside layer, a gold tile for your 2nd layer, and a textured tile for your center layer.

Continue to make the buttons and bars for this webset.


Email

Tutorial Index

Home

 Please do not remove this tutorial from my site.  Share my url.