[TUTO] ..: Efeito vidro em texto :..

::Objetivo::

Mostrar uma técnica para se obter um efeito vidro em um texto com uso do Fireworks.

::Novo documento::

Tecle Ctrl + N ou selecione, Arquivo ===> Novo para abrir a caixa de diálogo "Novo documento".

Ajuste as dimensões de Canvas (palco, área de trabalho, tela, etc...) para:

Largura: 400 pixels - Altura: 200 pixels

Cor da Tela: Transparente.

Tecle OK.

::Digite os textos::

1-) Digite no palco o texto a aplicar o efeito, escolhendo a cor o tamanho e estilo de fonte de sua preferência.

Neste turorial usei
Cor: #003366;
Estilo: Arial Black;
Tamanho: 50px.

2-) Faça uma cópia do texto e posicione-a logo abaixo.

Copie o texto assim:
a-) Com a ferramenta seta branca selecione o texto;
b-) Tecle CTRL + Shift + D para clonar o texto;
c-) Pressione Shift e vá com seta para baixo no teclado para descer o clone.

::Preparando o texto 1a. Etapa::

1-) Selecione o texto clonado;
2-) Menu Text ==> Convert to Paths ou Ctrl + Shift + P.

Observar no painel "Layers" que o texto foi agrupado em tantos objetos quanto for a quantidade de letras do texto.
No caso deste tutorial foram 9 (nove) letras e então ==> Group: 9 objects.



::Preparando o texto 2a. Etapa::

1-) Clique na ferramenta de seleção flexinha branca;

2-) Com a flexinha clique e arraste no palco um retângulo que intercepte o texto clonado para selecioná-lo;
O texto deverá ficar repleto de bolinhas azuis como mostrado na figura abaixo;

3-) Menu Modify ==> Combine Paths ==> Union.

Observar no painel "Layers" que o texto foi agrupado em um único objeto.



::Preparando o texto 3a. Etapa::

1-) Com a ferramenta Pen (Caneta) desenhe sobre o texto clonado uma forma ondulada conforme mostrado em vermelho na figura abaixo;

2-)Clique na ferramenta de seleção flexinha branca;

Com a flexinha clique e arraste no palco um retângulo que intercepte o texto clonado e também a forma em vermelho que você acabou de desenhar para selecioná-los;
O texto deverá ficar repleto de bolinhas azuis e o contorno da forma em azul também, como mostrado na figura abaixo;

3-) Com o texto e a forma selecionados conforme indicado acima vá em:

Menu Modify ==> Combine Paths ==> Punch.

E você obterá o mostrado na figura abaixo no número 3.



::Aplicando gradiente::

BLA <


::O efeito final::

Para finalizar, posicione um texto sobre o outro, selecione tudo e aplique sombra para obter o efeito conforme mostrado abaixo.



::Hue-Saturation::

Mostro a seguir algumas variações de cor obtidas sobre o texto construido simplesmente usando Hue-Saturation.

Assim:
Selecione tudo.
Menu Filters => Adjust Color => Hue/Saturation para abrir a janela de controles deslizantes;
Na caixa Hue/Saturation que se abre marque a opção Colorize
Desloque os controles deslizantes Hue - Saturation e Lightness e observe a mudança das cores.



::Algumas varições::

Mostro a seguir algumas variações de cor obtidas sobre o texto construido para este tutorial, usando Hue-Saturation.