Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your 7 Day Free Trial Start Plus Trial Maybe Later
Torn Paper Effect in Illustrator
  • By Design Bundles
  • 6 Mins
  • Illustrator Tutorials

Torn Paper Effect in Illustrator

In this tutorial we show you how to create a torn paper effect in Illustrator.

1 - In Illustrator, create a “New Document”. Select the “Rectangle Tool” (M) and draw a shape that covers all your “Document”. Use white as “Fill” color

2 - In the “Appearance Panel” create a “New Fill” by clicking on the button at the bottom of the panel. Change the “Fill” color to black.

3 - With your new “Fill” still selected, click on the “Effects” button at the bottom of the panel and choose Artistic > Film Grain. (Use 20, 0 and 10 as values). Go to the “Transparency Panel” and change the “Blending Mode” to “Multiply” and lower the “Opacity” to 20%.

4 - Lock your rectangle by clicking left of its thumbnail to bring out the small padlock icon. Then, create a new rectangle shape covering your whole document and fill it with the color of your choice.

5 - Select the “Pencil Tool” (N) and draw a jagged line from left to right going through your document. Make it look like the rectangle was torn in half. Choose white as “Stroke” color and a 4 point “Size”.

6 - With your “Stroke” selected go to the “Appearance Panel”, click on the “Effects” button at the bottom of the panel and choose Distort & Transform > Roughen and use the following values:

7 - Go to Object > Expand Appearance and then again to Object > Expand. Make sure that the “Fill” and “Stroke” boxes are checked and click “OK”.

8 - Make sure both your “Stroke” and “Rectangle” layers are selected then pick the “Shape Builder Tool” (Shift + M). You will see a grid showing the shapes as you move your cursor. Click on the portion of the shape you want to keep, or click and drag if you want you merge two shapes. To delete something hold the “Alt/Option” key and click on it.

9 - If you merged paths you will need to apply a “Fill” color again. Then, move the top path a few clicks up and the bottom one a few clicks down.

10 - Copy (Command/Control + C) your two paths and “Paste” them under them (Command/Control + B). Change the “Fill” color to white and move them a few clicks down or up to show them a bit. With the “Direct Selection Tool” (A) pick the upper points of your shapes and reposition them at the corners of your document.

11 - Select the top shapes (the ones filled with green or the color you chose), then go to the “Appearance Panel”, navigate to Stylize > Inner Glow and apply the following values:

12 - Select the top white-filled shape. Go to the “Appearance Panel”, navigate to Stylize > Drop Shadow and apply the following values:

Do the same with the bottom shape but change the values to:

13 - Select both your top layers, go to the “Appearance Panel”, create a “New Fill” by clicking on the button at the bottom of the panel. Click on the “Effects” button, choose Artistic > Sponge and use the following values:

In the “Transparency Panel” change the “Blending Mode” to “Overlay”.

14 - Your “Artwork” should look like this:

You can use your torn paper effect with projects like logos, business cards, websites, branding or crafting ideas like cards.


6 Related Illustrator Tutorials

In this tutorial we will learn how to make a 3D Paper Cut Effect .First, we will need a contour shape. You can use any appropriate vector or  image for this purpose. If you decide to go with an image, transform it into a vector using Image Trace or create ...

The paper cutout effect is so cool, so today, you will be learning how to make a paper cutout effect in Procreate. We will go over how to create the colored layers, the white paper edge layers, the shadow layers, and the textured layers.This effect looks great on posters, ...

In this tutorial, we will learn how to make a Paper Cut Effect in Affinity Designer. We are using a Forest Layered Paper Cut.Step 1: Set Up Your Contour Shape LayersCreate a New Document or Open the one/s you plan to use.Copy (command/control + C) and Paste (command/...

1 – In Photoshop, create a New Document. Make it around 2500 pixels per side, and depending on the use you want to give to your artwork choose the “Resolution” and the “Color Mode”. (If you are only going to use it for screen viewing use 72 dpi and RGB as “Color Mode”, but ...

For this tutorial, we are using the font “Reybro” from Font Bundles and some mandala vectors.1 – In Photoshop create a “New Document” and make it 3000 x 3000 pixels, 300 dpi, RGB Mode and use White as “Background” Color.2 – Double-click on the “Background” to make it editable and then double-click on the layer ...

For this tutorial, we will use the “Heart Shape” created in the “Heart Shapes in Illustrator” Tutorial.1 - In Illustrator, create a “New Document” or open the one containing the “Heart” Shapes from our other “Tutorial”. Select or “Paste” (Command/Control + V) the shape you want to use and enlarge ...

You may also like

Help Center
ol image