Tutorial Fireworks

Tutoriais por por Maurício Samy Silva

..: Botão com efeito aqua :..

Colaboração enviada por Rogério Gomes — http://rggomes.wordpress.com/


Crie um arquivo nas dimensões que desejar;

Com a ferramenta elipse tool crie um círculo (segure a tecla Shift e arraste);

Preencha o círculo com a cor a sua escolha.

botao1


Duplique o círculo. Para isto selecione o círculo e tecle Ctrl + C e depois Ctrl + V. Uma cópia do círculo será criada sobre ele mesmo e você não notará diferença no palco. Verifique o painel Layers e nele você verá os dois círculos.

botao2


Selecione o círculo que esta à frente no palco;

Abra o menu Commands » Creative » Fade Image.

botao3


Ao abrir o menu você verá um popup das pções de Fade como mostrado na figura abaixo. Escolha a quarta opção clicando sobre ela (mostrada na figura com um círculo vermelho).

botao4


Selecione o círculo com a ferramenta Pointer Tool (a seta preta de seleção), para fazer aparecer a linha de gradiente. Ajuste o gradiente como mostrado abaixo.

botao5


Ainda com o círculo selecionado vamos diminuí-lo. Abra o menu Modify » Transform » Numeric Transform » Scale e escolha um redução para 80%, conforme mostrado na figura abaixo.

Deixe marcada as duas caixinhas de seleção e clique OK.

botao6


Com a ação descrita acima o círculo da frente ficará reduzido para 80% do seu tamanho e irá aparecer o círculo que está por trás que tinha sido construido conforme explicado na segunda etapa deste tutorial.

botao7


Com o círculo da frente selecionado pressione seguidamente no teclado a seta para cima para ir deslocando o círculo menor até a posição mostrada na figura abaixo.

botao8


A seguir construa uma elipse com preenchimento na cor branca, conforme mostrado abaixo.

botao9


Selecione a elipse. Abra o menu Filters (sinalzinho de + mostrado em destaque na figura ou menu horizontal superior do FW) e escolha Blur » Gaussian Blur...
Ajuste Blur Radius para 21.

botao10


Pronto! O efeito final será como mostrado abaixo.

botao11


O mesmo efeito em outras cores.

botao12

Nota: Todos os Direitos reservados ao autor.


Deixe seu comentário sobre esta matéria:

Site criado em 22 de julho de 2004 por Maurício Samy Silva — © Direitos de terceiros reservados 2004-2017.
Conteúdos não pertencentes a terceiros podem ser copiados à vontade (crédito será bem-vindo).
Powered by: Maujor ®