For PSP V7Home>Tutorials>PSP 7 Effects>
Border Image Backgrounds
Download this tutorialDownload (??kb)
E-mail this tutorial to a friendEmail to Friend

Bordered Image Backgrounds
Created by: Kawliga

In this tutorial, we'll attempt to turn an image into a seamless border. We try this by using the collage method ... For those of you not familiar with the collage method, here is a full-fledged tutorial if you need it, but the instructions we give here should be sufficient for this effect.
Download the Attachment for this tutorialDownload Attachment
We'll start off with a picture that I got from some wrapping paper. It obviously pays to not throw these sorts of things away. Download the picture with the download file on the left.
Open the picture with the girl and her dog isn't it cute?
First, we'll resize the image down to 50% to make it more the size of a border:
Go to Image || Resize:
Percentage of Original = checked: 50
Resize type = Smart Size
Resize All Layers = doesn't matter since it's only one layer
Maintain aspect ratio = checked

Duplicate the layer twice with Layers || Duplicate.

Enlarge the canvas to a height of 400 pixels:
Go to Image || Canvas Size:
New Width = 110
New Height = 400
Center Image Horizontally = checked
Center Image Vertically = unchecked
Top = 0

Use the Mover tool to move the second layer down so that the girls head is approximately under the dog.

You must make sure that the dogs line up horizontally (i.e. the dog's legs are in the same spot in relation to the layer beneath).

I mirrored the second layer: Go to Image || Mirror. You don't have to if you don't want to. If you don't want to mirror the second layer, you may delete the third layer: Click on the third layer in your layer palette and then on the little trash-can icon.

If you have mirrored the second layer and not deleted the third one, use the Mover tool again to move the third layer down, so that the girl's head is approximately under the second dog.

Now we are going to create a mask for each layer in the image. Make sure the Layer palette is visible; if it's not, press "L" to open it. Click on the background layer to make it the active layer.

Go to Masks || New || From Image. Settings are as follows:
Source window: This Window
Source luminance = checked
Invert mask data = unchecked

Create a mask for each layer by activating it and making a new mask. In the end your image should look somewhat like the one on the left.

We are going to edit each mask starting with the top image (note: this may not be the top layer) for us, it was the background. Click on the the appropriate layer in the layer palette so it is the active layer.

Select the Airbrush tool with these settings:
Shape = Round
Size = your choice
Hardness = 0
Opacity = 90
Step = 1
Density = 100
We are going to use the Airbrush tool to reveal and hide parts of the image until we get the desired effect. White will remove the mask and black will paint out any overlapping.

So, set your styles to Solid Color (click on the arrows in the style boxes and choose the icon on the left) and your textures to None (click on the arrows in the texture boxes and choose the icon on the right). Now click into your style boxes to set your foreground color to white and your background color to black.

Go to Masks || Edit.
With the Airbrush tool, "spray" all over your layer, slowly removing the mask and revealing the image. Reveal as much as you need. Using the right mouse button and spraying will get rid of any overlay onto another photo. Your image should begin to look like the image on the left.

Repeat this process for all layers until your image looks something like the one on the left. Be sure to always go to Masks || Edit before you start spraying a layer. You can also still move your layers with the Mover tool, if need be.

Once you have your image looking the way you want it, delete the masks: For each layer, go to Masks || Delete and click on "Yes" to merge the mask with the layer.

You may need to touch up the joining areas. I used the Clone tool to do that. If you do have to touch up, it is easier if you merge all layers: Go to Layers || Merge || Merge All (Flatten) for that.

The next step is to make this image seamless. You will recall that I stressed that the dogs had to line up. The reason for this is that we are going to use the dogs as our "seamless guide".

Zoom in on the dog's legs. Using the Selection tool:
Selection type = Rectangle
Feather = 0
Antialias = unchecked,
Start your selection lining up with a recognisable part of the dog.
Then drag your selection till you reach that same part of the dog in the next image.
Drag the selection out on that line to the right hand side.

Go to Edit || Copy if you have merged your layer before, otherwise go to Edit || Copy Merged to copy this part of the image. (Copy Merged merges the area in the selection so you get all the content from all layers.)

Now paste as a new image with Ctrl+V, or go to Edit || Paste || As New Image.

Hopefully this tile you have made is now seamless length-wise anyway. Try it on a long image: Open a new image in the width of your tile but with a height about double or more your tile, and fill with your tile. As you can see, this border tiles quite nicely now.

To turn this into a border, follow this tutorial.

You can dress it up a little by putting a side frame and shadows in the border ... You can do all sorts of things up to your imagination.

Try this with any image you find.