Putting multiple images on a tile in Photoshop is a fantastic way to showcase a selected range of your artworks. This tutorial will guide you, step by step, through how to tile multiple images in Photoshop. But what’s even more, you’ll also learn how to import multiple images into Photoshop at the same time and automatically open them as layers in your Photoshop application!
How do I create a tile of multiple images in Photoshop?
Why put multiple of your artworks on a tile in Photoshop? Well, one reason may be that you want to show a selection of some of your artworks to your audience, for example by uploading them to social media platforms or art websites.
Combining multiple photos into one Photoshop document is also a fantastic idea to print a range of your works to later on frame them as home décor.
As far as resolution is concerned, just keep in mind that you need a much higher DPI when saving your art for print. 300 dots per inch are a good starting point to create art prints, while anything around 72 DPI is totally okay for web use.
The typical thing about a photo tile is that all images in a row are the same height. You can have all rows in the same height, or create different rows in different heights. However, what matters to make things look nice is that all images start and end at the same level.
Grab your FREE Photoshop Tile Template Bundle
It can be quite tedious to get all images aligned that way, and it’ll take some time scaling and moving around the pictures. To save you the fiddling, I have 6 Photoshop Tile Templates for you that you can download from the Freebie Library – FOR FREE.
What you see below is one of tiles that I’ve created in Photoshop – and in this tutorial, I’m going to show you exactly, step by step, how you can create one for your artworks, too!
To tile multiple images in Photoshop, these are the 4 steps you'll need to follow:
How to tile multiple images in Photoshop
STEP 1: Open Photoshop's File Stack Loader
How do I import multiple images into Photoshop?
Instead of using the regular ‘Open‘ option, we’re going to use the File Stack Loader to import multiple images into Photoshop at the same time.
You’ll find the File Stack Loader under the same menu item as the normal ‘Open‘ option. So simply go to the top menu bar and click on File. Then move all the way down to Scripts and select Load Files into Stack.
This will bring up Photoshop’s ‘Load Layers‘ dialog box. The ‘Load Layers‘ function will let you automatically open multiple images as layers in Photoshop. It’s super-easy and fast!
STEP 2: Select the images to import
How do I import multiple images to layers in Photoshop?
Click on the Browse button to select those photos that you want to use to create a tile in Photoshop.
Hold the Shift key to select multiple photos in a row. Hold the Command (CMD) key on a Mac or Control (CTRL) key on a PC to choose multiple photos that are not in one row.
Once you’ve made your selection, click on the Open button.
That done, you should now see all the images that you want to import in the ‘Load Layers‘ dialog box.
After clicking on the OK button on the top right, all images on the list will automatically be imported as individual layers into Photoshop and you should then see them in your layers panel!
STEP 3: Increase the canvas size
How do I combine multiple photos into one Photoshop document?
To combine the multiple photos you’ve just imported into one Photoshop document, it’s best to start by scaling the canvas to the desired size. The easiest way is to use the Crop Tool.
Pick the Crop Tool from the Toolbar and pull the crop grid beyond the image to make your canvas larger.
You can make use of the Crop Tool again, if you need to readjust your canvas later on. Just make sure to uncheck ‘Delete Cropped Pixels‘ in the top bar, so you don’t accidentally lose parts of your images!
STEP 4: Scale all images in a row to the same height
How do I put multiple pictures on a tile in Photoshop?
The particular thing about a tile is that all images in a row are the same height. A tile can have several rows of different heights or of the same height – it totally depends on your personal liking!
To scale all images in a row to the same height, it’s a good idea to add some guides to mark the top and bottom of each row. Go to View > Rulers in the top menu bar and make sure that Rulers is ticked. Then you just need to click on the top ruler and ‘pull down’ a guide.
Now go to one image after the other and scale it to exactly the height you want all images to be in that specific row. Add as many rows as you need and scale the images accordingly.
When you make a tile in Photoshop, it looks better if all rows start and end at the same level. This can get a bit complicated because you need to choose the images for each row accordingly.
If you don’t want to do all the fiddling yourself, check out the Free Photoshop Tile Templates at the end of this post.
Last but not least, you can add some spacing between the pictures or a border around the entire tile – in whatever color that fits your artworks!
And there you go! You’ve just learned how to tile multiple images in Photoshop!
Here are some more Photoshop tiles that I’ve created with some of my works – in different layouts and with sharp and round edges (click to enlarge).
Grab your FREE Photoshop Tile Template Bundle
You can download the FREE Tile Template Bundle for Photoshop that I’ve created for you to make your life easier! (◕ᴗ◕)
The template pack includes 3 templates with sharp edges and 3 templates with round edges – for the usual 8 x 10 inch-sized images! All you need to do is put your images into the templates and you’re good to go.
All templates are scalable without losing any quality because the tiles are on Solid Color adjustment layers. That means it’s super-easy for you to change canvas size & background color, just the way you want to have it – without running into any problem!
∗∗∗
I hope that this tutorial on how to tile multiple images in Photoshop was helpful. If you found any value in it, please feel free to share it with other artists so they can also learn from it!
If you are using anything of what I’ve showed you in this post, don’t forget to tag me on Instagram @ginangiela, or post a link here in the comments. I’d love to see your creations! Make sure to sign up for my email list below so you don’t miss out on new Photoshop tutorials, perks for subscribers and other cool stuff. ♥
