The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques How to Create a Cool Glossy Button Using Photoshop CS5

How to Create a Cool Glossy Button Using Photoshop CS5


Step 1

Create a new document (Ctrl+N) with 600x500 of size.

img

Create New Document

Step 2

First of all select Rectangle Tool from tool panel and create a rectangle with red color #d30000.

img

Create a Rectangle

Step 3

Now I am going to applying Lighting Effect on this rectangle layer.

Go to Filter > Render > Lighting Effect.

img

Applying Lighting Effect

After applying lighting effect we get a nice effect on rectangle layer.

img

Get Nice Effect on Rectangle Layer

Step 4

In this step go to Layer Styles and applying Inner Shadow on rectangle layer.

Go to Layer > Layer Styles > Inner Shadow.

img

Inner Shadow

After applying inner shadow we get a new effect on rectangle layer.

img

Get a New Effect

Step 5

Select Line Tool from tool panel and create a horizontal line with white color #ffffff as like in preview.

img

Create a Line

After create line rasterize it, now select Eraser Tool and erase sides of line layer as like in picture below.

img

Erase Sides of Line Layer

Down Opacity (50%) of line layer.

img

Down Opacity of Line Layer

Now duplicate line layer and set down side as like in preview.

img

Duplicate Line Layer

Step 6

Select Line Tool again and create a vertical line with white color #ffffff as like in preview.

img

Create a Vertical Line

Rasterize line layer select Eraser Tool and erase upper and lower side of line layer.

img

Erase Line Layer

Down Opacity (50%) of line layer.

img

Down Opacity of Vertical Line Layer

Duplicate line layer and set right side of duplicate line layer.

img

Duplicate Line Layer

Step 7

Create a new layer (Shift+Ctfrl+N) select Brush Tool (50px) of size, paint center area of rectangle with white color #ffffff as like in picture below.

img

Paint With Brush

Down Opacity (50%) of brush layer.

img

Down Opacity Brush Layer

Step 8

Select Text Tool and write some text with white color #ffffff you can use any of font here I am using photoshop default Verdana Font.

img

Write Some Text

Now go to the Blending Options and applying Drop Shadow on this text layer.

Go to Layer > Layer Styles > Drop Shadow.

img

Drop Shadow

After applying drop shadow we get a beautiful effect on text layer.

img

Get a Beautiful Effect

Same as you can make more buttons with different colors as like below in final preview.

Final Preview

img

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


Like us to: