
Jan 25, 2017
In today's blog, I'll be teaching you how to make a custom photo layout in Photoshop. We will go though how to make a grid with four square images, but you can easily use this tutorial to create round images, grids with more images, etc.
Step One: Use the rectangle tool (in your toolbar on the left) to create a square. It doesn’t matter what colour it is. I like to use guides first to set a perfect size easily.
Keyboard Shortcut to the rectangle tool is U.

Step Two: Create three more squares. An easy way to do this? Right-click your first rectangle layer in the layers panel and then click “Duplicate Layer.” This will create an exact copy of your square, which you can then drag next to your original square. Or you can use the Move tool and CTL+ALT and drag the duplicate rectangle to a new position. Then, you can highlight the first two (in the layers panel on the right) and click “Duplicate Layer” again and drag those two new copies to the bottom, so that you now have four squares of equal proportion and in the same alignment.

Step Three: Drag a photo or image into your document. This photo will take on the shape of the square that it sits ABOVE in the layers panel. The image below is important, because you’ll notice that my image is above the top left square in my layers panel AND it’s on top of that square in the actual document.
Then go to Layer > Create Clipping Mask. You must select the TOP layer (i.e. the photo you want to trim) when creating the clipping mask. The image should then be cut to take on the dimensions of the square. Want to move your image? Just drag the photo layer around until you get it into a position you like.

Step Four: Do the same thing to all of your other squares until you’ve created your layout.
Note: I often create layouts like this and then save them as templates on my computer, so that I can reuse them for future use.

For more information, take a look at New Horizons' Graphic Design courses.
How do your Excel skills stack up?
Test NowNext up:
- Secrets of Excel dates and numbers
- How adults learn
- What is Bring Your Own Device (BYOD)?
- Introducing the Query Store
- Restoring the model database in SQL Server
- A good presentation is not about you
- Custom AutoCorrect entries in Microsoft Office
- Master Document in Word – Part 3
- Nintex: Read data back into a new Repeating Section control
- How REAL is your reality?
Previously
- The best facilitators use inclusive communication
- Master Document in Word – Part 2
- What you need to know to conduct a job interview
- An Introduction to Windows Ink Workspace
- Tips to avoid creative burnout
- Can you trust Marketing with your Social Media play?
- Joining values in Excel made simpler!
- What is OneDrive?
- Better together: Power BI and SQL Server Reporting Services (SSRS) 2016
- Insight into the database structure internals