Her

Home Photoshop Tutorials Web Layout Design a Shining Button

Design a Shining Button

Author: Heaven Author's URL: www.swish-db.com More by this author

This tutorial teach you to design a shining button.

1.Create new document. I selected 200*180.

2. Create a new layer and select Rounded rectangle tool.then draw a rounded rectangle shape and fill it with color #476C81

3. Double click on shape layer and select drop shadow:

Blend mode : Pin light
Opacity : 75
Distance : 5
Spread : 9
Size : 6

4. Now select inner shadow :

Blend mode : Multiply
Color : #0D92D0
Opacity : 70
Distance : 2
Choke 100

image 1

5. Select shape as shown below :

image 2

6. Double click on shape layer and choose satin :

Blend Mode : Vivid Light
Color : White
Opacity : 60%
Angle : -30
Distance : 30
Size : 30

image 3

7. Apply FilterBlurMotion Blur

Distance : 11

8. At last go to FilterRenderLens Flare and insert shining side in top-right and with 35mm lens type. Apply this filter again but this time insert shining side in bottom-left

Shining Button

How was that?