0

Intro

In this tutorial I'm going to show you how to make a simple "aqua button" effect. You need to know how to apply effects to the layer and you need to know how to load a new gradient. This tutorial was made in Photoshop v6 and should work with newest versions just fine.

Getting started

First make an new image of any size (this tutorial is 150x100 pixels). Add a shape of whatever you want, for this tutorial i choose a rounded square and named the new shape layer "button".

You should have something like this:

[img]http://www.invisionportal.com/images/aqua_button/step1.gif[/img]

Now we need to apply some settigs to the "button" layer.

Double click on the "button" layer until you get the "Layer Style" window.

Now enter the settings shown in the images below.

For the "Gradient Overlay" you need to apply a new Gradient, download the gradient here.

[img]http://www.invisionportal.com/images/aqua_button/step2.gif[/img]

[img]http://www.invisionportal.com/images/aqua_button/step3.gif[/img]

[img]http://www.invisionportal.com/images/aqua_button/step4.gif[/img]

Now you should have something like this:

[img]http://www.invisionportal.com/images/aqua_button/step5.gif[/img]

This is a fairly simply tutorial. Its not a 100% perfect aqua looking button, but it is a simple effect that works and looks very close to the real thing.

But if you got lost somewhere or didn't do it right, you can download the file here.

Finished Button:

[img]http://www.invisionportal.com/images/aqua_button/step6.gif[/img]

2
Contributors
1
Reply
2
Views
12 Years
Discussion Span
Last Post by coolvision
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.