MODELOS DE DEGRADE – MACROMEDIA FIREWORKS – PARTE 2

 

Olá galera! Tudo bem com vocês?

 

Neste tutorial vamos dar seqüência ao tema abordado no tutorial anterior – Modelos de Degrade – Macromedia Fireworks.

 

Conhecemos alguns modelos de degrade que podem ser aplicados a formas geométricas e/ou imagens.

 

Já neste tutorial, vou falar sobre o uso do Degrade aplicado a textos.

 

Veja abaixo alguns exemplos:

 

Figura 01: efeito degrade aplicado ao texto.

 

OBS.: No texto acima, utilizei outras técnicas e ferramentas do Macromedia Fireworks, mas o princípio fundamental está na aplicação correta do efeito de degrade.

 

Figura 02: logomarca do navegador Opera. Aplicação do efeito de degrade.

 

Figura 03: aplicação de degrade para um nome.

 

Vejamos agora como aplicar, na prática, estes efeitos.

 

1) Crie um novo documento medindo 400 x 200 pixels, através do menu File, New ou simplesmente pelo atalho do teclado Ctrl+N.

 

Figura 04: configurações utilizadas na criação do arquivo.

 

2) Selecione a ferramenta Text tool e digite no palco seu nome. Selecione a fonte Arial Black, tamanho 40, estilo Negrito.

 

Figura 05: texto digitado no palco.

 

3) Após ter digitado o texto selecione, na paleta Colors, a ferramenta Gradient tool. Veja:

 

Figura 06: ferramenta Gradient tool – paleta Colors.

 

4) Ao selecionar a ferramenta Gradient tool note que o ponteiro do mouse admitiu o formato de um balde de tinta. Posicione o cursor do mouse ao final do texto, dê um clique com o botão esquerdo do mouse, segure e arraste até a extrema esquerda. Siga o exemplo abaixo:

 

Figura 07: aplicação do efeito degrade.

 

Seu texto ficará assim:

 

Figura 08: texto após a aplicação do efeito degrade.

 

5) Uma vez tendo aplicado o efeito desejado, temos que configurá-lo de acordo com nossas necessidades. Para isso, clique no balde de tinta – cor de preenchimento. Abrirá a janela de configuração do efeito degrade:

 

Figura 09: propriedade de configuração do degrade.

 

6) Com esta janela aberta, faça as configurações de acordo com suas necessidades. Você poderá inserir novos pontos de equilíbrio de degrade para balancear o efeito.

 

Figura 10: inserção de novo ponto de degrade.

 

OBS.: Para se inserir um novo ponto de degrade basta posicionar o cursor do mouse sobre a janela. O mesmo admitirá a forma de adição. Isto indica que ao clicar com o botão esquerdo em qualquer lugar você estará criando um novo ponto de degrade.

 

7) Uma outra possibilidade de aprimoramento do efeito degrade é você direcionar a sua rotação. Veja:

 

Figura 11: efeito de degrade sendo rotacionado.

 

Figura 12: texto com rotação do degrade na vertical.

 

A palavra chave daqui em diante é CRIATIVIDADE. Busque descobrir efeitos extras com a propriedade de degrade.

 

Finalizamos desta forma mais um tutorial da série Fireworks. Espero que tenham gostado.

 

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