FOLHA DE CADERNO PELO FIREWORKS

 

Fala galera, tudo em paz com vocês?! Estão gostando da coluna Fireworks? Estou aberto a sugestões de todos vocês. Respondo diariamente diversos e-mails da galera e para mim isto é uma honra. Se precisar, entre em contato. Esteja à vontade para sugerir temas para os próximos tutoriais.

 

Nesta semana vamos aprender a criar uma folha de caderno pelo Fireworks. Será interessante aprender este recurso, pois sua utilidade é ampla.

 

Veja abaixo o exemplo final:

 

Figura 01: exemplo do efeito final.

 

Legal, não é mesmo?! Siga os passos abaixo e aprenda a criá-lo.

 

1) Crie um novo arquivo medindo 400 x 400 pixels.

 

Figura 02: novo arquivo.

 

2) Selecione a ferramenta Rectangle tool e desenhe no palco um retângulo com as seguintes especificações:

 

» Tamanho: 287 x 329 pixels.

» Cor de preenchimento: Branco (#FFFFFF).

» Cor do contorno: Cinza Claro (#E6E6E6).

 

Figura 03: retângulo criado no palco.

 

3) Selecione a ferramenta Distort tool e incline o retângulo criado um pouco para direita.

 

Figura 04: ferramenta Distort tool.

 

Figura 05: inclinação do retângulo criado.

 

4) Aplique um efeito de degrade a este retângulo da cor branco (#FFFFFF) para cinza claro (#E8E8E8), como segue:

 

Figura 06: aplicação do efeito degrade.

 

5) Insira o efeito Drop Shadow, através do menu Efeitos, Shadow and Glow, Drop Shadow. Deixe as configurações originais.

 

Figura 07: aplicação do efeito Drop Shadow.

 

6) Falta apenas a inserção das linhas para finalizarmos nosso projeto. Selecione a ferramenta Line tool e desenhe sobre o retângulo uma linha vertical, obedecendo à inclinação configurada. Altere a cor do contorno para vermelho (#FF2B2B).

 

Figura 08: inserção da linha vertical.

 

7) Ainda com a ferramenta Line tool selecionada, crie as linhas horizontais, com a cor de contorno azul claro (#53BAFF).

 

Dica: Para evitar o trabalho de criar linha por linha, crie a primeira linha e depois vá duplicando-a através do atalho do teclado Ctrl+Alt+D.

 

Figura 10: inserção da primeira linha da horizontal.

 

Figura 11: inserção de outras linhas na horizontal (duplicando-as).

 

Espero poder ter contribuído para o enriquecimento do conhecimento de todos vocês.

 

Finalizamos assim, mais um tutorial da série Fireworks.

 

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 a série de tutoriais da série Fireworks aqui no site do Júlio Battisti. Já está a venda o curso de Fireworks Básico – Passo a Passo, 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 este curso. Veja também o lançamento Fireworks – Aprenda na Prática, ebook este também de minha autoria.

 

Galera, participem do Fórum de Fireworks no site https://juliobattisti.com.br/ e troque conhecimentos com diversas pessoas. Acesse já!

 

Chegamos ao final de mais um tutorial da série Fireworks. 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