The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Making a Web 2.0 Sticker

Making a Web 2.0 Sticker


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

Making a Web 2.0 Sticker 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.

Making a Web 2.0 Sticker 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.

Making a Web 2.0 Sticker 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 Tutorial: Final Result

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!

Author's URL: Verbaska.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Making a Web 2.0 Sticker"

Only registered users can write comment

No comments yet...