Coluna Fireworks – Efeitos de Texto – Parte 2

Salve, comunidade

Em primeiro lugar, bem vindos! Nessa coluna ensinarei à fazer mais 3 efeitos de texto. Como dito na primeira parte esse tipo de efeito é encontrado com cada vez mais frequência em nosso dia-a-dia, os vemos em logotipos, em anúncios, blogs, flogs, etc. Portanto é de extrema importância aprender tais técnicas para que com nossa criatividade possamos desenvolve-los.

Texto 3D

Requerimentos: Macromedia Fireworks 8

Como primeiro efeito abordarei um 3D, é bem bacana e a técnica pode ser utilizada de diversas formas assim permitindo vários resultados com apenas algumas trocas de valores, como cor, posição, fonte e alguns filters.

1. Com a fonte Tahoma no tamanho 110 em negrito escreva seu texto, nesse caso utilizei “MX STUDIO”

2. À ele aplique um preenchimento gradiente linear de um verde claro para um verde escuro.

3. Com a Skew tool incline a parte superior do texto para dentro para dar a impressão de que o mesmo se encontra deitado.

4. Duplique (ctrl+shift+d) esse texto e torne a camada mais superior invísivel (clique no olho ao lado da mesma no painel layers). A usaremos mais tarde.

5. Adicione ao texto (o único visivel agora) o efeito Solid Shadow com as seguintes configurações:

Seu texto deverá ter a seguinte aparência:

6. Como pode notar o texto não tem muito contraste entre a parte superior e a solid shadow, que da a profundidade. Para isso usaremos a camada tornada invísivel no passo 4. Torne-a visível e modifique a cor do texto, que se encontra em gradiente, para solid – branco.

7. Adicione à ele um Gaussian Blur (Filters – no painel propriedades – -> Blur -> Gaussian Blur) de intensidade 1.4 e mude o blend mode da camada para Fuzzy Light.

8. Para um efeito à mais e deixar o texto com maior destaque duplique (ctrl+shift+d) o texto com solid shadow.

9. No que ficou mais embaixo mude a cor para preto e aplique um Gaussian Blur de intensidade 1.2.

Pronto! Terminamos o primeiro efeito. Caso ele não tenha ficado igual verifique se as camadas estão corretamente ordenadas:

Veja outro efeito usando os mesmos principios:

Bélissimo

“Bélissimo” é uma brincadeira com a atual novela das oito, ou melhor, das nove. É o logotipo, o qual acho realmente muito bonito.

Requerimentos: C onhecimento básico de vetores

Utilizei o fundo azul, pois o efeito não fica tão legal ao ser usado com o branco, as sombras se destacam muito, nem com o preto, onde as sobras não aparecem.

1. Dê ao fundo a cor #2A79A9.

2. A fonte usada é uma variação da famosa Times New Roman, portanto, usando a mesma no tamanho 74 e em itálico escreva seu texto, utilizei “Belíssima”.

3. Com a Skew tool incline o texto mais ainda, a formatação itálico não é o suficiente.

4. Iremos agora fazer algumas mudanças na fonte. Para isso transforme o texto em vetor (ctrl+shift+p).

5. Com a ferramenta subselection () modifique o acento no primeiro “I” e aa pontas dos “S” de acordo com a seguinte figura:

6. Aplique o seguinte gradiente linear ao texto:

#FEFC81

#D3C014

7. Nomeie essa camada como “Principal”, sempre que quiser me referir à ela direi “camada ‘Principal’”. Duplique-a e renomeie a na posição mais superior como “Efeito”.

8. Mude o gradiente linear do texto da camada “Efeito” para:

*Note que a direção, que antes era de baixo para cima, mudou para de cima para baixo.

9. Selecione a Skew Tool e incline o mesmo texto para a direita até ele ficar da seguinte forma:

10. Duplique a camada “Principal”, com isso fica duas camadas “Principal”, nomeie uma para “Máscara”.

11. Coloque a camada “Máscara” acima da “Efeito”, mude a cor da mesma para solid – branco.

12. Selecione em conjunto com a camada “Máscara” a camada “Efeito” e os grupeie como máscara (Modify – no menu do topo – -> Mask – > Group as mask).

13. Duplique a camada “Principal” novamente, das duas camadas, a original e a cópia, renomeie uma para “Inner Shadow”.

14. Mova a camada “Inner Shadow” para cima de todas. Adicione à ela o efeito Inner Shadow (Filters – no painel propriedades – -> Shadow and Glow -> Inner Shadow) com as seguintes configurações:

15. Faça outra duplicação da camada “Principal”. Renomeie a na posição mais inferior no painel layers das duas camadas iguais para “Sombra 1″.

16. Mude a cor do texto da camada “Sombra 1″ para solid – preto e seu modo de suavização (edge) para Feather – 2. Por último diminua sua tranparência para 75%.

17. Outra duplicação da camada “Principal”… Renomeie uma das duas camadas “Principal” para “Sombra 2″.

18. Mova a camada “Sombra 2″ para baixo de todas as outras. Nela ainda mude a cor do texto para solid – preto e seu modo de suavização (edge) para Feather – 2.

19. Selecione a camada “Principal” e adicione á ela uma Drop Shadow (Filters – no painel propriedades – -> Shadow and Glow -> Drop Shadow) com as seguintes propriedades:

20. Para finalizar, ainda na camada “Principal”, para ajustar a cor, adicione o efeito Brightness and Contrast (Filters – no painel propriedades – -> Adjust Color -> Brightness and Contrast) com as segintes configurações:

Mais um efeito terminado! Caso não tenha conseguido chegar ao resultado desejado confira a organização das camadas:

Efeito 3

Esse terceiro efeito da a impressão de que o texto está prestes a explodir e possui um efeito de brilho bem bonito. procure aplica-lo com fundos escuros.

1 – Usando a fonte Deloise no tamanho em que desejar, nesse caso utilizei o 78, digite o texto.

2 – Aplique ao texto um gradiente linear:

Branco

3 – Nomeie essa camada como “Principal” e a duplique. Para a camada mais inferior dê o nome de “Glow”.

4 – Na camada Glow adicione um Gaussian Blur de 3.1.

5 – Duplique novamente a camada Principal. Para a camadab malis superior dê o nome de “Explosion”.

6 – Mude a cor do texto da camada Explosion para branco e adicione à ele o filter add noise (Filters – no painel propriedades – -> Noise -> Add Noise):

7 – Ainda no texto do passo anterior adicione o filter glow (Filters – no painel propriedades – -> Shadow and Glow -> Glow):

8 – No mesmo texto adicione por último o filter zoom blur (Filters – no painel propriedades – -> Blur -> Zoom Blur):

9 – À camada Explosion atribua o modo de transparência (blend mode) a opção glow.

Fui…