{"id":345,"date":"2012-10-02T15:41:18","date_gmt":"2012-10-02T15:41:18","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=345"},"modified":"2019-04-13T13:05:59","modified_gmt":"2019-04-13T17:05:59","slug":"gallery-print","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/","title":{"rendered":"Gallery Style Photo Frame Layout With Photoshop"},"content":{"rendered":"<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop Effects tutorial<\/strong>, we'll learn how to create a simple gallery-style photo frame layout, complete with a  text caption below it, as if the photo was on display in an art gallery. This can be a very classy and elegant way to present your work, and creating the layout is easy.<\/p>\n<p>Here's what the final result will look like (of course, your photo and text caption will be different):<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/photoshop-gallery-photo-frame.jpg\" alt=\"Photoshop gallery print photo frame effect. Image &copy; 2010 Steve Patterson, Photoshop Essentials.com\" width=\"610\" height=\"500\" \/>\n<div class=\"image-desc\">The final gallery style photo frame layout.<\/div>\n<\/section>\n<aside> <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> <\/aside>\n<aside>\n<p>This tutorial is from our <a href=\"\/photo-effects\/\" title=\"Learn Photoshop effects\">Photo Effects<\/a> series. Let's get started!<\/p>\n<\/aside>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<section>\n<h2 class=\"sub\">How To Create A Gallery Style Photo Frame<\/h2>\n<h3>Step 1: Create A New Document<\/h3>\n<p>Let's begin by creating a new document. Go up to the <strong>File<\/strong> menu in the Menu Bar along the top of the screen and choose <strong>New<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/file-new.gif\" alt=\"Go to File &gt; New.\" width=\"292\" height=\"112\" \/>\n<div class=\"image-desc\">Go to File &gt; New.<\/div>\n<p>This opens Photoshop's New Document dialog box. I'm going to want my final layout to print as an 8x10 in landscape orientation, so I'll enter a value of <strong>10 inches<\/strong> for the <strong>Width<\/strong> and <strong>8 inches<\/strong> for the <strong>Height<\/strong> (make sure you set the measurement type to inches, not pixels). The dimensions you'll need for your layout may be different. Since I'll want it to print in high quality, I'll enter a <strong>Resolution<\/strong> value of <strong>240 pixels\/inch<\/strong>. Finally, set the <strong>Background Contents<\/strong> to <strong>White<\/strong>, which will fill the background of the new document with white, even though we'll be changing it in a moment (this just keeps us on the same page):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/new-document-dialog-box.gif\" alt=\"The New Document dialog box in Photoshop.\" width=\"597\" height=\"341\" \/>\n<div class=\"image-desc\">Set the width, height, resolution, and background color in the New Document dialog box.<\/div>\n<p>Click OK to close out of the dialog box. A new document filled with white will appear on your screen.<\/p>\n<h3>Step 2: Fill The New Document With Black<\/h3>\n<p>With our new document created, let's fill it with black, which will become the background color of the layout. Go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Fill<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/edit-fill.gif\" alt=\"Selecting the Fill command from under the Edit menu.\" width=\"264\" height=\"122\" \/>\n<div class=\"image-desc\">Go to Edit &gt; Fill.<\/div>\n<p>This brings up the Fill dialog box. Set the <strong>Use<\/strong> option at the top of the dialog box to <strong>Black<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/fill-black.gif\" alt=\"Setting the Use option in the Fill dialog box to Black.\" width=\"370\" height=\"256\" \/>\n<div class=\"image-desc\">Set the Use option to Black.<\/div>\n<p>Click OK to exit out of the dialog box, and Photoshop fills the document with solid black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/document-filled-black.gif\" alt=\"The new Photoshop document is now filled with black.\" width=\"488\" height=\"400\" \/>\n<div class=\"image-desc\">Black is now the background color for the layout.<\/div>\n<h3>Step 3: Add A New Blank Layer And Name It \"Photo Area\"<\/h3>\n<p>Let's add a new blank layer to our document by clicking on the <strong>New Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/new-layer-icon.gif\" alt=\"Click the New Layer icon in the Layers panel.\" width=\"308\" height=\"234\" \/>\n<div class=\"image-desc\">Click the New Layer icon.<\/div>\n<p>This adds a new blank layer, which Photoshop automatically names \"Layer 1\", above the Background layer in the Layers panel. Double-click directly on the name \"Layer 1\" and change the  name to <strong>photo area<\/strong>. Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to accept the name change:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/new-photo-area-layer.gif\" alt=\"The new layer has been renamed 'photo area'.\" width=\"308\" height=\"261\" \/>\n<div class=\"image-desc\">Double-click on the new layer's name and change it to \"photo area\".<\/div>\n<h3>Step 4: Drag A Selection Around The Main Photo Area<\/h3>\n<p>We need to draw a selection around the area the photo will be displayed in. Select the <strong><a href=\"\/basics\/selections\/rectangular-marquee-tool\/\">Rectangular Marquee Tool<\/a><\/strong> from the Tools panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/rectangular-marquee-tool.gif\" alt=\"Selecting the Rectangular Marquee Tool in the Tools panel.\" width=\"62\" height=\"153\" \/>\n<div class=\"image-desc\">Select the Rectangular Marquee Tool.<\/div>\n<p>With the Rectangular Marquee Tool selected, the Options Bar along the top of the screen will change to show options specifically for this tool. I'm going to design my layout to display a photo with a standard 4x6 aspect ratio, in landscape orientation.  To do that, I'll first change the <strong>Style<\/strong> option in the Options Bar to <strong>Fixed Ratio<\/strong>, then I'll enter <strong>6<\/strong> for the <strong>Width<\/strong> and <strong>4<\/strong> for the <strong>Height<\/strong> (the aspect ratio you'll want for your photo area may be different):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/options-bar.gif\" alt=\"Setting the Style, Width and Height for the Rectangular Marquee Tool.\" width=\"599\" height=\"64\" \/>\n<div class=\"image-desc\">Change the Style option to Fixed Ratio, then enter 6 for the Width and 4 for the Height.<\/div>\n<p>Then, I'll click about an inch or so away from the top left corner of the document and drag out a selection which will become the area where the photo is displayed. As I drag, Photoshop locks the selection to the aspect ratio I set in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/drag-photo-area-selection.gif\" alt=\"Dragging a 4x6 selection outline for the photo area.\" width=\"611\" height=\"500\" \/>\n<div class=\"image-desc\">Drag a selection around the area where the photo will be displayed.<\/div>\n<h3>Step 5: Fill The Selection With Gray<\/h3>\n<p>With the selection in place, go up to the <strong>Edit<\/strong> menu and choose <strong>Fill<\/strong> once again. This time, when the Fill dialog box appears, set the <strong>Use<\/strong> option to <strong>50% Gray<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/fill-50-gray.gif\" alt=\"Setting the Use option in the Fill dialog box to 50% Gray.\" width=\"370\" height=\"257\" \/>\n<div class=\"image-desc\">Set Use to 50% Gray.<\/div>\n<p>Click OK, and Photoshop fills the photo area with gray. Press <strong>Ctrl+D<\/strong> (Win) \/ <strong>Command+D<\/strong> (Mac) to remove the selection outline:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/photo-area-gray.gif\" alt=\"The photo area is now filled with gray.\" width=\"549\" height=\"450\" \/>\n<div class=\"image-desc\">The photo area is now filled with gray.<\/div>\n<h3>Step 6: Align The Photo Area Horizontally With The Document<\/h3>\n<p>Before we continue, let's make sure our photo area is aligned horizontally with the document. Press <strong>Ctrl+A<\/strong> (Win) \/ <strong>Command+A<\/strong> (Mac) on your keyboard, which will instantly select the entire document (a selection outline will appear around the edges of the document window). Press the letter <strong>V<\/strong> on your keyboard to quickly select Photoshop's <strong>Move Tool<\/strong>. Then, with the Move Tool selected, click on the <strong>Align Horizontal Centers<\/strong> option in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/align-horizontal-centers.gif\" alt=\"The Align Horizontal Centers option in the Options Bar.\" width=\"490\" height=\"64\" \/>\n<div class=\"image-desc\">Use the Align Horizontal Centers option to align the photo area with the document.<\/div>\n<p>If your photo area was a little off-center horizontally, Photoshop will snap it into perfect alignment with the document. Press <strong>Ctrl+D<\/strong> (Win) \/ <strong>Command+D<\/strong> (Mac) when you're done to deselect the document.<\/p>\n<h3>Step 7: Add A Thin White Border<\/h3>\n<p>Let's add a thin white border around the photo area. For that, we'll use one of Photoshop's layer styles. Click on the <strong>Layer Styles<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/layer-styles-icon.gif\" alt=\"Clicking the Layer Styles icon at the bottom of the Layers panel.\" width=\"308\" height=\"269\" \/>\n<div class=\"image-desc\">Click on the Layer Styles icon.<\/div>\n<p>Then choose <strong>Stroke<\/strong> from the bottom of the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/choose-stroke.gif\" alt=\"Selecting the Stoke layer style.\" width=\"164\" height=\"118\" \/>\n<div class=\"image-desc\">Select Stroke from the list.<\/div>\n<p>This opens Photoshop's Layer Style dialog box set to the Stroke options in the middle column. First, click on the <strong>color swatch<\/strong> to the right of the word <strong>Color<\/strong>, which will open the <strong>Color Picker<\/strong>, and choose <strong>white<\/strong> as the color for the stroke. Click OK to close out of the Color Picker when you're done. Then, change the <strong>Position<\/strong> of the stroke to <strong>Inside<\/strong>. Finally, adjust the <strong>Size<\/strong> of the stroke by dragging the Size slider towards the right.  You can see a live preview of the stroke size in the document window as you drag the slider. Since we want a thin border, I'm going to set my stroke's size to <strong>4 px<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/stroke-options.gif\" alt=\"The options for the Stroke in the Layer Style dialog box.\" width=\"375\" height=\"266\" \/>\n<div class=\"image-desc\">Change the color of the stroke to white and the Position to Inside, then adjust the stroke size with the slider.<\/div>\n<p>Click OK to exit out of the Layer Style dialog box. A thin white stroke now appears around the photo area in the document window (the reason we filled the photo area with gray and not white earlier was so we'd be able to see the white border around it):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/photo-area-stroke-added.gif\" alt=\"A thin white stroke now appears around the photo area.\" width=\"612\" height=\"500\" \/>\n<div class=\"image-desc\">The first of two white borders appears. We'll be adding a second one in a moment.<\/div>\n<h3>Step 8: Make A Copy Of The Photo Area Layer<\/h3>\n<p>With the photo area layer selected in the Layers panel (selected layers are highlighted in blue), press <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) on your keyboard to make a copy of the layer, which Photoshop will place above the original. Notice that the stroke layer style is also copied:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/photo-area-copy.gif\" alt=\"A copy of the photo area layer appears in the Layers panel.\" width=\"308\" height=\"409\" \/>\n<div class=\"image-desc\">Photoshop automatically names the new layer \"photo area copy\".<\/div>\n<h3>Step 9: Rename The Layer  And Drag It Between The Original Two Layers<\/h3>\n<p>Double-click directly on the name \"photo area copy\" and change the layer's name to <strong>border<\/strong>, since we'll be using it to add an outer border to the photo area in a moment. Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept the name change. Then click on the border layer in the Layers panel and, while still holding down your mouse button, drag it between the Background layer and the photo area layer. Release your mouse button to drop it into place when a highlight bar appears between the two layers:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/rename-layer-border.gif\" alt=\"Renaming the layer and dragging it between the original two layers.\" width=\"308\" height=\"409\" \/>\n<div class=\"image-desc\">Drag the new layer between the original two.<\/div>\n<h3>Step 10: Lower The Fill Of The Border Layer To 0%<\/h3>\n<p>We're going to use the gray-filled area on the border layer to add a second, thicker stroke around the photo. Problem is, we don't actually want the gray area to be visible on this layer. All we want to be able to see is the white stroke around it. To hide the gray and keep only the stroke visible, simply lower the <strong>Fill<\/strong> for the border layer down to <strong>0%<\/strong>. Fill hides the contents of a layer but keeps any layer styles visible. You'll find the Fill option directly below the Opacity option at the top of the Layers panel. Nothing will seem to have changed in the document window just yet, though, since the photo area layer is blocking the border layer from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/fill-0.gif\" alt=\"Lowering the Fill of the border layer to 0%.\" width=\"308\" height=\"203\" \/>\n<div class=\"image-desc\">Set the Fill to 0% to hide the gray without hiding the stroke around it.<\/div>\n<h3>Step 11: Use Free Transform To Add Space Around The Photo Area<\/h3>\n<p>With  Fill set to 0%, press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) to bring up Photoshop's <strong>Free Transform<\/strong> box and handles around the gray area on the border layer. Hold down your <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key, then click on either the left or right handle (the little square) and, while still holding your mouse button down, drag it outward to add a little space on either side between the second stroke and the gray photo area. Notice that only the white stroke itself is visible. The gray on the border layer is hidden from view, leaving us with an area of black (which is showing through from the Background layer) between this second white stroke and the original. <\/p>\n<p>Keep Alt \/ Option held down and drag either the top or bottom handle outward to add an equal amount of space between the second stroke and the top and bottom of the gray photo area:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/free-transform-border.gif\" alt=\"Adding space between the second stroke and the photo area with Free Transform.\" width=\"653\" height=\"450\" \/>\n<div class=\"image-desc\">Use Free Transform to add space between the second stroke and the photo area.<\/div>\n<p>Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to accept the transformation.<\/p>\n<h3>Step 12: Increase The Thickness Of The Outer Border<\/h3>\n<p>Double-click on the word <strong>Stroke<\/strong> below the border layer in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/double-click-stroke.gif\" alt=\"Double-clicking the word Stroke below the border layer.\" width=\"308\" height=\"302\" \/>\n<div class=\"image-desc\">Any layer styles used on a layer are listed directly below it.<\/div>\n<p>This re-opens the Layer Style dialog box, once again set to the Stroke options in the middle column. Let's make the outer border a bit thicker than the original one by dragging the <strong>Size<\/strong> slider further towards the right. Again, you can see a live preview of the stroke in the document window as you drag the slider. I'm going to increase my outer stroke size to <strong>12 px<\/strong>. Leave all of the other options the same:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/stroke-size-12.gif\" alt=\"Increasing the size of the outer stroke.\" width=\"380\" height=\"166\" \/>\n<div class=\"image-desc\">Increase the size of the second stroke for a thicker outer border.<\/div>\n<p>Click OK to again exit out of the Layer Style dialog box. We now have a thin border directly around the photo area and a thicker border around the outside of it, completing our basic frame:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/border-stroke-added.gif\" alt=\"The basic frame is now complete.\" width=\"611\" height=\"500\" \/>\n<div class=\"image-desc\">The photo area and the simple double-border frame are now in place.<\/div>\n<h3>Step 13: Open The Photo You Want To Display<\/h3>\n<p>It's time to add our photo to the photo area! Open the photo you want to display, which will appear in a separate document window. Here's the image I'll be using:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/second-photo.jpg\" alt=\"A sepia-toned photo of a train heading off into the mountains.\" width=\"654\" height=\"450\" \/>\n<div class=\"image-desc\">Open the image that will be displayed in the photo area.<\/div>\n<h3>Step 14: Select And Copy The Image<\/h3>\n<p>Press <strong>Ctrl+A<\/strong> (Win) \/ <strong>Command+A<\/strong> (Mac) to quickly select the entire photo. Then press <strong>Ctrl+C<\/strong> (Win) \/ <strong>Command+C<\/strong> (Mac) to copy it to the clipboard.<\/p>\n<h3>Step 15: Select The Photo Area Layer<\/h3>\n<p>With the photo copied to the clipboard, switch back over to the original document window (the gallery photo frame layout) and click on the <strong>photo area<\/strong> layer in the Layers panel to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/select-photo-area-layer.gif\" alt=\"Selecting the photo area layer.\" width=\"308\" height=\"277\" \/>\n<div class=\"image-desc\">Select the photo area layer.<\/div>\n<h3>Step 16: Paste The Photo Into The Document<\/h3>\n<p>Press <strong>Ctrl+V<\/strong> (Win) \/ <strong>Command+V<\/strong> (Mac) to paste the photo we copied to the clipboard a moment ago into the document. Photoshop will automatically place the photo on its own layer directly above whatever layer was selected at the time (which is why we selected the photo area layer first), as we can see by looking in the Layers panel. Photoshop named the photo layer &quot;Layer 1&quot;, which is fine. No need to rename it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/new-photo-layer.gif\" alt=\"The photo has been added to its own layer.\" width=\"308\" height=\"238\" \/>\n<div class=\"image-desc\">The photo appears on its own layer directly above the photo area layer.<\/div>\n<p>If we look in the document window, though, we see that the image is currently too big to fit inside the photo area and is blocking it from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/photo-pasted.jpg\" alt=\"The photo is currently blocking the photo area from view.\" width=\"611\" height=\"500\" \/>\n<div class=\"image-desc\">The photo is currently too big to fit inside the  area it will be displayed in.<\/div>\n<h3>Step 17: Create A Clipping Mask<\/h3>\n<p>We need a way to make the image fit inside the photo area, and we can do that using a <strong>clipping mask<\/strong>. First, click on the layer that contains the photo (&quot;Layer 1&quot;) in the Layers panel to select it. Then go up to the <strong>Layer<\/strong> menu at the top of the screen and choose <strong>Create Clipping Mask<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/create-clipping-mask.gif\" alt=\"Go to Layer &gt; Create Clipping Mask.\" width=\"256\" height=\"116\" \/>\n<div class=\"image-desc\">Select the photo layer in the Layers panel, then go to Layer &gt; Create Clipping Mask.<\/div>\n<p>The photo layer will indent to the right in the Layers panel, letting us know that it's now \"clipped\" to the layer below it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/layers-panel-clipping-mask.gif\" alt=\"The Layers panel showing the clipping mask.\" width=\"308\" height=\"252\" \/>\n<div class=\"image-desc\">The photo area layer is now being used as a mask for the image.<\/div>\n<p>Thanks to the clipping mask, only the area of the image that falls directly above the gray photo area below it is now visible in the document window. Areas outside the boundaries of the photo area are hidden from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/image-clipped.jpg\" alt=\"The photo is now clipped to the photo area below it.\" width=\"611\" height=\"500\" \/>\n<div class=\"image-desc\">Only the area of the photo directly above the photo area below it remains visible.<\/div>\n<h3>Step 18: Resize And Reposition The Photo With Free Transform<\/h3>\n<p>So far so good, but my image is still too big to fit entirely within the smaller boundaries of the photo area, and it also needs to be repositioned. We can do both of those things with Free Transform. Once again press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) to bring up the <strong>Free Transform<\/strong> box and handles, this time around the photo. Hold down your <strong>Shift<\/strong> key and drag any of the corner handles to resize the photo as needed until it fits inside the photo area. To move the photo, click anywhere inside the Free Transform box and drag the image into position. If your image uses the same aspect ratio as your photo area (as mine does), you should be able to fit the entire image inside of it. If not, simply resize the image until as much of it as possible is visible. Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to accept the transformation:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/free-transform-image.jpg\" alt=\"Resizing the image inside the photo area with Free Transform.\" width=\"650\" height=\"439\" \/>\n<div class=\"image-desc\">Use Free Transform to move and resize the photo until it fits inside the photo area.<\/div>\n<h3>Step 19: Add Your Text Below The Image<\/h3>\n<p>At this point, all that's left to do is add a text caption below the image. Select the <strong>Horizontal Type Tool<\/strong> from the Tools panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/photoshop-type-tool.gif\" alt=\"Selecting the Type Tool in Photoshop.\" width=\"65\" height=\"129\" \/>\n<div class=\"image-desc\">Select the Type Tool.<\/div>\n<p>With the Type Tool selected, choose your font and font size from the Options Bar. I'm going to use Trajan Pro at 24 pt:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/type-options.gif\" alt=\"The font options for the Type Tool in Photoshop.\" width=\"555\" height=\"49\" \/>\n<div class=\"image-desc\">Select your font and font size in the Options Bar.<\/div>\n<p>Click on the <strong>color swatch<\/strong> in the Options Bar and choose <strong>white<\/strong> as your text color from the Color Picker. Finally, click on the <strong>Center Text<\/strong> option to the left of the color swatch, which will make it a bit easier to center our text in the document as we're typing:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/type-options-2.gif\" alt=\"The text color and alignment options in the Options Bar.\" width=\"387\" height=\"57\" \/>\n<div class=\"image-desc\">Choose white as your text color and select the Center Text alignment option.<\/div>\n<p>Then, simply click in the black area below the center of the photo with the Type Tool and add your text. I'm going to type \"Steve Patterson Photography\". You'll probably want to add something different, unless of course you'd like to give me credit for your work. Notice that the spot you clicked on with the Type Tool becomes the center point for the text as you type thanks to the Center Text option we selected in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/adding-text.gif\" alt=\"Adding a text caption below the image.\" width=\"650\" height=\"173\" \/>\n<div class=\"image-desc\">With the Center Text option selected, the text extends out in both directions from the spot you clicked.<\/div>\n<p>When you're done, click the <strong>checkmark<\/strong> in the Options Bar to accept the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/checkmark.gif\" alt=\"Clicking the checkmark in the Options Bar to accept the text.\" width=\"353\" height=\"65\" \/>\n<div class=\"image-desc\">Click on the checkmark to exit out of text editing mode.<\/div>\n<h3>Step 20: Align The Text Horizontally If Needed<\/h3>\n<p>To make sure the text is aligned horizontally with the document, follow the same method we used in Step 6. With the text layer selected in the Layers panel, press <strong>Ctrl+A<\/strong> (Win) \/ <strong>Command+A<\/strong> (Mac) to select the entire document. Press the letter <strong>V<\/strong> to quickly select the Move Tool, then click on the <strong>Align Horizontal Centers<\/strong> option in the Options Bar. Photoshop will align the text perfectly in the horizontal center of the document. Press Ctrl+D (Win) \/ Command+D (Mac) when you're done to deselect the document. Once deselected, you can  press the <strong>Up and Down arrow keys<\/strong> on your keyboard if you need to nudge the text a little higher or lower:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/align-horizontal-centers.gif\" alt=\"The Align Horizontal Centers option in the Options Bar.\" width=\"490\" height=\"64\" \/>\n<div class=\"image-desc\">Use the Align Horizontal Centers option again, this time to align the text with the document.<\/div>\n<p>And with that, we're done! Here is my final \"gallery style photo frame\" layout:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/gallery-print\/photoshop-gallery-photo-frame.jpg\" alt=\"Photoshop gallery print photo frame effect. Image &copy; 2010 Steve Patterson, Photoshop Essentials.com\" width=\"610\" height=\"500\" \/>\n<div class=\"image-desc\">The final result.<\/div>\n<\/section>\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<aside>\n<p>And there we have it! That's how to create a gallery-style photo frame layout with Photoshop! Visit our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/p>\n<\/aside>\n<aside> <div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div> <\/aside>\n\n","protected":false},"excerpt":{"rendered":"<p>In this Photoshop tutorial, learn how to display your photos as if they were hanging in an art gallery with this easy to create gallery-style photo frame layout!<\/p>\n","protected":false},"author":1,"featured_media":15402,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[101,5],"tags":[],"class_list":["post-345","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-borders-and-frames","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>Gallery Style Photo Frame Layout - Photoshop Tutorial<\/title>\n<meta name=\"description\" content=\"Learn how to display your photos as if they were hanging in an art gallery with this easy to create gallery-style photo frame layout in Photoshop!\" \/>\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\/gallery-print\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gallery Style Photo Frame Layout With Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to display your photos as if they were hanging in an art gallery with this easy to create gallery-style photo frame layout in Photoshop!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/\" \/>\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=\"2012-10-02T15:41:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T17:05:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-gallery-photo-frame.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\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=\"14 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\\\/gallery-print\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/gallery-print\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Gallery Style Photo Frame Layout With Photoshop\",\"datePublished\":\"2012-10-02T15:41:18+00:00\",\"dateModified\":\"2019-04-13T17:05:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/gallery-print\\\/\"},\"wordCount\":2894,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/gallery-print\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-gallery-photo-frame.jpg\",\"articleSection\":[\"Photoshop Borders and Frames\",\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/gallery-print\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/gallery-print\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/gallery-print\\\/\",\"name\":\"Gallery Style Photo Frame Layout - Photoshop Tutorial\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/gallery-print\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/gallery-print\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-gallery-photo-frame.jpg\",\"datePublished\":\"2012-10-02T15:41:18+00:00\",\"dateModified\":\"2019-04-13T17:05:59+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to display your photos as if they were hanging in an art gallery with this easy to create gallery-style photo frame layout in Photoshop!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/gallery-print\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/gallery-print\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/gallery-print\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-gallery-photo-frame.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-gallery-photo-frame.jpg\",\"width\":250,\"height\":250,\"caption\":\"Gallery Style Photo Frame Layout With Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/gallery-print\\\/#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\":\"Borders and Frames\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Gallery Style Photo Frame Layout 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":"Gallery Style Photo Frame Layout - Photoshop Tutorial","description":"Learn how to display your photos as if they were hanging in an art gallery with this easy to create gallery-style photo frame layout in 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\/gallery-print\/","og_locale":"en_US","og_type":"article","og_title":"Gallery Style Photo Frame Layout With Photoshop","og_description":"Learn how to display your photos as if they were hanging in an art gallery with this easy to create gallery-style photo frame layout in Photoshop!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-02T15:41:18+00:00","article_modified_time":"2019-04-13T17:05:59+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-gallery-photo-frame.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Gallery Style Photo Frame Layout With Photoshop","datePublished":"2012-10-02T15:41:18+00:00","dateModified":"2019-04-13T17:05:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/"},"wordCount":2894,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-gallery-photo-frame.jpg","articleSection":["Photoshop Borders and Frames","Photoshop Photo Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/","name":"Gallery Style Photo Frame Layout - Photoshop Tutorial","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-gallery-photo-frame.jpg","datePublished":"2012-10-02T15:41:18+00:00","dateModified":"2019-04-13T17:05:59+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to display your photos as if they were hanging in an art gallery with this easy to create gallery-style photo frame layout in Photoshop!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-gallery-photo-frame.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-gallery-photo-frame.jpg","width":250,"height":250,"caption":"Gallery Style Photo Frame Layout With Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/gallery-print\/#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":"Borders and Frames","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/"},{"@type":"ListItem","position":4,"name":"Gallery Style Photo Frame Layout 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\/345","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=345"}],"version-history":[{"count":29,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/345\/revisions"}],"predecessor-version":[{"id":27437,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/345\/revisions\/27437"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15402"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}