EFEITO EM TEXTO – PARTE 2

 

Fala galera, tudo em cima com vocês?!

 

Nesta semana vamos dar continuidade ao aprendizado da aplicação de efeitos interessantes aplicados aos nossos textos.

 

Veja abaixo nosso exemplo final:

 

Figura 01: efeito final.

 

Achou legal?! Acompanhe os passos abaixo e aprenda a criar este efeito.

 

1) Crie um novo arquivo medindo 800 x 200 pixels.

 

Figura 02: novo arquivo.

 

2) Selecione a ferramenta Text tool e digite no palco um texto de sua preferência utilizando as configurações abaixo:

 

» Fonte: Fat.

» Tamanho: 130.

» Estilo: Negrito.

 

Figura 03: texto digitado no palco.

 

3) Aplique a este texto um efeito de gradiente, utilizando a ferramenta Gradient tool. Veja:

 

OBS: Utilize as cores que lhe agradar.

 

Figura 04: ferramenta Gradient tool.

 

Figura 05: aplicação do efeito de gradiente ao texto.

 

4) Selecione a ferramenta Distort tool e faça as alterações propostas na figura abaixo, em seu texto.

 

Figura 06: ferramenta Distort tool.

 

Figura 07: inclinações utilizando a ferramenta Distort tool.

 

5) Duplique o texto, utilizando o atalho do teclado Ctrl+Alt+D, e deixe a layer superior invisível (clique no ícone do olho para isto).

 

6) Adicione ao texto visível o efeito Solid Shadow... através do comando Shadow and Glow, Solid Shadow.... Configure-o como segue:

 

Figura 08: efeito Solid Shadow.

 

Figura 09: configurações do efeito Solid Shadow.

 

Figura 10: texto após aplicação do efeito Solid Shadow.

 

7) Lembra-se do texto que tornamos invisível no passo 5? Pois bem, torne-o visível novamente e mude sua cor de preenchimento (que se encontra com gradiente) para sólido e na cor branco.

 

Figura 11: cor branco (sólido) no texto que acabamos de colocar como visível.

 

8) Com este mesmo texto selecionado aplique um efeito de Gaussian Blur, através do comando Blur, Gaussian Blur, com intensidade de 1.5.

 

Figura 12: efeito Gaussian Blur.

 

9) Altere o combo box Blend mod desta layer para Fuzzy Light. Veja:

 

Figura 13: Blen mode em Fuzzy Light.

 

Prontinho! Veja como ficou nosso efeito final:

 

Figura 14: texto após alterações propostas nos passos 7, 8 e 9.

 

10) Para incrementar ainda mais nosso texto, façamos o seguinte: duplique a layer onde aplicamos o efeito Solid Shadow, através do atalho do teclado Ctrl+Alt+D.

 

Figura 15: organização das layers após duplicação.

 

11) Selecione a última layer (parte inferior) e mude a cor de preenchimento para sólido e na cor preto. Logo após aplique o efeito Gaussian blur... com intensidade de 1.3. Veja:

 

Figura 16: efeito Gaussian blur sendo aplicado ao texto duplicado.

 

Após tal configuração, nosso efeito final será o seguinte:

 

Figura 17: efeito final.

 

OBS.: Para se criar o outro modelo, basta seguir os mesmos passos invertendo apenas a ordem de inclinação para o lado esquerdo.

 

Finalizamos assim, mais um tutorial da série Fireworks.

 

Estou à disposição de todos! Envie suas críticas e/ou sugestões para o e-mail webdesigner.pro@pop.com.br. Terei todo prazer em atendê-lo.

 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 

Pessoal, trago uma boa notícia a todos os que acompanham a série de tutoriais da série Fireworks aqui no site do Júlio Battisti. Já está a venda o curso de Fireworks Básico – Passo a Passo, de minha autoria. É uma maneira fácil e didática de se aprender esta maravilhosa ferramenta de design. São inúmeros exemplos práticos que irão te levar a um mundo totalmente real em se tratando de design em geral. Clique aqui para saber mais sobre este curso. Veja também o lançamento Fireworks – Aprenda na Prática, ebook este também de minha autoria.

 

Galera, participem do Fórum de Fireworks no site https://juliobattisti.com.br/ e troque conhecimentos com diversas pessoas. Acesse já!

 

Chegamos ao final de mais um tutorial da série Fireworks. Caso tenha dúvida(s), entre em contato comigo através do e-mail webdesigner.pro@pop.com.br

 

Para desenvolvimento de Sites, Layout, Apresentações, Flyes, Banners, Identidade Visual, Diagramação, Vetorização e Serviços Gráficos em geral,  envie e-mail para: webdesigner.pro@pop.com.br e solicite seu orçamento. Profissionalismo sempre!

 

Até a próxima!

 

Um cordial abraço a todos,

 

Fábio Almeida