Transparent Picture Border Tutorial
The double underlined links (or in-line text advertising) can be very annoying while reading an article or tutorial but it’s a great additional revenue stream for my site. People whom register an account and login won’t be bothered with these ads.
Intro:
This tutorial will show you how to make a nice transparent picture border for your photo editing. I used a photo of Evangeline Lilly.
Download the photo here
Step 1:
Open up a new file (Shortcut: ctrl+n) 400x400px
Open the Evangeline Lilly photo, or use another photo.
First unlock the photo in the layers pallette by doubleclicking on it.
Then Drag the layer from the layers pallette into the new created file.
If you didn't change anything in the new created file the photo layer is now called Layer 1 in the layers pallette, you can easily change this, doubleclick the Layer 1 and name it EL Photo.
Step 2:
Now that we got the preperation done it's time to make that nice border, I'm using a custom shape for this.
Click the custon shapetool in the tools window ![]()
Then at the top you can choose a shape, choose this shape located below:

Reset colors by pressing D on your keyboard, then make the shape like below:

Now we have to make a selection of the shape, HOLD ctrl on your keyboard and press the shape layer.
Then hit ctrl+shift+I on your keyboard to make an invert selection, you can also do this to rightclick the selection and choose select inverse.
Now we got the Selection we can hide the Shape layer, just click the little eye icon in the layers pallette right infront of the layer.
With the selection still active make a new layer (Shortcut: ctrl+shit+N), Name this layer Border.
Select the rectangular marquee tool ![]()
Then rightclick in the project window somewhere inside to selection, choose fill and fill it with a color to your likings. I used color: #7ba800.
Step 3:
Now it's time to pollish up the border we just made.
Use a dropshadow with settings below
(right click Border layer > Blending options > Check drop shadow, and change settings)

Set the Mode of the Border layer in the layers pallette to soft light, this will make it see thru as you can see.
Step 4:
If you didn't center the image correctly with the border or vise versa that's no problem, I thought of that to make the project window bigger then the width of the photo we're using. AND it will show you on how to merge all visible layers in 1 layer!
So here we go,
Make a new layer on top of all other layers, and prest ctrl+shift+alt+E, this will merge all visible layers.
Make a rectangular selection, Get the rectangular marquee tool ![]()
And make a selection so we don't have white pieces into it, you can align the selection so you have even borders on all sides.
Ctrl+C to copy the selection, Ctrl+N to make a new file, then Ctrl+V to paste the copied selection. Now save it and your done!
*saving instructions: Go to File > save as > Choose jpg instead of psd.

There you go, Hope you enjoyed this tutorial, and I hope to see you again soon on Celoxdesign.