Making Photoshop Mockup of A Torn Photo

The latest season of TV series Saul Goodman had a series of photos of its cast torn apart. Of course, the most natural way to do this is just really torn them apart and then photograph them. But, for the sake of this tutorial and since not everyone has proficiency in photography --myself included-- we're going to replicate this effect using Photoshop. To follow this tutorial, you can use Photoshop CC 2014 or earlier versions. We are going to use Linked Smart Object, manual painting, and some clever warp transformation to tear apart the photo. Are you ready? Let's get it on.

Preview of Final Results

Tutorial Resources

You can use your own image. In fact, I encourage you to do so. Using your own resources might add extra motivation to achieve the best result.

Preliminary Steps

Cut out an 6R sized paper (6 inches x 8 inches). Divide it into 16 rectangles, draw some lines and number inside each rectangle.

Torn the paper - 1 — Prepare a 6R photo size paper.

Tear each rectangle by hand. Don't use ruler or tools, like a scissor or utility knife, to help straighten to result. Try to keep it as realistic as possible.

Place each rectangle on a flat surface and take its photograph. We're going to use the photograph as a guide in placing the torn photo. You can do a lot more if you want to, for example scattered the position, such as putting the rectangle number 11 out of place. You can also blow the rectangles and took their pictures while they are suspended in mid-air. There is no limit to what you can do. Just be creative. As for this Photoshop tutorial, we are going to use the following photo as a base.

Use this image as reference for this tutorial.

Step 1: Making The Guide File

First part of the tutorial is making the same guide, which is the 6R photo size paper in Photoshop. Click File > New and then set its Width and Height to 6 inches and 8 inches. Click Create button to make the file.

Step 2

Activate the Rectangle Tool and set its mode to Shape in the Options Bar. We are going to use this tool to draw the 16 rectangles inside the paper guide. We already know the size of the rectangle, it is 1/4 of the canvas width and length. To make an accurate size rectangle, click the canvas to pop up a dialog box. The width should be 1,5 in. And you know what? You can do simple calculation inside the input box. Set the height to 8/4 in and let Photoshop calculate it for you. Click OK button to create the rectangle.

Step 3

Activate the Move Tool and drag the rectangle to the corner.

Step 4

While the Move Tool is active, hold Shift + Alt and then drag to duplicate the rectangle. Place the new rectangle next to the original rectangle.

Step 5

Change its color by double clicking its thumbnail in the Layers Panel. In the Color Picker dialog box, select new color.

Double click thumbnail to change its color.

We have two rectangles with two different colors.

Step 6

Always name your layers. The default name is bad. To rename it, double click the layer's name. We simply use number for each rectangle. The first is 1, the second is 2, the third will be 3, and so on. Pretty clever huh? Renaming layers early will keep you away from headache. This guide file is going to have no less than 40 layers and you don't want to waste time guessing which is which.