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.

Web 2.0 Look Button Tutorial: Final Result

image 16



Author's URL: PhotoshopForFun.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Web 2.0 Look Button"

Only registered users can write comment

No comments yet...