SÉRIE EFEITOS – PARTE 24

 

Olá galera!

 

Estamos avançando em nossa série natalina. Neste tutorial vamos acabar de criar a bolinha, inserindo o pino, e criar outras com cores variadas.

 

A figura abaixo mostra o ponto onde paramos.

 

Figura 01: ponto de partida.

 

O próximo passo será a inserção do pino na bolinha. Acompanhe os passos abaixo.

 

1) Selecione a ferramenta Rectangle tool e crie um quadrado medindo 36 x 36 pixels.

 

Figura 02: criação do quadrado.

 

2) Com o quadrado selecione, acesse o atalho do teclado Ctrl+Shift+G para desagrupá-lo. Em seguida, selecione a ferramenta Pen tool e crie um novo ponto na parte central superior.

 

Figura 03: criação do novo ponto.

 

3) Selecione a ferramenta Subselection tool e mova o ponto criado um pouco para cima.

 

Figura 04: movendo o ponto criado para cima.

 

4) Transforme este ponto em curva com a ferramenta Pen tool utilizando suas guias.

 

Figura 05: transformando o ponto criado em curvas.

 

5) Acesse o atalho do teclado Ctrl+T e rotacione o pino conforme a figura abaixo.

 

Figura 06: rotacionando o pino.

 

6) Vamos mudar seu preenchimento. Insira um gradiente Bars no pino. Veja.

 

Figura 07: aplicação do gradiente Bars.

 

7) Ajuste a orientação do degrade para que fique na mesma rotação do pino.

 

Figura 08: ajuste da direção do degrade.

 

8) Vamos fazer alguns ajustes nas cores do pino. Acesse o menu de efeitos (+), Adjust Color, Curves... e defina como mostrado na Figura 10.

 

Figura 09: menu Curves....

 

Figura 10: configurações do ajuste das cores.

 

9) Acesse o menu de efeitos (+), Adjust Color, Brightness/Contrast... e defina como na Figura 12.

 

Figura 11: menu Brightness/Contrast....

 

Figura 12: configurações do efeito Brightness/Contrast.

 

10) Acesse o menu de efeitos (+), Adjust Color, Hue/Saturation... e defina como na Figura 14.

 

Figura 13: menu Hue/Saturation....

 

Figura 14: configurações do efeito Hue/Saturation.

 

11) Para finalizar os ajustes nas cores do pino, vamos adicionar um novo Brightness/Contrast com as seguintes configurações:

 

Figura 15: configurações do efeito Brightness/Contrast.

 

12) Posicione o pino criado atrás da bolinha. Para jogar o pino para trás, clique com o botão direito do mouse e acesse o menu Arrange, Send to Back.

 

Figura 16: posicionamento do pino atrás da bolinha.

 

13) É hora de criarmos a alça do pino. Duplique, através do atalho do teclado Ctrl+Alt+D, o pino criado e redimensione, através do atalho do teclado Ctrl+T. Veja:

 

Figura 17: redimensionando o tamanho do pino duplicado.

 

14) Selecione a ferramenta Subselection tool e deixe a curva mais acentuada.

 

Figura 18: acentuando a curva do pino duplicado.

 

15) Selecione a ferramenta Ellipse tool e crie um círculo dentro do pino duplicado.

 

Figura 19: criação do círculo dentro do pino.

 

16) Vamos perfurar este forma. Selecione o pino duplicado e o círculo criado e acesse o menu Modify, Combine Paths, Punch. O resultado será o seguinte:

 

Figura 20: pino duplicado perfurado.

 

17) Adicione o efeito Drop Shadow a esta forma. Acesse o menu Efeitos (+), Shadow and Glow, Drop Shadow e configure-o da seguinte forma:

 

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

 

18) Posicione a alça sobre o pino.

 

Figura 22: posicionamento da alça sobre o pino.

 

Nossa bolinha está prontinha! Para criar as demais bolinhas, duplique toda a bolinha, menos o pino, e acesse o menu de efeitos (+), Adjust Color, Hue/Saturation e altere os valores dos três comandos – Hue, Saturation e Lightness – para obter novas cores. As alterações nestes comandos são visualizadas em tempo real. Duplique quantas vezes quiser as bolinhas e altere as cores. Veja os exemplos.

 

Figura 23: duplicação e alteração de cores das demais bolinhas.

 

No próximo tutorial – Série Efeitos – Parte 25 – encerramos nossa série natalina com a inserção do texto e do fundo do cartaz.

 

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

 

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