button animation photoshopThis tutorial will show you how to easily create a cool and simple button in Photoshop.

 

1°) Open New Document with Custom Size, Height & Width 250×250 pixels

photoshop tutorial make a bouton

2°) Then open New Layer and click ok.

photoshop tutorial make a bouton

3°) Use the Elliptical Marquee Tool and create the shape, chose the Brush tool and the Color A4AEDA.

elliptical-marquee-photoshopelliptical marquee and brush photoshop

 

4°) Then select the Burn Tool burn tools photoshop create the following shading in the circle.

burn tool photoshop

burn tools photoshop burn tools photoshop

 

5°) Right click in the layer R1 AND go to Blending Options

layer style photoshop inner shadow

6°) Then go Inner Shadow and use the following settings

layer style photoshop inner shadow

layer style photoshop inner shadowA darker ring will form a border around

 

7°) Make a New Layer

layer style photoshop

8°) Use the Brush brush style photoshop and make a Circle ( Color 4C6DFF) in the middle.

brush style photoshop

brush style photoshop

9°) Right click to the Layer R2 and go the Blending Option, then chose Bevel and Emboss and use the following settings.

bevel and emboss photoshop

Your button in blue:

bevel and emboss photoshop

10°) Right click now to the Layer R2 and go the Blending Option,

then chose Color Overlay and change the Blend Mode Normal, color in Dark RED and opacity 100%.

color overlay photoshop

Your button in red:

color overlay photoshop

Here is the button in animation when finished.

button animation photoshop