SÉRIE EFEITOS – PARTE 11

 

Olá galera!

 

Nos três próximos tutoriais serão apresentados exemplos e os passos necessários para a construção de objetos no estilo aqua. Este estilo tem uma grande presença na web e produz resultados atraentes.

 

A figura 01 mostra o efeito final que teremos ao concluir este tutorial.

 

Figura 01: efeito final.

 

Bem interessante o resultado final, não é mesmo? Siga os passos abaixo e aprenda a criá-lo.

 

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

 

Figura 02: configurações do novo documento.

 

2) Selecione a ferramenta Star e crie uma estrela no palco.

 

Figura 03: ferramenta Star.

 

Figura 04: criação da estrela no palco.

 

3) Retire a cor de preenchimento da estrela criada e deixe apenas a cor de contorno como laranja (#CC6600).

 

Figura 05: estrela apenas com o contorno.

 

4) Crie uma cópia da estrela criada (Ctrl + C, Ctrl + V) e envie a cópia para trás. Altere sua cor de preenchimento para laranja (#FFB907).

 

Figura 06: layer duplicada.

 

Figura 07: duas estrelas criadas.

 

5) Acesse o menu de efeitos (+) e escolha o efeito Inner Glow. Para isso acesse o caminho efeitos (+), Shadow and Glow, Inner Glow. Configure como na figura abaixo.

 

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

 

6) Aplicaremos ainda o efeito Inner Shadow para realçar a realidade da estrela. Acesse o menu efeitos (+), Shadow and Glow, Inner Shadow e configure-o conforme a figura abaixo.

 

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

 

Após a aplicação destes dois efeitos, a estrela admitirá a seguinte forma:

 

Figura 10: estrela após aplicação dos efeitos.

 

7) Para incrementarmos ainda mais nosso efeito, duplique a estrela com preenchimento e configure um degrade linear para ela da seguinte forma:

 

Figura 11: configuração do degrade aplicado a estrela duplicada.

 

8) Edite esta estrela duplicada, afim desta ficar com uma forma semelhante a seguinte.

 

DICA: Use a ferramenta Pen tool para criar esta forma.

 

Figura 12: estrela após modificação.

 

9) Vamos inserir a propriedade para que o degrade criado fique transparente. Para isso, aplique o modo Screen na propriedade Blend mode. Veja:

 

Figura 13: mudança da propriedade Blend mode para Screen.

 

10) Para finalizar o efeito, crie mais uma forma e aplique novamente o degrade, alterando a propriedade Blend mode para Screen.

 

Figura 14: criação de uma nova forma para incrementar o efeito.

 

Ao concluir a criação da nova forma, aplique o efeito Drop Shadow na estrela com as seguintes configurações:

 

Figura 15: configurações do efeito Drop Shadow.

 

Após a aplicação do efeito Drop Shadow, podemos ainda criar um fundo legal com um degrade ou cor sólida que desejar. Ao final o efeito será o seguinte:

 

Figura 16: efeito final.

 

É isso aí galera! Este é o efeito final de mais um efeito avançado criado no 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 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