Peel Back Sticker with Page Curl or Dog Ear Effect in Illustrator

01
of 20

Create a Peel Back Sticker in Illustrator

Peel Back Sticker with Page Curl Effect
Text and images © Sandra Trainor

In this tutorial I will create a peel back sticker with a page curl, or dog-eared page, effect using Adobe Illustrator CC, but it can also be made using CS6 or other recent version. The process will have me creating a new document, using the Rectangle tool, Pen tool, and Type tool, adding color to both shapes and text, choosing a font and making changes to its size and style, and rotating text. You'll find that the techniques used to make this graphic are ones that can then be applied to the making of various types of graphics.

To follow along, continue through each of the steps until you reach the end and have a completed graphic.

02
of 20

Create a New Document

New Document
Text and images © Sandra Trainor

In Illustrator, I'll choose File >New. I'll name the file "sticker" and make it 6" x 4" and click OK.

03
of 20

Create a Square

Create a Square
Text and images © Sandra Trainor

From the Tool panel I'll choose the Rectangle tool, then click and drag to create a large rectangle over most of the artboard. 

04
of 20

Save File

Save File
Text and images © Sandra Trainor

To save my progress, I will choose File > Save, then click Save. A dialog box will appear. For most projects I keep the default settings and click OK, which is what I'll do here.  

05
of 20

Add Color

Add Color
Text and images © Sandra Trainor

I want to make the rectangle a color. In the Tools panel I will double-click on the Fill box to open the Color Picker. There, I can either choose a color in the Color Field or type in numbers to indicate a color. I think I'll type in the RGB fields 255, 255, and 0. This will give me a bright yellow. I'll then click OK.

06
of 20

Remove Stroke

Remove Stroke
Text and images © Sandra Trainor

I could change the stroke color by double-clicking on the Stroke box in the Tools panel and choosing a color in the Color Picker, but in this case I don't want a stroke. To remove the one given by default, I'll simply click on the Stroke box, then on the ‘None’ button just under this. 

07
of 20

Draw a Line

Draw a Line
Text and images © Sandra Trainor

From the Tools panel I will select the Pen tool. To make a line where I want the sticker to peel back, I'll click above my rectangle and again to the right of it.

08
of 20

Divide the Rectangle

Divide the Rectangle
Text and images © Sandra Trainor

I now want to divide the rectangle so that it becomes two pieces. From the Tools panel I'll choose the Selection tool and click on my drawn line to select it, then hold down the shift key as I click on the rectangle. This will select both the line and the rectangle. Next I'll choose Window > Pathfinder, click on the Divide button, then on the Minus Back button to remove the corner piece.

09
of 20

Draw the Peel Back

Draw the Peel Back
Text and images © Sandra Trainor

I want to draw a shape for the peel back. With the Pen tool, I will click on the top of the rectangle where it was divided to create a point, then click and drag below this to create a curved line. I'll hold down the shift key as I click on the last point made, then click and drag on the right side of the rectangle where it was divided to create another curved line, as shown. To complete my shape, I'll click on the first point made. 

10
of 20

Add Color

Add Color
Text and images © Sandra Trainor

Just as I added color to the rectangle, I will now add color to my drawn shape. Only, this time in the Color Picker I will type in the RGB color fields 225, 225, and 204 for a cream color.

This would be a good time to again save my progress. I can choose File > Save, or use the keyboard short cut of Command + S on a Mac or Control + S if using Windows.

11
of 20

Add a Drop Shadow

Add a Drop Shadow
Text and images © Sandra Trainor

With the drawn shape selected, I will choose Effect > Stylize > Drop Shadow. I'll click to place a check in the box next to Preview, which allows me to see how the drop shadow will look before committing to it. I'll then choose Multiply for the Mode, 75% for the Opacity, make both the X and Y Offsets 0.1 inches, make the Blur 0.7, keep the default color black, and click OK.

12
of 20

Hide Layer

Hide Layer
Text and images © Sandra Trainor

To open the Layers panel I will go to Window > Layers. I'll then click on the small arrow next to Layer 1 to reveal its sublayers. I'll also click on the eye icon next to sublayer for the path that I want to hide, which is my drawn peel back shape.

13
of 20

Add Text

Add Text
Text and images © Sandra Trainor

