SÉRIE EFEITOS – PARTE 15

 

Olá galera!

 

Neste tutorial vamos aprender mais um efeito super bacana que se aplica em muitos contextos. Vamos aprender juntos a criar um selo digital. Podemos inseri-los em sites, newsletter, boletins, entre outros.

 

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

 

Figura 01: efeito final.

 

O que achou? Muito legal o efeito. Concorda? Siga os passos e veja como é fácil configurar este efeito.

 

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

 

Figura 02: configurações do novo documento.

 

2) Selecione a ferramenta Star e crie uma estrela no palco com o tamanho médio de 155 pixels.

 

Figura 03: ferramenta Star.

 

Figura 04: estrela criada no palco.

 

3) Na propriedade Points da estrela, configure para 24.

 

Figura 05: propriedade Points.

 

4) Na propriedade Radius da estrela para que fiquem menores os pontos. Veja:

 

Figura 06: propriedade Radius.

 

5) Aplique um efeito de degrade Linear na figura com as cores que desejar. Altere apenas o direcionamento do gradiente da horizontal para a vertical.

 

Figura 07: figura após aplicação do gradiente Linear.

 

6) Aplique o efeito Drop Shadow com as seguintes configurações:

 

Figura 08: caminho do efeito Drop Shadow.

 

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

 

7) Selecione a ferramenta Text tool e digite um texto de sua preferência no palco aplicando os efeitos que desejar.

 

Figura 10: ferramenta Text tool.

 

Figura 11: texto após aplicação dos efeitos Drop Shadow e Inner Glow.

 

8) Vamos criar agora o texto em curvas que ficará localizado na parte superior do selo. Selecione a ferramenta Ellipse tool e desenhe no palco um círculo menor que se encaixe dentro da figura que estamos trabalhando.

 

Figura 12: ferramenta Ellipse tool.

 

Figura 13: criação do círculo menor.

 

9) Selecione a ferramenta Text tool e digite o texto de sua preferência na parte superior do selo.

 

Figura 14: texto digitado na parte superior do selo.

 

10) Selecione o texto e o círculo criado e acesse o menu Attach to Path ou o atalho do teclado Ctrl+Shift+Y.

 

Figura 15: menu Attach to Patch.

 

Você terá um resultado semelhante ao seguinte:

 

Figura 16: texto após acesso ao menu Attach to Path.

 

11) Para centralizar o texto corretamente, mude a propriedade Text offset para 48.

 

Figura 17: propriedade Text offset alterada para 48.

 

Figura 18: resultado após a alteração das propriedades Text offset para 48.

 

12) Para finalizar, crie outro texto na parte inferior do selo com as configurações padrões (sem efeitos).

 

O efeito final será o seguinte:

 

Figura 19: efeito final após criação do segundo texto (parte inferior do selo).

 

É isso aí galera! Aprendemos a criar mais um efeito avançado com o 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