terça-feira, 16 de março de 2010

GIF transparente

As imagens que parecem estar embutidas na própria página são “Gifs transparentes” - isto é, imagens armazenadas em arquivos .gif, com a aplicação de uma extensão gráfica que esconde uma determinada cor na apresentação da imagem.
Isso é interessante pelo seguinte motivo: se sempre usamos uma determinada imagem sobre um fundo branco, então o mais fácil é termos a imagem com um fundo branco. Mas se essa imagem será usada em várias situações com cores de fundo diferentes, então a imagem com fundo transparente acaba sendo uma opção interessante, pois a imagem será feita uma única vez, com uma única cor de fundo que ficará transparente.
O procedimento para fazer imagens com esse efeito é simples. Vamos demonstrar passo a passo com dois programas: o LView e o PaintShop Pro.

Como fazer fundo transparente com o LView
Vamos tornar transparente o fundo desta imagem: icone LView
1°. Abrir o arquivo da imagem no LView:
LView aberto com imagem
2°. Na barra de ferramentas, escolher o item Retouch e, depois, Background Color:
LView aberto com imagem  


Outro caminho é pela barra de ferramentas, no item Palette Entry.Ferramentas LView
3°. Abre-se uma paleta na qual escolhemos a cor que queremos deixar "transparente" na imagem:
 

Note que foi selecionado o item Mask selection using, que faz com que uma máscara em branco ou preto seja ativada; essa máscara nos mostra quando a cor escolhida é adequada para o efeito que pretendemos.
Neste caso foi escolhida uma máscara preta, que está cobrindo toda a figura pois ainda não foi selecionada a cor que ficará transparente.

Pode-se escolher na própria paleta a cor que se deseja "esconder" (isto é, que ficará transparente). Quando se seleciona a cor certa, a máscara cobre apenas as regiões da imagem que queremos preservar.
Escolhida a cor, pode-se pressionar o botão ok, seguindo para o último passo.
 
 
Um modo rápido e mais eficiente de selecionar a cor certa, é usar a opção Dropper, que oferece uma caneta para a seleção. Selecionada a cor, a caneta some e já se pode salvar a imagem.
Obs.: Conforme o tipo de arquivo da imagem original, em vez da paleta para escolher a cor do fundo, o que temos é este seletor de cores:
Dessa maneira fica mais difícil escolher a cor exata. Uma opção é gravar a imagem como GIF e então abrir esse novo arquivo GIF; assim, a paleta quadriculada (e a opção Dropper) deverá aparecer.
4°. Por fim, grava-se a imagem como GIF89a:
Menu LView Menu LView
Este é o resultado obtido: Icone LView transparente


Importante!Se não tiver sucesso e o fundo mantiver regiões que não são transparentes, provavelmente terá sido porque o fundo original da imagem não tem uma cor lisa. Abrindo o arquivo em um aplicativo de edição de imagem, e aplicando uma função de lupa ou zoom, será possível ver que o fundo é xadrez, como o exemplo à direita. Pinte o fundo com uma cor lisa, e repita o processo de "transparentização".
Além disso, lembre-se sempre de gravar a imagem como GIF89a, pois é esse formato que tem a extensão gráfica que permite esconder a cor escolhida na apresentação.

 

Como fazer fundo transparente com o PaintShop Pro
Vamos tornar transparente o fundo desta imagem: icone LView
1°. Abrir o arquivo da imagem no PaintShop:
LView aberto com imagem
2°. Na barra de ferramentas, escolher Colors e, depois, Set Palette Transparency:
LView aberto com imagem
3°. Basta selecionar a cor na imagem, clicando sobre ela:
4°. Tendo selecionado a cor desejada, apertando o botão Proof é possível visualizar se o resultado está correto:
Nesse ponto, já se pode apertar ok.
4. Ao escolher Save As, na janela que se abre é preciso apertar o botão Options para que as opções da imagem GIF possam ser escolhidas. É preciso selecionar a versão 89a para que a imagem seja salva com a extensão gráfica para a cor transparente:
Menu LView
Este é o resultado obtido: Icone LView transparente
Não ficou L I N D O?????  :D

0 comentários:

Postar um comentário

Gostou do que encontrou aqui?
Comente este artigo que acabou de ler.
Quer entrar em contato ou tirar alguma dúvida? Formulário de Contato
Nos comentários dos artigos escreva apenas o que for referente ao tema.
Antes de Comentar leia nossa Política para Comentários para saber como interagir com nossos artigos, tirar suas dúvidas e ser respondido(a).