|
|
|
Making A Seamless Repeating Border |
1. Open the graphic you want to use, with the lassoo tool carefully cut out the piece you want to apply.  2. Click Edit/Copy Edit/Paste as new image. 3. Open a new background strip set up your box like this one.  4. Click on Edit/Paste as New Layer. Position the new layer at the top left hand corner, so that it looks right. 5. Repeat step 4 until you have a border. 6. Check the positioning of the graphics by clicking on View/Grid.  Make sure that ALL the graphics are lined up properly. If you want to stagger the layers, as I have done here, make sure that both lines of graphics line up properly. It's very important to take your time and get this right. If one of the graphics should be in front of another, and it's not automatically doing so, click on Layers/Arrange/Bring up or down or send to top or send to bottom, whatever works to get the layer in the right position. 7. Switch off the grid (View/Grid) 8. On the Layers Toolbox (if it's not on your screen click on View/toolbar and check the control box, click ok) you'll see that you have a lot of layers - click on the one named Background. 9. Click on your original graphic, and select a colour from the background. 10. Click on the Bucket Tool, make sure the control panel is set like this  Flood fill the background layer with this colour. 11. Click on layer1 in the layers panel. Then click on the graphic with the magic wand tool. Click on Selections/Invert. Just the graphic on layer1 should be highlighted. Click on Image/Effects/Drop Shadow have the settings like this  12. Repeat step 11 for each layer.  13. Now for the slightly tricky bit... Select an area of the entire strip like this  To make this easier for yourself, choose a bit of the graphic with an obvious edge, then look down the graphic to see the next repeat of that edge. Make a mental note of the positioning from the # corresponding to the mouse's position (found at the bottom of the program).  Click Edit/Copy merged. 14. Open a new background strip and click Edit/Paste as new layer. 15. Click Edit/Paste as new layer again... Move the first layer up, so you can get the second layer into view,  now, see if the two match up. The bottom of the first layer, should match up EXACTLY with the top of the second layer. If it doesn't, just try again, with the selection from the main strip. 16. Once you're satisfied that the two strips match perfectly, the image you're using will be highlighted on your main graphic, (or already on the clipboard) click on Edit/Paste as new image. This is your background strip; the bit to save and use as stationery. When it goes into the .html file, make sure that you have repeat where it says BACKGROUND-REPEAT: repeat; otherwise you'll just have the one little strip showing.  That's it. Easy or what? :-) Sue C - SJC Designs Please feel free to visit my HOMEPAGE |