Creating a Shinny Submit Button

Tutorial in Advanced, Effects, In Text, Web

I have to say that the result of this tutorial is great. This button has a great design; it is a shinny blue button that will make your website look more professional. In order to create the button we will use filters like ((Inner Shadow)), ((Outer Glow)),((Inner Glow)), ((Gradient Overlay)) y ((Stroke)).

Open a new document (500×350 and white background).

To begin, we will create a background.

Select ((Gradient Tool)), ((Lineal Gradient)). For the gradient, use these colors: #026d8d y #01c1e2. Trace it from top to bottom.

Create a ((New Layer)).

Now with ((Rounded Rectangle Tool)), radius: 10px, draw the button. Fill it in with any color.

Now go to ((Layer))-((Layer Style))-((Blending Options)).

((Blending Options)).

((Inner Shadow)).

((Outer Glow)).

((Inner Glow)).

((Gradient Overlay)). Use the following colors: #04adca and #01c1e2.

((Stroke)).

After applying the ((Layer Styles)) you will see this result.

Ctrl + Click the button layer to activate the selection.

Now select ((Elliptical Marquee Tool)), ((Subtract From Selection)), and trace a circle reducing the button selection.

Create a ((New Layer)).

Fill it in the selection with white.

Double click the layer in order to apply ((Gradient Overlay)). Use the colors #5e5e5e and #ffffff.

Reduce the layer’s ((opacity)) to 24%.

Select the Space Age. If you don’t have it, you can download it by clicking here.

Enter the values that appear in the palette that appears below and then write the text.

In the text layer, go to ((Layer))-((Layer Style))-((Blending Options)).

((Inner Shadow)).

((Outer Glow)).

((Gradient Overlay)). For this gradient, use these colors: #000000 and #9e9e9e.

Save the changes.

We will get this great button. I hope you like it and use it use it for you web designs. Greets!

Related Tutorials

Deja tu comentario

CaminoCreativo.com & DesignOwners.com is a property of XARUP.