Web 2.0 Sticker Effect
Tutorial in Basics, Designing, Drawing, Effects, Goodies, Web
The Web 2.0 style has shown us a world of new stuff. With this tutorial you will learn to create a sticker with the 2.0 style.
Open a new document (500×500px and white background).
Create a ((New Layer)).
Choose white as the main color.
With ((Rounded Rectangle Tool)), radius: 10px, draw the sticker.
Double click the layer in order to go to ((Blending Options)).
((Stroke)).
Right click the layer’s name and select “Convert To Smart Object” from the dropdown menu.
Right click again and choose “Rasterize Layer”.
Go to ((Blending Options)).
((Drop Shadow)).
((Outer Glow)).
((Stroke)).
After you save the changes, you will have this result.
Write the text on your sticker using Arial.
Now select the text and the sticker layer and press Ctrl + T to activate ((Free Transform)). Go to “Rotate”, enter 30ยบ (check out the red arrow in the following image).
Do not press enter yet Enter.
You will fold the corners so that it looks like a real sticker.
Right click, select “Warp”, and see what I did in the following image; I moved the slider upwards.
Now press Enter.
Select the text and sticker layer again. Press Ctrl + E to unify the layers.
Create a ((New Layer)).
Right click the new layer’s name and choose Create Clipping Mask.
Change the layer mode to ((Screen)).
Select ((Gradient Tool)), “Linear Gradient”. Use these colors: black-white-black.
Then trace a small gradient in the lower area of the sticker. Try as many times as you want until you get the right one.
Double click the layer so that you go to ((Blending Options)).
((Drop Shadow)).
Now we are done with our 2.0 style sticker.
This is the result.
