Gallery Style Photo Frame Layout
Learn Photoshop with Photoshop Effects Tutorials at Photoshop Essentials.com
Step 18: Resize And Reposition The Photo With Free Transform
So far so good, but my image is still too big to fit entirely within the smaller boundaries of the photo area, and it also needs to be repositioned. We can do both of those things with Free Transform. Once again press Ctrl+T (Win) / Command+T (Mac) to bring up the Free Transform box and handles, this time around the photo. Hold down your Shift key and drag any of the corner handles to resize the photo as needed until it fits inside the photo area. To move the photo, click anywhere inside the Free Transform box and drag the image into position. If your image uses the same aspect ratio as your photo area (as mine does), you should be able to fit the entire image inside of it. If not, simply resize the image until as much of it as possible is visible. Press Enter (Win) / Return (Mac) when you're done to accept the transformation:
Step 19: Add Your Text Below The Image
At this point, all that's left to do is add a text caption below the image. Select the Horizontal Type Tool from the Tools panel:
With the Type Tool selected, choose your font and font size from the Options Bar. I'm going to use Trajan Pro at 24 pt:
Click on the color swatch in the Options Bar and choose white as your text color from the Color Picker. Finally, click on the Center Text option to the left of the color swatch, which will make it a bit easier to center our text in the document as we're typing:
Then, simply click in the black area below the center of the photo with the Type Tool and add your text. I'm going to type "Steve Patterson Photography". You'll probably want to add something different, unless of course you'd like to give me credit for your work. Notice that the spot you clicked on with the Type Tool becomes the center point for the text as you type thanks to the Center Text option we selected in the Options Bar:
When you're done, click the checkmark in the Options Bar to accept the text:
Step 20: Align The Text Horizontally If Needed
To make sure the text is aligned horizontally with the document, follow the same method we used in Step 6. With the text layer selected in the Layers panel, press Ctrl+A (Win) / Command+A (Mac) to select the entire document. Press the letter V to quickly select the Move Tool, then click on the Align Horizontal Centers option in the Options Bar. Photoshop will align the text perfectly in the horizontal center of the document. Press Ctrl+D (Win) / Command+D (Mac) when you're done to deselect the document. Once deselected, you can press the Up and Down arrow keys on your keyboard if you need to nudge the text a little higher or lower:
And with that, we're done! Here is my final "gallery style photo frame" layout:
And there we have it!
New! Download our Photoshop tutorials as convenient, print-ready PDFs!