Graphics World
Would you like to login/register? Its easy just click the botton that says: Login or Register. Thank you
Graphics World
Would you like to login/register? Its easy just click the botton that says: Login or Register. Thank you
Graphics World
Would you like to react to this message? Create an account in a few clicks or log in to continue.


A place to learn how to make graphics
 
HomePortalLatest imagesRegisterLog in

 

 Making a Web 2.0 sticker[3 steps]

Go down 
AuthorMessage
Deathbringer
Admin
Admin



Posts : 34
Join date : 2009-05-09

Making a Web 2.0 sticker[3 steps] Empty
PostSubject: Making a Web 2.0 sticker[3 steps]   Making a Web 2.0 sticker[3 steps] EmptySun May 17, 2009 9:11 pm

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

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

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.

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.

Finished!
Back to top Go down
https://graphicsworld.forumotion.com
 
Making a Web 2.0 sticker[3 steps]
Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Graphics World :: Graphics :: Graphic Tutorials-
Jump to: