{"id":2124,"date":"2018-10-13T14:14:10","date_gmt":"2018-10-13T14:14:10","guid":{"rendered":"http:\/\/nickcassway.com\/designblog\/?p=2124"},"modified":"2018-10-13T14:15:30","modified_gmt":"2018-10-13T14:15:30","slug":"torn-edges-in-photoshop","status":"publish","type":"post","link":"http:\/\/nickcassway.com\/designblog\/?p=2124","title":{"rendered":"Torn Edges in Photoshop"},"content":{"rendered":"

\"\"
\nIn this tutorial we will make an image appear is if has been torn out of a fashion magazine leaving raggedy edges. It’s not as good as the real thing but built into the tutorial are plenty of opportunities to modify the technique to achieve a certain level of authenticity.
\n1. Download this image\u00a0<\/a>or use one of your own. Pro-Tip<\/strong> if you are looking online for an image to use you want to use the highest res image possible. In Google Images<\/strong> when you search click on Tools<\/strong> and then click on the Size<\/strong> drop down and select larger than 4 MP this will yield very high-resolution results.
\n\"\"
\nThis tutorial assumes you are using high-res images; if you are using something lower-res you will need to adjust the settings in all of the steps.
\n2. The first step is to make a selection that mimics how you would tear the image – typically this means you would attempt to make straight tears. Select the Polygon lasso tool<\/strong>
\n\"\"
\nand make a very general selection around the image. The trick to making this look authentic is to use as few lines as possible to make the selection.
\n\"\"
\n3. In reality, trying to tear out an image would not yield neat corners, in the next step we’ll soften up the selection.<\/strong> Go to the SELECT menu > MODIFY > SMOOTH and smooth the selection with a 24-pixel radius (depending on the size of the image you can increase or decrease the radius to make it look right.)
\n\"\"
\n4. Open the Channels panel (if you can’t find it go to the WINDOW menu > CHANNELS) and click on the Save Selection as a Channel Icon<\/strong>, rename it interior edge.<\/em>
\n\"\"
\n5. With the selection still active go to the SELECT menu > MODIFY > EXPAND and expand the selection<\/strong> by 18 pixels (again, depending on the size of the image you can increase or decrease the radius to make it look right.)
\n\"\"
\n6. Save this as a new channel<\/strong> and call it exterior edge<\/em> – this will be used to simulate the raggedy paper from the tear.
\n\"\"
\n7. Deselect the selection<\/strong> by going to the SELECT menu > DESELECT (or Cmd\/Ctrl + D)
\n8. Open the Layers Panel and make a copy of the background layer<\/strong> by either dragging the layer to the New Layer icon OR by typing Cmd\/Ctrl + J. Turn off the visibility for the original background layer<\/strong> and make Background Copy<\/em> the active layer by clicking on it.
\n\"\"
\n9. Go to the SELECT menu > LOAD SELECTION select the channel<\/strong> interior edge<\/em> and click on OK.
\n\"\"
\nIn the Layers Panel click on the Add Layer Mask<\/strong> icon to use the selection as a mask (the mask is super smooth at this stage – we will modify it in a few steps to make it look like torn edges)
\n\"\"
\n10. Go back to the SELECT menu > LOAD SELECTION select the channel exterior edge<\/em> and click on OK. Then, click on the Adjustment Layer<\/strong> Icon at the bottom of the layers panel
\n\"\"
\nand create a new Solid Color Adjustment Layer<\/strong> with a white fill.<\/strong>
\nSlide the Color Fill 1<\/em> layer below the Background Copy Layer.<\/em>
\n\"\"
\n11. Now to make things look all raggedy. Click on the Layer Mask<\/strong> for the Background Copy Layer<\/em> and go to the FILTER menu > FILTER GALLERY and click on the Brush Strokes Folder and the Spatter Filter.<\/strong> Spatter has two settings the spray radius<\/strong> which will make the edges raggedy and smoothness<\/strong> which will smooth out the raggedness. For this I’ve used 11<\/strong> for the radius and 7<\/strong> for the smoothness – you can make your own settings for this depending on what looks good to you.
\n\"\"
\n\"\"
\n12. Soften the Spatter filter<\/strong> effect – with the layer mask still active go to the FILTER menu > BLUR > GAUSSIAN BLUR and set it to 2 pixels.<\/strong>
\n\"\"
\nThen go to the IMAGE menu > ADJUSTMENTS > LEVELS and bring the black and white points in just a bit to make the blur effect not so soft.<\/strong>
\n\"\"
\n13. We’ll work on the Color Fill 1<\/em> layer by using similar techniques. Click on the layer mask for Color Fill 1<\/em><\/strong> and go back to the FILTER menu > FILTER GALLERY and click on the Brush Strokes Folder and the Spatter Filter<\/strong>. Use similar settings as the last time but not exactly the same – this will provide a better sense of authenticity if both edges are not uniform. For my example, I used 18<\/strong> for the Spray Radius and 12<\/strong> for the Smoothness.
\n\"\"
\n14. Next, hold the Cmd\/Ctrl key down and click on the Color Fill 1<\/em> layer mask – this activates the mask as a selection – we will do this so that the next effect, add noise<\/strong>, will be limited to the just the white area of the mask. With the selection activated,\u00a0go to the FILTER menu > NOISE > ADD NOISE and make the amount 12%<\/strong> and the distribution Gaussian<\/strong>. This will provide a slight texture to the ripped edges of the paper. Deselect the selection.<\/strong>
\n\"\"
\n15. Go to the FILTER menu > BLUR > GAUSSIAN BLUR and set it to 2 pixels.<\/strong> Then Go to the IMAGE menu > ADJUSTMENTS > LEVELS and bring the black and white points in just a bit to\u00a0make the blur effect not so soft.<\/strong>
\n16. The final adjustments are made as transformations to the layer masks.<\/strong> With the layer mask for Color Fill 1<\/em> still active, go to the EDIT menu > FREE TRANSFORM. With the transformation bounding box open, you can scale, rotate and move<\/strong> the exterior edge of the tear to give it even more of an authentic appearance.
\n\"\"
\n17. You can adjust the shape of the interior edge by doing the same thing – click on the Background Copy layer mask and uncheck the chain link icon<\/strong> between the layer and mask (this allows you to manipulate just the mask and not the image.)
\n\"\"
\nUse the EDIT menu > TRANSFORM > WARP feature to manipulate the overall shape.
\n\"\"
\n18. Save the file as a PSD<\/strong> so that you can place into other compositions as a Smart Object OR go to the FILE menu > EXPORT > QUICK EXPORT as PNG to export the image with its transparent background<\/strong> that is suitable for use in a PowerPoint or Google Slides presentation.<\/p>\n","protected":false},"excerpt":{"rendered":"

In this tutorial we will make an image appear is if has been torn out of a fashion magazine leaving raggedy edges. It’s not as good as the real thing but built into the tutorial are plenty of opportunities to … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[4],"class_list":["post-2124","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-photoshop-tutorials"],"_links":{"self":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts\/2124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2124"}],"version-history":[{"count":5,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts\/2124\/revisions"}],"predecessor-version":[{"id":2158,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=\/wp\/v2\/posts\/2124\/revisions\/2158"}],"wp:attachment":[{"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2124"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/nickcassway.com\/designblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}