{"id":24,"date":"2012-09-28T18:49:47","date_gmt":"2012-09-28T18:49:47","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=24"},"modified":"2022-11-06T00:19:54","modified_gmt":"2022-11-06T04:19:54","slug":"painted-photo-edges","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/","title":{"rendered":"Painted Edges Photo Border Effect"},"content":{"rendered":"<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop Effects tutorial<\/strong>, we're going to combine a couple of different effects. First, we'll give a photo easy-to-create <strong>painted edges<\/strong>, and then we'll make it look as if it was <strong>printed on canvas<\/strong>. We'll be loading in and using a couple of Photoshop's brushes for the painted edges effect, adding a layer mask to paint on, and finally using the Texturizer filter for the canvas effect. When we're done, we'll see how we can use our Photoshop file as a template to quickly and easily give other photos the exact same look!<\/p>\n<p>This version of the tutorial is for Photoshop CS5 and earlier. For Photoshop CS6 and CC (Creative Cloud), check out our <a href=\"\/photo-effects\/painted-edges-photo-border-cs6\/\">fully updated version<\/a>.<\/p>\n<p style=\"clear:both;\">Here's the original image I'll be using for this tutorial:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/original.jpg\" alt=\"The original image\" \/>\n<div class=\"image-desc\">The original image.<\/div>\n<p>And here's the \"painted edges on canvas\" effect we're going for:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/final-result.jpg\" alt=\"The final result\" \/>\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>This tutorial is from our <a href=\"\/photo-effects\/\" title=\"More Photoshop photo effects tutorials\">Photo Effects<\/a> series. Let's get started!<\/p>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h4>Step 1: Add A New Layer<\/h4>\n<p>With my photo open in Photoshop, my Layers panel is showing me that I have one layer, the Background layer which Photoshop adds by default and contains my original image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/background-layer.jpg\" alt=\"The Background layer in Photoshop's Layers panel\" \/>\n<div class=\"image-desc\">Photoshop's Layers panel showing the Background layer containing my original image.<\/div>\n<p>The first thing I want to do for this effect is add a new blank layer above my Background layer, so I'll click 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\/painted-edges\/add-new-layer.jpg\" alt=\"Clicking the 'New Layer' button at the bottom of Photoshop's Layers panel\" \/>\n<div class=\"image-desc\">Add a new layer by clicking the \"New Layer\" icon at the bottom of the Layers panel.<\/div>\n<p>This gives me a new layer above the Background layer, which Photoshop automatically names \"Layer 1\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/layer-1-added.jpg\" alt=\"The new layer, 'Layer 1', above the Background layer in Photoshop's Layers panel\" \/>\n<div class=\"image-desc\">Photoshop tutorial: The Layers panel showing the new layer, \"Layer 1\", above the Background layer.<\/div>\n<p>I'm going to <strong>double-click directly on the name of the layer<\/strong> and rename it from \"Layer 1\" to something more descriptive, like \"white background\", since we'll be filling it with white in the next step and it will eventually <em>appear<\/em> to be the background on which the photo sits:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/white-background.jpg\" alt=\"Renaming 'Layer 1' to 'white background'\" \/>\n<div class=\"image-desc\">Rename \"Layer 1\" to \"white background\" or something similar of your choosing.<\/div>\n<h4>Step 2: Fill The New Layer With White<\/h4>\n<p>Next, because I want my photo to look like it was painted onto a white background, I need to fill this new layer with white. I could use Photoshop's Fill command for this, but there's an even easier way. First, press the letter <strong>D<\/strong> on your keyboard to <strong>reset your foreground and background colors<\/strong> to their defaults of black and white, respectively, if they're not set to that already. You'll see them switch back to black and white in Photoshop's Tools palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/default-colors.gif\" alt=\"The Tools palette showing the default black and white colors for Foreground and Background\" \/>\n<div class=\"image-desc\">Press \"D\" on your keyboard to switch the foreground color to it's default black and the background color to white.<\/div>\n<p>With white now as your background color and the \"white background\" layer selected in the Layers panel, use the keyboard shortcut <strong>Ctrl+Backspace<\/strong> (Win) \/ <strong>Command+Delete<\/strong> (Mac) to fill the layer with white. The image will now be hidden from view temporarily by the solid white layer above it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/filled-with-white.jpg\" alt=\"The new layer now filled with white\" \/>\n<div class=\"image-desc\">The new layer is now filled with white, temporarily hiding the photo behind it.<\/div>\n<h4>Step 3: Load The \"Thick Heavy Brushes\" Brush Set<\/h4>\n<p>To create our painted edges effect, we need a couple of Photoshop's brushes which install with Photoshop but aren't loaded in by default, so we need to load them ourselves, which is very easy to do. First, <strong>select the Brush tool<\/strong> by grabbing it from the Tools palette or by pressing the letter <strong>B<\/strong> on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/select-brush-tool.gif\" alt=\"Select the Brush tool\" \/>\n<div class=\"image-desc\">Select the Brush tool.<\/div>\n<p>With the Brush tool selected, <strong>right-click<\/strong> (Win) \/ <strong>Command-click<\/strong> (Mac) anywhere inside the document window to bring up the Brush tool options dialog box, and then <strong>click on the little right-pointing arrow<\/strong> in the top right corner of it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/brush-options-dialog-box.gif\" alt=\"The Brush tool options dialog box\" \/>\n<div class=\"image-desc\">Click the right-pointing arrow in the top right of the Brush tool options dialog box.<\/div>\n<p>Then select the <strong>Thick Heavy Brushes<\/strong> brush set from the list that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/select-thick-heavy-brushes.gif\" alt=\"Select the 'Thick Heavy Brushes' brush set\" \/>\n<div class=\"image-desc\">Select the \"Thick Heavy Brushes\" brush set to load it.<\/div>\n<p>A dialog box will pop up asking you if you want to replace your current brush set with this new one. Choose <strong>Append<\/strong> rather than OK, so the new brush set gets added in with the default brushes and doesn't replace them altogether:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/append-brush-set.gif\" alt=\"Append the brush set to the default brushes\" \/>\n<div class=\"image-desc\">Choose \"Append\" from the dialog box when asked if you want to replace the current brushes with the new set.<\/div>\n<h4>Step 4:Choose The &quot;Flat Bristle&quot; 111-Pixel Brush<\/h4>\n<p>With the Thick Heavy Brushes brush set loaded, scroll down the list of your available brushes until you get near the bottom of the list, and that's where you'll find the <strong>Flat Bristle 111-pixel brush<\/strong>. If you have Photoshop's Preferences set up to show tool tips, the name of the brush will appear when you hover your mouse over the brush:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/choose-flat-bristle.jpg\" alt=\"Select the 111-pixel Flat Bristle brush from the list\" \/>\n<div class=\"image-desc\">Select the 111-pixel \"Flat Bristle\" brush near the bottom of the list.<\/div>\n<p>You'll find two 111-pixels brushes down near the bottom. The one we want first is the one on top, but we'll also be using the one below it in a few moments.        Now that we have our brush loaded and selected, it's time to start creating our painted edges effect. First, we'll need a layer mask, and we'll add that next.<\/p>\n<h4>Step 5: Add A Layer Mask To The \"White Background\" Layer<\/h4>\n<p>We're going to start painting with our brush to create our painted edges effect, but we're not going to paint directly on the image itself. We're going to paint on a layer mask, and before we can paint on it, we need to create it, so let's do that. Make sure the \"white background\" layer is selected in the Layers panel, then click on the <strong>Add Layer Mask<\/strong> icon at the bottom of the palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/add-layer-mask-icon.jpg\" alt=\"Adding a layer mask\" \/>\n<div class=\"image-desc\">With the \"white background\" layer selected, click on the \"Add Layer Mask\" icon at the bottom of Photoshop's Layers panel.<\/div>\n<p>This will add a layer mask to the \"white background\" layer. You can see it in the Layers panel directly to the right of the layer's thumbnail preview area:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/layer-mask-added.jpg\" alt=\"The layer mask added\" \/>\n<div class=\"image-desc\">The layer mask appears to the right of the \"white background\" layer's thumbnail preview area.<\/div>\n<p>Using our 111-pixel Flat Bristle brush that we've already selected, and with black already set as our foreground color from when we reset the foreground and background colors to their defaults a moment ago, we're going to paint with black on this layer mask, and as we paint, the photo on the Background layer will begin to re-appear through this solid white layer.<\/p>\n<h4>Step 6: Begin Painting From Side To Side On The Layer Mask<\/h4>\n<p>Make sure that the layer mask is selected and not the layer itself. You can see the highlight box around the layer mask thumbnail in the screenshot above, which means it's selected. Click on it to select it if it isn't selected for some reason. Then, with the mask selected, begin painting strokes from left to right inside the document window. Because we're painting on the layer mask with black, any areas we paint over will become transparent, revealing the layer below, which in this case is our Background layer containing our photo. You can see the painted edges effect beginning to take shape as you paint with the brush:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/painting-with-brush.jpg\" alt=\"Painting with black on the layer mask to reveal the photo below.\" \/>\n<div class=\"image-desc\">Painting with black on the layer mask to reveal the photo below.<\/div>\n<p>The Flat Bristle brush we're using does a nice job of giving us a painted look and feel, not only around the edges but also inside the area we're painting, since it leaves occasional white gaps in the brush stroke which add to the illusion that we really are painting this photo with a dry brush.<\/p>\n<p>You can see in the Layers panel that the areas we're painting over in the document window are showing up as black in the layer mask thumbnail preview area:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/painting-on-mask.jpg\" alt=\"The layer mask showing the black areas where we're painting\" \/>\n<div class=\"image-desc\">The areas we're painting over in the image appear black in the layer mask thumbnail preview area.<\/div>\n<p>Continue painting with your brush until you're happy with how it looks. If you paint a stroke and it doesn't look right to you, simply undo it with <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) and then re-paint the stroke. Here's my result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/continue-painting.jpg\" alt=\"The image so far\" \/>\n<div class=\"image-desc\">The image so far.<\/div>\n<p>We're going to switch to the other 111-pixel brush we loaded and touch up the edges next.<\/p>\n<h4><span>Step 7:<\/span> Select The 111-pixel \"Rough Flat Bristle\" Brush<\/h4>\n<p>We're going to switch brushes now and touch up the edges to enhance the painted look. Once again, <strong>right-click<\/strong> (Win) \/ <strong>Command-click<\/strong> (Mac) anywhere inside the image to bring up the Brush options dialog box, scroll down to near the bottom of the list of available brushes, and this time, click on the 111-pixel brush directly below the one we just used, the <strong>Rough Flat Bristle<\/strong> brush:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/select-rough-brush.jpg\" alt=\"Select the 111-pixel 'Rough Flat Bristle' brush\" \/>\n<div class=\"image-desc\">Select the other 111-pixel brush directly below the one we just used in the list.<\/div>\n<h4><span>Step 8:<\/span> Paint Small Strokes Around The Edges To Enhance The Effect<\/h4>\n<p>With the new brush selected, and making sure the layer mask, not the layer itself, is still selected in the Layers panel, go around the edges and paint small strokes to add some specks and paint splatters, enhancing the effect. The trick here is to keep most of the brush inside the already painted area so only a small percentage of it is extending out beyond the edges. You don't want to overdo it here. Allow only a tiny bit of the brush to extend into the white area and paint with very short strokes. Even simply clicking an area once with the brush can be enough. Again, if you feel you made a mistake, press <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) to undo and try again. There's no pressure to get it right the first time, so feel free to experiment:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/smaller-brush.jpg\" alt=\"Paint short strokes around the edges with the new brush.\" \/>\n<div class=\"image-desc\">Allowing only a small percentage of the brush to extend into the white area, paint very short strokes or simply click with the new brush around the edges to add paint specks and splattering.<\/div>\n<p>Our painted edges effect is complete! You could stop here if you wanted, but I'm going to take things further and make it look as if the photo was printed on canvas, and we're going to do it in a way that allows us to re-use this Photoshop file as a template for other photos with no repeat steps. We'll do that next.<\/p>\n<h4><span>Step 9:<\/span> Add A New Layer Above The \"White Background\" Layer<\/h4>\n<p>With the \"white background\" layer selected (it doesn't matter here if the layer or the layer mask is selected, either one will do), add a new layer. This time, let's use the keyboard shortcut, <strong>Shift+Ctrl+N<\/strong> (Win) \/ <strong>Shift+Command+N<\/strong> (Mac), which brings up Photoshop's <strong>New Layer<\/strong> dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/new-layer-dialog-box.jpg\" alt=\"Photoshop's New Layer dialog box\" \/>\n<div class=\"image-desc\">Use the keyboard shortcut to bring up Photoshop's New Layer dialog box.<\/div>\n<p>Inside the dialog box, rename the new layer we're creating to \"Canvas\", as I've circled in red above. Nothing else needs to be changed, then click OK and Photoshop will add the new layer above the \"white background\" layer and will name it \"Canvas\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/canvas-layer-added.jpg\" alt=\"The new layer added and named 'Canvas'\" \/>\n<div class=\"image-desc\">The Layers panel showing the newly added layer, \"Canvas\", above the \"white background\" layer.<\/div>\n<p>We named it \"Canvas\" because this layer is going to contain our canvas effect, as we'll see in a moment.<\/p>\n<h4><span>Step 10:<\/span> Fill The \"Canvas\" Layer With White<\/h4>\n<p>Just as we did with the \"white background\" layer, use the keyboard shortcut <strong>Ctrl+Backspace<\/strong> (Win) \/ <strong>Command+Delete<\/strong> (Mac) to fill this layer with white, since white is still our background color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/canvas-filled-with-white.jpg\" alt=\"The 'Canvas' layer now filled with white\" \/>\n<div class=\"image-desc\">Fill the \"Canvas\" layer with white.<\/div>\n<p>Our image is once again hidden from view, but that's okay for the moment.<\/p>\n<h4><span>Step 11:<\/span> Apply A Canvas Texture To The Layer With The Texturizer Filter<\/h4>\n<p>We're now going to apply a canvas texture to this layer. Go up to the <strong>Filter menu<\/strong> at the top of the screen, select <strong>Texture<\/strong>, and then select <strong>Texturizer<\/strong>, which brings up the massive Filter Gallery dialog box showing us the options for the Texturizer filter over on the far right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/texturizer-filter.jpg\" alt=\"The Filter Gallery displaying the Texturizer filter options\" \/>\n<div class=\"image-desc\">The Filter Gallery displaying the Texturizer filter options.<\/div>\n<p>I've circled the options we're interested in with red above. Make sure <strong>Texture<\/strong> is set to <strong>Canvas<\/strong>, <strong>Scaling<\/strong> is set to <strong>100%<\/strong>, <strong>Relief<\/strong> is set to <strong>4<\/strong>, and the <strong>Light<\/strong> direction is set to <strong>Top<\/strong>. Click OK and Photoshop will apply the texture to the \"Canvas\" layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/canvas-texture-applied.jpg\" alt=\"The canvas texture has been applied to the layer\" \/>\n<div class=\"image-desc\">The canvas texture applied to the \"Canvas\" layer.<\/div>\n<p>We can see the canvas texture but we can't see our image. We're going to fix that next.<\/p>\n<h4>Step 12: Change The Blend Mode Of The \"Canvas\" Layer To \"Multiply\"<\/h4>\n<p>We're almost done. Just a couple more quick steps to go. In order to see our image through the canvas texture, we're going to <strong>change the blend mode<\/strong> of the \"Canvas\" layer. Go up to the blend mode options at the top of the Layers panel, click on the down-pointing arrow to the right of the word \"Normal\", and select <strong>Multiply<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/select-multiply.jpg\" alt=\"Changing the blend mode from Normal to Multiply\" \/>\n<div class=\"image-desc\">Change the \"Canvas\" layer's blend mode from \"Normal\" to \"Multiply\".<\/div>\n<p>As soon as we do that, our image becomes visible behind the texture:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/image-multiply.jpg\" alt=\"The image now visible behind the canvas texture\" \/>\n<div class=\"image-desc\">The photo with our painted edges effect is now visible behind the canvas texture.<\/div>\n<h4>Step 13: Lower The Opacity Of The \"Canvas\" Layer<\/h4>\n<p>The texture effect is too intense though, so let's reduce it, and we can do that by <strong>lowering the opacity value<\/strong> of the layer. Go up to the Opacity value in the top right corner of the Layers panel, click your mouse directly on the word \"Opacity\" to bring up Photoshop's \"scrubby sliders\", then drag your mouse to the left to lower the opacity. I'm going to lower mine quite a bit, down to <strong>30%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/lower-opacity.jpg\" alt=\"Lowering the opacity of the layer\" \/>\n<div class=\"image-desc\">Lower the opacity of the layer to reduce the canvas effect.<\/div>\n<p>And there we go, here's my final result with the painted edges effect and the canvas texture lowered to an opacity value of 30%:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/final-result.jpg\" alt=\"The final result\" \/>\n<div class=\"image-desc\">The final result.<\/div>\n<p>The effect is complete. <strong>Save your Photoshop .PSD file at this point<\/strong>, since we can now use it as a template to quickly add this same effect to other photos, as we'll see in the final section of this tutorial.<\/p>\n<p>Our \"Painted Edges On Canvas\" effect is done, and our Photoshop .PSD document is saved. So what if we have another photo that we want to apply this same effect to? Do we have to go through all these steps again? Nope, we sure don't.<\/p>\n<p>Let's take a look at what we have in our Layers panel now that we've gone through all the steps to create the effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/final-layers-palette.jpg\" alt=\"The Layers panel\" \/>\n<div class=\"image-desc\">The Layers panel after completing all the steps.<\/div>\n<p>We have three layers in total. First, at the bottom is our original Background layer containing the photo. Above that is our \"white background\" layer containing our painted edges effect. Finally, at the top is our canvas texture layer. Now let's say I have a different photo that I want to use this effect with. I'll use this photo below:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/new-photo.jpg\" alt=\"A new photo\" \/>\n<p>I want to apply the exact same effect to this photo without having to repeat any of the steps. How do I do it? Easy.<\/p>\n<h4>Step 1: Select The Background Layer In The Painted Edges Photoshop File<\/h4>\n<p>Going back to my \"Painted Edges On Canvas&quot; .PSD file, I'm going to click on my Background layer in the Layers panel to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/select-background-layer.jpg\" alt=\"Select the Background layer\" \/>\n<div class=\"image-desc\">Select the Background layer in the \"Painted Edges\" effect Photoshop file.<\/div>\n<h4>Step 2: Select The Move Tool<\/h4>\n<p>Grab the <strong>Move tool<\/strong> from the Tools palette, or press the letter <strong>M<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/move-tool.gif\" alt=\"Select the Move tool\" \/>\n<div class=\"image-desc\">Select the Move tool.<\/div>\n<h4>Step 3: Drag The New Photo Into The Painted Edges Effect Document<\/h4>\n<p>With the Move tool selected and the Background layer selected in the \"Painted Edges\" Layers panel, click anywhere inside the new photo's document window and drag it into the \"Painted Edges\" effect document window:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/both-images.jpg\" alt=\"Drag the new photo into the painted edges effect document\" \/>\n<div class=\"image-desc\">Drag the new photo into the &quot;Painted Edges&quot; effect document with the Move tool.<\/div>\n<p>Hold down the <strong>Shift<\/strong> key before releasing your mouse after dragging the new image into the effects document, and that will automatically center it in the document.<\/p>\n<p>Let's look at the \"Painted Edges On Canvas\" document's Layers panel now that I've dragged in my new photo:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/image-dragged-in.jpg\" alt=\"The Layers panel\" \/>\n<div class=\"image-desc\">The Layers panel of the effects document after dragging the new photo into it.<\/div>\n<p>Because I selected the Background layer here before dragging the new photo into the document, Photoshop automatically placed the new photo on a new layer directly above the Background layer, effectively blocking the original photo from view, while keeping the two effects layers above it so they remain visible, and the new photo has now replaced the original photo in the effect, without having to redo any of the steps:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/new-photo-with-effect.jpg\" alt=\"The effect applied to the new photo\" \/>\n<div class=\"image-desc\">The \"Painted Edges On Canvas\" effect now applied to the new image without having to redo any of the steps.<\/div>\n<p>Works great with portrait shots as well:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/painted-edges\/second-image.jpg\" alt=\"Portrait shot\" \/>\n<div class=\"image-desc\">The effect applied to another image, again using the template with no additional steps.<\/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 painted edges photo border with Photoshop! Check out our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/p>\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 how to add a painted edges photo border to your images with Photoshop and how to make it look like it was painted on canvas! When we&#8217;re done, we&#8217;ll use the file as a template to quickly add the same effect to other photos!<\/p>\n","protected":false},"author":1,"featured_media":15485,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[101,5],"tags":[],"class_list":["post-24","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>Painted Edges Photo Border Effect - Photoshop Tutorial<\/title>\n<meta name=\"description\" content=\"Learn how to add a painted edges photo border to your images with Photoshop and how to make it look like it was painted on canvas!\" \/>\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\/painted-photo-edges\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Painted Edges Photo Border Effect\" \/>\n<meta property=\"og:description\" content=\"Learn how to add a painted edges photo border to your images with Photoshop and how to make it look like it was painted on canvas!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/\" \/>\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-09-28T18:49:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-06T04:19:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-cs5-painted-edges-effect.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=\"20 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\\\/painted-photo-edges\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-photo-edges\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Painted Edges Photo Border Effect\",\"datePublished\":\"2012-09-28T18:49:47+00:00\",\"dateModified\":\"2022-11-06T04:19:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-photo-edges\\\/\"},\"wordCount\":2844,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-photo-edges\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-cs5-painted-edges-effect.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\\\/painted-photo-edges\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-photo-edges\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-photo-edges\\\/\",\"name\":\"Painted Edges Photo Border Effect - Photoshop Tutorial\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-photo-edges\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-photo-edges\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-cs5-painted-edges-effect.jpg\",\"datePublished\":\"2012-09-28T18:49:47+00:00\",\"dateModified\":\"2022-11-06T04:19:54+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to add a painted edges photo border to your images with Photoshop and how to make it look like it was painted on canvas!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-photo-edges\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-photo-edges\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-photo-edges\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-cs5-painted-edges-effect.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-cs5-painted-edges-effect.jpg\",\"width\":250,\"height\":250,\"caption\":\"Painted Edges Photo Border Effect\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-photo-edges\\\/#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\":\"Painted Edges\"}]},{\"@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":"Painted Edges Photo Border Effect - Photoshop Tutorial","description":"Learn how to add a painted edges photo border to your images with Photoshop and how to make it look like it was painted on canvas!","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\/painted-photo-edges\/","og_locale":"en_US","og_type":"article","og_title":"Painted Edges Photo Border Effect","og_description":"Learn how to add a painted edges photo border to your images with Photoshop and how to make it look like it was painted on canvas!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-09-28T18:49:47+00:00","article_modified_time":"2022-11-06T04:19:54+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-cs5-painted-edges-effect.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Painted Edges Photo Border Effect","datePublished":"2012-09-28T18:49:47+00:00","dateModified":"2022-11-06T04:19:54+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/"},"wordCount":2844,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-cs5-painted-edges-effect.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\/painted-photo-edges\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/","name":"Painted Edges Photo Border Effect - Photoshop Tutorial","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-cs5-painted-edges-effect.jpg","datePublished":"2012-09-28T18:49:47+00:00","dateModified":"2022-11-06T04:19:54+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to add a painted edges photo border to your images with Photoshop and how to make it look like it was painted on canvas!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-cs5-painted-edges-effect.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-cs5-painted-edges-effect.jpg","width":250,"height":250,"caption":"Painted Edges Photo Border Effect"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-photo-edges\/#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":"Painted Edges"}]},{"@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\/24","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=24"}],"version-history":[{"count":29,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/24\/revisions"}],"predecessor-version":[{"id":33766,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/24\/revisions\/33766"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15485"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=24"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=24"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}