Activate the Rectangle Tool.
Let Photoshop do the calculation.

Step 3

Activate the Move Tooland drag the rectangle to the corner.

Place the rectangle in the corner.

Step 4

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

Duplicate the shape.

Step 5

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

Double click thumbnail to change its color.
Select new 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.

Rename your layers.

Step 7

Repeat this until we fill all the canvas with rectangles. Each rectangle should have different color. You should also rename the layer.

Fill canvas with multi-colored rectangles.
Make sure all the layers is organizable. Give them appropriate names.

Step 8

Activate the Line Tool.

Activate the LineTool.

Step 9

Make sure Shapemode is selected in the Options Bar. Set the line’s Weightto 5 px. Click and drag to draw a line from corner to corner.

Add diagonal line.
Add diagonal line across the canvas,

Step 10

Select the line using the Path Selection Tool, and then Alt– drag to duplicate the line.

Duplicate the line.

Step 11

Keep on duplicating the line until we have diagonal line on every rectangles.

Add more lines.

Step 11

Select all the lines, hit Ctrl + Cand then Ctrl + Vto duplicate them. hit Ctrl + Tand then rotate them until all the rectangles are filled with Xs.

And more lines.

Step 12

Add number to each rectangle to make it more recognizable.

Add text now.

Step 13

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 Panelto open up the Layer Styledialog 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.

Add stroke to add text legibility.
Add stroke line to each rectangle.

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 photographsupplied at the early part of this tutorial.

Pages: 1 2 3 4 5 6 7