How to create a torn wall paper effect in Illustrator

How to create a torn wall paper effect in Illustrator

In this tutorial we will learn to create a torn wall paper based on a seamless pattern and simple distortion techniques. I used a seamless pattern from Seamless Pattern Vector Pack 20 from Designious and Adobe Illustrator CS3.This is the final outcome.

final

STEP 1

Grab the Rectangle Tool (M) and create a shape like below. It’s not a must to be exactly the same size, but try to preserve the proportions. If you want to create it exactly like this, click on your canvas, then a “Rectangle” options window will pop up. Give it 462 px Width and 14 px Height. Hit OK. Also make sure you have no Stroke and the fill should be #918D79.

how-to-create-a-torn-wall-paper-effect1

STEP 2

Use the Warp Tool (SHIFT+R) and press enter. Use settings similar to the image below. Hit OK. Now click on your rectangle until you get a similar result, like mine. Don’t overdo it though, it will look un-natural.

how-to-create-a-torn-wall-paper-effect2

STEP 3

Hold click over the Warp Tool and select the Wrinkle Tool. Hit Enter and use similar settings like in the image below. Hit OK. Now click on the top and bottom edges of the distorted rectangle to obtain a tearing effect.

how-to-create-a-torn-wall-paper-effect3

STEP 4

Grab the Selection Tool (V). Now select the distorted shape, hold the ALT key and click-and-drag the shape downwards. Hold SHIFT after click to move it vertically. This will make a copy of your shape. You’ll know when you can copy a shape like this when you see a small white triangle near your cursor. Now select only the second shape and go to Object > Transform > Reflect (CTRL+SHIFT+T) and select Horizontal. Then hit OK.

how-to-create-a-torn-wall-paper-effect4

STEP 5

Use the Pen Tool (P) and draw a shape like below. Make sure it’s filled with a different color (white – #000000). Select it using the Selection Tool (V), then press CTRL+SHIFT+[ to send it to back.

how-to-create-a-torn-wall-paper-effect5

STEP 6

Open the “pattern.eps”. Select it, copy it (CTRL+C) and paste it (CTRL+V) in our document.

how-to-create-a-torn-wall-paper-effect6

STEP 7

Go to Object > Group (CTRL+G) to group the elements of the pattern together for an easier later selection. With it selected, right-click > Arrange > Send to back (CTRL+SHIFT+[) to send it to back. Now align it with our previous shapes to look like below.

how-to-create-a-torn-wall-paper-effect7

Use the Eraser Tool (SHIFT+E) to erase the extra ends. Hold ALT key to make a rectangular erase, like below.

how-to-create-a-torn-wall-paper-effect8

STEP 8

Select the shapes we created in the STEPS 1-4 using the Selection Tool (V). Open the Gradient window (Window > Gradient) and apply a right-to-left gradient using the colors below or similar ones.

how-to-create-a-torn-wall-paper-effect9

STEP 9

Now select the shape drawn in STEP 5 and apply a vertical top-to-bottom gradient using the colors below.

how-to-create-a-torn-wall-paper-effect10

STEP 10

Select the top “paper tear”. Copy it (CTRL+C), then paste it to back (CTRL+B). Give it the color below. This will be the shadow of the wall paper.

how-to-create-a-torn-wall-paper-effect11

STEP 11

Grab the Magic Wand Tool (Y) and select the background color of the seamless pattern. Then right-click > Arrange > Send to back and use the Eraser Tool (SHIFT+E) to split it in two. You don’t really need to be precise, the edges will be hidden.

how-to-create-a-torn-wall-paper-effect12

STEP 12

Select the seamless and go to Object > Ungroup (CTRL+SHIFT+G). This will allow you to select the top and the bottom sides individually. Select the background color of the top side of the seamless. Now apply it a linear gradient, bottom-right-to-top-left. Do the same for the bottom side. Done!

how-to-create-a-torn-wall-paper-effect13

9 Comments on “How to create a torn wall paper effect in Illustrator

Leave a Reply

Your email address will not be published. Required fields are marked *