New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

051 Making Peeling Stickers

From: InDesign FX

Video: 051 Making Peeling Stickers

The effect of making something look like a peeling sticker is very popular in both print and on the web nowadays. It can add a bit of fun and some depth to a design. The key to the effect is simulating the curled part of the sticker lifting up off a surface, and for that Drop Shadows and gradients are the tools of choice. So here I have just a little bit of text, I love FX in this round sticker shape, and we can see that the bottom right corner is peeled up off the surface and we've actually created another little area here that simulate some glue that got left behind when the sticker peeled up.

051 Making Peeling Stickers

The effect of making something look like a peeling sticker is very popular in both print and on the web nowadays. It can add a bit of fun and some depth to a design. The key to the effect is simulating the curled part of the sticker lifting up off a surface, and for that Drop Shadows and gradients are the tools of choice. So here I have just a little bit of text, I love FX in this round sticker shape, and we can see that the bottom right corner is peeled up off the surface and we've actually created another little area here that simulate some glue that got left behind when the sticker peeled up.

So let's see how we did that. I am going to switch to another page, where I just have the text frame here. I am going to click on the L key on my keyboard to get the Ellipse tool and I am going to click over here on my document and I am going to accept these values. I am going to make a perfect circle of 220 pixels high and wide. I will click OK. I will go to my Swatches panel and I'm going to set a stroke of None and a fill of Paper. Now, right now this is a really flat looking object. It almost just looks like a hole in the wood grain background, and what I want is to give it just a little bit of dimension.

Now, a sticker is made of paper, really thin material, so I really want a very subtle effect. I want a teeny tiny Drop Shadow exactly behind the sticker. So I am going to click on my Effects panel and double-click at the Object level to bring up the Effects dialog box. I am going to click on Drop Shadow, and to make it go exactly behind the circle I am going to change this Distance value to 0. I am going to leave the Size at 5 pixels, but I am going to increase the Spread value here, and that will make the Shadow a little bit darker right at the edge of the ellipse.

So I will click-and-drag to move that up to maybe 20%, maybe even 30%, and see how that looks. I will click OK. I will deselect. Now I can see there is a very subtle shadow around the edge of the circle, giving it a little bit of dimension. The next thing I want to do is to actually cut the segment off that is going to form the curled part, and for that I am going to use the Scissors tool. I will go over to the ellipse and hover where I want to make the cut. I will click once, and twice, and then I will press the V key on my keyboard to switch back to my Selection tool. In the Control panel I will make sure that I have the center reference point selected, and then I am going to use my Flip tools to flip this both horizontally and vertically so it curls up off the surface.

So I'll click once on Flip Horizontal and once on Flip Vertical, and I will deselect. Now, that's okay, but that looks more like a fold then a curl to me. What we need to do is to change the Drop Shadow that's been applied to this curl and make it a little bit larger and a little bit softer to make it feel like it's up off the surface. I will click on the new piece. I will double-click in the Effects panel to bring up that Drop Shadow dialog box again, and I am going to increase the Size. I will select it and I'll tap the up arrow key on my keyboard a couple of times to make it a little bit larger, and then to make it a little bit lighter I am going to click on the Spread and take that all the way down to 0.

That looks pretty good! I might also take the Opacity down a little bit. That seems a little dark still, so instead of 75%, I will make it 50% and click OK. And I deselect. That's looking a little bit better. It looks like it has lifted up off the surface. But it still doesn't really seem like a curl yet. I want to change this from a plain white background to a gradient that makes it seem like it has a rounded shape. So I have the new segment selected, I'll go to my Swatches panel, and instead of being filled with Paper, I am going to fill it with a gradient. I have a gradient called sticker back that I am going to apply.

I'll click once to apply it, and actually I will double-click to bring open the Gradient Options dialog box so we can see what sticker back is. On one side of the gradient ramp it's plain white, but most of it is filled with a light tint of black, 30%. Click OK. I am going to zoom in on the segment. Now, right now the gradient is being applied from left to right, so it really doesn't add anything to my curled feel. Where I need to apply it is down across the curl, and for that I am going to use the Gradient tool. So I will tap the G key on my keyboard and I am going to click-and-drag across the segment to apply the sticker back gradient, like so.

