The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Creating a Modern Web 2.0 Look Button with Hanging Wire

Creating a Modern Web 2.0 Look Button with Hanging Wire


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



Author's URL: MastersOfPhotoshop.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 "Creating a Modern Web 2.0 Look Button with Hanging Wire"

Only registered users can write comment

Reader's comments