Repeat grids help you quickly apply 3D effects to multiple sequential objects simultaneously. You can later ungroup the grid and apply perspective to individual objects to create interesting visual effects.
Let’s try to create something like the image above. Notice how the pictures seem to lift off the background while still being chained to a two-dimensional space. I took less than 5 minutes for this creation, and I am not even an expert.
1. Create a background layer and apply a fill color
For this design, I have used #49523F as the fill color to ensure a sharp contrast for the shadows.
2. Draw diagonal parallel lines (Optional)
I used the lines to off-center the images for visual distraction, but you can choose to omit this step if you want to.
3. Draw a rectangle and rotate it such that the edges are parallel to the diagonal lines.
4.Apply a drop shadow to the rectangle and move it above one of the lines.
5.With the rectangle selected, click Repeat Grid in the Properties Inspector. Drag the handles to create additional rectangles to the right and bottom.
6. With the Repeat Grid option selected, click the 3D transforms (cube icon) in the Property inspector. Use the handles in the center to provide a perspective to the grid.
7. Insert pictures into the grid
Open the plug-ins panel and install the plug-in UI faces.
Double-click a rectangle in the grid, and using UI faces, insert pictures into the created rectangles.
In my second attempt, while recreating this tutorial, this is what I came up with.
I would love to see what you came up with. Share your creations by replying to this post.
Now, try this: Recreate the example above while maintaining the size of the rectangles in the final output. Were you able to do it? Reply to this post to share your output and how you managed to retain the size.