SÉRIE EFEITOS – PARTE 7

 

Olá turma, tudo bem com vocês?

 

Vamos aprender neste tutorial a criar um efeito muito interessante para se usar em fotos e imagens em geral.

 

A figura 01 mostra o exemplo final que teremos ao finalizar os passos deste tutorial.

 

Figura 01: exemplo final.

 

O efeito ensinado neste tutorial será o apresentado acima. A criação de uma fita adesiva para dar o efeito de estar prendendo algum objeto.

 

Siga os passos abaixo e aprenda a fazer.

 

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

 

Figura 02: novo documento.

 

Mude a cor de fundo do palco para verde (#009999).

 

2) Selecione a ferramenta Rectangle tool e desenhe no palco um retângulo medindo 80 x 20 pixels. Veja abaixo:

 

Figura 03: círculo desenhado no palco.

 

3) Altere a propriedade Fill category de solid para gradient e configure da seguinte forma:

 

Figura 04: propriedade fill category.

 

Figura 05: círculo após configuração estabelecida.

 

OBS: configure as opacidades para 50, como mostrado na figura acima.

 

4) Insira uma borda de cor branca ao retângulo criado.

 

Figura 06: inserção de borda ao retângulo criado.

 

5) Acesse o atalho do teclado Ctrl + Shift + G para desagrupar as partes constituintes do retângulo. Após isso, selecione a ferramenta Pen tool e crie cinco pontos nas laterais do retângulo da seguinte forma, lembrando que para criar os pontos o ponteiro do mouse deverá assumir o sinal de adição (+).

 

Figura 07: criação dos pontos com a ferramenta Pen tool.

 

Figura 08: criação dos pontos nas duas laterais.

 

Com a ferramenta Subselection tool faça pequenas ondulações para simular o efeito da fita adesiva. O exemplo é apresentado na figura 09.

 

Figura 09: botão após a aplicação do efeito Inner Shadow.

 

6) Selecione o retângulo com a ferramenta Pointer tool (ponteiro padrão) e acesse o atalho do teclado Ctrl +C, Ctrl + V para fazer uma cópia do retângulo criado. Desta forma, teremos dois retângulos.

 

Figura 10: retângulo duplicado.

 

7) Selecione um retângulo e modifique a cor de preenchimento de gradient para solid (processo inverso criado no passo 3) e aplique o efeito Drop Shadow, como sugerido na figura 11.

 

Figura 11: configuração do efeito Drop Shadow.

 

O resultado será o seguinte:

 

Figura 12: retângulo após aplicação do efeito Drop Shadow.

 

8) Agrupe novamente os retângulos criados, através do atalho do teclado Ctrl + G. Fazemos isso para trabalhar com apenas um objeto. Isso facilita muito nosso trabalho quando vamos trabalhar com mais imagens. Para finalizar, abra uma figura qualquer e insira a fita adesiva que acabamos de criar pelo Fireworks. Veja o exemplo final:

 

Figura 13: efeito final.

 

Prontinho galera! O efeito é simples de fazer, mas tem um efeito final bem agradável e bonito. Concordam? Espero poder ter agregado conhecimento para vocês.

 

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

 

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