Software & Apps > Design 28 28 people found this article helpful How to Create the Out of Bounds Effect in Photoshop By Sue Chastain Sue Chastain Writer St. Petersburg College Sue Chastain is a former Lifewire writer and a graphics software authority with web design and print publishing credentials. She's also skilled in WordPress administration. lifewire's editorial guidelines Updated on June 4, 2022 Tweet Share Email Lifewire / Bruce King Tweet Share Email Design Graphic Design Photoshop Animation & Video 3D Design What to Know Select Layers > Duplicate Layer, then hide original layer > Create new layer > select "flat" area.Right-click > Stroke (8px) > Deselect, select Edit > Free Transform > right-click > Perspective > adjust.Erase frame over subject > Quick Mask frame + subject > select Layer > Layer Mask > Hide Selection. This article explains how to use Adobe Photoshop CS6 (though it should also work in other recent versions) to make it look like part of an image is emerging from its frame ("out of bounds"). 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 Lifewire / 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 Lifewire / 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 Lifewire / 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 Lifewire / 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 Lifewire / 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 Lifewire / 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 Lifewire / 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 Lifewire / 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 Lifewire / 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 Lifewire / 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 Lifewire / 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. Was this page helpful? Thanks for letting us know! Get the Latest Tech News Delivered Every Day Subscribe Tell us why! Other Not enough details Hard to understand Submit