The Epic Button

Today we will be creating the epic button. Using some vary basic techniques you can make a pretty impressive piece.

Begin by opening a new document 250×250 with a transparent background. Then drag out some guides roughly 5 pixels from the edge on all sides. Next select your Eliptical Marquee Tool and draw out a circle within those guides. Fill the selection with black. Finally Add a Gradient Overlay with the starting color set you #49464b and the ending color to #bcb8be. Set the Style to Angle and hit OK.

CTRL+Click the layer to make a selection. Then go to Select > Modify > Contract and contract 3 pixels. Make a new layer and fill the selection with black set the layer fill to 0% and add a bevel and emboss. Set your Bevel and Emboss as follows:

Resulting in:

CTRL+Click the layer to make a selection. Then go to Select > Modify > Contract and contract 3 pixels. Make a new layer and fill the selection with black. Next Add a Gradient Overlay with the starting color set you #12438f and the ending color to #26a3ff. Set the Style to Linear and hit OK.

Make a new layer. Now select any Outline you like this will make the icon for our button. Draw out the design so it fits nicely in the center. Fill your outline with black. Set the layer fill to 0%. Now we are going to add an Inner Shadow, Inner Glow, and an Outer Glow. Open you blending options and add an Inner shadow with a distance of 3 and a size of 8, Then go to Inner Glow Set the Outer glow to Hard Light set the color to #4fa1e6 and the size to 5, finally add your Inner Glow to Hard Light set the color to #9bcff8 and the size to 6.

CTRL+CLick the layer we just created. Then go to Select > Modify > 3 pixel. Make new layer and fill it with black. Then go to Filter > Gaussian Blur > set the radius to 3.0 and hit OK. Set the layer fill to 40%.

Again CTRL+Click the Blue Gradient layer to make a selection. Next select your Eliptical Marquee Tool and Hold Alt to remove 3/4 of the exsisting selection. Make a new layer and fill the new selection with white. Then go to Filter > Gaussian Blur > set the radius to 6.0 and hit OK. Set the layer fill to 40% and the blend to overlay.

Make a new layer. Then select your Eliptical Marquee Tool and draw out a large fat oval in the top center of the circle. Fill with white. Then go to Filter > Gaussian Blur > set the radius to 10.0 and hit OK. Set the layer fill to 55%.

Make a new layer. Then select your Eliptical Marquee Tool and draw out three small fat oval in the top right of the circle you just made in a triangle formation. Fill with white. Then go to Filter > Gaussian Blur > set the radius to 5.0 and hit OK.

Again CTRL+Click the blue gradient layer to make a selection. Make a new layer and fill it with black. Duplicate this laye and hide the new one for now. Then add the following blends to the visible layer. Add a Drop shadow in the color of #606864 at 35% opacity, set the Distance, Spread, and size to 3. Then add an Inner Shadow in color #828385 at 85% opacity, set the distance to 6, the choke to 25, and the size to 11. Next add an Inner Glow in the color of #3a3a3a, set the blend to Multiply, the opacity to 50%, and the size to 4. Now add a Bevel and Emboss with a Contour. Set the Bevel and Emboss size to 18, the soften to 2, set the angle to 90 and the altitude to 67, set the highlight to 100% and the shadow to 0% opcaity. Finnally use the contour editor to make a nice rounded glare on the top like below:

Finally unhide the top layer and set the fill to 0%. Now add a Bevel and Emboss with a Contour. Set the Bevel and Emboss depth to 60%, the size to 8, the soften to 0, set the angle to 90 and the altitude to 80, set the highlight to Normal 100% and the shadow to 0% opacity. Set the contour to Half Round at 85% opacity.

Leave a comment