the Empire Dezign Learning Center

Aquatic Button

We'll begin this tutorial, by creating a new canvas at a size of 294 x 169 with 8e611b as the canvas color. Next, select the "Rounded Rectangle Tool" and draw a rectangle as illustrated below with a radius of 10 pixels and color 0098d7. Name this layer "Button Frame" in the Layers Palette.

		Now right click on the "Button Frame" layer and select, "Blending Options...". Now click on "Drop Shadow".
			use settings at left
		Do not click "OK" yet. Still more to do.

		Now click on "Inner Shadow".
			use settings at left
		Do not click "OK" yet. Still more to do.

		Now click on "Outer Glow".
			use settings at left
		Do not click "OK" yet. Still more to do.

		Now click on "Inner Glow".
			use settings at left
		Do not click "OK" yet. Still more to do.

		Now click on " Bevel and Emboss".
			use settings at left
		You may now click OK.

You should now have the below image.

Next, select the "Rounded Rectangle Tool" once again and draw a rectangle as illustrated below with a radius of 5 pixels and color 0098d7. Name this layer "Button Window" in the Layers Palette.

		Now right click on the "Button Window" layer and select, "Blending Options...". Now click on "Drop Shadow".
			use settings at left
		Do not click "OK" yet. Still more to do.

		Now click on "Inner Shadow".
			use settings at left
		Do not click "OK" yet. Still more to do.

		Now click on "Outer Glow".
			use settings at left
		Do not click "OK" yet. Still more to do.

		Now click on "Inner Glow".
			use settings at left
		Do not click "OK" yet. Still more to do.

		Now click on " Bevel and Emboss".
			use settings at left
		You may now click OK.

You should now have the below image.

Next, select the "Pen Tool" and draw a wave shape using White as the color as the image below illustrates. Then rasterize the layer. Name this layer "Waves".

Now "Ctrl" click "Button Window" layer to create a selection. Next, be certain that the "Waves" layer is selected in the Layers Palette, then go to "Select" then "Inverse" then "Edit" and finally "Cut".

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

		Now click on " Color Overlay".
			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.

Then select the "Elipse Tool" and draw a circle as illustrated using White as the circle color.

		Now right click on the circle layer and select, "Blending Options...". Now click on "Drop Shadow".
			use settings at left
		Do not click "OK" yet. Still more to do.

		Now click on "Inner Shadow".
			use settings at left
		Do not click "OK" yet. Still more to do.

		Now click on "Outer Glow".
			use settings at left
		Do not click "OK" yet. Still more to do.

		Now click on " Bevel and Emboss".
			use settings at left
		Do not click "OK" yet. Still more to do.

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

You should have the below image after the circle has been duplicated 3 times.

Then select the "Elipse Tool" and draw two ovals as illustrated using e6c360 as the circle color. Use steps 2 through 6 for their styles.

The Results!!!

I've added some aquatic shapes to go a long with the theme. I hope you enjoyed this tutorial.

Comments