SÉRIE EFEITOS – PARTE 23

 

Olá galera!

 

Dando continuidade a série natalina, vamos aprender a criar as famosas bolinhas de natal pelo Fireworks. As bolinhas irão incrementar ainda mais nosso cartaz.

 

A figura abaixo mostra o resultado final.

 

Figura 01: efeito final das bolinhas.

 

Gostou? Então siga os passos abaixo e veja como é fácil criá-las.

 

1) Selecione a ferramenta Ellipse tool e crie no palco um círculo medindo 160 x 160 pixels. A cor de preenchimento deve ser #930000.

 

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

 

2) Com o círculo selecionado, acesse o menu efeitos (+), Shadow and Glow, Inner Glow e aplique as seguintes configurações.

 

Figura 03: configurações do efeito Inner Glow.

 

Resultado:

 

Figura 04: círculo após a aplicação do efeito Inner Glow.

 

3) Selecione, novamente, a ferramenta Ellipse tool e crie um oval medindo 110 x 75 pixels. A cor de preenchimento deve ser #FF4040.

 

Figura 05: criação do oval.

 

4) Acesse o atalho do teclado Ctrl+T e rotacione o oval da seguinte forma:

 

Figura 06: rotação do oval criado.

 

5) Duplique, através do atalho do teclado Ctrl+Alt+D, o oval criado e posicione-o logo abaixo.

 

Figura 07: criação de um novo oval.

 

6) Selecione a ferramenta Subselection tool e desça o ponto superior, do oval que foi duplicado, para baixo.

 

Figura 08: mudança no ponto superior do oval duplicado.

 

7) Volte com o ponteiro padrão – Pointer tool – e selecione o oval superior. Na barra de propriedades, altere a propriedade Edge para Feather e defina a porcentagem em 32. Repita o mesmo passo para o oval inferior, definindo sua porcentagem para 42.

 

Figura 09: configuração da propriedade Edge para 32 – oval superior.

 

Figura 10: configuração da propriedade Edge para 42 – oval inferior.

 

8) Agrupe, através do atalho do teclado Ctrl+G, os dois ovais criados. Defina no painel Layers a propriedade Blend mode para Lighten.

 

Figura 11: propriedade Blend mode alterada para Lighten.

 

9) Selecione o círculo criado e o duplique, através do atalho do teclado Ctrl+Alt+D. Veja como deve ficar no painel Layers.

 

Figura 12: painel Layers após a duplicação do círculo.

 

10) Retire o efeito Inner Glow do círculo duplicado. Para isso, selecione o efeito e clique no sinal de menos (-).

 

Figura 13: eliminação do efeito Inner Glow.

 

11) Após remover o efeito Inner Glow, acesse o menu de Efeitos (+), Shadow and Glow, Inner Shadow e configure este efeito da seguinte forma:

 

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

 

12) Acesse o painel Layers e altere a propriedade Blend mode para Lighten.

 

Figura 15: definição da propriedade Blend mode para Lighten.

 

13) Selecione a ferramenta Ellipse tool e outro círculo medindo 160 x 160 pixels na cor preto - #000000.

 

Figura 16: criação do outro círculo.

 

14) Duplique o círculo que acabou de criar e defina sua cor de preenchimento para vermelho - #FF0000.

 

Figura 17: duplicação do círculo criado.

 

15) A idéia é termos apenas a “sombra” entre os círculos. Para isso, selecione os dois círculos criados e acesse o menu Modify, Combine Paths, Punch.

 

Figura 18: menu Punch.

 

Figura 19: resultado após o Punch.

 

16) Arraste a “sombra” criada para dentro do outro círculo, fazendo um encaixe perfeito. A dica é que use o zoom para conseguir acertá-la.

 

Figura 20: encaixe da “sombra” dentro do círculo.

 

17) Selecione a ferramenta Subselection tool e edite o seguinte ponto como mostrado na figura abaixo.

 

Figura 21: edição do ponto.

 

18) Use as guias para deixar a forma mais acertada. Veja:

 

Figura 22: acertos das guias.

 

19) Com esta forma selecionada, defina sua propriedade Blend mode para Overlay e transparência em 49.

 

Figura 23: definição da propriedade Blend mode para Overlay.

 

Figura 24: resultado da bolinha.

 

Agora falta apenas o pino da bolinha.

 

No próximo tutorial – Série Efeitos – Parte 24 – vamos criar o pino da bolinha e outras bolinhas de cores variadas. Conto com o acesso de todos!

 

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

 

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 respondê-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