You are viewing an old version of this site. Please head over to JanCavan.com to check out the new version.
Speakin' OutHere I share my thoughts, tutorials, freebies
&
inspiration to the design community.

Create a Realistic Grunge Peeling Sticker in Photoshop

[smartads]

Photoshop Tutorial

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!

Photoshop Tutorial

Materials Needed:
Ravixx’s 12 Carton Paper Textures from DeviantArt

1. Create a new 157 x 148 document in Photoshop

Photoshop Tutorial

2. Fill the first empty layer with white (#FFFFFF) background using the Paint Bucket Tool (G)

Photoshop Tutorial

Photoshop Tutorial

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

Photoshop Tutorial

Photoshop Tutorial

Photoshop Tutorial

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.

Photoshop Tutorial

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

Photoshop Tutorial

6. Click on the Mask icon

Photoshop Tutorial

We should now have something like this

Photoshop Tutorial

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

Photoshop Tutorial

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

Photoshop Tutorial

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

Photoshop Tutorial

9. Hit on CTRL/Cmd + Click on the new mask to make a selection

Photoshop Tutorial

Let us add color to this area. Go to Image > Adjustments > Hue/Saturation and apply these settings

Photoshop Tutorial

We should now have something like this

Photoshop Tutorial

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

Photoshop Tutorial

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

Photoshop Tutorial

13. Let us transform the position of the fold by hitting on CTRL/Cmd + T and put it in this position

Photoshop Tutorial

14. Let us add depth to our sticker. Go back to our sticker layer and go to Blending Options > Drop Shadow with these settings

Photoshop Tutorial

We should now have a slight drop shadow underneath our sticker just like this

Photoshop Tutorial

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.

Photoshop Tutorial

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

Photoshop Tutorial

17. Using an ordinary feathered brush with around 30px diameter, erase off the blue areas as shown on the image below

Photoshop Tutorial

18. Change the Opacity of this layer to 58%

Photoshop Tutorial

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

Photoshop Tutorial

20. Once we are done covering up the red areas, we should now have something like this

Photoshop Tutorial

We now have a Realistic Grunge Peeling Sticker!

Photoshop Tutorial

You can add some text and finishing touches to make your sticker look prettier!

Photoshop Tutorial

No matter you want to achieve avaya certification or interested in a+ certification, our online training helps you to pass your ase certification in easy and fast way.

BTW: Excellent Online Sticker Printing Services at PsPrint.com

Comments

Chris

neat tutorial

wondwosen

best

mahesh

nice tut

1mr3yn

Great Tutorial, i will use this in our website,, thanks man!

Laura Varon

This is my 7th StumbleUpon discovery! It was too awesome not to spread the word! Thank you for posting :)

MarkP

Nice tutorial. thanks

Lime Web Design

Awesome step by step. Really good work

Andrew

What is the font you used on the dawg house sticker?

jas

im stuck at step 5! the texture layer is active, but it keeps switching to the shape 1 layer every time i try to bring up the selection (CTRL + click)

Jan Cavan

@jas Make sure the texture layer is active or selected then CTRL/CMD + Click the circle which is on another layer.

Hope this helps! Let me know if you still have questions.

jas

thanks for replying! yes, the texture layer is active. and when i press CTRL + click, it brings up the selection, but then it goes back to the ‘shape 1’ layer. :(

Jan Cavan

@jas When you CTRL/CMD + Click the circle, make sure you click on the layer thumbnail. The layer thumbnail near the “eye” icon.