SÉRIE EFEITOS – PARTE 14

 

Olá galera!

 

Neste tutorial vamos aprender a criar um efeito legal para ser utilizado em diversos modelos de sites. Os exemplos que vou utilizar se encaixariam perfeitamente em sites de cantores ou bandas musicais. Siga os passos abaixo e aprenda.

 

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

 

Figura 01: efeito final.

 

Gostou? Siga os passos e veja como é fácil configurar este efeito.

 

1) Abra a figura que deseja trabalhar através do menu File, Open... ou pelo atalho do teclado Ctrl+O.

 

Figura 02: menu Abrir.

 

Figura 03: foto original.

 

2) Selecione a ferramenta Magic Wand tool e a configure como na imagem abaixo. O objetivo em se trabalhar com esta ferramenta é remover o fundo da imagem.

 

Figura 04: ferramenta Magic Wand tool.

 

Figura 05: propriedades da ferramenta Magic Wand tool.

 

3) Com a ferramenta Magic Wand tool selecionada e configurada, clique no fundo da imagem e pressiona a tecla Delete do teclado para removê-lo. Veja:

 

Figura 06: remoção do fundo da imagem.

 

OBS: Em alguns pontos da imagem é recomendável que se trabalhe com o zoom maior para detalhar os pontos.

 

Figura 07: imagem após remoção do fundo.

 

4) Observe que ainda ficaram alguns pontos da imagem (fundo). Para remover por completo o fundo, selecione a ferramenta borracha (Eraser tool) e apague os pontos que ainda ficaram na imagem.

 

Figura 08: ferramenta Eraser tool.

 

Figura após retoques com a ferramenta Eraser tool.

 

Figura 09: imagem após retoques com a ferramenta Eraser tool.

 

5) Com a imagem sem o fundo, vamos aplicar o efeito proposto para o tutorial. Acesse o menu File, Image Preview... ou o atalho do teclado Ctrl+Shift+X.

 

Figura 10: menu Visualizar Imagem.

 

6) A janela Image Preview será mostrada. Na opção Format escolha a opção TIFF 8.

 

Figura 11: configuração da propriedade Format.

 

7) Configure a opção Palette para Adaptive.

 

Figura 12: configuração da propriedade Palette.

 

8) Mude a propriedade Maximum number of colors para 4.

 

Figura 13: configuração da propriedade Maximum number of colors.

 

9) Prontinho! Todas as configurações necessárias foram feitas. Clique no botão Export... e escolha um diretório onde deseja salvar a imagem.

 

A figura abaixo mostra outro exemplo deste efeito:

 

Figura 14: exemplo da aplicação do efeito ensinado.

 

É 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