Luminar AI lets you turn your ideas into reality with powerful, intelligent AI. Download the photo editor and see how you can completely transform your photos in a few clicks.
Activate the Move Tool and drag the rectangle to the corner.
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.
Change its color by double clicking its thumbnail in the Layers Panel. In the Color Picker dialog box, select new color.
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.
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.