RoyalTutorial.com

Posted by 4design.tv in Tutorials

1. Create a new layer set and name it "Selected Button ". With a Rounded Rectangle Tool radius 5 px create a shape:

2. Then take a Rectangle Tool and create a second shape in the same layer with "Intersect with shape area" option active to intersect new shape with existing one:

3. Double-click on this layer to open the Layer Style window and use the settings from the following image for Gradient Overlay:

Bevel and Emboss:

Drop Shadow:

Here is a result:

4. Dublicate "Selected button" layer set and move it to the left. Name dublicated set "Button out":

5. Dublicate a "plastic" shape, disable all effects under this layer:

6. Click this layer and change the color of the shape to #000000, then set the blend mode for this layer to Soft Light with opacity 80%.

.

7. CTRL+Click black layer to load a selection:

add new layer (I named it "shadow") and with a Gradient Tool from a color #00446A to transparent create a bottom shadow. Deselect.

8. Dublicate "button out" set several times:

Add your text (in Photoshop or editable in HTML) and enjoy.

No related posts.