{"id":122,"date":"2012-10-01T00:03:58","date_gmt":"2012-10-01T00:03:58","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=122"},"modified":"2019-04-13T13:21:30","modified_gmt":"2019-04-13T17:21:30","slug":"tear-photo","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/","title":{"rendered":"Tearing A Photo To Reveal Another In Photoshop"},"content":{"rendered":"<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<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop Effects<\/strong> tutorial, we're going to look at another movie poster-type of effect. We're going to learn how to create the illusion that a piece of a photo is torn away to reveal another photo underneath it. I saw this effect used in a poster for a tv show on the FX Network, and when I realized how easy it would be to do something similar in Photoshop, well, here we are.<\/p>\n<p>To create the effect, we'll be colorizing one photo and converting the second one to black and white, then adding some noise, enhancing shadows and highlights, and using a few layer masks to blend it all together.<\/p>\n<p>I'm going to use this same photo from one of our other recent tutorials, <a href=\"http:\/\/www.photoshopessentials.com\/photo-effects\/photo-fill\/\">Create An Optical Illusion By Filling A Photo With More Photos<\/a>, because it works perfectly for the effect we're going for here:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/woman-portrait.jpg\" alt=\"A photo of a woman.\" width=\"308\" height=\"458\" \/>\n<div class=\"image-desc\">The first photo. <\/div>\n<p>I'm also going to be using this photo, or more specifically, the guy from this photo:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/guy.jpg\" alt=\"A photo of a tough looking guy.\" width=\"558\" height=\"447\" \/>\n<div class=\"image-desc\">The second photo. <\/div>\n<p>And here's the final effect we'll be working towards:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/final-result.jpg\" alt=\"The final result.\" \/>\n<div class=\"image-desc\">The final result. <\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>This tutorial is from our <a href=\"\/photo-effects\/\" title=\"Learn Photoshop effects\">Photo Effects<\/a> series. Let's get started!<\/p>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h4><span>Step 1:<\/span> Crop The Main Photo Around The Person's Face<\/h4>\n<p>I'm going to start by working on the photo of the woman, which is going to be the photo that ends up with a piece torn out of it, and the first thing I'm going to do is crop the photo so that all I'm left with is the area around her head. I'll use the <strong>Crop Tool<\/strong> for this, so I'll grab my Crop Tool from the Tools palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/crop-tool.gif\" alt=\"Selecting the Crop Tool from Photoshop's Tools palette.\" \/>\n<div class=\"image-desc\">Select the Crop Tool. <\/div>\n<p>I could also press <strong>C<\/strong> to quickly access it with the keyboard shortcut. Then I'm simply going to click and drag out a selection around the woman's head, making sure her face ends up in the center of my selection:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/selecting-face.jpg\" alt=\"Using the Crop Tool to drag a selection around the woman's face.\" \/>\n<div class=\"image-desc\">Drag out a selection with the Crop Tool. <\/div>\n<p>When I'm happy with my selection, I'll press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept it, and Photoshop will crop the image for me:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/image-cropped.jpg\" alt=\"The image is now cropped.\" \/>\n<div class=\"image-desc\">The image is now cropped. <\/div>\n<h4><span>Step 2:<\/span> Duplicate The Background Layer<\/h4>\n<p>Next, we need to duplicate the Background layer because we're going to be filling the original Background layer with black in a moment, so press <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) to duplicate it. We can now see our duplicate above the original in the Layers palette, which Photoshop has named \"Layer 1\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/duplicate-background-layer.jpg\" alt=\"The Layers palette in Photoshop showing the Background layer and the duplicate above it.\" \/>\n<div class=\"image-desc\">Press \"Ctrl+J\" (Win) \/ \"Command+J\" (Mac) to duplicate the Background layer. <\/div>\n<h4><span>Step 3:<\/span> Add More Canvas Space And Fill It With Black<\/h4>\n<p>Click on the Background layer in the Layers palette to select it. We're going to add more canvas space to the left and right of the image, and we're going to use the Crop Tool to do it. But first, press the letter <strong>D<\/strong> on your keyboard to quickly reset your Foreground and Background colors if needed, so black becomes your Foreground color (white becomes your Background color), and then press <strong>X<\/strong> on your keyboard to swap them, so black becomes your Background color. Select the <strong>Crop Tool<\/strong> once again. Then with the Background layer selected in the Layers palette, drag out a selection with the Crop Tool around the entire image. <\/p>\n<p>When you release your mouse button,  you'll see little square handles appear around the image, one in each corner, and one on the top, bottom, left and right. Hold down <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) and drag out either of the side handles to add more canvas space. Add an extra inch or so on either side (holding down the Alt\/Option key moves both side handles at once as you drag):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/drag-handles.jpg\" alt=\"Dragging the side handles to add more canvas space.\" \/>\n<div class=\"image-desc\">Hold down \"Alt\" (Win) \/ \"Option\" (Mac) to drag out either of the side handles to add more canvas space. <\/div>\n<p>Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done, and Photoshop will add your additional canvas space and will also fill it with black, since black is our Background color:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/canvas-added.jpg\" alt=\"The canvas space has been added on the sides of the image.\" \/>\n<div class=\"image-desc\">The canvas space now added on the sides and filled with black. <\/div>\n<h4><span>Step 4:<\/span> Fill The Entire Background Layer With Black<\/h4>\n<p>Photoshop has filled the extra canvas space with black for us, and everything looks fine in our image, but if we look at our Background layer thumbnail in the Layers palette, we can see that only the extra canvas space has been filled with black. The photo itself is still there:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/layers-palette.jpg\" alt=\"Photoshop's Layers palette.\" \/>\n<div class=\"image-desc\">The Background layer's thumbnail in the Layers palette still shows the original image. Only the extra space on the sides has been filled with black. <\/div>\n<p>To fix that and fill the entire Background layer with black, press <strong>Alt+Backspace<\/strong> (Win) \/ <strong>Option+Delete<\/strong> (Mac), which fills the layer with the current background color (black in our case). Again, nothing looks different in the image itself, but the Background layer thumbnail in the Layers palette is now showing solid black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/solid-black.jpg\" alt=\"The Layers palette in Photoshop now showing the Background layer filled entirely with black.\" \/>\n<div class=\"image-desc\">The Background layer's thumbnail now shows the entire layer filled with black. <\/div>\n<h4><span>Step 5:<\/span> Add A Layer Mask On \"Layer 1\"<\/h4>\n<p>Click on \"Layer 1\" in the Layers palette to select it. Then click on the <strong>Add A Layer Mask<\/strong> icon at the bottom of the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/add-layer-mask.jpg\" alt=\"Clicking on the 'Add A Layer Mask' icon.\" \/>\n<div class=\"image-desc\">Click the \"Add A Layer Mask\" icon. <\/div>\n<p>This adds a layer mask to \"Layer 1\", and it also adds a layer mask thumbnail on the layer in the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/layer-mask-thumbnail.jpg\" alt=\"A layer mask thumbanil has been added to the Layers palette.\" \/>\n<div class=\"image-desc\">A layer mask thumbnail has now been added to \"Layer 1\" in the Layers palette. <\/div>\n<p>The layer mask itself, rather then the contents of the layer, is now selected, and we know that by the white highlight border around the layer mask thumbnail.<\/p>\n<h4><span>Step 6:<\/span> Paint With Black On The Mask To Blend The Edges Of The Image In With The Background<\/h4>\n<p>We want the edges around our image to blend in with the black background, and we're going to accomplish that by painting around the edges with black on our layer mask. We need the <strong>Brush Tool<\/strong> to paint with, so either select it from the Tools palette or press <strong>B<\/strong> on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/brush-tool.gif\" alt=\"Selecting the Brush Tool from the Tools palette.\" \/>\n<div class=\"image-desc\">Select the Brush Tool. <\/div>\n<p>We want to paint with black, so press <strong>X<\/strong> on your keyboard to swap your Foreground and Background colors again, which makes black your Foreground color. Then, with a large soft-edge brush, paint along the edges of the photo to blend them in with the background. Because we're painting on the layer mask, not the actual layer, anywhere we paint with black will hide the image. It looks like we're painting directly on the image itself because we're painting with black and the background is black, but if the background was a different color, you'd see that we're really just hiding the image as we paint on the layer mask.<\/p>\n<p>You can change the size of your brush with the <strong>left and right bracket keys<\/strong> on your keyboard (the left bracket key makes the brush smaller and the right one makes it larger), and to make sure your brush has a soft edge, hold down your <strong>Shift<\/strong> key and press the <strong>left bracket key<\/strong> a few times (pressing the right bracket key while holding Shift makes the brush harder). Then paint around the edges to blend them in with the black background.<\/p>\n<p>Here's my image after painting around the edges:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/painted-black.jpg\" alt=\"The image after painting around the edges with black.\" \/>\n<div class=\"image-desc\">The image after painting around the edges with black to blend them in with the background. <\/div>\n<h4><span>Step 7:<\/span> Colorize The Image<\/h4>\n<p>With \"Layer 1\" still selected, hold down <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) and click on the <strong>New Adjustment Layer<\/strong> icon at the bottom of the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/new-adjustment-layer.jpg\" alt=\"Clicking the 'New Adjustment Layer' icon.\" \/>\n<div class=\"image-desc\">Hold down \"Alt\" (Win) \/ \"Option\" (Mac) and click on the \"New Adjustment Layer\" icon. <\/div>\n<p>Then select <strong>Hue\/Saturation<\/strong> from the list that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/hue-saturation.gif\" alt=\"Selecting a Hue\/Saturation adjustment layer.\" \/>\n<div class=\"image-desc\">Select \"Hue\/Saturation\" from the list. <\/div>\n<p>By holding down Alt\/Option. this tells Photoshop to bring up the <strong>New Layer<\/strong> dialog box before adding the adjustment layer. Click inside the checkbox to the left of the <strong>Use Previous Layer to Create Clipping Mask<\/strong> option to select it. By selecting this option, the Hue\/Saturation adjustment layer is going to affect only the layer directly below it (\"Layer 1\") and will have no effect on any other layers. This isn't so important at the moment, but it will be once we drag our second photo into the image. Click OK to exit out of the dialog box, and the \"Hue\/Saturation\" dialog box will appear.<\/p>\n<p>Select the <strong>Colorize<\/strong> option in the bottom right corner of the dialog box, then drag the <strong>Hue<\/strong> slider to select the color for your image, keeping an eye on your image as you drag. I'm going to set my Hue to a value of about 38:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/select-hue.jpg\" alt=\"Dragging the Hue slider to select the color for my image.\" \/>\n<div class=\"image-desc\">Drag the \"Hue\" slider to set the color you want to colorize your image with, keeping an eye on your image as you drag. <\/div>\n<p>Click OK when you're happy with the color you've chosen to exit out of the dialog box. Here's my image after colorizing it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/image-colorized.jpg\" alt=\"The image after colorizing it with the Hue\/Saturation adjustment layer.\" \/>\n<div class=\"image-desc\">The image after colorizing it with the Hue\/Saturation adjustment layer. <\/div>\n<h4><span>Step 8:<\/span> Add Some Dramatic Lighting With A Curves Adjustment Layer<\/h4>\n<p>Right now the woman's face looks a little too bright for the effect we're going for. Let's add some dramatic lighting to her face, using a <strong>Curves<\/strong> adjustment layer and the layer mask it comes with. Don't worry if you've never used Curves before or if it seems too advanced for your current Photoshop skill level.<\/p>\n<p>All I'm going to do is add the adjustment layer. I'm not going to actually do anything with it, other than change its blend mode, which I'll do in a moment. First, I need to add it though, and I want to add it between \"Layer 1\" and my Hue\/Saturation adjustment layer, so I'm going to click on \"Layer 1\" in the Layers palette to select it.<\/p>\n<p style=\"clear:both;\">Then, I'm going to click on the <strong>New Adjustment Layer<\/strong> icon at the bottom of the Layers palette once again:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/new-adjustment-2.jpg\" alt=\"Clicking the 'New Adjustment Layer' icon.\" \/>\n<div class=\"image-desc\">Click on \"Layer 1\" to select it, then click the \"New Adjustment Layer\" icon once again. <\/div>\n<p>This time, I'm going to choose \"Curves\" from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/select-curves.gif\" alt=\"Selecting 'Curves' from the list.\" \/>\n<div class=\"image-desc\">Select the \"Curves\" adjustment layer. <\/div>\n<p>When the Curves dialog box appears, I'm simply going to click OK to exit out of it, since I don't need to change any of the settings. All I need to do is change the <strong>blend mode<\/strong> of the Curves adjustment layer from \"Normal\" to <strong>Multiply<\/strong> in the top left corner of the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/multiply-blend-mode.jpg\" alt=\"Changing the blend mode of the Curves adjustment layer to 'Multiply'.\" \/>\n<div class=\"image-desc\">Change the blend mode of the Curves adjustment layer from \"Normal\" to \"Multiply\" to darken the image. <\/div>\n<p>And that's going to darken my image for me:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/image-multiply.jpg\" alt=\"The image after adding a Curves adjustment layer set to the 'Multiply' blend mode.\" \/>\n<div class=\"image-desc\">The image after adding a Curves adjustment layer above it set to the \"Multiply\" blend mode. <\/div>\n<p>Her face is a lot darker now, but let's use the layer mask the adjustment layer came with to bring back some of the original brightness and give us some dramatic lighting. Select your <strong>Gradient Tool<\/strong> from the Tools palette, or press <strong>G<\/strong> on your keyboard to quickly select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/gradient-tool.gif\" alt=\"Selecting the Gradient Tool from the Tools palette.\" \/>\n<div class=\"image-desc\">Select the Gradient Tool. <\/div>\n<p>Then, in the Options Bar at the top of the screen, look in the gradient preview thumbnail and make sure you have the <strong>Foreground to Background<\/strong> gradient selected (it will be black on the left and white on the right), and click on the <strong>Reflected Gradient<\/strong> option:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/gradient-options.gif\" alt=\"Selecting the Gradient Tool from the Tools palette.\" \/>\n<div class=\"image-desc\">Make sure the \"Foreground to Background\" (black to white) gradient is selected in the Options Bar, and click on the \"Reflected Gradient\" option. <\/div>\n<p>Then, with my Gradient Tool, I'm going to click somewhere in the middle of the woman's nose and drag my mouse over to the right edge of her face:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/image-gradient.jpg\" alt=\"The image after adding some dramatic lighting with the Gradient Tool.\" \/>\n<div class=\"image-desc\">The lighting is now more dramatic on her face. <\/div>\n<p>I also want to bring back all of the original brightness in her eyes, so I'm going to switch back to my <strong>Brush Tool<\/strong>, and with black still as my Foreground color, I'm going to use a much smaller brush (again, you can change the size of the brush on the fly with the left and right bracket keys) and paint over her eyes:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/paint-eyes.jpg\" alt=\"Painting with black over her eyes to bring back the original brightness.\" \/>\n<div class=\"image-desc\">Painting with black over her eyes to bring back the original brightness. <\/div>\n<p>Here's my image after brightening up her eyes:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/image-eyes.jpg\" alt=\"The image after restoring the brightness in the woman's eyes.\" \/>\n<div class=\"image-desc\">The image after restoring the brightness in the woman's eyes. <\/div>\n<h4><span>Step 9:<\/span> Select The Area To \"Tear Out\" Of The Image With The Lasso Tool<\/h4>\n<p>Grab your <strong>Lasso Tool<\/strong> from the Tools palette, or press <strong>L<\/strong> to quickly select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/lasso-tool.gif\" alt=\"Selecting the Lasso Tool from the Tools palette.\" \/>\n<div class=\"image-desc\">Select the Lasso Tool. <\/div>\n<p>Then drag out a selection around the area you want to \"tear out\" of the image. I'm going to select an area from the top of the image to the bottom through the center of the woman's face. Try to make your selection rough and jagged as you're dragging to create the \"torn\" look:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/image-selection.jpg\" alt=\"Dragging a rough selection through the image.\" \/>\n<div class=\"image-desc\">Photoshop Effects: Drag a seletion through the image which will become the area that is \"torn out\" of it.<\/div>\n<h4><span>Step 10:<\/span> Select The Layer Mask On \"Layer 1\" And Fill The Selection With Black<\/h4>\n<p>We're going to fill our selection with black, and we're going to do that on the layer mask of \"Layer 1\" so that we hide the woman's face in the area inside the selection. To do that, first click on the layer mask thumbnail on \"Layer 1\" in the Layers palette to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/select-mask.gif\" alt=\"Clicking on the layer mask thumbnail on 'Layer 1'.\" \/>\n<div class=\"image-desc\">Click the layer mask thumbnail on \"Layer 1\" to select the layer mask. <\/div>\n<p>Then use the keyboard shortcut <strong>Alt+Backspace<\/strong> (Win) \/ <strong>Option+Delete<\/strong> (Mac) to fill the selection with black. The part of the woman's face that was inside the selection is now hidden from view, revealing the black background behind it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/image-black.jpg\" alt=\"The image after filling the selection with black.\" \/>\n<div class=\"image-desc\">After filling the selection with black on the layer mask, the area inside the selection is now hidden from view, revealing the black background behind it. <\/div>\n<p>Press <strong>Ctrl+D<\/strong> (Win) \/ <strong>Command+D<\/strong> (Mac) to clear the selection.<\/p>\n<h4><span>Step 11:<\/span> Apply The \"Spatter\" Filter To Enhance The Jagged Lines<\/h4>\n<p>Let's make our torn edges look a little more torn using the \"Spatter\" filter. Go up to the <strong>Filter<\/strong> menu at the top of the screen, choose <strong>Brush Strokes<\/strong>, and then choose <strong>Spatter<\/strong>. This brings up the \"Filter Gallery\" dialog box set to the \"Spatter\" options on the right. You may want to experiment with the settings on your own, keeping an eye on the preview window on the left of the dialog box, but I'm going to set my <strong>Spray Radius<\/strong> to <strong>10<\/strong> and my <strong>Smoothness<\/strong> all the way to <strong>15<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/spatter-options.jpg\" alt=\"Photoshop's Filter Gallery set to the 'Spatter' options.\" \/>\n<div class=\"image-desc\">Go to Filter &gt; Brush Strokes &gt; Spatter. <\/div>\n<p>Click OK to exit out of the dialog box. My torn edges through the center of the image now look a bit more torn:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/image-spatter.jpg\" alt=\"The image after applying the Spatter filter.\" \/>\n<div class=\"image-desc\">The image after applying the \"Spatter\" filter to enhance the torn edges effect. <\/div>\n<h4><span>Step 12:<\/span> Drag The Second Image Into The Document<\/h4>\n<p>It's time to add our second image into the document. We want the image to appear behind our main image, which means we need to be placed on a layer below the main image in the Layers palette, so click on the Background layer in the Layers palette to select it. The second image will then be placed between the Background layer and \"Layer 1\" when we drag it into the document, which is what we're going to do next. With both images open in their own document window on the screen, grab your <strong>Move Tool<\/strong> from the Tools palette or press <strong>V<\/strong> on your keyboard to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/move-tool.gif\" alt=\"Selecting the Move Tool from the Tools palette.\" \/>\n<div class=\"image-desc\">Select the Move Tool. <\/div>\n<p>Then, with the Move Tool selected, click anywhere inside the second image and drag it over and into the main document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/drag-image.jpg\" alt=\"Dragging the second image into the main document with the Move Tool.\" \/>\n<div class=\"image-desc\">Photoshop Effects: Click inside the second photo and drag it into the main document.<\/div>\n<p>Close out of the second image's document window after you've dragged it into the main document.<\/p>\n<p>If we look in the Layers palette of the main document now, we can see that the second image has been placed on its own layer between the Background layer and the main image layer (\"Layer 1\"), and has named the new layer \"Layer 2\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/layer-2.jpg\" alt=\"The Layers palette showing the second image on its own layer between the Background layer and 'Layer 1'.\" \/>\n<div class=\"image-desc\">The second image is now on its own layer, named \"Layer 2\", between the Background layer and \"Layer 1\". <\/div>\n<h4><span>Step 13:<\/span> Resize And Reposition The Image With The Free Transform Command<\/h4>\n<p>Press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) to bring up Photoshop's <strong>Free Transform<\/strong> handles around the second image and drag any of the corner handles to resize the image as needed. If you can't see the corner handles because the image extends beyond the viewable area of the document, press <strong>Ctrl+0<\/strong> (Win) \/ <strong>Command+0<\/strong> (Mac) to fit everything on the screen. Hold down <strong>Shift<\/strong> as you're dragging to constrain the image proportions. Also, click anywhere inside the image and drag it around the screen with your mouse to move it into position. In my case, I want the guy in the photo to appear inside the area I just \"tore out\" of the main photo, so I'm going to make the image smaller by dragging the corner handles and then I'll click inside the image and move it where I want it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/free-transform.jpg\" alt=\"Moving and resizing the image with Free Transform.\" \/>\n<div class=\"image-desc\">Move and resize the second image as needed with the Free Transform command. <\/div>\n<p>When you're happy with the size and position of your image, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept it.<\/p>\n<h4><span>Step 14:<\/span> Desaturate The Second Image<\/h4>\n<p>We want the image that appears behind the main photo to be in black and white, so let's quickly desaturate it using the keyboard shortcut <strong>Ctrl+Shift+U<\/strong> (Win) \/ <strong>Command+Shift+U<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/image-desaturated.jpg\" alt=\"The second image now appears in black and white.\" \/>\n<div class=\"image-desc\">Desaturate the second image. <\/div>\n<h4><span>Step 15:<\/span> Add A Layer Mask To The Second Image<\/h4>\n<p>With \"Layer 2\" still selected, click on the <strong>Add A Layer Mask<\/strong> icon at the bottom of the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/layer-mask-2.jpg\" alt=\"Adding a layer mask to 'Layer 2'.\" \/>\n<div class=\"image-desc\">Click the \"Add A Layer Mask\" icon. <\/div>\n<p>This adds a layer mask, and a layer mask thumbnail, to \"Layer 2\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/mask-thumbnail-2.jpg\" alt=\"The Layers palette showing the layer mask thumbnail on 'Layer 2'.\" \/>\n<div class=\"image-desc\">The layer mask now added to \"Layer 2\". <\/div>\n<h4><span>Step 16:<\/span> Paint With Black Around The Edges Of The Second Image<\/h4>\n<p>Select the <strong>Brush Tool<\/strong> once again, and with black still as your Foreground color, use a large soft-edge brush and paint around the edges of the second image to hide them, just as we did with the main image.<\/p>\n<p>In my case, I'm going to hide all the edges so that only the are around the guy's face is left showing:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/second-image-paint.jpg\" alt=\"The image after painting away the edges on the second image.\" \/>\n<div class=\"image-desc\">The image after painting away everything except the area around the guy's face in the second image. <\/div>\n<p>I'm also going to paint  along the edge of where the left \"tear edge\" of the main photo meets the second image, which will create a nice drop shadow effect on the left side of the guy's face, giving the image some depth. I'm going to keep the main part of my brush cursor just to the left of the tear edge so that only the soft edge of the brush is extending onto his face as I paint:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/paint-shadow.jpg\" alt=\"Adding a shadow along the left side of the guy's face.\" \/>\n<div class=\"image-desc\">Creating a shadow with the Brush Tool along the left side of the guy's face. <\/div>\n<p>Here's my image after painting the shadow along the left side of his face:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/image-painted.jpg\" alt=\"The image after painting a shadow along the left side of the guy's face.\" \/>\n<div class=\"image-desc\">The shadow along the left side of the guy's face adds some depth to the image. <\/div>\n<h4><span>Step 17:<\/span> Add Some Noise To The Image<\/h4>\n<p>Click on the very top layer in the Layers palette, which should be your Hue\/Saturation layer, and then click on the <strong>New Layer<\/strong> icon at the bottom of the Layers palette to add a new layer above all the others:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/new-layer-icon.jpg\" alt=\"Clicking the 'New Layer' icon.\" \/>\n<div class=\"image-desc\">Add a new layer at the top of the Layers palette. <\/div>\n<p>Press <strong>Ctrl+Backspace<\/strong> (Win) \/ <strong>Command+Delete<\/strong> (Mac) to fill the new layer with white. Then go up to the <strong>Filter<\/strong> menu at the top of the screen, choose <strong>Noise<\/strong> and then choose <strong>Add Noise<\/strong>, which brings up the \"Add Noise\" dialog box. I'm going to set my <strong>Amount<\/strong> to somewhere around 20% to add a little noise to the image, and I'm going to make sure that Ihave the <strong>Gaussian<\/strong> and <strong>Monochromatic<\/strong> options at the bottom selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/add-noise.gif\" alt=\"Photoshop's 'Add Noise' filter dialog box.\" \/>\n<div class=\"image-desc\">Add some noise to the image with the \"Add Noise\" filter. <\/div>\n<p>Your image will now be filled with black and white noise. Go up to the <strong>blend mode<\/strong> option in the top left corner of the Layers palette and change the blend mode for the layer from \"Normal\" to <strong>Color Burn<\/strong> and lower the <strong>Opacity<\/strong> value down to about <strong>30%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/color-burn-opacity.gif\" alt=\"Changing the blend mode and opacity values of the noise layer.\" \/>\n<div class=\"image-desc\">Change the blend mode of the noise layer to \"Color Burn\" and lower the opacity to about 30%. <\/div>\n<p>Here's my image at this point. We're almost done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/image-noise.jpg\" alt=\"The image after adding noise.\" \/>\n<div class=\"image-desc\">The image after adding noise. <\/div>\n<h4><span>Step 18:<\/span> Add Another New Layer And Set Its Blend Mode To \"Overlay\"<\/h4>\n<p>We're almost done! We're just going to add a few more highlights and shadows to the image. Click on the <strong>New Layer<\/strong> at the bottom of the Layers palette once again, and when the new layer appears at the top of the Layers palette, set its blend mode to <strong>Overlay<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/overlay.gif\" alt=\"Adding another new layer and changing its blend mode to 'Overlay'.\" \/>\n<div class=\"image-desc\">Click on the \"New Layer\" icon once again, then set the blend mode of the new layer to \"Overlay\". <\/div>\n<p>Grab your <strong>Brush Tool<\/strong> once again, and up in the Options Bar, lower the <strong>opacity<\/strong> of the brush down to about <strong>20%<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/opacity-options-bar.gif\" alt=\"Lowering the opacity of the brush down to 20% in the Options Bar.\" \/>\n<div class=\"image-desc\">Lower the opacity of the brush down to about 20% in the Options Bar. <\/div>\n<p>Then with black as your Foreground color, paint along any areas where you want to enhance the shadows in the image. I want to enhance the shadows along the sides of the woman's face, under her chin, maybe a little around her eyes, and on the side of her mouth, so I'm simply going to paint over those areas with my brush. Since I've lowered the opacity of my brush to 20%, I can slowly build up shadows by painting a stroke, releasing my mouse, and then painting another stroke over the same area as needed. If you make a mistake, simply press <strong>Ctrl+Z<\/strong> (Win) \/ \"Command+Z\" (Mac) to undo the brush stroke and continue painting:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/paint-shadows.jpg\" alt=\"Painting shadows into the image with the Brush Tool.\" \/>\n<div class=\"image-desc\">Use a soft-edge brush set to black to darken shadows in the image. <\/div>\n<p>Then press <strong>X<\/strong> on your keyboard to switch your Foreground color to white and paint on the image to enhance any highlight areas. I'm going to lower the size of my brush and click a few times in each of her eyes to really brighten them:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/eyes.jpg\" alt=\"Clicking with the Brush Tool inside the woman's eyes to brighten them further.\" \/>\n<div class=\"image-desc\">Paint over any areas with white to enhance highlights. <\/div>\n<p>I'm going to paint one or two strokes around her nose and chin as well with a larger brush to enhance those highlights a little. When you're happy with the highlights and shadows in your image, you're done! Here, after enhancing the highlights and shadows, is my final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/tear-photo\/final-result.jpg\" alt=\"The final result.\" \/>\n<div class=\"image-desc\">The final result. <\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<p>And there we have it! That's how to tear away part of a photo to reveal another beneath it in Photoshop! Check out our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/p>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we&#8217;re going to look at another movie poster-type of effect, tearing a section out of one photo to reveal another one hiding behind it!<\/p>\n","protected":false},"author":1,"featured_media":15460,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-122","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","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>Tearing A Photo To Reveal Another - Photoshop Tutorial<\/title>\n<meta name=\"description\" content=\"In this Photoshop tutorial, learn how to create a movie poster-type of effect by tearing a photo to reveal another photo underneath it.\" \/>\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\/tear-photo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tearing A Photo To Reveal Another In Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this Photoshop tutorial, learn how to create a movie poster-type of effect by tearing a photo to reveal another photo underneath it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2012-10-01T00:03:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T17:21:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-tear-photo-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=\"19 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\\\/tear-photo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/tear-photo\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Tearing A Photo To Reveal Another In Photoshop\",\"datePublished\":\"2012-10-01T00:03:58+00:00\",\"dateModified\":\"2019-04-13T17:21:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/tear-photo\\\/\"},\"wordCount\":3782,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/tear-photo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-tear-photo-effect-f.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/tear-photo\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/tear-photo\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/tear-photo\\\/\",\"name\":\"Tearing A Photo To Reveal Another - Photoshop Tutorial\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/tear-photo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/tear-photo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-tear-photo-effect-f.jpg\",\"datePublished\":\"2012-10-01T00:03:58+00:00\",\"dateModified\":\"2019-04-13T17:21:30+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this Photoshop tutorial, learn how to create a movie poster-type of effect by tearing a photo to reveal another photo underneath it.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/tear-photo\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/tear-photo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/tear-photo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-tear-photo-effect-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-tear-photo-effect-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"Tearing A Photo To Reveal Another In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/tear-photo\\\/#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\":\"Tearing A Photo To Reveal Another\"}]},{\"@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":"Tearing A Photo To Reveal Another - Photoshop Tutorial","description":"In this Photoshop tutorial, learn how to create a movie poster-type of effect by tearing a photo to reveal another photo underneath it.","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\/tear-photo\/","og_locale":"en_US","og_type":"article","og_title":"Tearing A Photo To Reveal Another In Photoshop","og_description":"In this Photoshop tutorial, learn how to create a movie poster-type of effect by tearing a photo to reveal another photo underneath it.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-01T00:03:58+00:00","article_modified_time":"2019-04-13T17:21:30+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-tear-photo-effect-f.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Tearing A Photo To Reveal Another In Photoshop","datePublished":"2012-10-01T00:03:58+00:00","dateModified":"2019-04-13T17:21:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/"},"wordCount":3782,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-tear-photo-effect-f.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/","name":"Tearing A Photo To Reveal Another - Photoshop Tutorial","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-tear-photo-effect-f.jpg","datePublished":"2012-10-01T00:03:58+00:00","dateModified":"2019-04-13T17:21:30+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this Photoshop tutorial, learn how to create a movie poster-type of effect by tearing a photo to reveal another photo underneath it.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-tear-photo-effect-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-tear-photo-effect-f.jpg","width":250,"height":250,"caption":"Tearing A Photo To Reveal Another In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/tear-photo\/#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":"Tearing A Photo To Reveal Another"}]},{"@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\/122","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=122"}],"version-history":[{"count":27,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/122\/revisions"}],"predecessor-version":[{"id":27500,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/122\/revisions\/27500"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15460"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}