Savvy Selection - Hide Part of a Frame Behind a Photo

with 7 Comments

Barb BrookbankA lot of my layouts are very linear and orderly. It's a style that appeals to me, but it can be a bit boring at times, so I have to come up with ways to add some subtle interest.

One way I like to do that is to take a frame, tilt it, and make it look like part of the frame is behind the photo. It is a very simple technique, but you get a lot of "bang for your buck" when you use it.

It's best to choose a very simple frame. In fact, quite often all I do is create a stroke outline and use it. But today I've chosen to use a frame I found in the "Menagerie" kit by One Little Bird (previously available to Premier Members September 2010).

So, here we go!


Step One: Prepare the Workspace

  • Create a new document (File > New > Blank File) that is 12in x 12in at 300ppi with a white background.
    (Photoshop: File > New)
  • With the Move tool, drag a photo onto the page and re-size it to fit the way you want it.
  • Choose a very simple frame, drag it onto the page and position it on top of the photo.
  • Press Ctrl T (Mac: Cmd T) to get the Transform options.
  • Click on the corner handles of the Bounding Box and drag to re-size the frame so that it fits the photo and frames it nicely. (See the image below on the left.)
    (Photoshop: Hold down the Shift key while dragging to maintain the proportion of the frame.)
  • Position your cursor outside a corner handle of the Bounding Box until you see the double-sided arrow. Click and drag in a counter-clockwise direction to tilt the frame slightly.
  • Double click inside the Bounding Box to commit the changes.

Step Two: Erase Part of the Frame

  • In the Layers panel, Ctrl click (Mac: Cmd click) on the thumbnail of the photo layer to get a selection outline.
  • In the Layers panel, click on the frame layer to activate it.
  • Get the Eraser tool.
  • In the Options Bar, choose a hard round brush from the Brush Picker and set the Opacity to 100%.
  • Erase the part of the frame where you want it to appear to be behind the photo. I chose only the upper right hand corner (indicated by the red rectangle). Keep in mind that you can erase any part of the frame that is inside the selection outline.
  • Press Ctrl D (Mac: Cmd D) to Deselect.

And here's my finished layout!

Digi Scrap Tutorial: 'Savvy Selection - Hide Part of a Frame Behind a Photo' by Barb Brookbank
Frame: 'Menagerie' by One Little Bird, previously available to Premier Members September 2010
Kit: 'Happy Harvest' by Susan Bartolini, previously available to Premier Members October 2009
Font: University Roman LET
Layout: 'White Swan' by Barb Brookbank

Download this Digi Scrap Tutorial

7 Responses

  1. Sandi Danskin
    | Reply

    Neat-o! Thank you

  2. Sharron
    | Reply

    Thank you – very neat!

  3. Crimson Crow
    | Reply

    Really cool idea! Thanks. Am going to try it now on a photo I took of Helianthus!

  4. Renee Diprose
    | Reply

    Thanks Barb – love this! So simple but it sure does add a lot to LO.I followed along on a page I was making and played with the shadows a bit – looks great. i found it is best to place the shadow opposite corner/side to where the frame is erased.

  5. Marie
    | Reply

    Beautiful layout! Thanks for the tutorial.

  6. Donna E
    | Reply

    Great lesson! Thank you.

  7. Donna K
    | Reply

    Your layouts are always simply lovely. Thanks for the tip.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.