The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Cool blue buttons

Cool blue buttons


Step 1:

Let's start out by creating a new file. I used a 500x400 pixels canvas set at 72dpi, and I filled my background with black. Now make a new layer then draw a circle with a #6FB5E3 background color of 118 X 118px dimensions.

image 1

Step 2:

Under Layer Style(Layer > Layer Style) add an Inner Glow and Gradient Overlay blending options to the circle layer as shown below.

image 2

image 3

image 4

Step 3:

In a new layer draw a circle with #5F9AC1 background color of 88x88px dimensions.

image 5

Step 4:

Under Layer Style(Layer > Layer Style) add an Inner Glow and Gradient Overlay blending options to your smaller circle layer as shown below.

image 6

image 7

image 8

Step 5:

Now merge both your circles together to make the button. Then under Layer Style(Layer > Layer Style) add a Drop Shadow and Inner Shadow blending options as below.

image 9

image 10

image 11

Step 6:

Create a new layer then draw a black circle of 73 X 73px dimensions in the center of the button.

image 12

Step 7:

Under Layer Style(Layer > Layer Style) add an Inner Glow and Stroke blending options to your black circle layer. Then set the layer's blending mode to Lighten.

image 13

image 14

image 15

Step 8:

Select the Horizontal Type Tool then set the font family to Webdings, 72pt, strong and white. In a new text layer type '%' which should be a trophy design icon, or choose whatever symbol you want on your button and then position it in the center of the button.

image 16

Step 9:

Under Layer Style(Layer > Layer Style) add a Gradient Overlay blending option to your text layer. Then set the layer's blending mode to Darken.

image 17

image 18

End Result:

My end result looked like this after making a few buttons, your buttons should look similar if not the same if you have followed this tutorial.

Cool Blue Buttons



Author's URL: PhotoTutorial.info
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

Reader's comments
comments Kitty44381 July 27, 2011 says:
great tut! loved it!
Reply
comments SEC March 08, 2010 says:
SEC
Reply
Add comments to "Cool blue buttons"

Captcha