Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
Torn Image Overlap in Photoshop
  • By Design Bundles
  • 26 Nov 2018
  • 6 Mins
  • Photoshop Tutorials

Torn Image Overlap in Photoshop

For this tutorial we need two images. One for the “Background” and the second one will be on top and almost cover the entire Canvas, except for the “Hole”(You can use the same image, but maybe turn one of the instances into Black & White to create contrast between them). We will also need an image of a torn piece of paper to create the effect.

1 - In Photoshop, open the image you chose as “Background”.

2 - Open your Torn Paper file and drag it on to your original Document. Use “Free Transform” (Command/Control + T) to “Rotate” and/or “Resize” your image to make it fit the Canvas. When you are done hit Enter or click the small “Check Mark” on the Top Menu.

3 - Double-click on the “Background” layer thumbnail to unlock it and click “OK” on the Pop-Up window. Move the “Background” layer until the visible portion is the one that works better for your artwork.

4 - Open your Top Image file and drag it on to your original Document. Lower the “Opacity” to 50% to get a better view and use “Free Transform” (Command/Control + T) to “Rotate” and/or “Resize” it to make it fit the Canvas. When you are done hit Enter or click the small “Check Mark” on the Top Menu.

5 - Make sure you are still working on your Top Layer, then Command/Control-Click on top of the Torn Paper thumbnail to make a selection and create a “Mask” by clicking on the small button at the bottom of the “Layers Panel”.

6 - Duplicate your Torn Paper layer (Command/Control + J), drag the duplicate to the top and create a create a “Layer Mask” of this layer.

7 - Select the “Brush Tool” (B) and use a large and medium soft brush (300 px, 50% “Hardness”) and Black as “Foreground” color to hide almost all the paper and just leave the hole and the torn edges.

8 - Make the brush a bit smaller (80 px, 50% “Hardness”) and clean the edges of the hole trying not to lose any detail. You can always bring back something by changing the “Foreground” color to White. Change the “Blending Mode” to “Color Burn” and the “Opacity” to 90%.

9 - With your “Top Image” Layer selected, Command/Control-Click on top of the top Torn Paper Mask thumbnail to make a selection. Create a “New Layer” by clicking on the small button at the bottom of the “Layers Panel” (it should be on top of the “Top Image” layer and under the top “Torn Paper” layer) and fill it with Black or “Foreground” Color (Alt/Option + Delete).

10 - Deselect (Command/Control + D) and go to Filter > Blur > Motion Blur… Use a 0° Angle and a “Distance” of 200 Pixels.

11 - Create a “Layer Mask” by clicking on the small button at the bottom of the “Layers Panel” and use a large and soft brush (380 px, 0% “Hardness”) and Black as “Foreground” color to erase the inside of the hole and the top and bottom edges. The idea is to leave the shadows where the portions of torn paper overlap with the surface.

12 - Duplicate the “Top Image” Layer and change its “Blending Mode” to “Linear Light” and the “Opacity” to 30%.

13 - Check out your work.

by @lornacane


6 Related Photoshop Tutorials

For this tutorial, you will need an image or portrait to work with Its better if your image is Black & White or will be easily converted into. We will cover two ways of achieving it, one only in Photoshop, and the other with “Image Trace” in Illustrator.1 - In ...

For this tutorial, we will use the image of a person with a neutral background.1 - In Photoshop, open the image you chose to work with and “Duplicate” it (Command/Control + J).2 - Go to Filter > Camera Raw Filter (Shift + Command/Control + A), zoom in a bit to see ...

In this tutorial, we will learn how to bend an image in Photoshop. The result will be similar to the photo manipulations you may have seen in movies, and you can apply it to almost any landscape photo with a visible horizon.You can post the resulting artwork on your ...

1- Open Photoshop and create a new file.2- Select the type tool, select your font set the font size and select the smooth option. Type your text.3- Open your image in a new window.4- Click and drag the image onto the text window.5- Your image will ...

For this tutorial, we are going to use the Lego Pattern created for “Lego Text Effect” tutorial (https://designbundles.net/design-school/lego-text-effect-photoshop - Steps 5 to 9). We will also need an image to apply the pattern to. It’s better if the image doesn’t have a great amount of detail, ...

Flipping an image in Photoshop is simply mirroring it. You might want to do this for many reasons like shifting the focus, creating patterns and more. It can also be useful for projects that use HTV.There are many ways to do this depending on your image and project needs. ...

You may also like

Help Center
ol image