How to place two images side by side in Photoshop
Learn how to combine two photos into one image using Photoshop. Walkthrough for Photoshop CC and CS6.
In the example, we use photographs in portrait (vertical) orientation so that the composite image does not turn out wide. It is desirable that both images be the same height and width.
Step 1: select the command “Upload files to the stack”
First you need to open the images. By default, Photoshop opens images in a separate document. But we need to put two images in one document.
Therefore, go to the File menu, select the item “Scripts”, “Upload files to the stack”:
Path: File> Scripts> Load Files Into Stack.
Step 2: select images
In the dialog box “Download layers”, select “Apply to files” and then click on the “Browse” button:
The dialog box “Load Layers” (Load Layers).
Specify the photos that we want to open. Next, click on the “Open” button.
Select images and click “Open” (Open).
Step 3: upload images to Photoshop
Go back to the “Load Layers” dialog box.
The two options below “Attempt to automatically align the source image” and “Create a smart object after loading layers” are left unchecked. Then load the images into Photoshop by clicking on the OK button:
Click “OK” to upload images to Photoshop.
Photoshop loads both images into one document. In the layer panel, each image is located on a separate layer. The file names are used in the name of the layers:
The Layers panel shows each image on a separate layer.
View two images
Image located on the top layer (photo of mom and daughter from Adobe Stock Photo Bank):
The first of two images.
Turn off the visibility of the upper layer by clicking on the eye icon:
Hide the image of the top layer.
After that, we will see the image located on the bottom layer (photo of a football player from the Adobe Stock photo bank):
The second image.
Turn on the visibility of the top layer:
Turn on the visibility of the top layer.
Step 4: Use the Move Tool
Now two images are in one document. But how to place them next to each other?
One way is to increase the size of the document’s workspace using the “Canvas Size” command and drag one of the images to a new space. But you can do both operations at the same time. To do this, use the “Move” tool:
Select the Move Tool.
Step 5: Verify that Snap and Snap To Document Bounds are active
To use this method, you need to snap the image to the edges of the document. To do this, you need to activate several parameters.
Go to the “View” menu and check if the “Binding” option is active:
We check the activity of the Snap option.
Below we enable the “Snap to” parameter and check the activity of the “Document Borders” option:
Make sure the option “Snap to document borders” is active.
Step 6: select the top layer
In the Layers panel, select the top layer:
Click on the top layer to select it.
Step 7: drag the image to the edge of another image
Using the Move tool, drag the image in the document left or right relative to the image below it. While dragging, press and hold the Shift key to limit the direction in which you can move.
Drag the top image to the right of the bottom image.
Snap an image to the edge of a document
As soon as you get close enough to the edge of the document, your image will sharply be drawn to the edge. The top image is now hidden, as it is from the edge of the canvas:
The top image is hidden behind the edge of the canvas.
Step 8: select the option “Show all”
To activate the visibility of both images, in the “Image” menu, select the “Show All” option.
Go to the Image menu> Reveal All.