{"id":28975,"date":"2019-09-14T17:26:19","date_gmt":"2019-09-14T21:26:19","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=28975"},"modified":"2022-11-02T09:38:09","modified_gmt":"2022-11-02T13:38:09","slug":"create-a-vertical-photo-collage-with-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/","title":{"rendered":"Create a Vertical Photo Collage with Photoshop"},"content":{"rendered":"<section>\n<div class=\"video3\">\n<div class=\"video-container\">\n<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/4juwgAPxHA4\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n<div class=\"summary\">\n<p>Learn how to turn your images into a fun vertical photo collage with Photoshop! A complete step-by-step tutorial for Photoshop CC.<\/p>\n<\/div>\n<p><span id=\"author\">Written by Steve Patterson.<\/span> <\/p>\n<p>In this tutorial, I show you how easy it is to create a vertical photo collage with Photoshop! We'll start by creating a new document and dividing it into vertical sections using Photoshop's guides. Then we'll draw selections from the guides and paste our images into the selections. We'll resize and reposition the images using Free Transform, and we'll add a stroke around the images using layer effects. And finally, I'll show you a quick way to unify the colors in your images so the entire collage blends together!<\/p>\n<p style=\"clear:both;\">Here's what the final photo collage will look like when we're done. I've used six images here but this effect can be easily customized for as many images as you need:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-vertical-photo-collage.jpg\" alt=\"A vertical photo collage created in Photoshop\" width=\"705\" height=\"365\" \/>\n<div class=\"image-desc\">The final result.<\/div>\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 create a vertical photo collage<\/h2>\n<p>To follow along with this tutorial, you'll want to be using the <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fphotoshop.html\" target=\"_blank\" rel=\"noopener noreferrer\">latest version of Photoshop<\/a>. We'll start by creating a new Photoshop document and then dividing it into as many sections as we need to display our images.<\/p>\n<p><strong><a href=\"\/photo-effects\/square-photo-collage-photoshop\/\" title=\"Learn more\">See Also: Turn a photo into a collage with Photoshop!<\/a><\/strong><\/p>\n<h3>Step 1: Create a new Photoshop document<\/h3>\n<p>When you launch Photoshop CC without opening an image, you're taken to the <a href=\"\/basics\/open-images-photoshop-cc\/\" title=\"Learn more\">Home Screen<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-home-screen.jpg\" alt=\"The Home Screen in Photoshop CC\" width=\"703\" height=\"393\" \/>\n<div class=\"image-desc\">The Home Screen in Photoshop CC.<\/div>\n<p>To <a href=\"\/basics\/create-new-documents-photoshop-cc\/\" title=\"Learn more\">create a new document<\/a> from the Home Screen, click the <strong>Create New<\/strong> button in the column along the left:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-home-screen-create-new.png\" alt=\"Clicking the Create New button on Photoshop's Home Screen\" width=\"275\" height=\"130\" \/>\n<div class=\"image-desc\">Click the &quot;Create New&quot'button.<\/div>\n<p>Or go up to the <strong>File<\/strong> menu in the Menu Bar and choose <strong>New<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-file-new.png\" alt=\"Selecting the New command from under the File menu in Photoshop\" width=\"292\" height=\"116\" \/>\n<div class=\"image-desc\">Going to File &gt; New.<\/div>\n<h4>Setting the document's Width and Height<\/h4>\n<p>Either way opens the New Document dialog box. In the <strong>Preset Details<\/strong> panel along the right, enter a width and height for your document. For this tutorial, I'll create a document that's twice as wide as it is tall. I'll set the <strong>Width<\/strong> to <strong>2000 pixels<\/strong> and the <strong>Height<\/strong> to <strong>1000 pixels<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-document-width-height.png\" alt=\"Entering the Width and Height for the new Photoshop document\" width=\"319\" height=\"264\" \/>\n<div class=\"image-desc\">Entering the Width and Height for the document.<\/div>\n<h4>Setting the Resolution value<\/h4>\n<p>The <a href=\"\/basics\/pixels-image-size-resolution-photoshop\/\" title=\"Learn more\">Resolution value<\/a> below the Width and Height only applies to print. So if you won't be printing your collage, you can ignore this value. But if you <em>are<\/em> creating this effect for print, then set the resolution to <strong>300 pixels\/inch<\/strong>, which is the industry standard for <a href=\"\/basics\/how-to-resize-images-for-print-with-photoshop\/\" title=\"Learn more\">high quality printing<\/a>. You'll most likely need a larger document size as well, and you'll want to set the Width and Height in inches rather than pixels.<\/p>\n<p>In my case, since I won't be printing the collage, the Resolution value doesn't matter:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/new-photoshop-document-resolution.png\" alt=\"The Resolution option in Photoshop's New Document dialog box\" width=\"319\" height=\"199\" \/>\n<div class=\"image-desc\">Ignore the Resolution value if you won't be printing the collage.<\/div>\n<h4>Choosing a background color<\/h4>\n<p>Leave the <strong>Background Contents<\/strong> set to <strong>White<\/strong>, and everything else at the default settings:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-document-background-contents.png\" alt=\"Choosing white for the Photoshop document's background color\" width=\"318\" height=\"171\" \/>\n<div class=\"image-desc\">Choosing white for the document's background color.<\/div>\n<h4>Creating the new document<\/h4>\n<p>Then to create the document and close the New Document dialog box, click the <strong>Create<\/strong> button:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-create-new-document.png\" alt=\"Clicking the Create button in Photoshop's New Document dialog box\" width=\"234\" height=\"102\" \/>\n<div class=\"image-desc\">Creating the new document.<\/div>\n<p>The new document, filled with white, appears on the screen:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/new-photoshop-document-created.jpg\" alt=\"The new Photoshop document is created.\" width=\"703\" height=\"393\" \/>\n<div class=\"image-desc\">The new document appears.<\/div>\n<h3>Step 2: Add vertical guides<\/h3>\n<p>To divide the canvas into vertical sections, we'll use Photoshop's <a href=\"\/basics\/new-guide-layout-in-photoshop-cc\/\" title=\"Learn more\">New Guide Layout<\/a> feature. This feature is only available in <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fphotoshop.html\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop CC<\/a>. To select it, go up to the <strong>View<\/strong> menu in the Menu Bar and choose <strong>New Guide Layout<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/select-new-guide-layout-photoshop.png\" alt=\"Selecting the New Guide Layout command in Photoshop\" width=\"284\" height=\"92\" \/>\n<div class=\"image-desc\">Going to View &gt; New Guide Layout.<\/div>\n<p>In the New Guide Layout dialog box, make sure the <strong>Columns<\/strong> option is selected (checked). Then enter the number of columns you need into the <strong>Number<\/strong> field. In my case, I have six images to display in the collage, so I'll enter <strong>6<\/strong>.<\/p>\n<p>Leave the <strong>Width<\/strong> field empty to let Photoshop divide the canvas into equal sections. And since we don't want any space between the columns, leave the <strong>Gutter<\/strong> field empty as well (or set it to 0). We also don't need any horizontal guides, so leave the <strong>Rows<\/strong> option unchecked. Then click OK to close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-new-guide-layout-dialog.png\" alt=\"The New Guide Layout settings in Photoshop\" width=\"420\" height=\"352\" \/>\n<div class=\"image-desc\">The New Guide Layout settings.<\/div>\n<p>And we now have our guides dividing the canvas into vertical strips:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-guides.jpg\" alt=\"The Photoshop document has been divided into vertical sections using guides.\" width=\"703\" height=\"395\" \/>\n<div class=\"image-desc\">The document after adding the guides.<\/div>\n<h3>Step 3: Open your images<\/h3>\n<p>Next, open the images you want to place into the collage. Go up to the <strong>File<\/strong> menu and choose <strong>Open<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-file-open-command.png\" alt=\"Selecting the File Open command in Photoshop\" width=\"292\" height=\"116\" \/>\n<div class=\"image-desc\">Going to File &gt; Open.<\/div>\n<p>Then navigate to the folder that holds your images. To make things easier, I've renamed my images based on where they will appear in the collage from left to right. So &quot;1.jpg&quot; will be the first image on the left, &quot;2.jpg&quot; will appear beside it, and all the way to &quot;6.jpg&quot; on the right.<\/p>\n<p>We're going to <a href=\"\/basics\/open-images-photoshop-cc\/\" title=\"Learn more\">open all of our images<\/a> into Photoshop at once. To select multiple images, hold <strong>Shift<\/strong> as you click on the thumbnails. Then click <strong>Open<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/open-images.png\" alt=\"Selecting and opening the images that will be added to the Photoshop collage\" width=\"703\" height=\"308\" \/>\n<div class=\"image-desc\">Shift-click the images to select them, and then click Open.<\/div>\n<h3>Step 4: Switch back to the main collage document<\/h3>\n<p>Each image opens in its own separate document, and you can <a href=\"\/basics\/tabbed-and-floating-documents-in-photoshop\/\" title=\"Learn more\">switch between documents<\/a> by clicking the <strong>tabs<\/strong> along the top:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-document-tabs.png\" alt=\"How to switch between open documents in Photoshop\" width=\"807\" height=\"91\" \/>\n<div class=\"image-desc\">Click the tabs to switch between images.<\/div>\n<p>Switch back to the main collage document (\"Untitled-1\") by clicking its tab:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/select-main-document.png\" alt=\"Reselecting the main photo collage document in Photoshop\" width=\"437\" height=\"141\" \/>\n<div class=\"image-desc\">Reselecting the main document.<\/div>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h3>Step 5: Select the Rectangular Marquee Tool<\/h3>\n<p>At this point, moving your images into the collage is just a matter of repeating the same steps with each image. And the first step is to draw a selection around one of the vertical strips.<\/p>\n<p>Select the <a href=\"\/basics\/selections\/rectangular-marquee-tool\/\" title=\"Learn more\">Rectangular Marquee Tool<\/a> 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\/vertical-collage\/select-rectangular-marquee-tool-photoshop.png\" alt=\"Selecting the Rectangular Marquee Tool in Photoshop\" width=\"80\" height=\"163\" \/>\n<div class=\"image-desc\">Selecting the Rectangular Marquee Tool.<\/div>\n<h3>Step 6: Draw a selection around one of the vertical strips<\/h3>\n<p>Then <a href=\"\/basics\/make-selections-photoshop\/\" title=\"Learn more\">draw a selection<\/a> around one of the sections. Since we're working from left to right, I'll start with the first one on the left.<\/p>\n<p>Click in the upper left corner of the section, and then keep your mouse button down and drag diagonally downward to the bottom right corner. Your selection outline should snap to the guides on both sides, as well as the top and bottom of the document. Release your mouse button, and your selection outline will appear around the entire area:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/draw-first-selection.png\" alt=\"Drawing a rectangular selection around the first vertical section of the collage in Photoshop.\" width=\"698\" height=\"371\" \/>\n<div class=\"image-desc\">Drawing a rectangular selection around the first vertical section of the collage.<\/div>\n<h3>Step 7: Switch to one of your images<\/h3>\n<p>Switch to the image you want to place inside the selection by clicking its <strong>tab<\/strong>. I'll click on the tab for my first image, \"1.jpg\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/switch-to-first-image.png\" alt=\"Switching to the first image that will be placed in the Photoshop collage\" width=\"558\" height=\"138\" \/>\n<div class=\"image-desc\">Switching to the first image's document.<\/div>\n<p>And here's <a href=\"https:\/\/prf.hn\/l\/MDVRNjP\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">the image<\/a> I'm using. I downloaded all of my images from Adobe Stock:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/first-image.jpg\" alt=\"The first image that will be placed in the collage in Photoshop. Photo credit: Adobe Stock\" width=\"705\" height=\"395\" \/>\n<div class=\"image-desc\">The first image that will be placed in the collage. Photo credit: Adobe Stock.<\/div>\n<h3>Step 8: Select and copy the image<\/h3>\n<p>Select the image by going up to the <strong>Select<\/strong> menu and choosing <strong>All<\/strong>, or by pressing <strong>Ctrl+A<\/strong> (Win) \/ <strong>Command+A<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-select-all-command.png\" alt=\"Choosing the Select All command in Photoshop\" width=\"247\" height=\"93\" \/>\n<div class=\"image-desc\">Going to Select &gt; All.<\/div>\n<p>And then copy the image by going up to the <strong>Edit<\/strong> menu and choosing <strong>Copy<\/strong>, or press <strong>Ctrl+C<\/strong> (Win) \/ <strong>Command+C<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-edit-copy-command.png\" alt=\"Choosing the Select All command in Photoshop\" width=\"283\" height=\"91\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Copy.<\/div>\n<h3>Step 9: Paste the image into the selection<\/h3>\n<p>Switch back to your main collage document by clicking its <strong>tab<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/select-main-document.png\" alt=\"Reselecting the main photo collage document in Photoshop\" width=\"437\" height=\"141\" \/>\n<div class=\"image-desc\">Reselecting the main document.<\/div>\n<p>And then to paste the image into your selection, go up to the <strong>Edit<\/strong> menu, choose <strong>Paste Special<\/strong>, and then choose <strong>Paste Into<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-paste-into-command.png\" alt=\"Choosing the Paste Into command in Photoshop\" width=\"525\" height=\"117\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Paste Special &gt; Paste Into.<\/div>\n<p>The image, or at least part of it, appears inside the section. Since the image is too big to fit within the narrow vertical strip, only part of the image is visible. And chances are, it's not the part you want to display. We'll learn how to move and resize the image in a moment:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/first-image-pasted.jpg\" alt=\"The result after pasting the image into the selection using Photoshop's Paste Into command\" width=\"705\" height=\"395\" \/>\n<div class=\"image-desc\">The result after pasting the image into the selection.<\/div>\n<p><a href=\"\/photo-effects\/placing-an-image-inside-another-with-photoshop-cs6\/\" title=\"Learn more\">Related: How to paste an image into another image with Photoshop<\/a><\/p>\n<h4>The selection is converted to a layer mask<\/h4>\n<p>But notice that our selection outline is now gone. Instead, in the <a href=\"\/basics\/layers\/layers-panel\/\" title=\"Learn more\">Layers panel<\/a>, we see that not only has Photoshop placed the image on its own layer, but it also converted the selection outline into a <a href=\"\/basics\/understanding-photoshop-layer-masks\/\" title=\"Learn more\">layer mask<\/a>.<\/p>\n<p>The white part of the mask is the area that was inside our selection, and that's the area where the image is visible in the document. And the black part is everything that was <em>outside<\/em> the selection. This is where the image is hidden:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/new-layer-mask.png\" alt=\"The selection outline was converted to a layer mask in Photoshop\" width=\"297\" height=\"321\" \/>\n<div class=\"image-desc\">The selection was turned into a layer mask.<\/div>\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<h3>Step 10: Resize and move the image with Free Transform<\/h3>\n<p>To resize the image inside the vertical strip and move our subject into place, we'll use Photoshop's <a href=\"\/basics\/transform-and-warp-images-with-free-transform-in-photoshop-cc-2019\/\" title=\"Learn more\">Free Transform<\/a> command. Go up to the <strong>Edit<\/strong> menu and choose <strong>Free Transform<\/strong>, or press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-free-transform-command.png\" alt=\"Selecting the Free Transform command in Photoshop\" width=\"283\" height=\"105\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Free Transform.<\/div>\n<p>This places the Free Transform box and handles around the image. If you can't see all of the transform handles because your image extends beyond the viewable area of the document, go up to the <strong>View<\/strong> menu and choose <strong><a href=\"\/basics\/photoshop-zoom\/\" title=\"Learn more\">Fit on Screen<\/a><\/strong>, or press <strong>Ctrl+0<\/strong> (Win) \/ <strong>Command+0<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-fit-on-screen-command.png\" alt=\"Selecting the Fit on Screen command in Photoshop\" width=\"284\" height=\"106\" \/>\n<div class=\"image-desc\">Going to View &gt; Fit on Screen.<\/div>\n<p>Then drag the handles to resize the image within the vertical strip. As of Photoshop CC 2019, dragging a handle <a href=\"\/basics\/restore-legacy-free-transform-photoshop-cc-2019\/\" title=\"Learn more\">scales the image proportionally<\/a>, so there's no longer any need to hold Shift. But if you want to scale the image from its center rather than from the opposite side or corner, hold <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) as you drag.<\/p>\n<p>And to move your subject into view, click and drag inside the Free Transform box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/resize-move-image-in-collage.jpg\" alt=\"Resizing and moving the image in the collage with Photoshop's Free Transform command\" width=\"705\" height=\"395\" \/>\n<div class=\"image-desc\">Resizing and moving the image into place with Free Transform.<\/div>\n<p>To accept it and close Free Transform, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac). Then zoom back in on your document if needed by holding <strong>Ctrl<\/strong> (Win) \/ <strong>Command <\/strong>(Mac) and pressing the <strong>plus sign<\/strong> (<strong>+<\/strong>) on your keyboard. And we've now placed our first image into the collage:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-vertical-collage-first-image.jpg\" alt=\"The first image has been added to the Photoshop vertical photo collage\" width=\"702\" height=\"392\" \/>\n<div class=\"image-desc\">The first image is added.<\/div>\n<h3>Step 11: Repeat the same steps to add more images<\/h3>\n<p>Now that we know how to place an image into the collage, adding the rest of our images is just a matter of repeating the same steps. Here's a quick summary:<\/p>\n<h4>Select a new section of the collage<\/h4>\n<p>First, use the <strong>Rectangular Marquee Tool<\/strong> to draw a selection around the next vertical section:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/select-next-vertical-strip-in-collage.jpg\" alt=\"Drawing a selection outline around the next vertical section of the collage in Photoshop\" width=\"702\" height=\"373\" \/>\n<div class=\"image-desc\">Selecting the next section of the collage.<\/div>\n<h4>Switch to the next image<\/h4>\n<p>Then switch to the image you want to place inside the selection by clicking its <strong>tab<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/click-document-tab.png\" alt=\"Switching to the next image to place inside the vertical collage in Photoshop\" width=\"530\" height=\"117\" \/>\n<div class=\"image-desc\">Switching to the next image.<\/div>\n<p>Here's the <a href=\"https:\/\/prf.hn\/l\/wzq8apj\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">second image<\/a> I'm using:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/second-image.jpg\" alt=\"The second image that will be placed in the collage in Photoshop. Photo credit: Adobe Stock\" width=\"703\" height=\"393\" \/>\n<div class=\"image-desc\">The second image. Photo credit: Adobe Stock.<\/div>\n<h4>Select and copy the image<\/h4>\n<p>Select the image by going to <strong>Select<\/strong> &gt; <strong>All<\/strong>, and then copy it by going to <strong>Edit<\/strong> &gt; <strong>Copy<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-select-copy.png\" alt=\"Selecting and copying the second image.\" width=\"544\" height=\"91\" \/>\n<div class=\"image-desc\">Selecting and copying the image.<\/div>\n<h4>Paste the image into the selection<\/h4>\n<p>Switch back to your main collage document by clicking its tab:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/select-main-document.png\" alt=\"Reselecting the main photo collage document in Photoshop\" width=\"437\" height=\"141\" \/>\n<div class=\"image-desc\">Switching back to the main collage document.<\/div>\n<p>And then paste the image into the selection by going to <strong>Edit<\/strong> &gt; <strong>Paste Special<\/strong> &gt; <strong>Paste Into<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-paste-into-command.png\" alt=\"Choosing the Paste Into command in Photoshop\" width=\"525\" height=\"117\" \/>\n<div class=\"image-desc\">Pasting the image into the new selection.<\/div>\n<p>The image will appear inside the section:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/paste-image-second-selection.jpg\" alt=\"The result after pasting the second image into the new selection in Photoshop\" width=\"705\" height=\"393\" \/>\n<div class=\"image-desc\">The result after pasting the second image.<\/div>\n<p>And in the Layers panel, you'll see that Photoshop has placed the image on its own <a href=\"\/photoshop-layers-learning-guide\/\" title=\"Learn more\">layer<\/a> and converted the selection outline into a layer mask:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/layers-panel-second-image.png\" alt=\"Photoshop's Layers panel showing the second image placed in the collage \" width=\"297\" height=\"236\" \/>\n<div class=\"image-desc\">The image appears on its own layer with its own mask.<\/div>\n<h4>Resize and move the image with Free Transform<\/h4>\n<p>Go to <strong>Edit<\/strong> &gt; <strong>Free Transform<\/strong>, or press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac), to place the Free Transform box and handles around the image. And if you can't see all of the handles, go to <strong>View<\/strong> &gt; <strong>Fit on Screen<\/strong> or press <strong>Ctrl+0<\/strong> (Win) \/ <strong>Command+0<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-free-transform-command.png\" alt=\"Selecting the Free Transform command in Photoshop\" width=\"283\" height=\"105\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Free Transform.<\/div>\n<p>Then resize the image by dragging the handles. Hold <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) to resize the image from its center. And to move your subject into place, click and drag inside the Free Transform box. You can also nudge the image into place using the <strong>arrow keys<\/strong> on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/free-transform-second-image.jpg\" alt=\"Resizing and moving the second image in the collage with Photoshop's Free Transform command\" width=\"699\" height=\"391\" \/>\n<div class=\"image-desc\">Resizing and moving the second with Free Transform.<\/div>\n<p>Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept it and close Free Transform. And then to zoom back in on your image if needed, hold <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) and press the <strong>plus sign<\/strong> (<strong>+<\/strong>) on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-vertical-collage-two-images.jpg\" alt=\"The second image has been added to the vertical collage in Photoshop\" width=\"703\" height=\"393\" \/>\n<div class=\"image-desc\">The second image has been added to the collage.<\/div>\n<h4>Adding the remaining images<\/h4>\n<p>I'll use the same steps to quickly add the rest of my images to the collage, and here's the result. If you want to use the same images I've used here, you can download them from Adobe Stock (<a href=\"https:\/\/prf.hn\/l\/OVkOQNk\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">image 1<\/a>, <a href=\"https:\/\/prf.hn\/l\/RmYON3p\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">image 2<\/a>, <a href=\"https:\/\/prf.hn\/l\/ERPwNao\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">image 3<\/a>, <a href=\"https:\/\/prf.hn\/l\/ER9edyL\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">image 4<\/a>, <a href=\"https:\/\/prf.hn\/l\/MDmyzWp\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">image 5<\/a>, and <a href=\"https:\/\/prf.hn\/l\/dlgEoL4\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">image 6<\/a>):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/all-images-added-to-collage.jpg\" alt=\"All images have been placed in the vertical collage in Photoshop\" width=\"703\" height=\"393\" \/>\n<div class=\"image-desc\">All images have been added.<\/div>\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<h3>Step 12: Clear the guides<\/h3>\n<p>We don't need Photoshop's guides anymore. So to remove them, go up to the <strong>View<\/strong> menu and choose <strong>Clear Guides<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-clear-guides-command.png\" alt=\"How to clear guides in Photoshop\" width=\"284\" height=\"109\" \/>\n<div class=\"image-desc\">Going to View &gt; Clear Guides.<\/div>\n<h3>Step 13: Add a stroke around one of the images<\/h3>\n<p>To help separate the images in the collage, we'll add a stroke around them. And rather than adding the stroke to each image one at a time, we'll add it to just one of the images and then we'll <a href=\"\/basics\/copy-layer-effects-photoshop\/\" title=\"Learn more\">copy and paste<\/a> it onto the others.<\/p>\n<p>In the Layers panel, select the first image on the left of the collage by clicking its <strong>thumbnail<\/strong>. It should be the first layer above the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/select-first-image-layer.png\" alt=\"Selecting the first image layer above the Background layer in Photoshop's Layers panel\" width=\"297\" height=\"205\" \/>\n<div class=\"image-desc\">Selecting the first layer above the Background layer.<\/div>\n<p>Then click the <strong>Layer Effects<\/strong> icon (the &quot;<strong>fx<\/strong>&quot; icon) at the bottom:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/layer-effects-icon-photoshop.png\" alt=\"Selecting the first image layer above the Background layer in Photoshop's Layers panel\" width=\"297\" height=\"157\" \/>\n<div class=\"image-desc\">Selecting the first layer above the Background layer.<\/div>\n<p>And choose <strong>Stroke<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/add-stroke-layer-effect-photoshop.png\" alt=\"Adding a Stroke layer effect in Photoshop\" width=\"156\" height=\"100\" \/>\n<div class=\"image-desc\">Adding a Stroke layer effect.<\/div>\n<p>This opens the Layer Style dialog box set to the Stroke options. Click the <strong>Reset to Default<\/strong> button so we're both starting with the default Stroke settings:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/reset-to-default.png\" alt=\"Clicking the Reset to Default button for Photoshop's Stroke layer effect\" width=\"290\" height=\"107\" \/>\n<div class=\"image-desc\">Restoring the default settings.<\/div>\n<p>Then click the <strong>color swatch<\/strong> to choose a new color for the stroke:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/stroke-layer-effect-color-swatch.png\" alt=\"Clicking the color swatch to choose a new color for Photoshop's Stroke layer effect\" width=\"328\" height=\"158\" \/>\n<div class=\"image-desc\">Clicking the color swatch.<\/div>\n<p>In the <strong>Color Picker<\/strong>, choose <strong>white<\/strong>, and then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-color-picker.jpg\" alt=\"Choosing white for the stroke color in Photoshop\" width=\"545\" height=\"398\" \/>\n<div class=\"image-desc\">Choosing white for the stroke color.<\/div>\n<p>Set the <strong>Position<\/strong> of the stroke to <strong>Center<\/strong> so that the stroke's width will be divided equally between this image and the image beside it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/stroke-layer-effect-position.png\" alt=\"Setting the Stroke layer effect's Position to Center in Photoshop\" width=\"332\" height=\"152\" \/>\n<div class=\"image-desc\">Setting the stroke's Position to Center.<\/div>\n<p>And finally, choose a <strong>Size<\/strong> for your stroke. Since I'm working with a low resolution image and I want a thin stroke, I'll set the size to <strong>2 pixels<\/strong>. If you're creating your collage for print, you'll want a larger value. When you're done, click OK to close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/stroke-layer-effect-size.png\" alt=\"Setting the size of the Stroke layer effect in Photoshop\" width=\"332\" height=\"133\" \/>\n<div class=\"image-desc\">Setting the Size of the stroke.<\/div>\n<p>And here we see a thin stroke around just that first image on the left:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/first-stroke-added.jpg\" alt=\"A white stroke has been added around the first image in the collage in Photoshop\" width=\"401\" height=\"414\" \/>\n<div class=\"image-desc\">The stroke appears around the first image.<\/div>\n<h3>Step 14: Copy and paste the stroke onto the other images<\/h3>\n<p>Now that we've added the stroke to the first image, we can quickly copy and paste it onto the others.<\/p>\n<p>With the first image still selected in the Layers panel, go up to the <strong>Layer<\/strong> menu in the Menu Bar, choose <strong>Layer Style<\/strong>, and then choose <strong>Copy Layer Style<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/copy-layer-style-photoshop.png\" alt=\"How to copy a layer style (effect) in Photoshop\" width=\"169\" height=\"95\" \/>\n<div class=\"image-desc\">Going to Layer &gt; Layer Style &gt; Copy Layer Style.<\/div>\n<p>Then back in the Layers panel, select the other images. Start by clicking on the next image directly above the one where we applied the stroke:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/select-next-image.png\" alt=\"Selecting the next image in the collage by clicking its layer in Photoshop's Layers panel\" width=\"297\" height=\"157\" \/>\n<div class=\"image-desc\">Selecting the next image in the Layers panel.<\/div>\n<p>Then press and hold your <strong>Shift<\/strong> key and click on the image at the top. This selects both layers plus all layers in between:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/select-all-layers.png\" alt=\"Selecting multiple layers at once in Photoshop\" width=\"297\" height=\"344\" \/>\n<div class=\"image-desc\">Hold Shift and click the top image layer.<\/div>\n<p>Go back up to the <strong>Layer<\/strong> menu, choose <strong>Layer Style<\/strong>, and this time choose <strong>Paste Layer Style:<\/strong><\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/paste-layer-style.png\" alt=\"How to paste a layer style (effect) in Photoshop\" width=\"202\" height=\"76\" \/>\n<div class=\"image-desc\">Going to Layer &gt; Layer Style &gt; Paste Layer Style.<\/div>\n<p>And now the stroke appears around the other images as well:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/stroke-applied-to-other-images.jpg\" alt=\"The result after pasting the stroke onto the other images in the Photoshop collage\" width=\"698\" height=\"371\" \/>\n<div class=\"image-desc\">The result after pasting the stroke onto the other images.<\/div>\n<h3>Step 15: Add a new layer above the images<\/h3>\n<p>The only problem with the stroke is that if you look closely, you'll see that it appears only half as wide around the outside of the collage as it does between the images. To fix that, we'll add a new layer above the images and then apply another stroke.<\/p>\n<p>In the Layers panel, click on the top layer to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/select-top-layer.png\" alt=\"Selecting the top layer in Photoshop's Layers panel\" width=\"297\" height=\"217\" \/>\n<div class=\"image-desc\">Selecting the top layer.<\/div>\n<p>And then click the <strong>Add New Layer<\/strong> icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/add-new-layer-photoshop.png\" alt=\"Clicking the Add New Layer icon in Photoshop's Layers panel\" width=\"297\" height=\"148\" \/>\n<div class=\"image-desc\">Adding a new layer.<\/div>\n<p>A new blank layer appears above the images:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/new-layer-added.png\" alt=\"The new layer appears above the images in the Layers panel\" width=\"297\" height=\"185\" \/>\n<div class=\"image-desc\">The new layer.<\/div>\n<h3>Step 16: Fill the layer with a color<\/h3>\n<p>At the moment, the new layer is transparent. Photoshop won't display the stroke, or any other layer effect, in front of transparency. So we first need to add some content to the layer. And the quickest way is to fill the layer with our <strong>Foreground color<\/strong>.<\/p>\n<p>By default, your Foreground color is <strong>black<\/strong>, as shown in the upper left <strong>color swatch<\/strong> near the bottom of the toolbar. We're going to hide the color as soon as we add it, so if your Foreground color is set to something else, that's fine:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-foreground-background-colors.png\" alt=\"The current Foreground color in Photoshop's toolbar\" width=\"72\" height=\"131\" \/>\n<div class=\"image-desc\">The current Foreground color.<\/div>\n<p>To quickly fill the layer with your Foreground color, press <strong>Alt+Backspace<\/strong> (Win) \/ <strong>Option+Delete<\/strong> (Mac). The color temporarily blocks the collage from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/new-layer-filled-black.png\" alt=\"The result after filling the new layer with Photoshop's Foreground color\" width=\"698\" height=\"367\" \/>\n<div class=\"image-desc\">The result after filling the new layer with the Foreground color.<\/div>\n<h3>Step 17: Paste the stroke onto the layer<\/h3>\n<p>Go back up to the <strong>Layer<\/strong> menu, choose <strong>Layer Style<\/strong>, and then choose <strong>Paste Layer Style<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/paste-layer-style.png\" alt=\"How to paste a layer style (effect) in Photoshop\" width=\"202\" height=\"76\" \/>\n<div class=\"image-desc\">Going to Layer &gt; Layer Style &gt; Paste Layer Style.<\/div>\n<p>The stroke appears around the outer edge. But it's still too thin, so we'll fix that next:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/stroke-pasted-to-new-layer.png\" alt=\"The result after pasting the stroke onto the new layer\" width=\"698\" height=\"371\" \/>\n<div class=\"image-desc\">The result after pasting the stroke.<\/div>\n<h3>Step 18: Change the stroke Position to Inside<\/h3>\n<p>In the Layers panel, double-click on the <strong>Stroke<\/strong> effect below the top layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/edit-stroke-layer-effect-photoshop.png\" alt=\"Editing the Stroke layer effect for the top layer in Photoshop\" width=\"297\" height=\"155\" \/>\n<div class=\"image-desc\">Double-clicking the word &quot;Stroke&quot;.<\/div>\n<p>This reopens the Layer Style dialog box set to the same Stroke options we used earlier. Leave the Size value the same as before, but change the <strong>Position<\/strong> from Center to <strong>Inside<\/strong>. This will shift the entire width of the stroke to the inside of the image. Click OK when you're done to close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/stroke-position-inside.png\" alt=\"Changing the Position of the Stroke layer effect to Inside in Photoshop\" width=\"332\" height=\"153\" \/>\n<div class=\"image-desc\">Changing the stroke's Position to Inside.<\/div>\n<h3>Step 19: Lower the Fill to 0 percent<\/h3>\n<p>Back in the Layers panel, hide the contents of the top layer by lowering the <strong>Fill<\/strong> value all the way down to <strong>0&#37;<\/strong>. Unlike the <a href=\"\/basics\/layers\/opacity-vs-fill\/\" title=\"Learn more\">Opacity value<\/a> which hides both the layer's contents and any layer effects we've applied, Fill hides only the contents. Layer effects, like our stroke, remain visible:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/lower-fill-value-0.png\" alt=\"Lowering the layer's Fill value to 0 percent in Photoshop\" width=\"297\" height=\"175\" \/>\n<div class=\"image-desc\">Lowering the layer's Fill value to 0 percent.<\/div>\n<p>And with the Fill value at 0&#37;, the collage reappears and our stroke is now the same width along the outer edges as it is between the images:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-vertical-collage-outer-stroke.jpg\" alt=\"The Photoshop collage after fixing the width of the outer stroke\" width=\"705\" height=\"369\" \/>\n<div class=\"image-desc\">The collage after fixing the width of the outer stroke.<\/div>\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<h3>Step 20: Add a Solid Color fill layer<\/h3>\n<p>At this point, the main collage is done. But with so many different images being used, there's a good chance that we now have too many different colors all fighting for attention. So here's a quick way to <a href=\"\/photo-editing\/how-to-unify-colors-in-an-image-with-photoshop\/\" title=\"Learn more\">unify the colors<\/a> and blend the whole collage together.<\/p>\n<p>In the Layers panel, make sure the top layer is still selected. Then click the <strong>New Fill or Adjustment Layer<\/strong> icon at the bottom:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/new-fill-adjustment-layer-icon-photoshop.png\" alt=\"Clicking the New Fill or Adjustment Layer icon in Photoshop's Layers panel\" width=\"297\" height=\"152\" \/>\n<div class=\"image-desc\">Clicking the &quot;New Fill or Adjustment Layer&quot; icon.<\/div>\n<p>And choose a <strong>Solid Color<\/strong> fill layer from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/choose-solid-color-fill-layer.png\" alt=\"Adding a Solid Color fill layer to the Photoshop collage\" width=\"174\" height=\"96\" \/>\n<div class=\"image-desc\">Adding a Solid Color fill layer.<\/div>\n<h3>Step 21: Choose a color to blend into the collage<\/h3>\n<p>In the Color Picker, choose a single color to mix in with the others. I like to use orange because it also helps to warm the images up. I'll set the <strong>H<\/strong> (Hue) value to <strong>40<\/strong>, the <strong>S<\/strong> (Saturation) value to <strong>100<\/strong>, and the <strong>B<\/strong> (Brightness) value also to <strong>100<\/strong>. Click OK when you're done to close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/color-picker-photoshop.jpg\" alt=\"Choosing a color to blend into the Photoshop collage\" width=\"545\" height=\"398\" \/>\n<div class=\"image-desc\">Choosing a color to blend into the collage.<\/div>\n<p>The fill layer appears above the other layers in the Layers panel, and the color temporarily blocks the collage from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/solid-color-fill-layer-added.jpg\" alt=\"The result after adding the Solid Color fill layer to the Photoshop collage\" width=\"698\" height=\"366\" \/>\n<div class=\"image-desc\">The result after adding the Solid Color fill layer.<\/div>\n<h3>Step 22: Change the fill layer's blend mode to Color<\/h3>\n<p>To blend the color in with the images, first change the <strong><a href=\"\/basics\/blend-mode-tips-tricks\/\" title=\"Learn more\">Blend Mode<\/a><\/strong> of the fill layer in the Layers panel from Normal to <strong>Color<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/fill-layer-blend-mode.png\" alt=\"Changing the fill layer's blend mode to Color in Photoshop\" width=\"298\" height=\"206\" \/>\n<div class=\"image-desc\">Changing the fill layer's blend mode to Color.<\/div>\n<p>This lets us see the images, but the color is still too intense:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/collage-blend-mode-color.jpg\" alt=\"The result after changing the Solid Color fill layer's blend mode to Color'\" width=\"698\" height=\"370\" \/>\n<div class=\"image-desc\">The result after fill layer's blend mode to Color.<\/div>\n<h3>Step 23: Lower the fill layer's opacity<\/h3>\n<p>So to reduce the intensity and mix the new color in with the original colors, simply lower the fill layer's <strong>Opacity<\/strong> value. A good way to work is to start by lowering the opacity all the way down to <strong>0%<\/strong> so you're seeing just the original colors. Then slowly increase the value until the result looks good. Generally, a value of <strong>10-15%<\/strong> works well:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/fill-layer-opacity-15percent.png\" alt=\"Lowering the fill layer's opacity to 15 percent in Photoshop\" width=\"297\" height=\"156\" \/>\n<div class=\"image-desc\">Lowering the fill layer's opacity to 15 percent.<\/div>\n<p>You can compare the colorized version with the original colors by clicking the fill layer's <strong>visibility icon<\/strong> to toggle the effect on and off:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/layer-visibility-icon.png\" alt=\"Toggling the fill layer on and off with the visiblity icon in Photoshop's Layers panel\" width=\"309\" height=\"200\" \/>\n<div class=\"image-desc\">Toggling the fill layer on and off with the visibility icon.<\/div>\n<p>And here, after lowering the opacity and unifying the colors, is my final vertical collage effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/vertical-collage\/photoshop-vertical-photo-collage.jpg\" alt=\"A vertical photo collage created in Photoshop\" width=\"702\" height=\"363\" \/>\n<div class=\"image-desc\">The final result.<\/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 create a simple vertical photo collage in Photoshop! If you found this tutorial helpful, be sure to check out my other tutorials in our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section. And don't forget, all of my tutorials are now available to <a href=\"\/print-ready-pdfs\/\" title=\"Learn more\">download as PDFs<\/a>!<\/p>\n<\/section>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Learn step-by-step how to turn your images into a fun vertical photo collage with Photoshop!<\/p>\n","protected":false},"author":1,"featured_media":28976,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[104,5],"tags":[],"class_list":["post-28975","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>Create a Vertical Photo Collage with Photoshop<\/title>\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\/create-a-vertical-photo-collage-with-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create an Easy Vertical Photo Collage with Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn step-by-step how to turn your photos into into a vertical collage!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/\" \/>\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-09-14T21:26:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-02T13:38:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/09\/photoshop-vertical-photo-collage-share.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=\"32 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\\\/create-a-vertical-photo-collage-with-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/create-a-vertical-photo-collage-with-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Create a Vertical Photo Collage with Photoshop\",\"datePublished\":\"2019-09-14T21:26:19+00:00\",\"dateModified\":\"2022-11-02T13:38:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/create-a-vertical-photo-collage-with-photoshop\\\/\"},\"wordCount\":3537,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/create-a-vertical-photo-collage-with-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/photoshop-vertical-photo-collage-f.jpg\",\"articleSection\":[\"CC\",\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/create-a-vertical-photo-collage-with-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/create-a-vertical-photo-collage-with-photoshop\\\/\",\"name\":\"Create a Vertical Photo Collage with Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/create-a-vertical-photo-collage-with-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/create-a-vertical-photo-collage-with-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/photoshop-vertical-photo-collage-f.jpg\",\"datePublished\":\"2019-09-14T21:26:19+00:00\",\"dateModified\":\"2022-11-02T13:38:09+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/create-a-vertical-photo-collage-with-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/create-a-vertical-photo-collage-with-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/create-a-vertical-photo-collage-with-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/photoshop-vertical-photo-collage-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/photoshop-vertical-photo-collage-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"Create a vertical photo collage with Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/create-a-vertical-photo-collage-with-photoshop\\\/#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\":\"Create a Vertical Photo Collage with Photoshop\"}]},{\"@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":"Create a Vertical Photo Collage with Photoshop","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\/create-a-vertical-photo-collage-with-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"Create an Easy Vertical Photo Collage with Photoshop","og_description":"Learn step-by-step how to turn your photos into into a vertical collage!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2019-09-14T21:26:19+00:00","article_modified_time":"2022-11-02T13:38:09+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/09\/photoshop-vertical-photo-collage-share.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"32 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Create a Vertical Photo Collage with Photoshop","datePublished":"2019-09-14T21:26:19+00:00","dateModified":"2022-11-02T13:38:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/"},"wordCount":3537,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/09\/photoshop-vertical-photo-collage-f.jpg","articleSection":["CC","Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/","name":"Create a Vertical Photo Collage with Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/09\/photoshop-vertical-photo-collage-f.jpg","datePublished":"2019-09-14T21:26:19+00:00","dateModified":"2022-11-02T13:38:09+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/09\/photoshop-vertical-photo-collage-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/09\/photoshop-vertical-photo-collage-f.jpg","width":250,"height":250,"caption":"Create a vertical photo collage with Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/create-a-vertical-photo-collage-with-photoshop\/#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":"Create a Vertical Photo Collage with Photoshop"}]},{"@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\/28975","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=28975"}],"version-history":[{"count":27,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/28975\/revisions"}],"predecessor-version":[{"id":33557,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/28975\/revisions\/33557"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/28976"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=28975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=28975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=28975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}