{"id":26837,"date":"2019-04-04T11:22:14","date_gmt":"2019-04-04T15:22:14","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=26837"},"modified":"2022-11-02T09:55:13","modified_gmt":"2022-11-02T13:55:13","slug":"place-two-images-side-by-side","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/","title":{"rendered":"Photoshop Quick Tip: How to Place Two Images Side by Side"},"content":{"rendered":"<section>\n<div class=\"featured-image\" style=\"padding-bottom:12px;\">\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/place-images-side-by-side-photoshop.jpg\" alt=\"How to place two images side by side in Photoshop\" width=\"853\" height=\"470\" \/>\n<\/div>\n<div class=\"summary\">\n<p>Learn how to quickly place two related photos side by side and combine them into a single composite image with Photoshop! A step-by-step tutorial for Photoshop CC and CS6.<\/p>\n<\/div>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>Photos that share a common subject or theme can often enhance each other when displayed together. And in this tutorial, I'll show you the fastest and easiest way to place two images side by side using a few simple tricks.<\/p>\n<p>First, you'll learn how to instantly load both of your images into the same Photoshop document. Then I'll show you how to  expand the canvas, and move the images side by side, at the same time. And finally, you'll learn how to swap the placement of the images from one side to the other with just a couple of clicks!<\/p>\n<p>For best results, you'll want to use photos that are in portrait (vertical) orientation, so that the composite image is not too wide. And you'll want both images to share the same width and height. I won't be covering <a href=\"\/basics\/cropping-images-in-photoshop-complete-lesson-guide\/\" title=\"Learn more\">how to crop images<\/a> here, so if you need to crop and resize them, be sure to do that before you continue.<\/p>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>Let's get started!<\/p>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h2 class=\"sub\">How to place two photos side by side<\/h2>\n<p>We'll start by learning how to load your images onto layers within the same Photoshop document. And then I'll show you how to place the two images beside each other.<\/p>\n<p>To follow along, you'll want to be using the <a href=\"https:\/\/prf.hn\/l\/dlXjD2w\" title=\"Get Photoshop\" target=\"_blank\" rel=\"noopener noreferrer\">latest version of Photoshop<\/a>.<\/p>\n<h3>Step 1: Choose the &quot;Load Files into Stack&quot; command<\/h3>\n<p>The first thing we need to do is <a href=\"\/basics\/opening-images-photoshop\/\" title=\"Learn more\">open the images<\/a>. By default, Photoshop opens images in their own separate documents. But since we want to display the images side by side, we need them to be in the <em>same<\/em> document. <\/p>\n<p>So rather than using the Open command, go up to the <strong>File<\/strong> menu in the Menu Bar, choose <strong>Scripts<\/strong>, and then choose <strong>Load Files into Stack<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/load-files-into-stack-photoshop.png\" alt=\"Selecting the Load Files into Stack command in Photoshop\" width=\"262\" height=\"107\" \/>\n<div class=\"image-desc\">Going to File &gt; Scripts &gt; Load Files into Stack.<\/div>\n<h3>Step 2: Select your images<\/h3>\n<p>In the Load Layers dialog box, set <strong>Use<\/strong> to <strong>Files<\/strong>, and then click <strong>Browse<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/load-layers-dialog-box-photoshop.png\" alt=\"The Load Layers dialog box in Photoshop\" width=\"562\" height=\"267\" \/>\n<div class=\"image-desc\">The Load Layers dialog box.<\/div>\n<p>Navigate to the photos you want to open. Click on the first image, and then press and hold your <strong>Shift<\/strong> key and click on the second image. This selects both images at once. Then click <strong>Open<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/select-both-images.jpg\" alt=\"Selecting the two images that will be placed side by side in Photoshop\" width=\"643\" height=\"251\" \/>\n<div class=\"image-desc\">Selecting the images and clicking \"Open\".<\/div>\n<h3>Step 3: Load the images into Photoshop<\/h3>\n<p>And back in the Load Layers dialog box, the names of the images you selected appear.<\/p>\n<p>Leave the two options at the bottom (&quot;Attempt to Automatically Align Source Images&quot; and &quot;Create Smart Object after Loading Layers&quot;) unchecked. Then  load the images into Photoshop by clicking<strong> OK<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/loading-images-as-layers.png\" alt=\"Loading the two images into Photoshop using the Load Files into Stack command\" width=\"562\" height=\"388\" \/>\n<div class=\"image-desc\">Clicking OK to load the images into Photoshop.<\/div>\n<p>Photoshop loads both images into the same document. And  in the <a href=\"\/basics\/layers\/layers-panel\/\" title=\"Learn more\">Layers panel<\/a>, each photo appears on its own layer. <\/p>\n<p>The names of the files (in my case, &quot;Portrait.jpg&quot; and &quot;Soccer.jpg&quot;) are used as the layer names:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/layers-panel-photoshop.png\" alt=\"Photoshop's Layers panel showing the two images loaded as layers\" width=\"297\" height=\"360\" \/>\n<div class=\"image-desc\">The Layers panel showing each image on its own layer.<\/div>\n<h4>Viewing the two images<\/h4>\n<p>Since the images are stacked on top of each other, only one image is visible at a time. At least for the moment.<\/p>\n<p>Here's my image on the top layer (<a href=\"https:\/\/prf.hn\/l\/xnWk0Jk\" title=\"View this image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">mother and daughter photo<\/a> from Adobe Stock):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/first-image-open-photoshop.jpg\" alt=\"The first of two images that will be placed side by side in Photoshop\" width=\"703\" height=\"393\" \/>\n<div class=\"image-desc\">The first of the two images. Photo credit: Adobe Stock.<\/div>\n<p>And if I turn the top layer off by clicking its visibility icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/layer-visibility-icon-photoshop.png\" alt=\"Clicking the visibility icon to hide the image on the top layer in Photoshop\" width=\"309\" height=\"220\" \/>\n<div class=\"image-desc\">Hiding the image on the top layer.<\/div>\n<p>We see the image on the bottom layer (<a href=\"https:\/\/prf.hn\/l\/0GnaZD1\" title=\"View this image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">soccer photo<\/a> from Adobe Stock):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/second-image-open-photoshop.jpg\" alt=\"The second of two images that will be placed side by side in Photoshop\" width=\"703\" height=\"393\" \/>\n<div class=\"image-desc\">The second image. Photo credit: Adobe Stock.<\/div>\n<p>Before we go any further, I'll turn the top layer back on by again clicking its visibility icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/turn-top-layer-on.png\" alt=\"Turning the top layer back on in the Layers panel in Photoshop\" width=\"309\" height=\"220\" \/>\n<div class=\"image-desc\">Turning the top layer back on.<\/div>\n<p><strong>Related:<\/strong> <a href=\"\/photoshop-layers-learning-guide\/\" title=\"Learn more\">Learn all about Layers in Photoshop!<\/a><\/p>\n<h3>Step 4: Select the Move Tool<\/h3>\n<p>So now that both images are in the same document, how do we place them side by side?<\/p>\n<p>One way would be by <a href=\"\/basics\/increasing-canvas-size-crop-tool-photoshop\/\" title=\"Learn more\">adding more canvas space<\/a> to the document using Photoshop's Canvas Size command, and then dragging one of the images into the new space.<\/p>\n<p>But we can actually do both of those things, moving an image <em>and<\/em> adding more canvas space at the same time, using a simple trick.<\/p>\n<p>First, select the <strong>Move Tool<\/strong> from the <a href=\"\/basics\/photoshop-tools-toolbar-overview\/\" title=\"Learn more\">toolbar<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/select-move-tool-photoshop.png\" alt=\"Selecting the Move Tool in Photoshop\" width=\"74\" height=\"163\" \/>\n<div class=\"image-desc\">Selecting the Move Tool.<\/div>\n<h3>Step 5: Make sure &quot;Snap&quot; and \"Snap To Document Bounds\" are enabled<\/h3>\n<p>To use this trick, we'll need the image to snap to the edge of the document when we drag it. And for that to happen, a couple of options need to be turned on. They're both on by default, but it's a good idea to double-check.<\/p>\n<p>Go up to the <strong>View<\/strong> menu in the Menu Bar and make sure that <strong>Snap<\/strong> is enabled. You should see a checkmark beside its name:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/snap-command-photoshop.png\" alt=\"Making sure the Snap option in Photoshop is turned on\" width=\"284\" height=\"114\" \/>\n<div class=\"image-desc\">Making sure Snap is turned on (checked).<\/div>\n<p>And then directly below the Snap option, choose <strong>Snap To<\/strong>, and this time make sure that <strong>Document Bounds<\/strong> is checked. Don't click on either of these options if they already have a checkmark beside them or you'll turn them off:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/snap-to-document-bounds.png\" alt=\"Making sure the Snap To Document Bounds option in Photoshop is turned on\" width=\"484\" height=\"159\" \/>\n<div class=\"image-desc\">Making sure Snap To Document Bounds is also checked.<\/div>\n<h3>Step 6: Select the top layer<\/h3>\n<p>In the Layers panel, select the image on the top layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/select-top-layer-photoshop.png\" alt=\"Selecting the image on the top layer in Photoshop's Layers panel\" width=\"297\" height=\"220\" \/>\n<div class=\"image-desc\">Clicking the top layer to select it.<\/div>\n<h3>Step 7: Drag the image to the side of the other image<\/h3>\n<p>And then with the Move Tool selected, click on the image in the document and begin dragging it to the left or right of the image below it. I'll drag to the right. Press and hold your <strong>Shift<\/strong> key as you drag to limit the direction you can move, making it easier to drag straight across.<\/p>\n<p>Don't worry that the top image is disappearing as you drag it off the canvas. We'll bring it back in a moment:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/drag-image.jpg\" alt=\"Dragging the top image to the side of the bottom image in Photoshop\" width=\"703\" height=\"394\" \/>\n<div class=\"image-desc\">Dragging the top image to the right of the bottom image.<\/div>\n<h4>Snapping the image to the document edge<\/h4>\n<p>As soon as you get close enough to the edge of the document, your image will suddenly snap to the edge.<\/p>\n<p>When it does, release your mouse button, and then release your Shift key (in that order). The top image is now hidden, sitting off to the side of the canvas:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/top-image-moved-to-side-photoshop.jpg\" alt=\"The top image is now hidden off to the side of the bottom image in Photoshop\" width=\"703\" height=\"394\" \/>\n<div class=\"image-desc\">The top image is hidden off to the side.<\/div>\n<h3>Step 8: Choose \"Reveal All\"<\/h3>\n<p>To bring both images back into view, go up to the <strong>Image<\/strong> menu in the Menu Bar and choose <strong>Reveal All<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/reveal-all-command-photoshop.png\" alt=\"Selecting the Reveal All command in Photoshop\" width=\"232\" height=\"117\" \/>\n<div class=\"image-desc\">Going to Image &gt; Reveal All.<\/div>\n<p>And Photoshop instantly resizes the canvas to fit both images. Just like that, the photos now appear side by side:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/two-photos-side-by-side-photoshop.jpg\" alt=\"How to place two images side by side in Photoshop\" width=\"703\" height=\"393\" \/>\n<div class=\"image-desc\">The result after selecting \"Reveal All\".<\/div>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h2 class=\"sub\">How to swap the images<\/h2>\n<p>And that's how easy it is to place two images side by side  with Photoshop!<\/p>\n<p>But what if you think the images would look better if they were swapped, so that the photo on the left was moved to the right, and the photo on the right was on the left? Here's a quick way to swap them.<\/p>\n<h3>Step 1: Select the Move Tool<\/h3>\n<p>First, make sure the <strong>Move Tool<\/strong> is still selected in the toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/select-move-tool-photoshop.png\" alt=\"Selecting the Move Tool in Photoshop\" width=\"74\" height=\"163\" \/>\n<div class=\"image-desc\">Making sure the Move Tool is active.<\/div>\n<h3>Step 2: Select the entire canvas<\/h3>\n<p>We're not going to use the Move Tool itself, but it needs to be active so we can access Photoshop's  <a href=\"\/basics\/layers\/align-layers\/\" title=\"Learn more\">layer alignment options<\/a>. We're going to swap the images by aligning their edges<\/a> to the edges of the canvas. <\/p>\n<p>To do that, we need to have the entire canvas selected, so go up to the <strong>Select<\/strong> menu in the Menu Bar and choose <strong>All<\/strong>. A selection outline will appear around the edges of the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/select-all-command-photoshop.png\" alt=\"Choosing the Select All command in Photoshop\" width=\"247\" height=\"111\" \/>\n<div class=\"image-desc\">Going to Select &gt; All.<\/div>\n<h3>Step 3: Select the top image<\/h3>\n<p>In the Layers panel, click on the top image to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/select-top-image.png\" alt=\"Selecting the image on the top layer in Photoshop's Layers panel\" width=\"297\" height=\"181\" \/>\n<div class=\"image-desc\">Selecting the top layer.<\/div>\n<h3>Step 4: Click the &quot;Align Left Edges&quot; or &quot;Align Right Edges&quot; icon<\/h3>\n<p>And then in the Options Bar, click on either the <strong>Align Left Edges<\/strong> or <strong>Align Right Edges<\/strong> icon, depending on which direction you need to move the image.<\/p>\n<p>In my case, I want to move the image from the right side over to the left side, so I'll click the Align Left Edges icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/align-left-edges-icon-photoshop.png\" alt=\"Clicking the Align Left Edges icon in the Options Bar in Photoshop\" width=\"485\" height=\"99\" \/>\n<div class=\"image-desc\">Clicking the &quot;Align Left Edges&quot; icon in the Options Bar.<\/div>\n<p>And Photoshop instantly snaps the left edge of the image to the left edge of the canvas:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/right-image-moved-left-photoshop.jpg\" alt=\"Aligning the left edge of the top image to the left edge of the canvas in Photoshop\" width=\"703\" height=\"393\" \/>\n<div class=\"image-desc\">The result after moving the top image from right to left.<\/div>\n<h3>Step 5: Select the bottom image<\/h3>\n<p>To move the bottom image over to the other side and fill in the empty space, select the bottom layer in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/select-bottom-layer.png\" alt=\"Selecting the bottom image in the Layers panel in Photoshop\" width=\"297\" height=\"193\" \/>\n<div class=\"image-desc\">Clicking the bottom layer to select it.<\/div>\n<h3>Step 6: Click the opposite \"Align Edges\" icon<\/h3>\n<p>Since I want to move the bottom image to the right, this time I'll click the <strong>Align Right Edges<\/strong> icon in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/align-right-edges-icon.png\" alt=\"Clicking the Align Right Edges icon in the Options Bar in Photoshop\" width=\"485\" height=\"99\" \/>\n<div class=\"image-desc\">Clicking the &quot;Align Right Edges&quot; icon.<\/div>\n<p>And Photoshop instantly aligns the right edge of the image to the right edge of the canvas. To deselect the canvas, go up to the <strong>Select<\/strong> menu and choose <strong>Deselect<\/strong>, or press <strong>Ctrl+D<\/strong> (Win) \/ <strong>Command+D<\/strong> (Mac) on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/side-by-side\/left-image-moved-right.jpg\" alt=\"Aligning the right edge of the bottom image to the right edge of the canvas in Photoshop\" width=\"703\" height=\"393\" \/>\n<div class=\"image-desc\">The result after moving the bottom image from left to right.<\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<p>And there we have it! That's how to load two images into the same document, place the images side by side, and then swap the images in Photoshop! <\/p>\n<p>Visit our <a href=\"\/basics\/\" title=\"Find more Photoshop Basics tutorials\">Photoshop Basics<\/a> section to learn more about Photoshop, or our <a href=\"\/photo-effects\/\" title=\"Find more Photo Effects tutorials\">Photo Effects<\/a> section for more ways to have fun with your photos! And don't forget, all of our tutorials are now available to <a href=\"\/print-ready-pdfs\/\" title=\"Download our tutorials as PDFs\">download as PDFs<\/a>!<\/p>\n<\/section>\n<p><div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div><br \/>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to quickly place two related images side by side and combine them into a single composite image with Photoshop! <\/p>\n","protected":false},"author":1,"featured_media":26840,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[104,5],"tags":[],"class_list":["post-26837","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cc-photo-effects-2","category-photo-effects"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Photoshop Quick Tip: How to Place Two Images Side by Side<\/title>\n<meta name=\"description\" content=\"Learn how to place two related images side by side and combine them into a single composite image with Photoshop! For Photoshop CC and CS6.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Photoshop Quick Tip: Place Two Images Side by Side\" \/>\n<meta property=\"og:description\" content=\"Learn the fastest way to place two related photos side by side and combine them into a sigle composite image with Photoshop! Check out the complete step-by-step tutorial at Photoshop Essentials!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-04T15:22:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-02T13:55:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/04\/two-images-side-by-side-photoshop-spsd.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/place-two-images-side-by-side\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/place-two-images-side-by-side\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Photoshop Quick Tip: How to Place Two Images Side by Side\",\"datePublished\":\"2019-04-04T15:22:14+00:00\",\"dateModified\":\"2022-11-02T13:55:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/place-two-images-side-by-side\\\/\"},\"wordCount\":1636,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/place-two-images-side-by-side\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/two-images-side-by-side-f.jpg\",\"articleSection\":[\"CC\",\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/place-two-images-side-by-side\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/place-two-images-side-by-side\\\/\",\"name\":\"Photoshop Quick Tip: How to Place Two Images Side by Side\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/place-two-images-side-by-side\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/place-two-images-side-by-side\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/two-images-side-by-side-f.jpg\",\"datePublished\":\"2019-04-04T15:22:14+00:00\",\"dateModified\":\"2022-11-02T13:55:13+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to place two related images side by side and combine them into a single composite image with Photoshop! For Photoshop CC and CS6.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/place-two-images-side-by-side\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/place-two-images-side-by-side\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/place-two-images-side-by-side\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/two-images-side-by-side-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/two-images-side-by-side-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"How to place two photos side by side in Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/place-two-images-side-by-side\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Photoshop Quick Tip: How to Place Two Images Side by Side\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Photoshop Quick Tip: How to Place Two Images Side by Side","description":"Learn how to place two related images side by side and combine them into a single composite image with Photoshop! For Photoshop CC and CS6.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/","og_locale":"en_US","og_type":"article","og_title":"Photoshop Quick Tip: Place Two Images Side by Side","og_description":"Learn the fastest way to place two related photos side by side and combine them into a sigle composite image with Photoshop! Check out the complete step-by-step tutorial at Photoshop Essentials!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2019-04-04T15:22:14+00:00","article_modified_time":"2022-11-02T13:55:13+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/04\/two-images-side-by-side-photoshop-spsd.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Photoshop Quick Tip: How to Place Two Images Side by Side","datePublished":"2019-04-04T15:22:14+00:00","dateModified":"2022-11-02T13:55:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/"},"wordCount":1636,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/04\/two-images-side-by-side-f.jpg","articleSection":["CC","Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/","name":"Photoshop Quick Tip: How to Place Two Images Side by Side","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/04\/two-images-side-by-side-f.jpg","datePublished":"2019-04-04T15:22:14+00:00","dateModified":"2022-11-02T13:55:13+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to place two related images side by side and combine them into a single composite image with Photoshop! For Photoshop CC and CS6.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/04\/two-images-side-by-side-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/04\/two-images-side-by-side-f.jpg","width":250,"height":250,"caption":"How to place two photos side by side in Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/place-two-images-side-by-side\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/"},{"@type":"ListItem","position":3,"name":"Photoshop Quick Tip: How to Place Two Images Side by Side"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/26837","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=26837"}],"version-history":[{"count":47,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/26837\/revisions"}],"predecessor-version":[{"id":33562,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/26837\/revisions\/33562"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/26840"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=26837"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=26837"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=26837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}