I will click on the Type tool in the Tools panel, then click on the artboard and type, "TAKE AN EXTRA 30% or 20% or 15% OFF" using upper and lower case where appropriate. I'll then press escape. By default, the text color is black, which I will later change.

To create another area of text I will click on the Type tool again, and this time type, "PEEL TO" then press return and type "REVEAL" then press escape.

14
of 20

Move and Rotate Text

Move and Rotate Text
Text and images © Sandra Trainor

With the Selection tool I will click and drag the "PEEL TO REVEAL" text to the upper right, where the rectangle was cut away. I'll double-click on the extended handle, move my curser toward a corner of the bounding box until I see a double arrow curve, and drag to rotate the text.

15
of 20

Adjust the Font

Adjust the Font
Text and images © Sandra Trainor

With the Text tool, I will click and drag over the text to select it. I'll then choose Window > Character, and in the Character panel I can change the Font and Font size to whatever I like, by clicking on any of the small arrows to bring up my options. I will make the font Arial, the style Bold, and the size 14 pt.

16
of 20

Change Font Color

Change Font Color
Text and images © Sandra Trainor

With the text still selected, I will click on the small arrow next to the Fill color in the Options bar to bring up alternative colors and choose a bright red. The color can't be seen when the text is highlighted, so I'll click off of the text to see how it looks. 

17
of 20

Center Text

Center Text
Text and images © Sandra Trainor

I want the text to be centered. I'll click and drag over the text to again select it, choose Window > Paragraph, or click on the Paragraph tab next to the Character panel. In the Paragraph panel I'll click on the align center button. If necessary, I can use the Selection tool to reposition the text.

18
of 20

Edit Text

Edit Text
Text and images © Sandra Trainor

I now want to make changes to the rest of my text. With the Text tool selected I will place my cursor after the word "EXTRA" and press return. This will divide the text into two separate lines. To make it three, I'll place my cursor after the "30%" and press return. I'll then highlight all the text to select it, and in the Character panel I'll change the font to Arial Black and make the leading (space between lines) 90 pt. In the Paragraph panel I'll click on the button that justifies all lines, and in the Options bar I'll make the color a bright blue. After, I'll click away from the text to see how it looks thus far.

I will highlight just the top line to select it, and in the Character panel change its size to 24 pt. I'll highlight the second line and change its size 100%. This will have to be typed in the value field, since the highest visible option is 72%. I'll then highlight the last line and make it 21%.

19
of 20

Scale Text

Scale Text
Text and images © Sandra Trainor

Though I like the proportions of the lines of text in relation to one another, I want to make the whole a little bigger. To do so, I will use the Selection tool to click on the text, then choose Object > Transform > Scale, and with the Uniform option selected I'll type in 125%, then click OK. After, I'll click and drag the text to position it further to the left. 

20
of 20

Make Final Adjustments

Make Final Adjustments
Text and images © Sandra Trainor

In the Layers panel I will click on the empty box to the left of the hidden path to reveal the eye icon and make the path visible. Also in the Layers panel I'll click and drag this sublayer above the other sublayers, which will place the peel back shape in front of the text on the artboard.  

I want the top line of text to remain where it is, but have the second and third lines of text further to the right. To make this happen, I will select the Type tool, place my cursor in front of the second line, and press tab, then do the same to the third line. If I want, I can also click and drag over a single line of text to select it and tweak the leading in the Character panel.

Once I like how everything looks, I'll choose File > Save, and I'm done! I now have a peel back sticker with page curl effect ready for use.

Format
mla apa chicago
Your Citation
Trainor, Sandra. "Peel Back Sticker with Page Curl or Dog Ear Effect in Illustrator." ThoughtCo, Mar. 3, 2017, thoughtco.com/page-curl-or-dog-ear-effect-in-illustrator-1701826. Trainor, Sandra. (2017, March 3). Peel Back Sticker with Page Curl or Dog Ear Effect in Illustrator. Retrieved from https://www.thoughtco.com/page-curl-or-dog-ear-effect-in-illustrator-1701826 Trainor, Sandra. "Peel Back Sticker with Page Curl or Dog Ear Effect in Illustrator." ThoughtCo. https://www.thoughtco.com/page-curl-or-dog-ear-effect-in-illustrator-1701826 (accessed January 23, 2018).