Her

Home Photoshop Tutorials Drawing Techniques Making a Web 2.0 Sticker

Making a Web 2.0 Sticker

Author: Verbaska.com Author's URL: www.verbaska.com More by this author

Step 1. At first, create a psd document. File-New. You can fill it with the gradient from #53676b to #405053 create a new layer

image 1

Then press U and select the ellipse tool. Hold the Shift key and draw a circle. Paths-Fill path-#cdcdcd. Delete this path.

image 2

Step 2. Now, let's make this sticker more attractive.

Select the layer of the sticker. Then Layer - Layer Style - gradient overlay from #eeeeee to #cdcdcd. Scale 72% Angle -79°. Opacity 100% Style Linear. Create a new layer under the sticker, select the sticker and press Ctrl+E.

image 3

Step 3. With the Polygonal lasso, select a part of the layer (the part should look like a saucer) and cut it (Right click on the selection - Layer Via Cut).

Here comes the magic part of our lesson.

Select the Free Transform tool (Ctrl+T) and move this piece as as stated below. After that, move it 1 px down. Here you can play with the settings to get an accurate shadow.

Layer - Layer Style - Gradient Overlay - Fill it with this gradient from white to black. Set the opacity 66% Angle -50° scale 25%. Drop Shadow - Opacity 39%. Distance 1px Spread 0% Size 5 px. Select the layer with the sticker Layer - Layer Style - Drop Shadow. Opacity 24% Distance 6px Spread 0% Size 5px.

Making a Web 2.0 Sticker

Finished!

It wasn't so hard, was it?

Download psd from here.



About the Author:

Let me introduce myself. My name is Andrey Igorevich Chernov, or just Andrey. I was born on March 25 1990 In Vladivostok, Primorsky Krai, Russia (near China and North Korea). Started to experimenting with Adobe Photoshop and Corel Draw since 1998. Yes, it was very amusing. Now I work as a web designer and run my Photoshop tutorials blog at verbaska.com.
These tutorials also appear on webdesign.org. Many thanks to the site's team who published them!