website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Drawing Techniques Creating a Modern Web 2.0 Look Button with Hanging Wire
rss

Creating a Modern Web 2.0 Look Button with Hanging Wire

Author: MastersOfPhotoshop.com More by this author


Create a rounded rectangle using rounded rectangular shape tool.

image 1

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

image 2

image 3

image 4

Create another rounded rectangle as shown.

image 5

Create another rounded rectangle using rounded rectangular shape tool.

image 6

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

image 7

image 8

image 9

Create a rounded rectangle smaller then the previous one using rounded rectangle shape tool.

image 10

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

image 11

image 12

Ctrl+Click the layer thumbnail to get the selection. Press CTrl+T and scale down horizontally.

image 13

Create a new layer and fill it with white to transparent gradient.

image 14

Create some joint parts using basic shapes.

image 15

Create a wire connecting both the circles using 1 pixel solid brush tool.

image 16

Type link name over the button using a nice font.

Creating a Modern Web 2.0 Look Button with Hanging Wire Tutorial: Final Result




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 "Creating a Modern Web 2.0 Look Button with Hanging Wire"