SÉRIE EFEITOS – PARTE 21

 

Olá galera!

 

Aproveitando o clima natalino, ensinarei vocês a criar um belo cartaz em comemoração ao natal. Este cartaz pode ser personalizado e enviado para seus amigos e até mesmo para seus clientes.

 

A figura abaixo mostra o resultado final que teremos após completar esta série natalina.

 

Figura 01: resultado final.

 

Muito bonito o resultado final, não é mesmo? Siga os passos abaixo e aprenda na prática.

 

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

 

Figura 02: configurações do novo documento.

 

2) Começaremos pelo laço. Selecione a ferramenta Rectangle tool e crie um retângulo no palco medindo 200 x 80 pixels.

 

Figura 03: criação do retângulo.

 

3) Mude o preenchimento do retângulo para gradiente, linear. Faça as configurações como é mostrado na Figura 04.

 

Figura 04: opção Gradient - Linear.

 

- Configurações do gradiente linear.

 

Figura 05: configuração do gradiente linear.

 

- Resultado do retângulo após aplicação do gradiente linear.

 

Figura 06: retângulo após aplicação do gradiente linear.

 

4) Com o retângulo selecionado, acesse o atalho Ctrl+Shift+G para desagrupá-lo.

 

5) Vamos modificar um pouco a forma deste retângulo. Selecione a ferramenta Pen tool e crie dois novos pontos, como mostrado na figura abaixo.

 

Figura 07: criação dos dois novos pontos no retângulo.

 

6) Ainda com o retângulo selecionado, selecione a ferramenta Subselection tool e puxe os dois pontos um pouco para cima.

 

Figura 08: suspensão dos dois pontos criados.

 

7) Para dar um tom de curva aos pontos criados, selecione novamente a ferramenta Pen tool e arraste o ponto superior para a direita e o ponto inferior para esquerda.

 

Figura 09: pontos sendo transformados em curva.

 

8) Para suavizar ainda mais o retângulo, crie mais um ponto na lateral esquerda e transforme-o em curva, como foi feito com os outros dois pontos.

 

Figura 10: criação do terceiro ponto.

 

9) Esta base que acabamos de criar servirá para todos os demais passos. Selecione a base e duplique-a através do atalho Ctrl+Alt+D. Após ter duplicado, acesse o menu Modify, Transform, Flip Vertical para invertê-la verticalmente.

 

Figura 11: menu Flip Vertical.

 

Figura 12: base duplicada e invertida verticalmente.

 

10) Altere as cores do gradiente da forma duplicada. Onde tiver cor de preenchimento #970000 coloque #FF1C1C e vice-versa.

 

Figura 13: configurações da forma duplicada.

 

11) Posicione a forma duplicada da seguinte maneira.

 

Figura 14: posicionamento das formas no palco.

 

12) Selecione as duas formas e acesse o atalho Ctrl+T para rotacionar as formas até atingir o grau mostrado na Figura 15.

 

Figura 15: rotação das formas selecionadas.

 

13) Mantenha as duas formas selecionadas após rotacioná-las. Vamos criar uma nova cópia. Acesse o atalho do teclado Ctrl+Alt+D para duplicá-la. Rotacione de acordo com a figura abaixo.

 

Figura 16: duplicação da forma e rotação.

 

14) Selecione a fatia de cima do laço superior. Clique com o botão direito do mouse e acesse o menu Arrange, Bring to Front ou o atalho do teclado Ctrl+Shift+Up.

 

Figura 17: menu Bring to Front.

 

15) Acesse o menu de efeitos (+), Shadow and Glow, Drop Shadow e configure-o da seguinte forma:

 

Figura 18: menu Drop Shadow.

 

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

 

16) Após a aplicação do efeito Drop Shadow, posicione as formas criadas como mostrado na Figura 20. Teremos o seguinte resultado:

 

Figura 20: resultado após posicionamento das formas criadas.

 

No próximo tutorial – Série Efeitos – Parte 22 – daremos continuidade ao aprendizado. 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