{"id":3209,"date":"2013-06-12T14:52:15","date_gmt":"2013-06-12T18:52:15","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=3209"},"modified":"2020-05-03T07:45:55","modified_gmt":"2020-05-03T11:45:55","slug":"painted-edges-photo-border-cs6","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/","title":{"rendered":"Painted Edges Photo Border With Photoshop CS6"},"content":{"rendered":"<aside><style type=\"text\/css\">\n.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 30px; }\n@media (max-width: 767px) { .adslot-2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photo effects top responsive -->\n<ins class=\"adsbygoogle adslot-2\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2740208297\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/aside>\n<p><strong>Version note:<\/strong> This tutorial is for Photoshop CS6. An updated version is available for <a href=\"\/photo-effects\/painted-edges-photo-border\/\" title=\"View updated version\">Photoshop CC 2020<\/a>.<\/p>\n<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop tutorial<\/strong>, we'll learn how to easily add a photo border to an image that makes it look as if the photo was painted on canvas.<\/p>\n<p>To create the effect, we'll be using a Solid Color fill layer along with a layer mask, loading in some brushes from one of Photoshop's additional brush sets, applying a texture from the Filter Gallery, and at the very end, we'll learn how to sample a color directly from the photo itself to use as the color of our canvas.<\/p>\n<p>I'll be using <strong>Photoshop CS6<\/strong> for this tutorial. If you  happen to be using Photoshop CS5 or earlier, you can also check out the <a href=\"\/photo-effects\/painted-photo-edges\/\">original version<\/a> of the tutorial.<\/p>\n<p>Here's the photo I'll be starting with (<a href=\"http:\/\/www.shutterstock.com\/pic-108514217\/stock-photo-wood-end-lighthouse-in-provincetown-massachusetts-usa.html?src=csl_recent_image-1\">lighthouse photo<\/a> from Shutterstock):<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/lighthouse.jpg\" alt=\"Wood End lighthouse in Provincetown, Massachusetts, USA. Image licensed from Shutterstock by Photoshop Essentials.com\" width=\"640\" height=\"428\" \/>\n<div class=\"image-desc\">The original photo.<\/div>\n<p>And here's what the final \"painted edges photo border\" will look like. In this example, the canvas color around the image is white, but as I mentioned, we'll learn at the end of the tutorial how to change it by sampling a new color directly from the photo itself:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/painted-edges-photo-border.jpg\" alt=\"Photoshop painted edges photo border.\" width=\"640\" height=\"430\" \/>\n<div class=\"image-desc\">The final result.<\/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 Painted Edges Photo Border<\/h2>\n<h3>Step 1: Add A White Solid Color Fill Layer<\/h3>\n<p>With our photo newly opened in Photoshop, let's start by adding a white-filled layer above our image. Click on the <strong>New Fill or Adjustment Layer<\/strong> icon at the bottom of the <a href=\"\/basics\/layers\/layers-panel\/\">Layers panel<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/new-fill-layer-icon.gif\" alt=\"Clicking the New Fill or Adjustment Layer icon in Photoshop CS6.\" width=\"254\" height=\"277\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>This opens a list of all the fill and adjustment layers we can choose from. Select a <strong>Solid Color<\/strong> fill layer from the top of the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/solid-color-fill-layer.gif\" alt=\"Selecting a Solid Color fill layer in the Layers panel.\" width=\"214\" height=\"109\" \/>\n<div class=\"image-desc\">Choosing Solid Color from the list.<\/div>\n<p>Photoshop will pop open the <strong>Color Picker<\/strong> so we can choose the color we want to fill the layer with. This layer is going to become the canvas behind the image so let's initially choose <strong>white<\/strong> by entering a value of <strong>255<\/strong> for the <strong>R<\/strong>, <strong>G<\/strong> and <strong>B<\/strong> options (which stand for <a href=\"\/essentials\/rgb\/\">Red, Green and Blue<\/a>) near the bottom center of the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/photoshop-color-picker.jpg\" alt=\"Selecting a Solid Color fill layer in the Layers panel.\" width=\"565\" height=\"373\" \/>\n<div class=\"image-desc\">Set the R, G and B values to 255 to select white for the fill color.<\/div>\n<p>Click OK to close out of the Color Picker. Your document will appear completely filled with white, temporarily blocking the photo from view, and if we look in the Layers panel, we see the Solid Color fill layer (named <em>Color Fill 1<\/em>) sitting above the <em>Background<\/em> layer which holds our image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/layers-panel-fill-layer.gif\" alt=\"Selecting a Solid Color fill layer in the Layers panel.\" width=\"272\" height=\"177\" \/>\n<div class=\"image-desc\">The Layers panel showing the new Solid Color fill layer.<\/div>\n<h3>Step 2: Select The Fill Layer's Mask<\/h3>\n<p>Select the <strong><a href=\"\/basics\/layers\/layer-masks\/\">layer mask<\/a><\/strong> for the fill layer by clicking on its <strong>mask thumbnail<\/strong> in the Layers panel. A <strong>white highlight border<\/strong> will appear around the thumbnail letting you know the layer mask is now selected. In a moment, we're going to begin painting on the mask to allow the photo below the fill layer to show through:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/layer-mask-thumbnail.gif\" alt=\"Clicking the layer mask thumbnail in the Layers panel.\" width=\"272\" height=\"204\" \/>\n<div class=\"image-desc\">Clicking on the layer mask thumbnail.<\/div>\n<h3>Step 3: Select The Brush Tool<\/h3>\n<p>Grab Photoshop's <strong>Brush Tool<\/strong> by clicking on its icon in the Tools panel along the left of the screen:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/photoshop-brush-tool.gif\" alt=\"Selecting the Brush Tool from the Tools panel.\" width=\"76\" height=\"147\" \/>\n<div class=\"image-desc\">Selecting the Brush Tool from the Tools panel.<\/div>\n<h3>Step 4: Load The \"Thick Heavy Brushes\" Brush Set<\/h3>\n<p>With the Brush Tool selected, click on the <strong>Brush Presets<\/strong> icon near the far left of the Options Bar along the top of the screen:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/open-brush-preset-picker.gif\" alt=\"Selecting the Brush Tool from the Tools panel.\" width=\"514\" height=\"83\" \/>\n<div class=\"image-desc\">Clicking the Brush Presets icon.<\/div>\n<p>This opens the <strong>Brush Preset Picker<\/strong>. The brushes we want to use for this effect are not loaded into Photoshop by default so we need to load them in manually. Click on the small <strong>menu icon<\/strong> (the little gear icon) in the top right corner of the Brush Preset Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/menu-icon.gif\" alt=\"Selecting the Brush Tool from the Tools panel.\" width=\"282\" height=\"293\" \/>\n<div class=\"image-desc\">Clicking the menu icon.<\/div>\n<p>This opens a menu with various options, including a list of additional brush sets ready to load into Photoshop. Click on the <strong>Thick Heavy Brushes<\/strong> set near the bottom of the list to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/thick-heavy-brush-set.gif\" alt=\"Loading the Thick Heavy Brushes set into Photoshop.\" width=\"197\" height=\"108\" \/>\n<div class=\"image-desc\">Loading the Thick Heavy Brushes set.<\/div>\n<p>Photoshop will ask if you want to replace the original brushes with the new brush set. Click the <strong>Append<\/strong> button to simply add these new brushes in with the originals. They'll appear below the original brushes in the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/append-brushes.gif\" alt=\"Loading the Thick Heavy Brushes set into Photoshop.\" width=\"403\" height=\"138\" \/>\n<div class=\"image-desc\">Clicking the Append button.<\/div>\n<h3>Step 5: Choose The \"Flat Bristle\" 111 px Brush<\/h3>\n<p>With the new brush set loaded in, click again on the <strong>menu icon<\/strong> in the top right corner of the Brush Preset Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/menu-icon.gif\" alt=\"Clicking again on the menu icon in the Brush Preset Picker.\" width=\"282\" height=\"293\" \/>\n<div class=\"image-desc\">Clicking again on the menu icon.<\/div>\n<p>Then choose either <strong>Small List<\/strong> or <strong>Large List<\/strong> from the menu when it appears. This will display the brushes in the Brush Preset Picker as a list that will make it easier to choose the brushes we need. I'm going to choose Large List:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/choose-large-list.gif\" alt=\"Choosing Large List from the Brush Preset Picker menu.\" width=\"197\" height=\"132\" \/>\n<div class=\"image-desc\">Choosing Large List from the Brush Preset Picker menu.<\/div>\n<p>Scroll down the list of available brushes in the Brush Preset Picker until you find the <strong>Flat Bristle<\/strong> 111 px brush (it will be near the bottom of the list). <strong>Double-click<\/strong> on it to select it and close out of the Brush Preset Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/flat-bristle-brush.gif\" alt=\"Selecting the Flat Bristle 111 px brush from the Brush Preset Picker.\" width=\"273\" height=\"275\" \/>\n<div class=\"image-desc\">Double-clicking on the Flat Bristle 111 px brush.<\/div>\n<h3>Step 6: Paint With Black On the Layer Mask<\/h3>\n<p>We need to paint with <strong>black<\/strong> on the layer mask to reveal the photo underneath the Solid Color fill layer. Photoshop uses the current Foreground color as the brush color, so press the letter <strong>D<\/strong> on your keyboard to quickly reset your Foreground and Background colors, which will make your Foreground color white and your Background color black. Then press the letter <strong>X<\/strong> on your keyboard to swap them so your Foreground color becomes black. You can see the current Foreground and Background colors in the <strong>color swatches<\/strong> near the bottom of the Tools panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/color-swatches.gif\" alt=\"The Foreground and Background color swatches in the Tools panel.\" width=\"79\" height=\"165\" \/>\n<div class=\"image-desc\">The Foreground (top left) color swatch should now be set to black.<\/div>\n<p>Then, simply begin painting brush strokes across the main part of the image from left to right. Since we're painting on the layer mask, you won't actually see the black brush color. Instead, with each new brush stroke, more of the original image below the Solid Color fill layer will be revealed. If you're not happy with one of your brush strokes, press <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) on your keyboard to undo it, then continue painting:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/paint-on-mask.jpg\" alt=\"The Foreground and Background color swatches in the Tools panel.\" width=\"640\" height=\"448\" \/>\n<div class=\"image-desc\">Painting some initial brush strokes to reveal the photo through the fill layer.<\/div>\n<p>Continue painting brush strokes until you've revealed enough of your image, keeping lots of room around the edges for the canvas area:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/painted-edges.jpg\" alt=\"The Foreground and Background color swatches in the Tools panel.\" width=\"640\" height=\"448\" \/>\n<div class=\"image-desc\">The main area of the photo is now revealed.<\/div>\n<h3>Step 7: Select The \"Rough Flat Bristle\" 111 px Brush<\/h3>\n<p>Let's enhance the painted edges effect with a different brush. <strong>Right-click<\/strong> (Win) \/ <strong>Control-click<\/strong> (Mac) anywhere inside the image to re-open the <strong>Brush Preset Picker<\/strong>. You'll find the <strong>Rough Flat Bristle<\/strong> 111 px brush directly below the Flat Bristle brush we initially selected. <strong>Double-click<\/strong> on it to select it and close out of the Brush Preset Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/rough-flat-bristle.gif\" alt=\"The Foreground and Background color swatches in the Tools panel.\" width=\"273\" height=\"275\" \/>\n<div class=\"image-desc\">Double-clicking on the Rough Flast Bristle brush.<\/div>\n<h3>Step 8: Paint Smaller Strokes Around The Edges<\/h3>\n<p>With the new brush selected, go around the edges of the image and paint small strokes to add some paint specks and  splatters to the effect. Try to keep most of the brush inside the already painted area so that only a small bit of it extends out beyond the edges. You don\u2019t 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 or twice with the brush can be enough. Again, if you feel you've made a mistake, press <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) to undo and try again:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/enhance-painted-edges.jpg\" alt=\"The Foreground and Background color swatches in the Tools panel.\" width=\"640\" height=\"448\" \/>\n<div class=\"image-desc\">Adding some extra touches around the edges with the second brush.<\/div>\n<h3>Step 9: Add A New Blank Layer<\/h3>\n<p>Let's finish off the main effect by adding a canvas texture. Click 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\/cs6\/painted-edges\/new-layer-icon.gif\" alt=\"Clicking the New Layer icon in the Layers panel.\" width=\"272\" height=\"187\" \/>\n<div class=\"image-desc\">Clicking the New Layer icon.<\/div>\n<p>This adds a new blank layer named <em>Layer 1<\/em> directly above the Solid Color fill layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/new-layer-added.gif\" alt=\"The Layers panel showing the newly added layer.\" width=\"272\" height=\"205\" \/>\n<div class=\"image-desc\">The Layers panel showing the newly added layer.<\/div>\n<h3>Step 10: Fill The New Layer With White<\/h3>\n<p>At the moment, the new layer is blank so let's fill it with white. Go up to the <strong>Edit<\/strong> menu in the Menu Bar along the top of the screen and choose <strong>Fill<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/edit-fill.gif\" alt=\"Selecting the Fill command from the Edit menu.\" width=\"286\" height=\"129\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Fill.<\/div>\n<p>This opens the Fill dialog box. Set the <strong>Use<\/strong> option at the top of the dialog box to <strong>White<\/strong>. Make sure the <strong>Mode<\/strong> option near the bottom is set to <strong>Normal<\/strong> and <strong>Opacity<\/strong> is set to <strong>100%<\/strong>, then click OK to accept it and exit out of the dialog box. Photoshop will fill the layer with white, once again temporarily blocking everything else from view in the document window:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/fill-use-white.gif\" alt=\"The Fill command dialog box.\" width=\"354\" height=\"278\" \/>\n<div class=\"image-desc\">Setting the Use option to White.<\/div>\n<h3>Step 11: Apply The Texturizer Filter<\/h3>\n<p>Go up to the <strong>Filter<\/strong> menu at the top of the screen and select the <strong>Filter Gallery<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/select-filter-gallery.gif\" alt=\"Selecting the Filter Gallery in Photoshop CS6.\" width=\"272\" height=\"119\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Filter Gallery.<\/div>\n<p>When the Filter Gallery appears, click on the <strong>Texture<\/strong> category in the middle column to twirl it open and view the various filters in that category, then select the <strong>Texturizer<\/strong> filter by clicking on its thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/select-texturizer-filter.gif\" alt=\"Selecting the Texturizer filter in the Filter Gallery.\" width=\"299\" height=\"367\" \/>\n<div class=\"image-desc\">Opening the Texture category and choosing the Texturizer filter.<\/div>\n<p>The controls and options for the Texturizer filter appear in the right column of the Filter Gallery. First, set the <strong>Texture<\/strong> option to <strong>Canvas<\/strong>. Leave <strong>Scaling<\/strong> set to <strong>100%<\/strong> and set the <strong>Relief<\/strong> to <strong>4<\/strong>. Select <strong>Top Left<\/strong> for the <strong>Light<\/strong> option:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/texturizer-options.gif\" alt=\"Setting the options for the Texturizer filter.\" width=\"284\" height=\"238\" \/>\n<div class=\"image-desc\">Setting the options for the Texturizer filter.<\/div>\n<p>When you're done, click OK to close out of the Filter Gallery. Photoshop fills the layer with the canvas texture (I've enhanced it a little bit here just to make it easier to see in the screenshot):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/canvas-texture-added.jpg\" alt=\"The layer is filled with the canvas texture.\" width=\"640\" height=\"448\" \/>\n<div class=\"image-desc\">Photoshop applies the canvas texture to the white-filled layer.<\/div>\n<h3>Step 12: Change The Layer's Blend Mode To Multiply And Lower The Opacity<\/h3>\n<p>To blend the canvas texture with the rest of the image, simply change the layer's <a href=\"\/photo-editing\/layer-blend-modes\/intro\/\">blend mode<\/a> from Normal to <strong>Multiply<\/strong>. You'll find the Blend Mode option in the top left corner of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/layer-blend-mode.gif\" alt=\"Changing the layer's blend mode to Multiply.\" width=\"288\" height=\"218\" \/>\n<div class=\"image-desc\">Changing the top layer's blend mode to Multiply.<\/div>\n<p>Then, to fade the texture so it appears more subtle, lower the layer's <strong>opacity<\/strong> value down to around <strong>30%<\/strong>. The Opacity option is directly across from the Blend Mode option at the top of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/layer-opacity.gif\" alt=\"Lowering the layer opacity.\" width=\"272\" height=\"218\" \/>\n<div class=\"image-desc\">Lowering the layer's opacity.<\/div>\n<p>Here's my effect after changing the blend mode to Multiply and lowering the opacity. The canvas texture is pretty hard to see in the small screenshot here but should be easily visible in your document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/painted-edges-photo-effect.jpg\" alt=\"A painted edges photo border effect in Photoshop.\" width=\"640\" height=\"448\" \/>\n<div class=\"image-desc\">The effect with the canvas texture added.<\/div>\n<h3>Changing The Canvas Color (Optional)<\/h3>\n<p>At this point, the effect is complete and if you're happy with using white for your canvas color, you can stop here. If you want to try a different color for the canvas, the easiest thing to do is sample a color directly from the photo itself. To do that, <strong>double-click<\/strong> on the Solid Color fill layer's <strong>thumbnail<\/strong> (the little color swatch icon to the left of the layer mask thumbnail):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/fill-layer-thumbnail.gif\" alt=\"Double-clicking the Solid Color fill layer's thumbnail.\" width=\"272\" height=\"204\" \/>\n<div class=\"image-desc\">Double-clicking the fill layer's thumbnail.<\/div>\n<p>This will open the <strong>Color Picker<\/strong>. Rather than choosing a color from the Color Picker, move your mouse cursor over an area of your image that contains a color you want to sample. Your mouse cursor will change into an <strong>eyedropper<\/strong> icon. Simply click on the color to sample it and your canvas will instantly change to the new color. You can click on as many different colors as you like until you find the one that works best. Click OK when you're done to accept the new color and close out of the Color Picker. Or, if you can't find a color that works, click Cancel to close out of the Color Picker and leave your canvas set to white:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cs6\/painted-edges\/new-canvas-color.jpg\" alt=\"Sampling a yellow color from the light house to use as my canvas color.\" width=\"640\" height=\"430\" \/>\n<div class=\"image-desc\">Clicking on a color in the image to sample it and change the canvas color.<\/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! Visit our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials! And don't forget, all of our Photoshop tutorials are ready to download as <a href=\"\/print-ready-pdfs\/\">print-ready PDFs<\/a>!<\/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 Photo Effects tutorial, learn how make an image look like it was painted on canvas with this simple painted edges photo border effect. Now fully updated for Photoshop CS6!<\/p>\n","protected":false},"author":1,"featured_media":15358,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[101,5],"tags":[],"class_list":["post-3209","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 With Photoshop CS6<\/title>\n<meta name=\"description\" content=\"Learn how make an image look like it was painted on canvas with this simple painted edges photo border effect. Now fully updated for Photoshop CS6!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/\" \/>\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 With Photoshop CS6\" \/>\n<meta property=\"og:description\" content=\"Learn how make an image look like it was painted on canvas with this simple painted edges photo border effect. Now fully updated for Photoshop CS6!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/\" \/>\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=\"2013-06-12T18:52:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-03T11:45:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/06\/photoshop-painted-edges-effect-f.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=\"10 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-edges-photo-border-cs6\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-edges-photo-border-cs6\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Painted Edges Photo Border With Photoshop CS6\",\"datePublished\":\"2013-06-12T18:52:15+00:00\",\"dateModified\":\"2020-05-03T11:45:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-edges-photo-border-cs6\\\/\"},\"wordCount\":2046,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-edges-photo-border-cs6\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/photoshop-painted-edges-effect-f.jpg\",\"articleSection\":[\"Photoshop Borders and Frames\",\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-edges-photo-border-cs6\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-edges-photo-border-cs6\\\/\",\"name\":\"Painted Edges Photo Border With Photoshop CS6\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-edges-photo-border-cs6\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-edges-photo-border-cs6\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/photoshop-painted-edges-effect-f.jpg\",\"datePublished\":\"2013-06-12T18:52:15+00:00\",\"dateModified\":\"2020-05-03T11:45:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how make an image look like it was painted on canvas with this simple painted edges photo border effect. Now fully updated for Photoshop CS6!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-edges-photo-border-cs6\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-edges-photo-border-cs6\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-edges-photo-border-cs6\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/photoshop-painted-edges-effect-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/photoshop-painted-edges-effect-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"Painted Edges Photo Border With Photoshop CS6\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/painted-edges-photo-border-cs6\\\/#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 Photo Border CS6\"}]},{\"@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 With Photoshop CS6","description":"Learn how make an image look like it was painted on canvas with this simple painted edges photo border effect. Now fully updated for Photoshop CS6!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/","og_locale":"en_US","og_type":"article","og_title":"Painted Edges Photo Border With Photoshop CS6","og_description":"Learn how make an image look like it was painted on canvas with this simple painted edges photo border effect. Now fully updated for Photoshop CS6!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2013-06-12T18:52:15+00:00","article_modified_time":"2020-05-03T11:45:55+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/06\/photoshop-painted-edges-effect-f.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Painted Edges Photo Border With Photoshop CS6","datePublished":"2013-06-12T18:52:15+00:00","dateModified":"2020-05-03T11:45:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/"},"wordCount":2046,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/06\/photoshop-painted-edges-effect-f.jpg","articleSection":["Photoshop Borders and Frames","Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/","name":"Painted Edges Photo Border With Photoshop CS6","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/06\/photoshop-painted-edges-effect-f.jpg","datePublished":"2013-06-12T18:52:15+00:00","dateModified":"2020-05-03T11:45:55+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how make an image look like it was painted on canvas with this simple painted edges photo border effect. Now fully updated for Photoshop CS6!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/06\/photoshop-painted-edges-effect-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2017\/06\/photoshop-painted-edges-effect-f.jpg","width":250,"height":250,"caption":"Painted Edges Photo Border With Photoshop CS6"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/painted-edges-photo-border-cs6\/#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 Photo Border CS6"}]},{"@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\/3209","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=3209"}],"version-history":[{"count":35,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/3209\/revisions"}],"predecessor-version":[{"id":30065,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/3209\/revisions\/30065"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15358"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=3209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=3209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=3209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}