{"id":6584,"date":"2015-06-10T00:37:51","date_gmt":"2015-06-10T04:37:51","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=6584"},"modified":"2022-11-02T10:42:01","modified_gmt":"2022-11-02T14:42:01","slug":"worn-torn-photo-edges-effect-in-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/worn-torn-photo-edges-effect-in-photoshop\/","title":{"rendered":"Worn, Torn Photo Edges Effect In Photoshop"},"content":{"rendered":"<section class=\"summary-novideo\">\n<p>In this Photo Effects tutorial, learn how to take the normally sharp, straight edges of an image and make them look all worn, torn and faded, as if the photo is much older than it really is. Now updated for Photoshop CC and CS6.<\/p>\n<\/section>\n<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>\n<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>Creating the \"worn, torn photo edges\" effect is easy. All we need are a few layers, a couple of layer masks, some layer styles and one of Photoshop's built-in brushes! As always, I'll be covering every step along the way.<\/p>\n<p>This version of the tutorial has been fully updated for Photoshop CS6 and <a href=\"https:\/\/prf.hn\/l\/dlXjD2w\" title=\"Learn more about Adobe Creative Cloud\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop CC<\/a> (Creative Cloud). If you're using Photoshop CS5 or earlier, you'll want to check out our original <a href=\"\/photo-effects\/torn-edges\/\">Worn, Torn Photo Edges Effect<\/a> tutorial.<\/p>\n<p>You can use any photo you like for this effect, but it tends to work best on images that already have an older look to them. Here's the photo I'll be using (<a href=\"https:\/\/prf.hn\/l\/BOPXNW5\" target=\"_blank\" rel=\"noopener noreferrer\">Bodie, California photo<\/a> from Adobe Stock):<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/original.jpg\" alt=\"Bodie California. Image 43205555 licensed and used by permission from Fotolia\" width=\"639\" height=\"427\" \/>\n<div class=\"image-desc\">The original image.<\/div>\n<p>And here's how the final &quot;worn, torn edges&quot; effect will look when we're done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/photoshop-cc-worn-torn-edges-effect.jpg\" alt=\"Photoshop worn, torn and faded photo edges effect.\" width=\"640\" height=\"426\" \/>\n<div class=\"image-desc\">The final effect.<\/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 Worn, Torn Photo Edges<\/h2>\n<h3>Step 1: Duplicate The Background Layer<\/h3>\n<p>With your image newly opened in Photoshop, you'll see in your <a href=\"\/basics\/layers\/layers-panel\/\">Layers panel<\/a> that it's sitting on the <a href=\"\/basics\/layers\/background-layer\/\">Background layer<\/a>, currently the only layer in the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/photoshop-layers-panel.gif\" alt=\"The Layers panel showing the photo on the Background layer. \" width=\"289\" height=\"270\" \/>\n<div class=\"image-desc\">The Layers panel showing the photo on the Background layer.<\/div>\n<p>The first thing we need to do is duplicate this layer. Go up to the <strong>Layer<\/strong> menu in the Menu Bar along the top of screen, choose <strong>New<\/strong>, then choose <strong>Layer via Copy<\/strong>. Or, press <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) on your keyboard to select the same command with the handy shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/new-layer-via-copy.gif\" alt=\"Selecting the New Layer via Copy command from under the Layer menu. \" width=\"218\" height=\"142\" \/>\n<div class=\"image-desc\">Going to Layer &gt; New &gt; Layer via Copy.<\/div>\n<p>Nothing will happen to the image in the main document area, but if we look again in the Layers panel, we see that Photoshop has made a copy of the Background layer and placed it on a new layer named Layer 1 above the original:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/new-layer-1.gif\" alt=\"Layer 1 now appears above the Background layer in the Layers panel.\" width=\"289\" height=\"222\" \/>\n<div class=\"image-desc\">Layer 1 now appears above the Background layer.<\/div>\n<p><a href=\"\/layers\/\">Related: Learn all about layers in Photoshop<\/a><\/p>\n<h3>Step 2: Add More Canvas Space<\/h3>\n<p>Next, let's add some extra canvas space around the image. Go up to the <strong>Image<\/strong> menu at the top of the screen and choose <strong>Canvas Size<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/image-canvas-size.gif\" alt=\"Selecting the Canvas Size command from under the Image menu.\" width=\"216\" height=\"132\" \/>\n<div class=\"image-desc\">Going to Image &gt; Canvas Size.<\/div>\n<p>This opens Photoshop's Canvas Size dialog box. First, make sure the <strong>Relative<\/strong> option is checked, which tells Photoshop to start with our current canvas size and add more space to it. Then, set both the <strong>Width<\/strong> and <strong>Height<\/strong> values to around <strong>20 Percent<\/strong>. That should give us more than enough room to work. Finally, make sure the <strong>center box<\/strong> in the <strong>Anchor grid<\/strong> is selected so Photoshop knows to add the extra space evenly around the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/photoshop-canvas-size.gif\" alt=\"The Canvas Size dialog box.\" width=\"472\" height=\"368\" \/>\n<div class=\"image-desc\">The Canvas Size dialog box.<\/div>\n<p>Click OK to close out of the dialog box. Photoshop adds the extra canvas space around the photo:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/canvas-space-added.jpg\" alt=\"Selecting the Canvas Size command from under the Image menu.\" width=\"639\" height=\"428\" \/>\n<div class=\"image-desc\">The extra canvas space has been added.<\/div>\n<h3>Step 3: Add A New Blank Layer Below Layer 1<\/h3>\n<p>Next, we need to add a new blank layer between our two existing layers. Press and hold the <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key on your keyboard and 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\/cc\/worn-torn-photo-edges\/new-layer-icon.gif\" alt=\"Clicking the New Layer icon in the Layers panel.\" width=\"289\" height=\"176\" \/>\n<div class=\"image-desc\">Clicking the New Layer icon while holding Ctrl (Win) \/ Command (Mac).<\/div>\n<p>Normally, Photoshop would have added the new layer above Layer 1, but by holding down the Ctrl (Win) \/ Command (Mac) key  as we clicked the New Layer icon, we told Photoshop to add it <em>below<\/em> Layer 1 instead. Our new blank layer (Layer 2) now appears between Layer 1 and the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/new-layer-2.gif\" alt=\"The Layers panel showing Layer 2 between Layer 1 and the Background layer.\" width=\"289\" height=\"181\" \/>\n<div class=\"image-desc\">The newly added Layer 2.<\/div>\n<h3>Step 4: Fill The New Layer With White<\/h3>\n<p>At the moment, our new layer is blank. We need to fill it with <strong>white<\/strong> which will serve as the background for the effect. Go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Fill<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/edit-fill.gif\" alt=\"Selecting the Fill command from under the Edit menu.\" width=\"268\" height=\"152\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Fill.<\/div>\n<p>This opens Photoshop's Fill dialog box. Set the <strong>Contents<\/strong>* option at the top to <strong>White<\/strong>, then click OK (*in versions of Photoshop prior to CC 2014, the Contents option is named <strong>Use<\/strong>):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/fill-contents-white.gif\" alt=\"Setting the Contents option to White in the Fill dialog box.\" width=\"387\" height=\"204\" \/>\n<div class=\"image-desc\">Setting the Contents (Use) option to White.<\/div>\n<p>It won't look like anything has happened in the main document area, but if we look at the <strong>preview thumbnail<\/strong> for Layer 2 in the Layers panel, we see that the layer is now filled with white:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/layer-preview-thumbnail.gif\" alt=\"Selecting the Fill command from under the Edit menu.\" width=\"289\" height=\"210\" \/>\n<div class=\"image-desc\">The preview thumbnails show us the contents of each layer.<\/div>\n<h3>Step 5: Select The Top Layer<\/h3>\n<p>Click on <strong>Layer 1<\/strong> in the Layers panel to select it and make it active:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/select-layer-1.gif\" alt=\"Selecting Layer 1 in the Layers panel.\" width=\"289\" height=\"176\" \/>\n<div class=\"image-desc\">Selecting Layer 1.<\/div>\n<h3>Step 6: Add A Layer Mask<\/h3>\n<p>With Layer 1 selected, click the <strong>Add Layer Mask<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/add-layer-mask-icon.gif\" alt=\"Clicking the Add Layer Mask icon in the Layers panel.\" width=\"289\" height=\"188\" \/>\n<div class=\"image-desc\">Clicking the Add Layer Mask icon.<\/div>\n<p>A white-filled <strong>layer mask thumbnail<\/strong> appears to the right of the preview thumbnail on Layer 1, letting us know that the layer mask has been added:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/layer-mask-thumbnail.gif\" alt=\"A layer mask thumbnail appears.\" width=\"289\" height=\"202\" \/>\n<div class=\"image-desc\">A layer mask thumbnail appears.<\/div>\n<p><a href=\"\/basics\/layers\/layer-masks\/\">Related: Understanding layer masks in Photoshop<\/a><\/p>\n<h3>Step 7: Select The Brush Tool<\/h3>\n<p>Select Photoshop's <strong>Brush Tool<\/strong> from the Tools panel along the left of the screen. You can also select the Brush Tool by  pressing the letter <strong>B<\/strong> on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/photoshop-brush-tool.gif\" alt=\"Selecting the Brush Tool from the Tools panel.\" width=\"76\" height=\"168\" \/>\n<div class=\"image-desc\">Grabbing the Brush Tool.<\/div>\n<h3>Step 8: Select The 100 px Rough Round Bristle Brush<\/h3>\n<p>With the Brush Tool selected, click on the <strong>Brush panel<\/strong> icon in the Options Bar along the top of the screen:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/brush-panel-icon.gif\" alt=\"Clicking the Brush panel icon in the Options Bar.\" width=\"352\" height=\"117\" \/>\n<div class=\"image-desc\">Clicking the Brush panel icon in the Options Bar.<\/div>\n<p>This opens Photoshop's main Brush panel. Click on the <strong>Brush Presets<\/strong> button in the upper left corner of the panel to view a list of preset brushes we can choose from:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/photoshop-brush-panel.gif\" alt=\"Clicking the Brush Presets button in the Brush panel.\" width=\"277\" height=\"180\" \/>\n<div class=\"image-desc\">Clicking the Brush Presets button.<\/div>\n<p>We need a specific brush for our effect, so to make it easier to find it, click the small <strong>menu icon<\/strong> in the upper right corner of the Brush panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/brush-panel-menu-icon.gif\" alt=\"Clicking the Brush panel menu icon.\" width=\"464\" height=\"202\" \/>\n<div class=\"image-desc\">Clicking the menu icon.<\/div>\n<p>Then choose either <strong>Small List<\/strong> or <strong>Large List<\/strong> from the menu that appears. I'll choose Large List. This will display the actual names of the brushes rather than just thumbnails or brush strokes:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/choose-large-list.gif\" alt=\"Choosing Large List from the Brush panel menu.\" width=\"216\" height=\"138\" \/>\n<div class=\"image-desc\">Choosing Large List from the menu.<\/div>\n<p>Scroll down the list until you find the <strong>100 px Rough Round Bristle Brush<\/strong>, then click on it to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/select-rough-round-bristle-brush.gif\" alt=\"Selecting the 100 px Rough Round Bristle brush.\" width=\"449\" height=\"181\" \/>\n<div class=\"image-desc\">Selecting the 100 px Rough Round Bristle brush.<\/div>\n<h3>Step 9: Set Your Foreground Color To Black<\/h3>\n<p>We'll be using our brush and our layer mask to hide some of the edges around the photo, but to do that, we'll need to be painting on the layer mask with <strong>black<\/strong>. Photoshop uses the current <strong>Foreground color<\/strong> as the brush color, so lets quickly set the Foreground color to black.<\/p>\n<p>First, make sure your layer mask, not the layer itself, is active by clicking on the <strong>layer mask thumbnail<\/strong> in the Layers panel. A white border around the thumbnail tells us the mask is selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/layer-mask-selected.gif\" alt=\"Clicking the layer mask thumbnail in the Layers panel.\" width=\"289\" height=\"202\" \/>\n<div class=\"image-desc\">Making sure the layer mask is selected.<\/div>\n<p>With the mask selected, press the letter <strong>D<\/strong> on your keyboard to reset your Foreground and Background colors to their defaults. This makes your Foreground color <strong>white<\/strong> and your Background color <strong>black<\/strong> (these default colors would be reversed if the layer itself, not the mask, was selected). Then, press the letter <strong>X<\/strong> on your keyboard to swap the colors so your Foreground color becomes black. You can see your current Foreground and Background colors in the <strong>color swatches<\/strong> near the bottom of the Tools panel. The Foreground (upper left) swatch should now be filled with black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/foreground-background-colors.gif\" alt=\"The Foreground and Background color swatches in the Tools panel.\" width=\"65\" height=\"175\" \/>\n<div class=\"image-desc\">The Foreground (upper left) swatch should be black.<\/div>\n<h3>Step 10: Paint Around The Edges Of The Image<\/h3>\n<p>With our Brush Tool in hand, the layer mask selected and black as our Foreground color, we're ready to create our worn, torn edges. We'll start along the left side of the image. Position your brush tip so that it's in the top left corner of the document with only about a third of the brush extending over the image itself. The rest of the brush should be outside of the image in the white canvas space. Click once, then with your mouse button still held down, drag a short brush stroke downward along the upper left edge. Since we're painting on the layer mask, not the image itself, you won't see a black brush stroke. Instead,  the edge will begin to disappear:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/initial-brush-stroke.jpg\" alt=\"Painting a short brush stroke downward from the upper left corner.\" width=\"405\" height=\"492\" \/>\n<div class=\"image-desc\">Painting a short stroke downward from the upper left corner.<\/div>\n<p>As we can see in the screenshot above, my initial brush stroke didn't completely hide the edge, and that's due to the shape of the brush. You'll most likely need to paint over the same area a few times to hide the edge completely:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/paint-over-same-area.jpg\" alt=\"Painting over the same area repeatedly until the edge is gone.\" width=\"396\" height=\"492\" \/>\n<div class=\"image-desc\">Painting over the same area repeatedly until the edge is gone.<\/div>\n<p>If you find that the default brush size is either too large or too small for your image, you can change its size from the keyboard. Pressing the <strong>left bracket key<\/strong> ( <strong>[<\/strong> ) repeatedly will make the brush smaller; the <strong>right bracket key<\/strong> ( <strong>]<\/strong> ) makes it larger.<\/p>\n<p>Continue working your way down the left side of the image by painting short brush strokes, always keeping roughly two thirds of the brush tip outside of the image in the white canvas area so you don't remove too much of the edge. If you make a mistake, you can undo your last brush stroke by pressing <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) on your keyboard. Or, you can undo multiple brush strokes by pressing <strong>Ctrl+Alt+Z<\/strong> (Win) \/ <strong>Command+Option+Z<\/strong> (Mac) repeatedly:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/more-left-edge.jpg\" alt=\"Continuing to paint down the left side of the photo.\" width=\"249\" height=\"549\" \/>\n<div class=\"image-desc\">Continuing down the left side of the image.<\/div>\n<p>Once you reach the bottom left corner of the photo, continue around the rest of the image until you're back in the top left corner where you began. When you're done, your edges should look something like this:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/initial-torn-edges.jpg\" alt=\"The initial torn edges effect.\" width=\"640\" height=\"425\" \/>\n<div class=\"image-desc\">The initial torn edges effect.<\/div>\n<h3>Step 11: Duplicate The Layer<\/h3>\n<p>Now that our initial torn edges effect is complete, we need to make a copy of what we've done. Press <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) on your keyboard to quickly duplicate the layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/layer-1-copy.gif\" alt=\"A copy of Layer 1 appears above the original.\" width=\"289\" height=\"220\" \/>\n<div class=\"image-desc\">A copy of Layer 1 appears above the original.<\/div>\n<h3>Step 12: Hide The Top Layer<\/h3>\n<p>We don't need the copy we've made just yet, so let's temporarily hide it from view in the document. To do that, click on the <strong>visibility icon<\/strong> (the eyeball icon) on the top layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/layer-visibility-icon.gif\" alt=\"Clicking the top layer's visibility icon.\" width=\"304\" height=\"201\" \/>\n<div class=\"image-desc\">Clicking the top layer's visibility icon.<\/div>\n<h3>Step 13: Select Layer 1<\/h3>\n<p>Now that we've turned off the top layer, select <strong>Layer 1<\/strong> again by clicking on it in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/select-layer-1-again.gif\" alt=\"Selecting Layer 1 in the Layers panel.\" width=\"289\" height=\"192\" \/>\n<div class=\"image-desc\">Clicking on Layer 1 to make it active.<\/div>\n<h3>Step 14: Add A Color Overlay<\/h3>\n<p>Let's add some effects to this layer. Click on the <strong>Layer Styles<\/strong> icon (the <strong>fx<\/strong> icon) at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/add-layer-style-icon.gif\" alt=\"Clicking the Layer Styles icon in the Layers panel.\" width=\"289\" height=\"187\" \/>\n<div class=\"image-desc\">Clicking the Layer Styles icon.<\/div>\n<p>The first effect we'll add is <strong>Color Overlay<\/strong> which will fill the contents of the layer with a solid color. Choose it from the list of layer styles that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/choose-color-overlay.gif\" alt=\"Choosing a Color Overlay layer style.\" width=\"159\" height=\"129\" \/>\n<div class=\"image-desc\">Choosing a Color Overlay layer effect.<\/div>\n<p>This opens Photoshop's Layer Style dialog box set to the Color Overlay options in the middle column. We need to choose a color, so click on the <strong>color swatch<\/strong> to the right of the Blend Mode option:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/color-overlay-swatch.gif\" alt=\"Clicking the color swatch in the Color Overlay options.\" width=\"377\" height=\"200\" \/>\n<div class=\"image-desc\">Clicking the color swatch.<\/div>\n<p>When the <strong>Color Picker<\/strong> opens, choose a light gray. If you want to use the same shade of gray that I'm using, set your <strong>H<\/strong> (Hue) value to <strong>0<\/strong>&deg;, the <strong>S<\/strong> (Saturation) value to <strong>0<\/strong>% and the <strong>B<\/strong> (Brightness) value to <strong>90<\/strong>%:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/photoshop-color-picker.jpg\" alt=\"Choosing a light gray from the Color Picker.\" width=\"560\" height=\"406\" \/>\n<div class=\"image-desc\">Choosing a light gray from the Color Picker.<\/div>\n<p>Click OK to close out of the Color Picker, but don't close out of the Layer Style dialog box yet because we have a couple more effects to add. Your image should now appear filled with gray in the document. This gray will serve as the paper behind the photo. You'll see what I mean when we start painting away more of the edges:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/image-color-overlay.jpg\" alt=\"The image after applying the Color Overlay style.\" width=\"640\" height=\"437\" \/>\n<div class=\"image-desc\">The image after applying the Color Overlay effect.<\/div>\n<h3>Step 15: Add An Inner Glow<\/h3>\n<p>With the Layer Style dialog box still open, click on the words <strong>Inner Glow<\/strong> in the list of layer styles along the left. Make sure you click on the words themselves and not simply inside the checkbox, otherwise you'll just turn the Inner Glow on but won't have access to its options:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/select-inner-glow.gif\" alt=\"Selecting an Inner Glow layer style.\" width=\"198\" height=\"140\" \/>\n<div class=\"image-desc\">Selecting the Inner Glow style by clicking on its name.<\/div>\n<p>The middle column of the Layer Style dialog box changes from the Color Overlay options to the Inner Glow options. Even though the name of the effect is Inner <em>Glow<\/em>, we're actually going to use it as a shadow to darken the edges around the image. To change it from a glow to a shadow, first change the <strong>Blend Mode<\/strong> option at the top from Screen to <strong>Multiply<\/strong>. Then click on the <strong>color swatch<\/strong> to change its color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/inner-glow-options.gif\" alt=\"Changing the Blend Mode of the Inner Glow to Multiply and clicking the color swatch.\" width=\"334\" height=\"231\" \/>\n<div class=\"image-desc\">Changing the Blend Mode to Multiply and clicking the color swatch.<\/div>\n<p>When the Color Picker opens, choose <strong>black<\/strong>, then click OK to close out of it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/color-swatch-black.jpg\" alt=\"Changing the color of the Inner Glow to black.\" width=\"561\" height=\"405\" \/>\n<div class=\"image-desc\">Changing the color of the Inner Glow to black.<\/div>\n<p>Back in the Layer Style dialog box, lower the <strong>Opacity<\/strong> down to <strong>10%<\/strong>, then increase the <strong>Size<\/strong> value to around <strong>24 px<\/strong>, just enough to darken the edges:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/inner-glow-opacity-size.gif\" alt=\"Lowering the Opacity and increasing the Size values for the Inner Glow.\" width=\"347\" height=\"336\" \/>\n<div class=\"image-desc\">Lowering the Opacity and increasing the Size values.<\/div>\n<p>Keep the Layer Style dialog box open because we still have one more effect to add. Here's my image with both the Color Overlay and  Inner Glow applied:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/image-inner-glow.jpg\" alt=\"The image after applying the Inner Glow layer effect.\" width=\"640\" height=\"438\" \/>\n<div class=\"image-desc\">The edges now appear darker after applying the Inner Glow effect.<\/div>\n<h3>Step 16: Add A Drop Shadow<\/h3>\n<p>Finally, let's add a bit of a shadow behind the image. Click on the words <strong>Drop Shadow<\/strong> at the bottom of the list of effects along the left of the Layer Style dialog box. Once again make sure to click on the words themselves, not simply inside the checkbox, otherwise you won't have access to the Drop Shadow options:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/select-drop-shadow.gif\" alt=\"Selecting a Drop Shadow layer style.\" width=\"199\" height=\"181\" \/>\n<div class=\"image-desc\">Selecting the Drop Shadow effect by clicking on its name.<\/div>\n<p>With Drop Shadow selected, lower the <strong>Opacity<\/strong> value of the  shadow down to around <strong>30%<\/strong> so it's fairly subtle, then change the <strong>Angle<\/strong> to around <strong>135&deg;<\/strong>. Finally, increase both the <strong>Distance<\/strong> and <strong>Size<\/strong> of the shadow to around <strong>10 px<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/drop-shadow-options.gif\" alt=\"The Drop Shadow options.\" width=\"367\" height=\"265\" \/>\n<div class=\"image-desc\">The Drop Shadow options.<\/div>\n<p>We're done adding our effects, so click OK to close out of the Layer Style dialog box. Here's my image with all three effects (Color Overlay, Inner Glow and Drop Shadow) applied:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/image-drop-shadow.jpg\" alt=\"The image after applying all three layer effects.\" width=\"640\" height=\"442\" \/>\n<div class=\"image-desc\">The image after applying all three layer effects.<\/div>\n<h3>Step 17: Turn The Top Layer Back On<\/h3>\n<p>Turn the top layer back on in the document by clicking once again on its <strong>visibility icon<\/strong> in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/turn-top-layer-on.gif\" alt=\"Clicking the visibility icon to turn the top layer back on.\" width=\"303\" height=\"204\" \/>\n<div class=\"image-desc\">Clicking the empty square to turn the top layer back on.<\/div>\n<h3>Step 18: Select Its Layer Mask<\/h3>\n<p>With the top layer back on, select its layer mask by clicking on the <strong>mask thumbnail<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/select-layer-mask.gif\" alt=\"Clicking the layer mask thumbnail in the Layers panel.\" width=\"289\" height=\"233\" \/>\n<div class=\"image-desc\">Clicking the layer mask thumbnail.<\/div>\n<h3>Step 19: Paint Away More Of The Edges<\/h3>\n<p>With the top layer's mask selected, go back around the edges of the image with your brush using short strokes, just as we did initially, to remove even more of the edge.  As you paint over  areas, you'll reveal the light gray on the layer below them (the gray we added with the layer styles), creating the illusion that the photo has worn off around the edges and only the paper behind it remains. As before, due to the shape of the brush, you'll need to paint over the same area a few times if you want to hide the edge completely:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/remove-more-edge.jpg\" alt=\"Clicking the layer mask thumbnail in the Layers panel.\" width=\"253\" height=\"545\" \/>\n<div class=\"image-desc\">Painting away more of the edge.<\/div>\n<p>Again, you can change the size of the brush if needed by pressing the <strong>left bracket key<\/strong> ( <strong>[<\/strong> ) to make it smaller or the <strong>right bracket key<\/strong> ( <strong>]<\/strong> ) to make it larger. If you make a mistake, press <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) to undo your last brush stroke, or <strong>Ctrl+Alt+Z<\/strong> (Win) \/ <strong>Command+Option+Z<\/strong> (Mac) to undo multiple  strokes.<\/p>\n<p>Continue painting your away around all four sides of the image. Here's my effect so far. We're almost done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/image-more-edges-removed.jpg\" alt=\"The effect after painting away more of the edge.\" width=\"640\" height=\"426\" \/>\n<div class=\"image-desc\">The edges are really starting to look worn out at this point.<\/div>\n<h3>Step 20: Lower Your Brush Opacity To 50%<\/h3>\n<p>Let's finish off the effect by painting away a few more sections of the edge. But this time, rather than hiding the edge completely, we'll simply fade it. To do that, we'll need to lower the opacity of our brush. You'll find the <strong>Opacity<\/strong> option in the Options Bar. Lower it down to <strong>50%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/brush-opacity-50.gif\" alt=\"Lowering the Brush Tool opacity to 50 percent.\" width=\"471\" height=\"105\" \/>\n<div class=\"image-desc\">Lowering the opacity of the brush to 50%.<\/div>\n<h3>Step 21: Paint Over A Few More Sections Of The Edge<\/h3>\n<p>Then, paint along a few more  areas of the edge. The lowered opacity of the brush allows the image to partially show through the strokes, creating a faded look. There's no need to paint along the entire edge. A few random sections here and there is all you need:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/fade-edges.jpg\" alt=\"Painting over random areas to fade them.\" width=\"278\" height=\"544\" \/>\n<div class=\"image-desc\">Painting over random areas to fade them.<\/div>\n<p>Continue around the edges to fade random sections until you're happy with the results. The only thing left to do at this point is trim away the extra canvas space around the image, which we'll do next:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/image-faded-edges.jpg\" alt=\"Worn, torn and now faded photo edges.\" width=\"640\" height=\"428\" \/>\n<div class=\"image-desc\">Worn, torn and now faded edges.<\/div>\n<h3>Step 22: Trim Away The Extra Canvas Space<\/h3>\n<p>To trim away the extra canvas space, go up to the <strong>Image<\/strong> menu at the top of the screen and choose <strong>Trim<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/image-trim.gif\" alt=\"Selecting the Trim command from under the Image menu.\" width=\"216\" height=\"136\" \/>\n<div class=\"image-desc\">Going to Image &gt; Trim.<\/div>\n<p>When the Trim dialog box opens, make sure <strong>Top Left Pixel Color<\/strong> is selected at the top and that all four options (<strong>Top<\/strong>, <strong>Bottom<\/strong>, <strong>Left<\/strong> and <strong>Right<\/strong>) are checked at the bottom (which they are by default):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/trim-dialog-box.gif\" alt=\"Selecting the Trim command from under the Image menu.\" width=\"311\" height=\"239\" \/>\n<div class=\"image-desc\">Selecting \"Top Left Pixel Color\" in the Trim dialog box.<\/div>\n<p>Click OK to close out of the dialog box. Photoshop trims away the white canvas space, leaving us with our final \"worn, torn edges\" result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/worn-torn-photo-edges\/photoshop-cc-worn-torn-edges-effect.jpg\" alt=\"Photoshop worn, torn and faded photo edges effect.\" width=\"640\" height=\"426\" \/>\n<div class=\"image-desc\">The final result.<\/div>\n<\/section>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<aside>\n<h3>Where to go next...<\/h3>\n<p>And there we have it! That's how to easily add wear and tear to your photo edges with Photoshop! For added interest, try combining this effect with  our tutorial on how to <a href=\"\/photo-effects\/old-photo\/\">turn a new photo into an old photo<\/a> or how to create an <a href=\"\/photo-effects\/old-antique-photo-effect-camera-raw-filter\/\">old antique photo effect<\/a> with Photoshop's Camera Raw filter! Or, check out our complete <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/p>\n<\/aside>\n<aside> <div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div> <\/aside>\n\n","protected":false},"excerpt":{"rendered":"<p>Learn how to take the normally sharp, straight edges of a photo and make them look worn, torn and faded. Now fully updated for Photoshop CS6 and CC!<\/p>\n","protected":false},"author":1,"featured_media":15324,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[101,5],"tags":[],"class_list":["post-6584","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>Worn, Torn Photo Edges Effect In Photoshop<\/title>\n<meta name=\"description\" content=\"In this step by step Photoshop tutorial, learn how to take the normally sharp, straight edges of a photo and make them look worn, torn and faded!\" \/>\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\/worn-torn-photo-edges-effect-in-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Worn, Torn Photo Edges Effect In Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this step by step Photoshop tutorial, learn how to take the normally sharp, straight edges of a photo and make them look worn, torn and faded!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/worn-torn-photo-edges-effect-in-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-10T04:37:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-02T14:42:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/06\/photoshop-cc-worn-torn-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=\"25 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\\\/worn-torn-photo-edges-effect-in-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/worn-torn-photo-edges-effect-in-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Worn, Torn Photo Edges Effect In Photoshop\",\"datePublished\":\"2015-06-10T04:37:51+00:00\",\"dateModified\":\"2022-11-02T14:42:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/worn-torn-photo-edges-effect-in-photoshop\\\/\"},\"wordCount\":3037,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/worn-torn-photo-edges-effect-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/photoshop-cc-worn-torn-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\\\/worn-torn-photo-edges-effect-in-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/worn-torn-photo-edges-effect-in-photoshop\\\/\",\"name\":\"Worn, Torn Photo Edges Effect In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/worn-torn-photo-edges-effect-in-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/worn-torn-photo-edges-effect-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/photoshop-cc-worn-torn-edges-effect-f.jpg\",\"datePublished\":\"2015-06-10T04:37:51+00:00\",\"dateModified\":\"2022-11-02T14:42:01+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this step by step Photoshop tutorial, learn how to take the normally sharp, straight edges of a photo and make them look worn, torn and faded!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/worn-torn-photo-edges-effect-in-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/worn-torn-photo-edges-effect-in-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/worn-torn-photo-edges-effect-in-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/photoshop-cc-worn-torn-edges-effect-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/photoshop-cc-worn-torn-edges-effect-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"Worn, Torn Photo Edges Effect In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/worn-torn-photo-edges-effect-in-photoshop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Borders and Frames\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/borders-and-frames\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Worn, Torn Photo Edges Effect\"}]},{\"@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":"Worn, Torn Photo Edges Effect In Photoshop","description":"In this step by step Photoshop tutorial, learn how to take the normally sharp, straight edges of a photo and make them look worn, torn and faded!","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\/worn-torn-photo-edges-effect-in-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"Worn, Torn Photo Edges Effect In Photoshop","og_description":"In this step by step Photoshop tutorial, learn how to take the normally sharp, straight edges of a photo and make them look worn, torn and faded!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/worn-torn-photo-edges-effect-in-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2015-06-10T04:37:51+00:00","article_modified_time":"2022-11-02T14:42:01+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/06\/photoshop-cc-worn-torn-edges-effect-f.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"25 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/worn-torn-photo-edges-effect-in-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/worn-torn-photo-edges-effect-in-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Worn, Torn Photo Edges Effect In Photoshop","datePublished":"2015-06-10T04:37:51+00:00","dateModified":"2022-11-02T14:42:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/worn-torn-photo-edges-effect-in-photoshop\/"},"wordCount":3037,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/worn-torn-photo-edges-effect-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/06\/photoshop-cc-worn-torn-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\/worn-torn-photo-edges-effect-in-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/worn-torn-photo-edges-effect-in-photoshop\/","name":"Worn, Torn Photo Edges Effect In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/worn-torn-photo-edges-effect-in-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/worn-torn-photo-edges-effect-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/06\/photoshop-cc-worn-torn-edges-effect-f.jpg","datePublished":"2015-06-10T04:37:51+00:00","dateModified":"2022-11-02T14:42:01+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this step by step Photoshop tutorial, learn how to take the normally sharp, straight edges of a photo and make them look worn, torn and faded!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/worn-torn-photo-edges-effect-in-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/worn-torn-photo-edges-effect-in-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/worn-torn-photo-edges-effect-in-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/06\/photoshop-cc-worn-torn-edges-effect-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2015\/06\/photoshop-cc-worn-torn-edges-effect-f.jpg","width":250,"height":250,"caption":"Worn, Torn Photo Edges Effect In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/worn-torn-photo-edges-effect-in-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/"},{"@type":"ListItem","position":3,"name":"Borders and Frames","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/borders-and-frames\/"},{"@type":"ListItem","position":4,"name":"Worn, Torn Photo Edges Effect"}]},{"@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\/6584","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=6584"}],"version-history":[{"count":48,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/6584\/revisions"}],"predecessor-version":[{"id":33591,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/6584\/revisions\/33591"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15324"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=6584"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=6584"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=6584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}