MODELOS DE DEGRADE – MACROMEDIA FIREWORKS

 

Salve comunidade! Tudo em ordem? Preparados para mais um super tutorial da série Macromedia Fireworks?

 

Apresento neste tutorial os diversos tipos de degrade que podemos aplicar aos nossos trabalhos realizados no Fireworks.

 

Diversas combinações são possíveis e estão aptas a criar resultados maravilhosos.

 

Dividiremos este tema em dois tutoriais para que possamos abordar de maneira mais ampla os assuntos envolvidos.

 

Nesta primeira etapa, falaremos sobre o uso do degrade aplicado a formas geométricas e imagens.

 

Percebe-se com freqüência este conceito sendo aplicado nos projetos atuais por proporcionar resultados agradáveis. Para comprovar isto, basta navegar pela web e constatar o quanto está difundido e aplicado este tema.

 

Veja os exemplos abaixo. Serão neles que trabalharemos os vários efeitos de degrade ao decorrer do tutorial.

 

Figura 01: formas geométricas a serem tratadas com exemplo.

 

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

 

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

 

2) Para criar as formas presente na Figura 01, selecione as ferramentas Rectangle tool, Ellipse tool, Arrow, Chamfer Rectangle, Doughnut e Star – ferramentas estas localizadas na guia Vector da barra de ferramentas.

 

Figura  03: ferramentas a serem utilizadas nos exemplos.

 

3) Após ter desenhado todas as formas, vamos dar início as aplicações dos efeitos degrade. Para começar, selecione a primeira forma criada (retângulo) e acesse na caixa de combinação Fill category a opção Gradient. Acompanhe na figura abaixo:

 

Figura 04: opção Gradient da caixa de combinação Fill category.

 

4) Desta forma, teremos 12 (doze) opções de degrade para usarmos nas formas criadas. Para aplicar qualquer uma delas, basta clicar na opção desejada. Vale a ressalva de que ao passar o mouse sobre cada opção, será exibido um resultado de como ficará seu objeto.

 

Figura 05: visualização do efeito Elipse.

 

5) Um dos modelos mais usados é o Linear. Veja como ficaria sua aplicação no objeto selecionado:

 

Figura 06: aplicação do efeito de degrade Linear.

 

6) Para alterar as propriedades deste degrade, basta acessar o balde de tinta (cor de preenchimento) que após a aplicação do efeito admite um efeito degrade para indicar a aplicação do mesmo. Ao clicar nesta opção, será exibida uma janela onde poderá alterar valores de movimentar as cores da maneira que julgar conveniente.

 

Figura 07: propriedade responsável pelas alterações do degrade aplicado.

 

7) Para as demais formas, os procedimentos para aplicação e edição do degrade são os mesmos. A seguir apresento os exemplos com degrades diferentes aplicados.

 

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

 

Segue a descrição dos degrades utilizados em cada caso:

 

- Retângulo (01): foi utilizado o degrade Linear e modificado suas propriedades para se adequar a forma.

 

- Elipse (02): foi utilizado o degrade Radial.

 

- Elipse Perfeita - Círculo (03): foi utilizado o degrade Cone.

 

- Arrow - Seta (04): foi utilizado o degrade Contour. Alterei uma das cores para branco para dar maior destaque ao objeto.

 

- Chamfer Rectangle (05): foi utilizado o degrade Countour.

 

- Star (06): foi utilizado o degrade Folds.

 

- Doughnut (07): foi utilizado o degrade Ripples.

 

Finalizo assim este tutorial, na certeza de ter ajudado o amigo(a) a aguçar sua criatividade para criar com mais vida.

 

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