The out of bounds (OOB) look on a layout is so fun. It creates an optical illusion of a 3D effect that makes the subject of the picture look like it is coming out of the bounds of a photo.
When I made this layout, Winning and Losing, I wanted to use the OOB technique to add to the story I was trying to tell through my layout and to give it a feeling of whimsy.
I had always used the selection tool to do this effect, but that just seemed like way too much work for all the OOB I wanted to do. I think I found an easier way to do it, and I am excited to share it with you today. I can't wait to see what you do with it!
By the way, if this tutorial seems familiar, it is because it is the exact same technique that I used for the Sewing Buttons on String tutorial. I am now turning it to a new use for a different effect.
Step One: Prepare Your Workspace
- Create a new document (File > New > Blank File).
Photoshop: Choose File > New.
- Open a frame (File > Open).
- Get the Move tool.
- Click on the frame and drag it onto your document.
- With the frame layer active in the Layers panel, press Ctrl (Mac: Cmd) and click on the Create a New Layer icon. This should create a new layer below the frame layer.
- Get the Rectangular Marquee tool. In the Tool Options, click on the New Selection icon, make sure Feather is set to 0, and Aspect (Mode) to Normal.
- Click and drag a square a little bigger than your frame opening.
- Press the letter D to reset the Color Chips to the default of black and white.
- Press Alt Backspace (Mac: Opt Delete) to fill the selection with black.
- Press Ctr D (Mac: Cmd D) to deselect.
Step Two: Add Your Picture and Clip to Filled Selection
- Open a photo.
- Get the Move tool.
- Click on your photo and drag it onto your document. It should be below the frame layer and above the filled selection layer in the Layers panel.
- Click on the photo and drag it into position under the frame.
- In the Menu Bar, choose Layer > Create Clipping Mask. Earlier versions of Elements might say Group With Previous.
Step Three: Duplicate the Picture Layer
- In the Layers panel, make sure the photo layer is the active layer.
- Press Ctr J (Mac: Cmd J) to duplicate the photo layer.
- In the Layers panel, drag the duplicate photo layer above the frame.
Step Four: Add a Layer Mask
Note: If your version of Photoshop Elements doesn't have a layer mask, here’s a link where you can download a layer mask you can install, along with a video and written instructions on how to install it: http://www.digitalscrapper.com/downloads/layer-mask-workaround.zip
- In the Layers panel, make sure the duplicated photo layer is still the active layer.
- In the Layers panel, Alt click (Mac: Opt click) on the Add a Layer Mask icon.
A black layer mask should have appeared to the right of the duplicated photo thumbnail (see image below) and your duplicated photo should have disappeared from your document.
Step Five: Reveal the OOB Part of the Picture
- In the Layers panel, the Layer Mask of the duplicated picture layer should be active. You know it is active when it has a blue outline around it, as in the image above. Just to be sure, click on the Layer Mask. This is very critical to the success of this tutorial.
(Photoshop and Previous versions of Elements: The mask outline is white.)
- You should have a white as the Foreground Color Chip. If not, Press the letter X to switch the Color Chips. Remember this: White reveals – Black conceals.
- Get the Brush tool.
- In the Tool Options, open the Brush Picker and choose Soft Round 65 px brush. Opacity should be 100% and Mode should say Normal.
(Photoshop: Flow should be 100%.)
- Using the Right and Left Bracket keys, adjust your brush size to a size that feels right for your photo.
- Using your brush, stoke over the part of the photo that should be on top of the frame to reveal it. See below.
- If you make a mistake and reveal more than you like, just switch your Foreground Color Chip to black (press x) and paint over anything that you want to hide.
Note: You may want to include the natural shadow that is on your picture. Each picture is different, however, and so this may or may not work with your picture.
That is one way to create a quick and easy out of bounds effect with your photo!
Show us your layouts using this technique and post them in the Digi Scrap Tutorial Gallery.
Digi Scrap Tutorial: Quick and Easy Out of Bounds by Nannette Dalton
Layout Winning and Losing by Nannette Dalton
Kit: Count the Ways by Joanne Brisebois
Ribbon: At Home by Paislee
Press Arrow: Mission Possible by Michelle Shefveland
Scrap it Now Templates: 002 Bkgrd, and 15-001