the Empire Dezign Learning Center

Go Button

We'll begin this tutorial, by creating a new canvas at a size of 300 x 155 with 2ab9e2 as the canvas color. Double click the background layer in the Layers Palette and click OK. Doing this will unlock the layer for the next step. Then download this pattern and click "Open".

		Now right click on the background layer in the Layers Palette and select, "Blending Options...". Now click on "Gradient Overlay".
			use settings at left
		Do not click "OK" yet. Still more to do.

		Now click on "Pattern Overlay".
			use settings at left
		You may now click OK.

You should now have the below image.

Next, grab the "Rounded Rectangle Tool" and draw a rectangle with a radius of 10 pixels with 1684a4 as the color. Name this layer "Button" in the Layers Palette.

		Now right click on the "Button" layer in the Layers Palette and select, "Blending Options...". Now click on "Inner Shadow".
			use settings at left
		You may now click OK.

You should now have the below image.

Select the "Text Tool" and use the below settings.

Now type your prefered text.

Next, grab the "Rounded Rectangle Tool" and draw a rectangle with a radius of 10 pixels with White as the color. Name this layer "Gloss" in the Layers Palette. Then rasterize the "Gloss" layer.

Now choose the "Elliptical Marquee Tool" and make the following selection. Make certain that you are on the "Gloss" layer in the Layers Palette and go to "Select" then "Inverse" then "Edit" then "Cut".

		Now right click on the "Gloss " layer in the Layers Palette and select, "Blending Options...".
			use settings at left
		Do not click "OK" yet. Still more to do.

		Now click on "Gradient Overlay".
			use settings at left
		You may now click OK.

You should now have the below image.

Next, duplicate the "Button" layer, then clear the layer style by right clicking on the layer in the layers palette and selecting "Clear Layer Style". Then drag so it is beneath the "Button" layer in the Layers Palette. Now change its color to 116f86.

Then, using the down arrow key on the keyboard, move this layer down 4 pixels. Name this layer "Button Front" in the Layers Palette.

		Now right click on the "Button Front" layer in the Layers Palette and select, "Blending Options...". Now click on "Outer Glow".
			use settings at left
		You may now click OK.

The Results!!!

I hope you enjoyed this tutorial.

Comments