Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Web 2.0 Look Button
rss

Web 2.0 Look Button

Author: 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.

Web 2.0 Look Button Tutorial: Final Result

image 16



Author's URL: photoshopforfun.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Web 2.0 Look Button"