Her

Home Photoshop Tutorials Web Layout Web 2.0 Look Button

Web 2.0 Look Button

Author: PhotoshopForFun.com Author's URL: http://photoshopforfun.com More by this author

Select the rounded rectangle tool. Adjust settings at the top as shown below.

image 1

Create a rounded rectangle with these settings.

image 2

Double click the layer to open layer style window. Apply settings as shown.

image 3

image 4

image 5

image 6

Create another rounded rectangle using rounded rectangle shape tool. Reduce fill amount to 0%.

image 7

Double click the layer to open layer style window. Apply settings as shown.

image 8

image 9

Create a small rounded rectangle using rounded rectangle shape tool.

image 10

Double click the layer to open layer style window. Apply settings as shown.

image 11

image 12

As we created glassy look on button similarly create a glassy look on this small rounded rectangle.

image 13

Create three circles using elliptical shape tool. Apply similar layer style.

image 14

Type link name using a modern font.

image 15

Web 2.0 Look Button