Repeat this until we fill all the canvas with rectangles. Each rectangle should have different color. You should also rename the layer.
Activate the Line Tool.
Make sure Shape mode is selected in the Options Bar. Set the line’s Weight to 5 px. Click and drag to draw a line from corner to corner.
Select the line using the Path Selection Tool, and then Alt – drag to duplicate the line.
Keep on duplicating the line until we have diagonal line on every rectangles.
Select all the lines, hit Ctrl + C and then Ctrl + V to duplicate them. hit Ctrl + T and then rotate them until all the rectangles are filled with Xs.
Add number to each rectangle to make it more recognizable.
I also add layer style Stroke to the text because its add legibility, means easier to read. To add Stroke, double click the layer in Layers Panel to open up the Layer Style dialog box. We can also add Stroke to the rectangle to add clearer edge definition. After this, we’re done with the guide file. Save and close it. Soon, we’re going to incorporate this file into the mockup file.
Step 14: Making The Mockup File
We’ve done making the guide file, that’s where we place the photo that’s going to be torn apart. Now, off to making the mockup file. Open up the photograph of the torn photo. You can use your own or use my photograph supplied at the early part of this tutorial.
First, the photo used here is not in good shape. Poor lighting. We need to boost its contrast. Hit Ctrl + L to open up the Levels command. Hit Auto to automatically increase the contrast.
I still want more contrast. So, bump up the black and white arrow to the center to increase the contrast even more. This is not an image editing, so there’s no need for super accuracy. We’re going to discard this image anyway in the end.
Activate the Pen Tool from the Tools Panel. Set its mode to Shape in the Options Bar. Click and drag along the edge of the first piece to recreate its shape. You can also set the color to make it distinguishable from the background.
Keep on doing this until we return to the first point and then click it to close the shape.
Of course, we need to do this to every pieces. While the Pen Tool is active, this time set its mode to Path. Click and drag along the second piece. This time we are adding second path to the existing shape.
Keep on repeating this to add shapes covering all the pieces. Don’t need to be too precise. A slight error won’t be noticable.
As always, make sure the layer has appropriate name. Let’s just name it basic shapes.