How to Create the Out of Bounds Effect in Photoshop

Out of Bounds Effect

Bruce King

An out of bounds effect is a pop-out effect where part of the image appears to emerge from the rest of the image and come out of a frame. For this tutorial, we will use Photoshop CS6 to create an out of bounds effect, but any recent version of Photoshop should work. We'll work from a photograph of a dog, make a frame, adjust its angle, create a mask, and hide part of the image in order to make the dog appear as if he is jumping out of the frame.

While Photoshop Elements provides a guided edit for this effect, you can create it manually with Photoshop.

To follow along, right click on the below link to save the practice file to your computer, then continue on through each of the steps.

Download: ST_PS-OOB_practice_file.png
01
of 11

Open Practice File

Open Practice File

Bruce King

To open the practice file, choose File > Open, then navigate to the practice file and click Open. Then choose File > Save, name the file "out_of_bounds" and choose Photoshop for the format, then click Save.

The practice file that we'll be using is perfect for creating an out of bounds effect because it has a background area that can be removed, and it also indicates motion. Removing some of the background will cause the dog to pop-out of the frame, and a photo that captures motion gives a reason for the subject or object to exit the frame. A photo of a bouncing ball, a runner, cyclist, birds in flight, and a speeding car are just a few examples of what suggests motion.

02
of 11

Duplicate Layer

Duplicate Layer

Bruce King

With the image of the dog open, click on the small menu icon in the upper right corner of the layers panel, or right-click on the layer, and choose Duplicate Layer, then click OK. Next, hide the original layer, by clicking on its eye icon.

03
of 11

Create a Rectangle

Create a Rectangle

Bruce King

In the Layers panel, click on the Create New Layer button at the bottom of the Layers panel, then click on the Rectangle Marquee Tool in the Tools panel. Click and drag to create a rectangle around the backside of the dog and most of everything to the left.

04
of 11

Add a Stroke

Add a Stroke

Bruce King

Right-click on the canvas and choose Stroke, then choose 8 px for the width and keep black for the stroke color. If black isn't indicated, you can click on the color box to open the Color Picker and type 0, 0, and 0 in the RGB values fields. Or, if you want a different color you can type in different values. When done, click OK to leave the Color Picker, then OK again to set the stroke options. Next, right-click and choose Deselect, or simply click away from the rectangle to deselect.

05
of 11

Change Perspective

Change Perspective

Bruce King

Choose Edit > Free Transform, or press Control or Command + T, then right-click and choose Perspective. Click on the bounding box handle (white square) in the upper right corner and drag downward to make the left side of the rectangle smaller, then press Return.

If you don't like where the frame is placed for this effect and want to move it you can use the Move tool to click on the stroke and drag the rectangle to where you think is best.

06
of 11

Transform Rectangle

Transform Rectangle

Bruce King

To size down the rectangle as to not be as wide as it is, press Control or Command + T, click on the left side handle and move it inward, then press Return.

07
of 11

Erase Frame

Erase Frame

Bruce King

Now, you'll need to erase part of the frame. To do so, choose the Zoom tool from the Tools panel and click a few times on the area that you want to erase, then choose the Eraser tool and carefully erase where the frame covers the dog. You can press the right or left brackets to adjust the size of the eraser as needed. When done, choose View > Zoom Out.

08
of 11

Create a Mask

Create a Mask

Bruce King

In the Tools panel click on the Edit in Quick Mask Mode button. Then choose the Paint Brush tool, make sure the Foreground color in the Tools panel is set to black, and begin painting. You'll want to paint over all the areas that you want to keep, which is the dog and inside the frame. As you paint these areas will become red.

When necessary, zoom in with the Zoom tool. You can click on the small arrow in the Options bar that opens the Brush Preset Picker to change your brush if you want or change its size. You can also change the brush size in the same way that you changed the size of the eraser tool; by pressing the right or left brackets.

If you make a mistake by accidentally painting where you didn't want to, press ​X to make the foreground color white and paint where you want to erase. Press X again to return the foreground color to black and continue working.

09
of 11

Mask the Frame

Mask the Frame

Bruce King

To mask the frame itself, switch from the Brush tool to the Straight Line tool, which can be found by clicking on the small arrow next to the Rectangle tool. In the Options bar change the weight of the line to 10 px. Click and drag to create a line that covers one side of the frame, then do the same with the remaining sides.

10
of 11

Leave Quick Mask Mode

Leave Quick Mask Mode

Bruce King

Once everything that you want to keep is red in color, click the Edit in Quick Mask Mode button. The area that you want to hide is now selected.

11
of 11

Hide Area

Hide Area

Bruce King

Now all you have to do is choose Layer > Layer Mask > Hide Selection, and you're done! You now have a photo with an out of bounds effect.