Her

Home Photoshop Tutorials Drawing Techniques Creating a Modern Web 2.0 Look Button with Hanging Wire

Creating a Modern Web 2.0 Look Button with Hanging Wire

Author: MastersOfPhotoshop.com Author's URL: 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