And that's making it feel like light is shining up at the top here and then this part is going into shadow. If you don't like how it came out the first time, you can just click-and-drag again with the Gradient tool until you get a nice peeled feel. I like that. So I am going to zoom back out and deselect. So there is my basic sticker shape. Now I am going to switch to my Selection tool by pressing the V key and I am going to select my text frame, I love FX. I am going to cut that, select my sticker shape, and choose Edit > Paste Into. If I want to transform this, I can click on the content grabber and go up to my Control panel and change the Angle.

If I want to angle that text let's say 10 degrees and make it a little bit more fun, I can do that. I will deselect. And then the one last thing I would like to add is that little lightened area underneath to show a little bit of glue that got left behind. So I will press the L key on my keyboard again, click in the document to create another ellipse, and I want to fill this with Paper, give it a stroke of None. And then go to my Effects panel and bring the Opacity way down. I will bring it down to maybe say 15% or so, just something really subtle, just to lighten this background.

I will press the V key to switch to my Selection tool, position it right over my sticker, and send it to the back. And I will tap the up arrow key to make sure it's exactly behind, and deselect, and let's zoom in and see our Sticker effect. There it is. So we can create a peeled sticker by starting with a simple shape, using the Scissors tool to cut and then flip it with the Flip Control tools in the Control panel, and then we use gradients and drop shadows to simulate it being raised up off the surface that the rest of the sticker is stuck to.

By thinking about how things work in the real world, we can add that little something extra to our effects and make them seem a little less flat and digital and a little more real, like this little bit of glue left behind when the sticker peeled up.

Show transcript

This video is part of

Image for InDesign FX
InDesign FX

109 video lessons · 36870 viewers

