The out-of-bounds effect is a popping effect where part of the image pops out of the rest of the image and out of the frame. In this tutorial, we’ll be using Photoshop CS6 to create the out-of-bounds effect, but any latest version of Photoshop should work. We work with a photo of the dog, create a frame, adjust the angle, create a mask, and hide part of the image so that the dog looks like it’s jumping out of the frame.
Although Photoshop Elements provides guided editing for this effect, you can create it manually using Photoshop.
To continue, right click on the link below to save the practice file to your computer and continue with each of the steps.
- Open practice file
- Double layer
- Create rectangle
- Add Stroke
- Change perspective
- Transform rectangle
- Clear frame
- Make mask
- Rama mask
- Exit Quick Mask Mode
- hide area
Open practice file
To open the training file, select File > Open then navigate to the training file and click Open † Then select File > Save name the file “out_of_bounds” and select Photoshop for the format then click Save †
The practice file we’ll be using is perfect for creating the 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 jump out of the frame and the photo capturing the movement will give the subject or object a reason to leave the frame. A photo of a bouncing ball, a runner, a cyclist, birds in flight and a speeding car are just a few examples of things that suggest movement.
With the dog image open, click on the small menu icon in the top right corner of the layers panel, or right click on the layer and select Double layer and then press OKAY. † Then hide the original layer by clicking the eye icon.
In the Layers panel, click the Create a new layer at the bottom of the Layers panel, then click Rectangle Selection Tool in the Tools panel. Click and drag to create a rectangle around the dog’s back and especially to the left.
Right click on the canvas and select valve , then choose 8 px for the width and leave it black for the stroke color. If black is not specified, you can click the color box to open the color picker and enter 0, 0, and 0 in the RGB value boxes. Or, if you want a different color, you can enter other values. When you’re done, click Okay to exit the color picker, and then again Okay to set stroke options. Then right click and select Deselect or just move away from the rectangle to deselect it.
Select Edit > Free Transform or click on Check or Command+T then right click and select perspective † Click the bounding box handle (white square) in the top right corner and drag down to shrink the left side of the rectangle, then click yield †
If you don’t like the border for this effect and want to move it, you can use the Move tool to click the stroke and drag the rectangle where you want it.
To shrink the rectangle so that it isn’t as wide as it is, click check or Command+T press the left lever and move it in, then press return .
Now you need to erase part of the frame. To do this, select the Scale tool from the Tools panel and click a few times on the area you want to erase, then select the Eraser tool and gently erase the area the dog is in. You can click the right or left brackets to adjust the size of the eraser to your liking. When you’re ready, choose View > Zoom Out †
In the Tools panel, click the Edit in quick mask mode † Then select the brush, make sure the foreground color in the tools panel is set to black and start painting. You want to paint over all the areas you want to keep, namely the dog and in the box. As you draw, these areas turn red.
Zoom in if necessary with the Zoom tool. You can click the little arrow in the options bar that opens the brush picker to resize the brush or its size. You can also change the brush size the same way you resized the eraser tool; by pressing the right or left brackets.
If you make the mistake of accidentally drawing where you didn’t want to, click X to make the foreground color white and paint over where you want to erase. Click again X to change the foreground color back to black and continue working.
To mask the frame itself, switch from the Paintbrush tool to the Straight Line tool, which you can find by clicking the little arrow next to the Rectangle tool. In the options bar, change the line width to 10px. Click and drag to create a line that covers one side of the frame and do the same for the rest of the sides.
Exit Quick Mask Mode
Once everything you want to save turns red, press the button Edit in quick mask mode † The area you want to hide is now selected.
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.