How to create a torn wall paper effect in Illustrator

700X100-down-free-green

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.

final3 How to create a torn wall paper effect in Illustrator

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.

14 How to create a torn wall paper effect in Illustrator

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.

22 How to create a torn wall paper effect in Illustrator

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.

32 How to create a torn wall paper effect in Illustrator

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.

42 How to create a torn wall paper effect in Illustrator

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.

53 How to create a torn wall paper effect in Illustrator

STEP 6

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

64 How to create a torn wall paper effect in Illustrator

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.

72 How to create a torn wall paper effect in Illustrator

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

7.11 How to create a torn wall paper effect in Illustrator

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.

83 How to create a torn wall paper effect in Illustrator

STEP 9

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

94 How to create a torn wall paper effect in Illustrator

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.

103 How to create a torn wall paper effect in Illustrator

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.

113 How to create a torn wall paper effect in Illustrator

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!

131 How to create a torn wall paper effect in Illustrator

BONUS DOWNLOAD: 100 Premium Vector Illustrations

Comments

Trackbacks