The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Glossy Arrow Button

Glossy Arrow Button


Create a new file

Create a new layer, Use Elliptical Marquee Tool to draw a circle and fill it:

image 1

Layer -> Layer Style -> Blending Option . Check Drop Shadow and set as:

image 2

Check Gradient Overlay

image 3

Check Stroke

image 4

We have image:

image 5

Create a new layer, draw a Ellipse and fill it as follow

image 6

Layer -> Layer Style -> Blending Option. Check Inner Shadow

image 7

Check Outer Glow

image 8

Check Gradient Overlay

image 9

We have a result:

image 10

Use Custom Shape Tool and Draw -> :

image 11

Blending Options -> Inner Shadow

image 12

Bevel and Emboss

image 13

We have:

image 14

Create a new layer, Draw a Ellipse like this

image 15

Use Gradient Tool, Click to edit the gradient :

image 16

Draw like this

image 17

Set Optical = 30 percent, We have:

image 18

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)

image 19

Edit -> Free Transform -> Skew, pull to right

image 20

Next, Draw a ellipse like this, then press Delete, we have

image 21

Continue with that way, we have

image 22

Final, We have a nice Button

Glossy Arrow Button Tutorial: Final Result



Author's URL: Photoshop-Garden.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 "Glossy Arrow Button"

Only registered users can write comment

No comments yet...