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



Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Creating a Modern Web 2.0 Look Button with Hanging Wire"

Captcha