Glossy Circular Button in Photoshop Video Tutorial

Video Tutorial

Download Source

Watch This Tutorial in Urdu & Hindi Voice Click Here

Create a new file
Create a new layer, Use Elliptical Marquee Tool to draw a circle and fill it:
Glossy Circular Button in Photoshop Video Tutorial

Layer -> Layer Style -> Blending Option . Check Drop Shadow and set as:
Glossy Circular Button in Photoshop Video Tutorial
Glossy Circular Button in Photoshop Video Tutorial
Glossy Circular Button in Photoshop Video Tutorial

We have image:
Glossy Circular Button in Photoshop Video Tutorial

Create a new layer, draw a Ellipse and fill it as follow
Glossy Circular Button in Photoshop Video Tutorial

Layer -> Layer Style -> Blending Option. Check Inner Shadow
Glossy Circular Button in Photoshop Video Tutorial
Glossy Circular Button in Photoshop Video Tutorial
Glossy Circular Button in Photoshop Video Tutorial

We have a result:
Glossy Circular Button in Photoshop Video Tutorial

Use Custom Shape Tool and Draw -> :
Glossy Circular Button in Photoshop Video Tutorial

Blending Options -> Inner Shadow
Glossy Circular Button in Photoshop Video Tutorial
Glossy Circular Button in Photoshop Video Tutorial

We have:
Glossy Circular Button in Photoshop Video Tutorial

Create a new layer, Draw a Ellipse like this
Glossy Circular Button in Photoshop Video Tutorial

Use Gradient Tool, Click to edit the gradient :
Glossy Circular Button in Photoshop Video Tutorial

Draw like this
Glossy Circular Button in Photoshop Video Tutorial

Set Optical = 30 percent, We have:
Glossy Circular Button in Photoshop Video Tutorial

Create a new Layer, Draw a small Ellipse , Fill by White , Set Optical = 18 percent (You can Turn off indicate layer visibility of some layer)
Glossy Circular Button in Photoshop Video Tutorial

Edit -> Free Transform -> Skew, pull to right
Glossy Circular Button in Photoshop Video Tutorial

Next, Draw a ellipse like this, then press Delete, we have
Glossy Circular Button in Photoshop Video Tutorial

Continue with that way, we have
Glossy Circular Button in Photoshop Video Tutorial

Final Result, We have a nice Button
Glossy Circular Button in Photoshop Video Tutorial

Via : Glossy Circular Button

Download

Download Source Files

You must be logged-in to download. Register Now or Login
Join The Disscussion

Glossy Circular Button in Photoshop Urdu Tutorial

Subscribe

RSS Subscribe

Spread A Word

delicious digg technorati stumble lifesaver myspace reddit linkedin live yahoo google

Tags