O passo-a-passo O efeito Aqua em botes, na verdade, bem mais simples do que parece ser, principalmente se voc conhece razoavelmente

e um programa de manipulao de imagem, como o Adobe Photoshop O boto uma combinao de trs gradientes controlados com muito cuidado dentro de m!scaras transparentes e efeitos de camadas "ito assim, fica ainda mais f!cil Ou no "e toda forma, sigamos #amos usar o famoso formato $p%lula$ para o boto &e voc tentar aplicar o efeito em ob'etos com cantos afiados, como te(tos, melhor aplicar o efeito )oise * +edian para arredondar um pouco os cantos +as isso '! assunto para outro tutorial futuro , -rie um documento novo com as seguintes especificaes. //0(1/0 pi(els 2pode ser menor do que isso, mas tamanhos grandes facilitam o controle do efeito3, modo 456 e fundo 7ransparent

&elecione a ferramenta Paintbrush 2tecla 8693, clique na aba 6rushes e escolha um brush s:lido ;samos um brush circular de ,00 pi(els, com <ardness ,00 e &pacing ,0 -lique e arraste para o outro lado da 'anela com a tecla 8&hift9 apertada =sso criar! um belo boto> p%lula

Agora que temos a forma, vamos @ cor 5eralmente, azul funciona bem para dei(ar o boto com aquele 'eito $aquoso$ default, mas voc pode testar outras cores O boto ser! preenchido com um degrad entre dois tons derivados da mesma cor, um escuro no Aoreground e outro mais claro no 6acBground Para reproduzir as cores $oficiais$, usamos as seguintes combinaes no seletor de cores 2valores sempre em 4563. Aoreground, C0>,D/>100E 6acBground, 0> /0>,1/

-lique com 8-ommand9 no nome do laFer na palete GaFers para selecionar a silhueta do boto e aplique o degrad usando a ferramenta 5radient 2tecla 8593, desde o p at o topo 2do boto e no do laFer3, com a tecla 8&hift9 apertada para que o efeito fique alinhado com a vertical

-om a seleo do contorno do boto ainda ativa, pea &elecionar * +odificar * -ontract Para o tamanho do nosso boto, um valor adequado H Agora, d &elect * &ave &election e depois OI #oc criou um canal alfa 2m!scara3 que por enquanto ficar! repousando

J hora de criar o efeito de brilho superior do boto -om a seleo ainda ativa, pegue a ferramenta de seleo 4ectangular +arquee 2tecla 8+93 e arraste com 8Option9 pressionado, de bai(o para cima, at interceptar os dois teros inferiores do boto &omente a parte de cima restar! selecionada Agora, crie um novo laFer 2clique no documentinho no p da palete GaFers3 &elecione novamente a ferramenta 5radient e a'uste>a para Aoreground to 7ransparent +ude a cor de Aoreground para branco e aplique o degrad desde o topo da seleo at um pouco abai(o do seu p, quase no centro do boto "esfaa a seleo e d o filtro Ailter * )oise * +edian duas vezes. uma com raio H e outra com raio ? =sso serve para arredondar e suavizar os cantos do brilho, adicionando uma sutileza fina que o &teve Kobs certamente aprovaria Para um efeito ainda mais perfeito, mude o controle OpacitF desse laFer para L0M

#! @ palete -hannels e clique na m!scara salva 2Alpha ,3 Ola aparecer! na tela como uma figura preta sobre fundo branco " um Ailter * 6lur * 5aussian 6lur com o valor L Om seguida, mude para a ferramenta de seleo 2seta3 e pressione a tecla 8seta para bai(o9 algumas vezes para mover o canal inteiro para bai(o > no nosso e(emplo, H pi(els bastam

-lique com 8-ommand9 no nome do canalE aparecer! uma seleo )a palete GaFers, crie um laFer novo Om seguida, clique com 8-ommand98&hift98Option9 no nome do laFer que contm o boto =sso

cria uma interseco entre o laFer e a seleo, evitando que ela escape para fora do boto

+ude a cor de Aoreground para ,/0>110>1// J uma verso mais clara, mas de matiz diferente, da cor azul usada no resto do boto Ainda com a ferramenta 5radient regulada em Aoreground to 7ransparent, arraste do p at o topo da seleo "esfaa a seleo 28-ommand98"93

,0 Agora, crie o fundo para o boto )a maioria das vezes, o fundo dever! ser branco Onto, crie um laFer novo e arraste>o na lista de laFers para bai(o de todos os outros Agora, prepare>se para m!gica em alta velocidade. tecle 8"9 2zera as cores do seletor3 e a seguir 8-ommand9 8"elete9 2preenche o laFer inteiro com branco3

,, A sombra parte integrante do boto Aqua J preciso criar um GaFer Offect para isso )o Photoshop H, duplo>clique no nome do laFer do boto na palete GaFersE no Photoshop /, clique nele com 8-ontrol9 para chamar o menu conte(tual e selecione Offects ;ma vez dentro da cai(a de controle, pea o efeito "rop &hadoP, com os seguintes parQmetros. modo +ultiplF, OpacitF ,00M, Angle C0R, "istance ,/, &pread 2=ntensitF3 0 e &ize 26lur3 10 A cor da sombra pode ser cinza escura, mas se a idia for copiar @ risca o boto azul da Apple, a cor certa ,,0>,?0>,/0

,1 -hegou a hora de colocar o te(to Oscreva>o e(atamente centrado no boto e na cor preta Para ter e(atamente o mesmo visual da Apple, utilize a fonte Gucida 5rande 2no +ac O& S3 ou Gucida &ans 2no sistema cl!ssico3 ;samos o tamanho de HD pi(els

,? O te(to leva uma pequena sombra Para poupar trabalho, use o menu conte(tual e d -opF GaFer &tFle no laFer com sombra e Paste GaFer &tFle no laFer de te(to Abra a cai(a de estilo e modifique os parQmetros para OpacitF H0M, "istance ,0 e &ize 26lur3 ,0

,D 6em, o boto est! pronto 6asta coloc!>lo na sua p!gina e receber os elogios da galera +as no desligue agoraT #oc ainda pode criar mais um efeito simples, que vai dei(ar seu boto ainda mais $transparente$ e interessante -rie um novo laFer por cima de tudo, preenchido com branco e no modo +ultiplF &elecione a Gine 7ool 28;93 2)o Photoshop H, dei(e>a no modo -reate Ailled 4egion, que o terceiro boto na barra de opes da ferramenta 3 ;samos espessura de D pi(els e cor 100> 100>100 7race uma linha horizontal que atravesse a !rea de um lado a outro &elecione>a com a +arquee e atraste>a para bai(o com 8-ommand98Option98&hift9 pressionados, o que criar! uma c:pia da linha imediatamente abai(o 4epita a c:pia cuidadosamente, mantendo a

mesma distQncia de uma linha para a outra "ica. quando formar um grupo de quatro linhas, selecione>o e copie>o, depois selecione as oito e copie>as, selecione as ,H e copie>as etc

,/ " Ailter * 6lur * 5aussian 6lur para borrar um pouco as linhas 2usamos 1,/ pi(els3 +ova o laFer das linhas para a frente do boto, mas por tr!s dos brilhos "elete o canal alfa antes de e(portar o boto