Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Web 2.0 Look Button

Web 2.0 Look Button


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



Author's URL: PhotoshopForFun.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
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Web 2.0 Look Button"

Captcha