Take your photography to the next level and beyond...

  • NEWS

Why not join for free today?

Join for Free

Your total photography experience starts here

Exclusive 25% off Affinity Photo: Professional photo editing with no subscription!

Edge effects in Photoshop

Edge effects in Photoshop - Are you bored with images that have plain, straight edges? John Pearson shows Photoshop users how to create interesting effects of their own using Layer Masks. The method provides control so that the effect can be bold or subtle according to taste.

 Add Comment

Adobe Photoshop

The aim of this article is to create edge effects using layer masks. Throughout this piece, you will be selecting brush shapes and sizes, amounts of drop shadow and so on. It is worth experimenting with different values for these settings, because you will probably find some useful effects. In any case, different sorts of pictures need different sorts and amounts of border effects. The settings you need for a particular effect will depend on the image size and pixels per inch. My start image of Ellie is 6"x8" at 300 pixels per inch.

Begin by opening an image, carrying out all necessary editing operations and flattening it. The image now has a single layer, called Background. Double-click the word Background in the Layers Palette and rename as Layer 0. Use Image> Canvas Size and increase the height and width by about 1in. (tick Relative and enter 1in. in both width and height boxes). Your original image will now be surrounded by a border of empty pixels, shown by a chequer-board effect (this is why we converted Background to a layer - when Background is extended, the new pixels are filled with colour).

The original imageHold down the Ctrl key and click on the image thumbnail in the layers palette: this selects all the non-empty pixels. Make the selection smaller by using Select> Modify> Contract. 75 pixels is a good starting amount. You will now see the marching ants 75 pixels inside the edge of the image. Click the Add Layer Mask icon at the bottom of the Layers Palette and notice that the layer mask thumbnail has a broad black border (equivalent to everything from the marching ants outwards).

The visible area of your image has now been reduced due to the masking effect. Press the D key to make black and white the foreground and background colours respectively. Hold down the Ctrl key and do the following:

  1. Click the Create A New Layer icon on the Layers Palette. The new layer is created below the active layer

  2. Click the Backspace key to fill the new layer with the background colour (white)

then release Ctrl. This provides the start point for a number of interesting effects.

Adding edge effectsFirst we are going to paint white onto the black part of the layer mask to partially reveal the edges of the image, so start by typing X to swap the foreground and background colours. Click on the layer mask thumbnail to make it active and select a hard, round brush of about 60 pixels diameter and 100% opacity. Paint along all four edges of the image, aiming to keep the centre of the brush roughly on the edge of the visible part of your picture. You are revealing more of the image, but with an irregular edge (this is one place it helps not to have a steady hand!). With experience you will discover how irregular you like your edges to be.


Adding drop shadowYou may like to add a drop shadow to your irregularly edged image. It's worth playing with all the adjustments in the dialogue box. In particular, begin by reducing the opacity slider to about 35%.




scratchy edgeAs an alternative to the 60 pixel brush used above, select a finer brush - 10px is a good start - and paint a series of white lines over the parts of the mask that hide the image.









As another option, try using different brush shapes - Photoshop offers some very interesting ones for creative effects.

Azalea brush
The Azalea brush

Falling ivy leaves
Falling ivy leaves


Scattered maple leaves
Scattered maple leaves

This effect was achieved using Filter> Distort> Glass. Adjusting the sliders gives a finer or coarser effect. Try some other filters, like ocean ripple, ripple, wave, crystallize and box blur.







Why stop at one filter? Here I have applied a second filter to the Glass effect:

Box blur
Box blur: Radius 12px

Motion blur
Motion blur: Radius 60px

If you remember, all of these examples were based on a rectangular selection which was contracted by 75 pixels. You could start with a different shape, like an ellipse. The photograph below was created from the same start image of Ellie, as follows:

1. Draw out an (almost circular) ellipse, contract it by 75 pixels as before and create the layer mask and lower layer.
2. Apply the Glass filter, followed by Filter>Blur>Motion Blur>Zoom by 36
3. Crop

The final imageThe result was quite pleasing, but I tried one more trick to achieve the end result. I filled the bottom layer with 50% grey then added a Hue and Saturation adjustment layer to give an outer background that worked well with the colours in the original. A black background gave a very striking effect.

So now it's over to you. Do try lots of variations. In particular, vary the amount by which you contract the selection, try different brush shapes and sizes, different filters and different slider settings. Also try multiple filters and changing the fill colour of the bottom layer.




Join ePHOTOzine and remove these ads.

Explore More


johnp 13 141 United Kingdom
This has been published with the first two images in reversed order - the one with the faint border line should be the second. Apologies on behalf of ePhotozine.
John Pearson

Join ePHOTOzine for free and remove these adverts.

I found this most intersting for I need variation which is the spice of life. I am on Paint shop six. I shall come again when I have time and see wether this will work on 6. Thanks you for your time. it's great
Daphne Grant
I love this, I am doing this to all my pictures now, I am on Photoshop 7 and its great!
Thanks its fab!
Charlotte Burton

You can find a plugin to do that : Edge FX at Http://www.myphotoshopeffects.com . It works great for me.


Sign In

You must be a member to leave a comment.

ePHOTOzine, the web's friendliest photography community.

Join For Free

Upload photos, chat with photographers, win prizes and much more.