Left border backgrounds
Step 1: First I opened a seamless tile I had made, which is a size of 130 pixels square. I then opened a new file:- width 1300 x height 130 pixels. Resolution 72 and color mode RGB.
If you not sure how to create a seamless tile go to my tutorial Seamless tiled backgrounds.
Step 2: activate your seamless tile, select all, then go to 'edit' 'copy'. Now activate your new image of 1300 x 130 pixels and go edit' 'paste'. This will be placed on a new layer automatically, move the tile along to the far left, carefully placing it on the edge of all three sides. If you zoom in to check it is placed just so, then it will repeat properly when opened on a full page.
Step 3: Now we need to select a colour that matches part of the rose tile layer, choose the 'eyedropper' tool in the tools pallette. It is second up from the bottom and in the second row. The icon looks like a ear or eye dropper, then click an area of the tile that you prefer. I chose a lighter blue, so the text would read better. Activate the background layer and select the paint bucket tool (6th one down, 2nd row) and fill the background with your chosen colour.
Step 4: Now activate the top layer where your tile is, and go to the bottom of the layers pallette and you will see a black solid circle with the letter 'f' in. Press this icon and choose 'Drop Shadow', in the dialogue box set to multiply mode, opacity 75%. Then enter -170 for the angle. Leave the rest as the default. See below:
Click OK and you have your drop shadow.
You should have a similar shaped image with the drop shadow, like my image below. Click on the image to view as a web page background.
Step 5: Now go to 'File' 'Save for Web'.