top of page

Create a Torn Paper Reveal Effect in Adobe Photoshop

1 day ago
4 min read

A torn paper effect is a great way to add texture, depth, and visual interest to a design.

In this tutorial, you’ll learn how to create a layered torn paper reveal effect in Adobe Photoshop, then bring the finished PSD into Adobe InDesign and use it inside an editorial magazine layout.

Along the way, you’ll work with inverted layer masks, clipping masks, textures, blend modes, and InDesign’s Object Layer Options.

To follow along step by step, you can download the exercise files by clicking the link below.

In this tutorial, you’ll learn how to:

  • Create an inverted layer mask

  • Reveal and conceal artwork using the Brush Tool

  • Apply a clipping mask

  • Add paper textures and dot patterns

  • Use blend modes to build depth

  • Place a layered PSD into Adobe InDesign

  • Control Photoshop layers directly inside InDesign

  • Apply text wrap to integrate the artwork into an editorial layout

Step 1: Start with the Paper Rip Image

Open the Paper Rip PNG image in Photoshop. This image will form the foundation of the effect.

The concept is to make a pair of eyes appear as though they are peeking through the torn opening.

This type of graphic can be used across a wide range of projects, including magazine layouts, posters, social graphics, promotional artwork, and other creative compositions.

Step 2: Add the Eye Artwork

Next, bring in the Eyes Artwork image.

You can do this by going to:

File > Place Embedded and choosing the image from your computer.

Alternatively, you can drag the image directly onto the Photoshop canvas.

Before confirming the placement, resize the artwork so it completely covers the torn opening.

Step 3: Create an Inverted Layer Mask

With the Eyes Artwork layer selected, hold Option on Mac or Alt on Windows and click the Layer Mask icon at the bottom of the Layers panel.

This creates an inverted layer mask.

Instead of creating a white mask that reveals the entire layer, Photoshop creates a black mask that hides it.

The artwork is still there — it is simply being concealed by the mask.

Before painting, clip the Eyes Artwork to the torn paper layer.

Hold Option on Mac or Alt on Windows and click between the two layers in the Layers panel.

This creates a clipping mask.

The clipping mask ensures that the eye artwork remains contained within the boundaries of the torn paper layer, even if you paint beyond its edges.

This makes the masking process much more forgiving.

Step 4: Reveal the Artwork with the Brush Tool

Press B on your keyboard to access the Brush Tool.

In the Options bar, adjust the brush settings. For this example, a brush size of approximately 300 pixels and a hardness of around 15% works well as a starting point.

You can quickly adjust the brush size using the square bracket keys:

[ decreases the brush size] increases the brush size

Make sure the foreground colour is set to white.

Painting with white on the mask will reveal the hidden artwork.

With the layer mask selected, begin painting with white over the torn opening.

Work gradually rather than trying to reveal everything in one pass.

A good approach is to paint, pause, evaluate, and continue.

This gives you more control and makes it easier to correct mistakes.

Pay particular attention to the top edges of the rip. Avoid revealing too much artwork over the folded paper areas because preserving the shadows helps maintain the illusion of depth.

If you reveal too much of the artwork, press X on your keyboard to switch the foreground and background colours.

Painting with black conceals pixels again.

A simple rule to remember is: White reveals. Black conceals.

Continue refining the mask until the eyes sit naturally within the torn opening.

Step 5: Add a Solid Colour Background

Once the torn paper effect is complete, begin building the surrounding graphic.

Click the Create New Fill or Adjustment Layer icon and choose Solid Color.

For this example, sample a magenta colour from the artwork.

This creates a bold background that complements the eye illustration.

Step 6: Add a Paper Texture

To reinforce the torn paper theme, add a paper texture image.

Drag the texture into the Photoshop document and position it below the dot pattern.

Change its blend mode to Multiply.

For this example, leave the opacity at 100% so the creases and surface texture remain visible.

At this stage, the composition should feel layered and tactile while still keeping the torn-paper reveal as the main focal point.

Step 7: Add a Dot Pattern

Next, bring a dot pattern into the Photoshop document.

Place it above the solid colour layer in the Layers panel.

Change the blend mode from Normal to Multiply, then reduce the opacity to approximately 40%.

This allows the background colour to show through while keeping the pattern subtle.

Resize the pattern as needed so it covers the full canvas.

Step 8: Save the Photoshop File as a PSD

Save the composition as a layered Photoshop PSD.

Keeping the layers intact is important because InDesign can access those Photoshop layers later.

This gives you much more flexibility than exporting a flattened PNG or JPEG.

Step 9: Place the PSD Into InDesign

Open your InDesign magazine spread.

Place the PSD into the image frame by going to: File > Place

Choose the Photoshop file and position it inside the frame.

You can now scale and reposition the image as needed.

Step 10: Control Photoshop Layers from InDesign

One of the advantages of placing a layered PSD is that you can control the Photoshop layers directly from InDesign.

Right-click the placed image and choose: Object Layer Options

This opens a dialog box containing the layers from the Photoshop file.

From here, turn off the layers you do not need.

For example, you may want to hide:

  • Solid colour background

  • Paper texture

  • Dot pattern

This leaves only the torn paper image and the eye artwork visible.

Click OK to apply the changes.

You now have a cutout version of the Photoshop composition without having to create a second file.

Step 11: Integrate the Artwork Into the Editorial Layout

With the image positioned in the spread, you can further integrate it into the layout.

For example, apply a subtle text wrap around the artwork.

In this example, an offset of approximately 18 pixels creates enough breathing room between the image and the surrounding body copy.

Adjust the positioning and scale until the torn paper graphic feels naturally incorporated into the page.


 
 
bottom of page