{"id":5975,"date":"2018-10-09T00:01:09","date_gmt":"2018-10-09T04:01:09","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=5975"},"modified":"2022-11-02T10:03:39","modified_gmt":"2022-11-02T14:03:39","slug":"simple-solid-color-border","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/","title":{"rendered":"How to Add a Border to a Photo 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\/asUaIAy1jCI\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n<div class=\"summary\">\n<p>Learn how to add a simple photo border, and even two borders, around your image with Photoshop! A step-by-step tutorial for Photoshop CC, CS6 and earlier.<\/p>\n<\/div>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>Photo borders are a great way to add a sense of class and elegance to an image. And adding a border is easy once you know the steps. We'll start by adding more space around the image using Photoshop's Canvas Size command. Then, to create the border, we'll fill the space with color using a Solid Color fill layer. You'll learn how to choose a color for the border from the Color Picker, and how to blend the border with your photo by choosing a color directly from the image itself!<\/p>\n<p>Once we've added the main photo border, I'll show you how to add a second, smaller border around the image using a layer effect.<\/p>\n<p>I'll use <a href=\"https:\/\/prf.hn\/l\/MDQ3Gg9\" title=\"view on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">this image<\/a> that I downloaded from Adobe Stock:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/original-image.jpg\" alt=\"How to blend text into a background image of clouds in Photoshop\" width=\"699\" height=\"391\" \/>\n<div class=\"image-desc\">The original image. Credit: Adobe Stock.<\/div>\n<p>And here's the image with the photo border around it. You'll learn how to customize the size and colors of the border as we work through the steps:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/photoshop-photo-border-effect.jpg\" alt=\"How to add a border to a photo with Photoshop\" width=\"698\" height=\"487\" \/>\n<div class=\"image-desc\">The photo border effect.<\/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 photo border in Photoshop<\/h2>\n<p>For this tutorial, I'm using <a href=\"https:\/\/prf.hn\/l\/dlXjD2w\" title=\"Get Photoshop CC\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop CC<\/a> but any recent version of Photoshop will work. You can also follow along with my <a href=\"https:\/\/youtu.be\/asUaIAy1jCI\" title=\"Watch the video\" target=\"_blank\" rel=\"noopener noreferrer\">video of this tutorial<\/a> on our YouTube channel. Or download this tutorial as a <a href=\"\/print-ready-pdfs\/\" title=\"Learn more\">print-ready PDF<\/a>!<\/p>\n<h3>Step 1: Zoom out to make room for the border<\/h3>\n<p>To create the photo border, we'll be <a href=\"\/basics\/increasing-canvas-size-crop-tool-photoshop\/\" title=\"View tutorial\">adding more canvas space<\/a> around the image. So lets give ourselves more room to work by zooming out. To zoom out from your keyboard, press and hold the <strong>Ctrl<\/strong> key on a Windows PC, or the <strong>Command<\/strong> key on a Mac, and press the <strong>minus<\/strong> key. This gives us more room to see the border:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/zoom-out.jpg\" alt=\"Zooming out of the image in Photoshop to make room for the photo border\" width=\"700\" height=\"392\" \/>\n<div class=\"image-desc\">Zooming out from the image to make room for the photo border.<\/div>\n<h3>Step 2: Unlock the Background layer<\/h3>\n<p>If we look in the <a href=\"\/basics\/layers\/layers-panel\/\" title=\"View tutorial\">Layers panel<\/a>, we see the image on the <a href=\"\/basics\/background-layer-photoshop-cc\/\" title=\"View tutorial\">Background layer<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/layers-panel-photoshop.png\" alt=\"Photoshop Layers panel showing the photo on the Background layer\" width=\"275\" height=\"291\" \/>\n<div class=\"image-desc\">The Layers panel showing the image on the Background layer.<\/div>\n<p>We need to unlock the Background layer so we can add other layers below it. To unlock it, in Photoshop CC, just click the <strong>lock icon<\/strong>. In CS6 or earlier, press and hold the <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key on your keyboard and <strong>double-click<\/strong>. This removes the lock icon and renames the layer to &quot;Layer 0&quot;:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/unlock-background-layer.png\" alt=\"Unlocking the Background layer in the Layers panel in Photoshop\" width=\"275\" height=\"188\" \/>\n<div class=\"image-desc\">Unlocking the Background layer.<\/div>\n<h3>Step 3: Open the Canvas Size dialog box<\/h3>\n<p>To add more canvas space around the image, go up to the <strong>Image<\/strong> menu in the Menu Bar and choose <strong>Canvas Size<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/photoshop-canvas-size-command.png\" alt=\"Selecting the Canvas Size command in Photoshop\" width=\"231\" height=\"108\" \/>\n<div class=\"image-desc\">Going to Image &gt; Canvas Size.<\/div>\n<h3>Step 4: Add more canvas around the photo<\/h3>\n<p>In the Canvas Size dialog box, make sure that the <strong>Relative<\/strong> option is checked. And then, in the <strong>Anchor grid<\/strong>, make sure that the <strong>center square<\/strong> is selected. This will add the new canvas space equally around the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/canvas-size-dialog-box-photoshop.png\" alt=\"The Relative Option and Anchor Grid in Photoshop's Canvas Size dialog box\" width=\"436\" height=\"239\" \/>\n<div class=\"image-desc\">Make sure Relative and the center square are selected.<\/div>\n<p>Then, enter the size you need for your photo border into the <strong>Width<\/strong> and <strong>Height<\/strong> fields. Keep in mind that the value you enter will be divided equally between both sides. And that's true for both the width and the height. So if you want a quarter-inch border around the image, you'll actually want to enter 0.5 inches for the Width and Height. For a 1-inch border, you'll need to enter 2 inches. In other words, whatever size you need, enter <em>twice<\/em> that amount.<\/p>\n<p>In my case, I want a half-inch border, so I'll set both the <strong>Width<\/strong> and <strong>Height<\/strong> to twice that amount, or <strong>1 inch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/canvas-size-new-width-height.png\" alt=\"Entering the photo border size into the Width and Height boxes in Photoshop's Canvas Size dialog box\" width=\"437\" height=\"149\" \/>\n<div class=\"image-desc\">Enter twice the size you need into the Width and Height boxes.<\/div>\n<p>Then, to add the canvas space, click OK to close the dialog box. And here we see the new canvas around the image. The checkerboard pattern means that the space is currently filled with transparency, but we'll add color to it next:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/new-canvas-size-transparency.jpg\" alt=\"The new canvas space around the image that will become the photo border.\" width=\"642\" height=\"448\" \/>\n<div class=\"image-desc\">The new canvas space that will become the photo border.<\/div>\n<h4>How to undo the canvas size and try again<\/h4>\n<p>If you chose the wrong size for your border, you can undo it by going up to the <strong>Edit<\/strong> menu and choosing <strong>Undo Canvas Size<\/strong>. Then re-open the Canvas Size dialog box (go to Image &gt; Canvas Size) and try again:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/edit-undo-canvas-size-photoshop.png\" alt=\"Choosing the Undo Canvas Size command in Photoshop\" width=\"283\" height=\"97\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Undo Canvas Size.<\/div>\n<h3>Step 5: Add a Solid Color fill layer<\/h3>\n<p>To fill the border with a color, we'll use one of Photoshop's Solid Color fill layers. In the Layers panel, 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\/simple-photo-border\/new-fill-adjustment-layer-icon.png\" alt=\"Clicking the New Fill or Adjustment Layer icon in the Layers panel in Photoshop.\" width=\"275\" height=\"188\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>And then choose <strong>Solid Color<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/choose-solid-color.png\" alt=\"Adding a Solid Color fill layer in Photoshop\" width=\"174\" height=\"111\" \/>\n<div class=\"image-desc\">Adding a Solid Color fill layer.<\/div>\n<h3>Step 6: Choose white for the color of the photo border<\/h3>\n<p>In the <strong>Color Picker<\/strong>, choose the color you want for your border. I'll choose <strong>white<\/strong> for now, but I'll show you how to change the color in a moment:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/color-picker-white.jpg\" alt=\"Choosing white in the Color Picker for the photo border color\" width=\"544\" height=\"388\" \/>\n<div class=\"image-desc\">Choosing white in the Color Picker.<\/div>\n<p>Click OK when you're done to close the Color Picker. And Photoshop temporarily fills the entire document with white, blocking the image from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/document-filled-white.png\" alt=\"The image is temporarily blocked by the Solid Color fill layer\" width=\"639\" height=\"449\" \/>\n<div class=\"image-desc\">The fill layer blocks the image from view.<\/div>\n<h3>Step 7: Drag the fill layer below the image<\/h3>\n<p>To fix that, back in the Layers panel, click and drag the fill layer below the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/move-fill-layer.png\" alt=\"Moving the Solid Color fill layer below the image on Layer 0\" width=\"275\" height=\"204\" \/>\n<div class=\"image-desc\">Dragging the fill layer below \"Layer 0\".<\/div>\n<p>And now the color from the fill layer appears only inside the border:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/white-photo-border.jpg\" alt=\"How to add a photo border to an image with Photoshop\" width=\"698\" height=\"485\" \/>\n<div class=\"image-desc\">The initial photo border effect.<\/div>\n<h3>Step 8: Change the border color (optional)<\/h3>\n<p>If you want something other than white, you can choose a different color for your border by double-clicking on the fill layer's <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/fill-layer-color-swatch.png\" alt=\"Double-clicking on the fill layer's color swatch in the Layers panel\" width=\"275\" height=\"174\" \/>\n<div class=\"image-desc\">Double-clicking on the color swatch in the Layers panel.<\/div>\n<p>This re-opens the Color Picker where you can choose something different. And as you try different colors, you'll see a live preview of the new color around the image. So if I choose <strong>black<\/strong> instead of white:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/color-picker-black.jpg\" alt=\"Changing the photo border color to black in the Color Picker in Photoshop\" width=\"543\" height=\"388\" \/>\n<div class=\"image-desc\">Choosing black in the Color Picker.<\/div>\n<p>Then my border instantly changes to black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/black-photo-border-photoshop.jpg\" alt=\"The photo border color has been changed to black\" width=\"639\" height=\"444\" \/>\n<div class=\"image-desc\">The same border, now in black.<\/div>\n<h4>How to choose a border color from the image<\/h4>\n<p>You can choose any color you like from the Color Picker. Or, you can choose a color directly from the image itself. Just move your cursor into the image and click on the color you need. I'll choose a light gray from the window in the background:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/sample-photo-border-color.jpg\" alt=\"Choosing a photo border color from the image\" width=\"638\" height=\"462\" \/>\n<div class=\"image-desc\">Choosing a photo border color from the image.<\/div>\n<p>And again, the border instantly changes to the new color. To accept it, click OK to close the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/gray-photo-border-photoshop.jpg\" alt=\"How to choose a photo border color from the image in Photoshop\" width=\"639\" height=\"444\" \/>\n<div class=\"image-desc\">The photo border now blends better with the image.<\/div>\n<h2 class=\"sub\">Adding a smaller border inside the main border<\/h2>\n<p>Now that we've added the main border, let's add a second, smaller border inside the main one. And we'll do that using a layer effect.<\/p>\n<h3>Step 9: Select \"Layer 0\"<\/h3>\n<p>In the Layers panel, select the image on \"Layer 0\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/select-photo-layer.png\" alt=\"Selecting the image in the Layers panel\" width=\"275\" height=\"188\" \/>\n<div class=\"image-desc\">Clicking on the image layer to select it.<\/div>\n<h3>Step 10: Add a Stroke layer style<\/h3>\n<p>Then click the <strong>Layer Styles<\/strong> icon (the \"fx\" icon):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/click-layer-effects-icon.png\" alt=\"Clicking the Layer Styles icon in the Layers panel in Photoshop\" width=\"275\" height=\"158\" \/>\n<div class=\"image-desc\">Clicking the \"fx\" icon in the Layers panel.<\/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\/simple-photo-border\/choose-stroke-layer-style.png\" alt=\"Choosing a Stroke layer effect in Photoshop\" width=\"157\" height=\"127\" \/>\n<div class=\"image-desc\">Choosing a Stroke layer effect.<\/div>\n<p>In the Layer Style dialog box, leave the stroke <strong>color<\/strong> set to <strong>black<\/strong> for now, and make sure that the <strong>Position<\/strong> is set to <strong>Inside<\/strong>. Then, increase the width of the stroke by dragging the <strong>Size<\/strong> slider:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/stroke-layer-style-options.png\" alt=\"The Stroke layer effect options in Photoshop\" width=\"353\" height=\"299\" \/>\n<div class=\"image-desc\">The Stroke options.<\/div>\n<p>As you drag, you'll see the size of the stroke increasing around the inside of the main border:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/second-black-border.jpg\" alt=\"The stroke appears between the photo and the border\" width=\"639\" height=\"444\" \/>\n<div class=\"image-desc\">The stroke appears between the photo and the border.<\/div>\n<h3>Step 11: Change the color of the stroke (optional)<\/h3>\n<p>If you don't want black as your stroke color, you can change it by clicking the <strong>color swatch<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/stroke-color-swatch.png\" alt=\"Clicking the stroke color swatch in the Layer Style dialog box\" width=\"341\" height=\"169\" \/>\n<div class=\"image-desc\">Clicking the stroke's color swatch.<\/div>\n<p>Then, in the Color Picker, choose a different color. Or, just like we did for the main border, you can choose a color directly from your image. I'll click on a color from the background:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/sample-stroke-color.jpg\" alt=\"Sampling a color for the stroke from the image\" width=\"642\" height=\"387\" \/>\n<div class=\"image-desc\">Choosing a color for the stroke from the image.<\/div>\n<p>And the stroke instantly updates to the new color. When you're happy with the color, click OK to close the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/photo-border-new-stroke-color.jpg\" alt=\"How to choose a color for the stroke from the image in Photoshop\" width=\"639\" height=\"444\" \/>\n<div class=\"image-desc\">Both the border and the stroke now use colors from the image.<\/div>\n<h3>Step 12: Adjust the size of the stroke<\/h3>\n<p>Finally, I'll finish off the effect by adjusting the Size slider to fine-tune the thickness of the stroke. I'm using a fairly large image here so I'll go with a Size value of around 32px. Then to accept it, I'll click OK to close the Layer Style dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/adjust-stroke-size.png\" alt=\"How to adjust the size of the stroke around the image in Photoshop\" width=\"347\" height=\"261\" \/>\n<div class=\"image-desc\">Fine-tuning the size of the stroke.<\/div>\n<p>And here's my final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/simple-photo-border\/photoshop-photo-border-effect.jpg\" alt=\"How to add a border to a photo with Photoshop\" width=\"698\" height=\"487\" \/>\n<div class=\"image-desc\">The final \"photo border\" effect.<\/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 easy it is to add a border around your photos with Photoshop! For more photo border effects, check out my <a href=\"\/photo-effects\/borders-and-frames\/drop-shadow-border\/\" title=\"View tutorial\">drop shadow photo border<\/a> and my <a href=\"\/photo-effects\/borders-and-frames\/matted-picture-frame\/\" title=\"View tutorial\">picture frame<\/a> tutorials, as well as my tutorial on how to create a <a href=\"\/photo-effects\/painted-edges-photo-border-cs6\/\" title=\"View tutorial\">painted edges<\/a> border. Or visit my <a href=\"\/photo-effects\/\" title=\"View Photoshop Photo Effects tutorials\">Photo Effects<\/a> section for more tutorials! And don't forget, all of our tutorials are now available to <a href=\"\/print-ready-pdfs\" title=\"Learn more\">download as PDFs<\/a>!<\/p>\n<\/section>\n<p><div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div><br \/>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add a simple border around your photo with Photoshop CC and CS6.<\/p>\n","protected":false},"author":1,"featured_media":26115,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[101],"tags":[],"class_list":["post-5975","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-borders-and-frames"],"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>How to Add a Border to a Photo with Photoshop<\/title>\n<meta name=\"description\" content=\"Add a sense of elegance to your image with a simple, decorative photo border. Learn how to add a border to a photo with this step-by-step tutorial.\" \/>\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\/borders-and-frames\/simple-solid-color-border\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add a border to a photo with Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to sdd a simple photo border around your images with Photoshop! A step-by-step tutorial for Photoshop CC, CS6 and earlier.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/\" \/>\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=\"2018-10-09T04:01:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-02T14:03:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2018\/10\/add-border-to-photo-photoshop-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=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/simple-solid-color-border\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/simple-solid-color-border\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"How to Add a Border to a Photo with Photoshop\",\"datePublished\":\"2018-10-09T04:01:09+00:00\",\"dateModified\":\"2022-11-02T14:03:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/simple-solid-color-border\\\/\"},\"wordCount\":1537,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/simple-solid-color-border\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/add-border-to-photo-photoshop-f.jpg\",\"articleSection\":[\"Photoshop Borders and Frames\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/simple-solid-color-border\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/simple-solid-color-border\\\/\",\"name\":\"How to Add a Border to a Photo with Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/simple-solid-color-border\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/simple-solid-color-border\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/add-border-to-photo-photoshop-f.jpg\",\"datePublished\":\"2018-10-09T04:01:09+00:00\",\"dateModified\":\"2022-11-02T14:03:39+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Add a sense of elegance to your image with a simple, decorative photo border. Learn how to add a border to a photo with this step-by-step tutorial.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/simple-solid-color-border\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/simple-solid-color-border\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/simple-solid-color-border\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/add-border-to-photo-photoshop-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/add-border-to-photo-photoshop-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"How to add a border to a photo with Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/simple-solid-color-border\\\/#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\":\"Borders and Frames - Solid Color Border\"}]},{\"@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":"How to Add a Border to a Photo with Photoshop","description":"Add a sense of elegance to your image with a simple, decorative photo border. Learn how to add a border to a photo with this step-by-step tutorial.","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\/borders-and-frames\/simple-solid-color-border\/","og_locale":"en_US","og_type":"article","og_title":"How to add a border to a photo with Photoshop","og_description":"Learn how to sdd a simple photo border around your images with Photoshop! A step-by-step tutorial for Photoshop CC, CS6 and earlier.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2018-10-09T04:01:09+00:00","article_modified_time":"2022-11-02T14:03:39+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2018\/10\/add-border-to-photo-photoshop-share.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"How to Add a Border to a Photo with Photoshop","datePublished":"2018-10-09T04:01:09+00:00","dateModified":"2022-11-02T14:03:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/"},"wordCount":1537,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2014\/11\/add-border-to-photo-photoshop-f.jpg","articleSection":["Photoshop Borders and Frames"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/","name":"How to Add a Border to a Photo with Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2014\/11\/add-border-to-photo-photoshop-f.jpg","datePublished":"2018-10-09T04:01:09+00:00","dateModified":"2022-11-02T14:03:39+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Add a sense of elegance to your image with a simple, decorative photo border. Learn how to add a border to a photo with this step-by-step tutorial.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2014\/11\/add-border-to-photo-photoshop-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2014\/11\/add-border-to-photo-photoshop-f.jpg","width":250,"height":250,"caption":"How to add a border to a photo with Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/simple-solid-color-border\/#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":"Borders and Frames - Solid Color Border"}]},{"@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\/5975","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=5975"}],"version-history":[{"count":81,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/5975\/revisions"}],"predecessor-version":[{"id":33565,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/5975\/revisions\/33565"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/26115"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=5975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=5975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=5975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}