Cool Blue Buttons Tutorial

Made by: Nick

End Result

Step 1:


Let’s start out by creating a new file. I used a 500×400 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.

Step 1 result

Step 2:


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

Step 2 part 1

Step 2 part 2


Result:


Step 2 result

Step 3:


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

Step 3 result

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.


Step 4 part 1

Step 4 part 2


Result:


Step 4 result

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.

Step 5 part 1

Step 5 part 2


Result:


Step 5 result

Step 6:


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

step 6 result

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.

Step 7 part 1

Step 7 part 2

Result:


step 7 result

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.

Step 8 result

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.

Step 9 part 1

Result:


Step 9 result

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.

End result

Enjoy,
Nick

Feed the Dragon MySpace Tutorials