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

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!

Author's URL: Verbaska.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Making a Web 2.0 Sticker"

Captcha