O efeito aqua, muito comum hoje em dia, é muito utilizado em websites, objetos virtuais e muitas vezes em projetos gráficos.

O tão falado efeito surgiu no final de 2000, desenvolvido por um designer da Apple. Ao observar um aquário, ele viu que o foco de luz presente resultava num brilho tão imenso capaz de “estourar” as cores ali presentes, e na área de baixo, um contraste bastante escuro. Então ele desenvolveu o botão aqua, desenvolvido especialmente para a Apple, que foi aplicado nos botões do sistema operacional Mac OS X.

Como muita gente gosta do efeito, aqui está um tutorial de como executar esse efeito no Photoshop de forma bem simples. Quem preferir, no Fireworks é bem mais fácil, mas as opções são mais limitadas. É mais viável construir no Photoshop se você preferir mais efeitos personalizados.

Abra o Photoshop e crie um documento de 512 x 512 pixels, resolução de 72 DPI e fundo transparente.

Clique e mantenha clicado sobre a ferramenta de formas geométricas e selecione a segunda opção. (Rounded rectangle tool)

Na área superior do programa, com esta ferramenta já selecionada, você pode controlar o raio dos cantos do objeto. Neste caso usaremos um raio de 20 pixels.

Trace o desenho tomando toda a área do documento, mas deixe um pequeno espaço nas bordas. Se quiser fazer um quadrado perfeito, mantenha a tecla shift pressionada. Feito o quadro, vá à paleta Paths, e dê um ctrl+clique sobre o ícone do quadrado que irá aparecer. Após ele ficar selecionado (pontilhado), volte à aba Layers. Selecione a ferramenta Brush (B) e pinte toda a área selecionada.

Desfaça a seleção (Ctrl + D). Clique com o botão direito sobre o layer e vá em blending options. Marque a caixa gradiente, e crie um novo gradiente com a mesma cor, com um tom mais claro e outro mais escuro.

Agora, marque a caixa Stroke. Aplique 8px e Inside, na sua posição. Coloque 65% na sua transparência, e cor branca. Marque a caixa Drop Shadow e aplique as seguintes configurações:

Clique OK. Agora, selecione o layer (ctrl + clique sobre ele) e vá em Select/Modify/Contract. Use um raio de 20 pixels. Clique ok.

Agora com a nova seleção, selecione a ferramenta Marquee (M). Mantenha pressionada a tecla Alt e trace um quadrado de baixo para cima, até um pouco mais da metade. Sua seleção ficará assim:

Agora crie um novo layer. Para criá-lo, basta pressionar o ícone do lado da lixeira da aba layers.

Selecione a ferramenta Gradient (G), coloque seu foreground em branco e use o gradiente foreground to transparent. Trace o gradiente de cima para baixo.

Desmarque a seleção (ctrl + D). Vá em Filter/Blur/Gaussian Blur. Coloque um raio de 2 pixels. Clique OK. Se quiser mais realismo, neste layer criado (que é o efeito gradiente) marque transparência de 90%.

Está criado seu botão aqua. O efeito vale para qualquer forma e tamanho que for criar. Se quiser usar esse exemplo de tutorial como botões para um site, basta salvá-lo como PNG. Espero que tenham gostado, e até a próxima!