Mike Rankin
Author

 
Expand all | Collapse all
  1. 8h 7m
    1. 000 Welcome to InDesign FX
      2m 42s
    2. 001 Blurring Objects with Drop Shadows
      6m 26s
    3. 002 Creating Interlocking Objects
      3m 46s
    4. 003 Exploring the Effects Panel
      8m 43s
    5. 004 Creating Long Text Shadows with Type on a Path
      4m 23s
    6. 005 Making Shiny Effects
      4m 46s
    7. 006 Producing Slime
      6m 22s
    8. 007 Exploring Bevel and Emboss Settings
      5m 34s
    9. 008 Exploring Inner Glow Settings
      2m 9s
    10. 009 Building Better Bevels
      3m 16s
    11. 010 Punching Holes
      4m 26s
    12. 011 Exploring Basic Feather Settings
      2m 52s
    13. 012 Exploring Directional Feather Settings
      5m 15s
    14. 013 Getting Effects into Print
      8m 10s
    15. 014 Getting Effects into Ebooks
      4m 32s
    16. 015 Simulating a Polaroid Effect
      3m 15s
    17. 016 Creating Metallic Strokes
      3m 18s
    18. 017 Exploring Inner Shadow Settings
      3m 50s
    19. 018 Exploring Drop Shadow Settings
      6m 15s
    20. 019 Simulating Multiple Strokes, Part 1
      3m 59s
    21. 020 Simulating Multiple Strokes, Part 2
      3m 29s
    22. 021 Creating Metallic Chrome Effects
      3m 56s
    23. 022 Creating Glass and Plastic Effects
      4m 49s
    24. 023 Exploring Satin Settings
      6m 57s
    25. 024 Exploring Gradient Feather Settings
      3m 51s
    26. 025 Simulating Carving and Chiseling
      6m 42s
    27. 026 Understanding Transparency Blend Space
      8m 2s
    28. 027 Drawing Extrusions, Part 1
      5m 25s
    29. 028 Drawing Concentric Shapes
      3m 17s
    30. 029 Creative Blend Mode tricks, Part 1
      5m 29s
    31. 030 Creative Blend Mode tricks, Part 2
      4m 6s
    32. 031 Drawing Star Bursts
      6m 7s
    33. 032 Scaling effects
      3m 0s
    34. 033 Learning Pathfinder Tips and Tricks
      9m 10s
    35. 034 Learning Transform Again Tips and Tricks
      6m 39s
    36. 035 Creating Cast Shadows, Part 1
      5m 27s
    37. 036 Exploring Outer Glow Settings
      6m 45s
    38. 037 Understanding Perspective Drawing
      4m 38s
    39. 038 Drawing 3D Banners
      3m 23s
    40. 039 Shearing to Create 3D Effects, Part 1
      6m 41s
    41. 040 Shearing to Create 3D Effects, Part 2
      6m 20s
    42. 041 Simulating a Ripped Background
      1m 53s
    43. 042 Creating a Breakthrough Effect
      2m 10s
    44. 043 Creating Spotlight Effects
      2m 22s
    45. 044 Backlighting an Object
      6m 8s
    46. 045 Simulating Stickers and Tape
      4m 23s
    47. 046 Creating Burnt Edges
      6m 26s
    48. 047 Creating Seamless Patterns
      8m 39s
    49. 048 Using Scripts to Create New Shapes
      6m 40s
    50. 049 Simulating Liquid
      2m 48s
    51. 050 Creating Editable Knockout Text
      5m 52s
    52. 051 Making Peeling Stickers
      5m 42s
    53. 052 Tips for Text Stroke Effects
      6m 44s
    54. 053 Creating 3D arrows
      3m 37s
    55. 054 Creating personal buttons
      4m 22s
    56. 055 Simulating leather with bevel and emboss
      4m 17s
    57. 056 Creating the effect of a magnifying glass
      4m 20s
    58. 057 Simulating a college notebook
      6m 11s
    59. 058 Using multiple effects to create plastic type
      3m 58s
    60. 059 Achieving a rough-hewn look
      2m 28s
    61. 060 Creating speech bubbles
      2m 41s
    62. 061 Creating buttons for interaction
      4m 37s
    63. 062 Creating wraparound headings
      5m 46s
    64. 063 Creating picture frames
      3m 24s
    65. 064 Customizing stroke styles
      5m 19s
    66. 065 Creating photo corners
      3m 44s
    67. 066 Making new shadow effects
      3m 19s
    68. 067 Making 3D type
      3m 15s
    69. 068 Making a 3D object
      5m 13s
    70. 069 Making translucent objects
      3m 10s
    71. 070 Mocking up a film strip
      4m 53s
    72. 071 Showing graphics as tiles
      3m 41s
    73. 072 Simulating chalk
      3m 7s
    74. 073 Using drop- and inner-shadows to create a cutout effect
      4m 30s
    75. 074 Applying multiple strokes with layers
      7m 1s
    76. 075 Enhancing design with skewed text
      3m 59s
    77. 076 Creating and revealing hidden objects
      3m 33s
    78. 077 Setting text vertically
      2m 51s
    79. 078 Achieving a developing Polaroid effect
      3m 38s
    80. 079 Creating ornamental frames
      5m 54s
    81. 080 Framing photos in letters
      4m 19s
    82. 081 Creating effects with paragraph rules
      3m 30s
    83. 082 Putting curved shadows on paper
      2m 40s
    84. 083 Building a puzzle
      2m 16s
    85. 084 Applying a gradient to text
      2m 2s
    86. 085 Creating a theater marquee
      4m 38s
    87. 086 Centering type on a curve
      2m 33s
    88. 087 Creating looks without fill
      2m 31s
    89. 088 Creating spiral patters from random lines
      3m 11s
    90. 089 Creating highlights at top and bottom
      3m 24s
    91. 090 Combining stroke styles
      2m 11s
    92. 091 Making a bottle cap
      1m 47s
    93. 092 Creating a 3D bevel effect behind a cover
      3m 30s
    94. 094 Making trading cards
      4m 43s
    95. 093 Creating custom frames
      2m 11s
    96. 095 Revolving an item around an object
      2m 44s
    97. 096 Creating old-fashioned spotlights
      2m 12s
    98. 097 Creating a rust effect
      1m 44s
    99. 098 Creating sparkle
      1m 54s
    100. 099 Double beveling text
      2m 24s
    101. 100 Creating a 3D pocket with bevel and gradient
      3m 2s
    102. 101 Creating metallic text
      3m 7s
    103. 102 Creating stained glass
      2m 53s
    104. 103 Bobbling a photograph
      4m 47s
    105. 104 Creating a lighted sign
      3m 9s
    106. 105 Creating a blue ribbon NEW
      12m 58s
    107. 106 Putting items on a shelf NEW
      6m 11s
    108. 107 Creating a shredded-document effect NEW
      4m 12s
    109. 108 Simulating a train-station display board NEW
      9m 54s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.