Create a Realistic Grunge Peeling Sticker in Photoshop
Author: Jan Cavan, Category: Photoshop, Tutorials
Since the popularity of the “Web 2.0ish” kind of look has risen, the glossy peeling sticker effect has become a trend in web design along with reflections, gradients, large typefaces, just to name a few. In this Photoshop tutorial, I will be showing you how to create the exact opposite of that – creating a grunge peeling sticker effect in Photoshop. In this tutorial, you will be learning some basic to intermediate techniques which you can make use of in your future designs!
Materials Needed:
Ravixx’s 12 Carton Paper Textures from DeviantArt
1. Create a new 157 x 148 document in Photoshop
2. Fill the first empty layer with white (#FFFFFF) background using the Paint Bucket Tool (G)
3. On top of the layer with the layer with the white background, create a new layer. On this new layer, using the Ellipse Tool (U), draw a circle. To create a perfect circle, remember to hold the ALT key pressed while drawing the circle. Make sure Shape Layers is also selected
4. Open 7.jpg texture from the 12 Carton Paper Textures from DeviantArt we downloaded. Resize the texture to 500 x 429. Drag the texture onto our document. Let us just make use of the bottom area of the texture.
5. Make sure the texture layer is active. Let us add a selection to the circle we just created by hitting on CTRL/Cmd + Click
6. Click on the Mask icon
We should now have something like this
Upon hitting on the Mask icon, notice a little black square with a white circle appear next to our carton texture layer. This means that our carton texture is being masked. The black area is the concealed area while the area with the white circle is the unconcealed area. Hide the second layer with the circle
7. Add a selection to our texture layer by hitting on CTRL/Cmd + Click on the mask. Go to Image > Adjustments > Levels and follow these settings
8. Open 10.jpg texture from the 12 Carton Paper Textures we downloaded. Reduce the size of this image to 500 x 213. Drag this texture onto our document. Let us make use of the area on our texture with a lot of creases. Hide this new layer with our second carton texture. Add a rounded selection that’s a bit smaller than our first circle. Show the layer with our second carton texture. Click on the Mask icon. You should now have something like this
9. Hit on CTRL/Cmd + Click on the new mask to make a selection
Let us add color to this area. Go to Image > Adjustments > Hue/Saturation and apply these settings
We should now have something like this
10. Select all of the layers we created excluding the background. Right click on these layers and hit on Merge Layers. You should now have two layers – the sticker and the background
11. We will now be creating the fold/dog ears effect. Using the Polygon Lasso Tool (L), create a selection as shown on the image below
12. Cut (CTRL/Cmd + X) the paste (CTRL/Cmd + V) it. The fold should now be on a layer separate from the our entire sticker
13. Let us transform the position of the fold by hitting on CTRL/Cmd + T and put it in this position
14. Let us add depth to our sticker. Go back to our sticker layer and go to Blending Options > Drop Shadow with these settings
We should now have a slight drop shadow underneath our sticker just like this
15. Now let us also add some depth to our fold. Go back to our fold later and add a selection around it by hitting on CTRL/Cmd + Click on the fold layer.
16. Create a new layer below our fold and fill it with black (#000000) background by using the Gradient Tool (G). We are now creating the drop shadow. The reason why we are not using the Drop Shadow settings under the Blending Options Tool is because we will need to do some slight erasures to this drop shadow without affecting our fold. Go to Filter > Blur > Gaussian Blur and apply these settings
17. Using an ordinary feathered brush with around 30px diameter, erase off the blue areas as shown on the image below
18. Change the Opacity of this layer to 58%
19. Let us go back to our fold layer and remove the red area. This is to make the fold area look like the back of the sticker. Add a selection to our fold layer by hitting on CTRL/Cmd + Click. Using the Clone Stamp Tool (S), cover up the red areas
20. Once we are done covering up the red areas, we should now have something like this
We now have a Realistic Grunge Peeling Sticker!
You can add some text and finishing touches to make your sticker look prettier!
Enjoyed this post? Subscribe to our RSS Feed to stay up to date with our latest tutorials, freebies and more design resources!
Comments
really great and simple tutorial! loving it!
WOW Grrrrreeeaaattttt tutorial! It looks very realistic indeed!
That’s a great tutorial with an excellent outcome – newest blog in my feed reader!
Nice step by step tutorial i will try this later
Awesome tutorial , thanks for sharing.
Nice Post!!
Thanks for posting good informative posts.
Nice. Thank you.
Thanks guys, I’m glad you liked the tutorial. Looking forward to posting more tuts soon :)
Ah. Very Nice and Grungy!
I bookmarked this link. Thank you for good job!
Thanks for writing, I very much liked your newest post. I think you should post more frequently, you evidently have natural ability for blogging!
That’s awesome, great post.
Hi, interest post. I’ll write you later about few questions!
Just wanted to say HI. I found your blog a few days ago on Technorati and have been reading it over the past few days.
Big thanks to everyone! If you have tutorial suggestions, feel free to post a comment :)
Wicked… quite informative
Great tutorial! Great! great great!
I love it! That is way cool man! The steps weren’t that complicated too, which is great.
Luv it!
Fabulous!
Simply awesome !
Always love simple tip. Keep it up :)
Thanks for post
AWSOMENESS!!!!!
Thank for this tutorial
I recently came across your blog and have been reading along. I thought I would leave my first comment. I don’t know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.
Really good tut
It is the coolest site, keep so
u r godsent dude.. THANKS
Good quality tutorial, Jan. The outcome is nice, and you explained it well.
Thanks a bunch for this!
Excellent site, keep up the good work
Huge thanks again everyone! :)
Nice tuts! thanks..
This site rocks!
Great site…keep up the good work.
This tutor really rocks!
That is a classic sticker effect, I am getting really board of the whole web 2.0 look, I think the grunge look is brilliant. I know you could not use this on many sites at the moment but I can see where it can be used!
Nice post! Really Love it! thank you very much!
Dude…this is amazing :) thx very much
How do I create a glossy peel sticker?
Very happy you like this tut everyone! Thank you!
@Toya: The glossy peeling sticker effect is actually very common and I’ve come across a couple of sites offering this tutorial. One sample is this http://bit.ly/10U7IK. Hope this helps!
@Jan thanks so much.
I’m stuck on step 5. When I CTRL + Click on the texture layer it brings up the circle but it switches to the layer with “Shape 1″ in it. Then I hit the mask button and it adds a mask layer to the same layer that “Shape 1″ is on. Please help!
@Me: Great to hear you are trying out the tutorial :) Anyway, just make sure the Texture layer is active. Then hit on CTRL + Click on the layer with the circle on it and once you see the selection, hit on the Mask icon. While doing these steps, make sure the Texture layer is the active one. Do not switch to another layer.
Hope this helps! Just post a reply if you have any more questions :)
Another brilliant tutorial, thank you!
Way better then the other peeling sticker tutorials, thanks!
nice tutoria, great help!
Thanks for your course, i am a photoshop newbie.
this is great tute.
thank you. i learnt new technologies from it.
Trackbacks