SÉRIE EFEITOS – PARTE 30

 

Olá galera!

 

Neste tutorial vamos aprender a criar botões no estilo 3D, para ser utilizado em projetos web. Além de projetos web, você poderá trabalhar com estes botões em diversos trabalhos. Basta aproveitar sua criatividade.

 

Siga os passos abaixo para aprender esta técnica.

 

1) Com o Fireworks aberto, crie um novo documento com as seguintes configurações:

 

Figura 01: configurações para o novo documento.

 

2) Selecione a ferramenta Rectangle tool e crie no palco três retângulos, conforme especificações abaixo:

 

1º Retângulo

 

- Tamanho: 180 x 44 pixels.

- Cor de preenchimento: preto (#000000).

 

Figura 02: primeiro retângulo.

 

2º Retângulo

 

- Tamanho: 180 x 18 pixels.

- Cor de preenchimento: cinza escuro (#4F4F4F).

 

Figura 03: segundo retângulo.

 

3º Retângulo

 

- Tamanho: 26 x 64 pixels.

- Cor de preenchimento: cinza claro (#A7A7A7).

 

Figura 04: terceiro retângulo.

 

3) Selecione o primeiro retângulo criado e aplique o Gradient Linear.

 

Figura 05: aplicação do Gradient Linear no primeiro retângulo.

 

Figura 06: resultado da aplicação do Gradient Linear no retângulo.

 

4) Aproxime os retângulos criados de maneira que fique semelhante à figura abaixo.

 

Figura 07: agrupamento dos retângulos criados.

 

Com os retângulos agrupados, basta aplicarmos os acertos nos cantos destes para que admitam o formato 3D que desejamos. Clique no link abaixo para acessar a próxima parte deste tutorial.

 

Criação do botão 3D – 2ª parte

 

Espero que tenham gostado da primeira parte deste tutorial. Conto com o acesso de todos vocês nos próximos tutoriais.

 

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

 

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!

 

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. Clique Aqui para saber mais sobre o curso Fireworks Básico – Passo a Passo ou Clique Aqui para saber mais sobre o curso Fireworks – Aprenda na Prática.

 

Até a próxima!

 

Um cordial abraço a todos,

 

Fábio Almeida

 

webdesigner.pro@pop.com.br