Exploring Photoshop: How to make textured edges for your photos

Exploring Photoshop: How to make textured edges for photosTextured and decorative framed edges for your photos, can really set the mood and turn your photos and images into something memorable, don’t you think?

There are lots of different ways to add textured edges to your photos using photoshop or photoshop elements, but the easiest way I’ve found is to make a separate image and use it as an overlay mask. Using this technique you can accumulate a very nice library of textured edges that you can use over and over on your other photos as well.

This tutorial demonstrates the basics of making this type of textured edge using the basic round brush that can be found in the brush library, and once you know how to do it you can go crazy using other different types of brushes.

Note: This tutorial is presented using Photoshop Elements 9 however the instructions will be the same or similar for other versions of Photoshop or Photoshop Elements.

Let’s go …

Open a photo in the workspace.

Exploring Photoshop: How to make textured edges for photos

Alongside the photo, make a new file the same size as your photo and fill it with white. This will become your overlay mask. My photo size is 6″x 4.5″ at a resolution of 300px.

Exploring Photoshop: How to make textured edges for photos

Minimize the photo, and working on the overlay mask add a new layer on top of the white layer and fill it with black.

Exploring Photoshop: How to make textured edges for photos

Select the eraser tool, then select a brush from your Basics or Default Brush set. I’ve selected a soft round brush and set the size to 200px and an opacity of 100%. You might need to use a different size depending on the size of your image.

Exploring Photoshop: How to make textured edges for photos

Make sure the black filled layer is selected …

Exploring Photoshop: How to make textured edges for photos

… then run the brush, unevenly, along the edges.

Exploring Photoshop: How to make textured edges for photos

Once you’ve finished removing the edges, you can add some additional decoration by then selecting a brush that has flourishes or swirls, and stamping them onto the black layer using your eraser tool. If you don’t yet have a library of brushes, you’ll find some lovely free brushes at Obsidian Dawn.

Exploring Photoshop: How to make textured edges for photos

Once you’ve finished adding your additional decoration, right click on the top layer and select Flatten Image.

Exploring Photoshop: How to make textured edges for photos

The two layers are now combined into one.

Exploring Photoshop: How to make textured edges for photos

Bring your photo back up into the workspace and drag or copy and paste, the black and white overlay mask and position it on top of your photo.

Exploring Photoshop: How to make textured edges for photos

The photo should now have two layers, the black and white overlay mask on top and the photo underneath.

Exploring Photoshop: How to make textured edges for photos

Make sure the layer with the black and white overlay mask is selected and from the blend mode drop down box, select Screen.

Exploring Photoshop: How to make textured edges for photos

And magically, the black center of the overlay mask disappears allowing the image underneath to show through, leaving the white edges intact.

Exploring Photoshop: How to make textured edges for photos

The Screen Blending Mode looks at each channelā€™s color information and multiplies the inverse of the blend and base colors. The result color is always a lighter color. Screening with black leaves the color unchanged. Screening with white produces white. The effect is similar to projecting multiple photographic slides on top of each other.

You can also adjust the opacity of the overlay mask which changes the transparency of the white edge. The transparency on this overlay mask has been set to 80%.

Photoshop Elements Tutorial: Textured Edges for Photos

These are some other edges I made using the same process but with different types of brushes.

Photoshop Elements Tutorial: Textured Edges for Photos

Photoshop Elements Tutorial: Textured Edges for Photos

Photoshop Elements Tutorial: Textured Edges for Photos

Have fun and happy photoshopping!


Exploring Photoshop - Photo Art

Categories: Digital Art, Tutorials, Tutorials: Digital Art
Tags: ,


You might also like ...


Thank you so much for stopping by!
If this is your first time visiting I'd love to keep in touch.

Subscribe to my Newsletter



11 Comments

  1. Many thanks for this great tutorial Linda. I have had a go and will be posting up my picture shortly. Thank you for the links too. I have downloaded some brushes but my lack of computer know-how has got me a bit stuck with adding them into Photoshop so far. I have a computer literate brother that I will be calling on for help ;) Fortunately I did discover a load of brushes already in Photoshop 6 so I have plenty to play with.

    Reply
    • Thanks Julie, looking forward to seeing your photo :)

      Linda

      Reply
  2. great! thanks…

    Reply
  3. Love the tutorial. Tried it and am emailing you the result. THANKS!!!

    Reply
    • Thanks Cindy, you did a great job with the tutorial – I really like it!

      Linda

      Reply
  4. Wonderful tutorial. Great illustrations and great descriptions. Thank you!

    Reply
  5. Hi Linda,

    What a simple way to get that effect. Thanks for the great tutorial. What an amazing resource you have shared. I could get lost in the number of brushes found at Obsidian

    Great site BTW

    Reply
  6. Thanks for the tutorial, I really want to try it. Every so often I spend a few days on Photoshop but have to tear myself away to get some sewing done.
    Linda

    Reply
    • I have the same problem Linda – I’m not sure which is more fun ;)

      Reply
  7. Thank you for another great tut. Now I just need to make time to play with PE and use this information. I also shared your tut link on FB in case someone else can use it too.

    Reply
    • You’re welcome Gloria and thanks for sharing :)

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current ye@r *

New in the store ... Sew Creative! Details Here
¤