SÉRIE EFEITOS – PARTE 8

 

Olá galera, tudo bem com vocês?

 

Neste tutorial vamos aprender a criar um efeito muito atraente. Trata-se do efeito gota d’água. Como este efeito é um pouco mais complexo de se desenvolver, irei dividi-lo em duas etapas.

 

A figura 01 mostra o exemplo final que teremos ao finalizar as duas etapas deste tutorial.

 

Figura 01: exemplo final.

 

Gostaram?! Siga os passos abaixo e aprenda a fazer, lembrando que esta é a primeira etapa de duas para este tutorial.

 

1) Crie um novo documento com as seguintes configurações:

 

Figura 02: novo documento.

 

2) Selecione a ferramenta Ellipse tool e desenhe no palco um oval. Veja o exemplo:

 

Figura 03: ferramenta Ellipse tool.

 

Figura 04: criação do círculo.

 

3) Altere a cor de preenchimento do oval criado para cinza (#CCCCCC) e a cor do contorno para cinza escuro (#B1B1B1).

 

Figura 05: alterações de cor para preenchimento e contorno.

 

4) Selecione a ferramenta Subselection tool e redimensione o oval criado até que admita a seguinte configuração:

 

Figura 06: ferramenta Subselection tool.

 

Figura 07: modificação do oval criado.

 

5) Após modificada a estrutura do oval, vamos configurá-lo para um padrão de cores diferente. Com o oval selecionado, acesse a opção Fill category, escolha a opção Gradient e logo depois a opção Radial. Configure como é mostrado na figura 09.

 

Figura 08: caminho do efeito Gradient - Radial.

 

Figura 09: configurações do efeito Radial.

 

OBS: Foram utilizadas as cores branco (#FFFFFF) e cinza (#CCCCCC), respectivamente, na configuração do efeito Radial.

 

Figura 10: configuração do efeito Radial.

 

6) Após configurar o efeito Radial, mova sua alteração de acordo com a figura 11.

 

Figura 11: oval com a orientação do efeito Radial alterada.

 

7) Agora vamos inserir o efeito de sombra interna no oval. Acesse o menu Efeitos (+), Shadow and Glow, Inner Shadow e configure-o da seguinte forma:

 

Figura 12: caminho do efeito.

 

Configuração a ser utilizada:

 

Figura 13: configuração do efeito Inner Shadow.

 

O resultado, após a inserção do efeito Inner Shadow, será o seguinte:

 

Figura 14: resultado do oval após a aplicação do efeito Inner Shadow.

 

É isso aí galera! Vamos até este ponto neste tutorial para que o mesmo não fique muito extenso. No próximo tutorial daremos seqüência nos passos e finalizaremos o efeito.

 

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

 

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 os tutoriais da série Fireworks, aqui no site do Júlio Battisti. Já estão à venda os cursos Fireworks Básico – Passo a Passo e Fireworks – Aprenda na Prática, ambos 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 o curso Fireworks Básico – Passo a Passo e acesse o site https://juliobattisti.com.br para saber mais sobre o curso Fireworks – Aprenda na Prática.

 

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

 

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, enviem 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