Tutorial HTML: Gifs Transparentes

Você já deve ter visto inúmeras imagens, que se confundem com o fundo da página, dando a impressão que o seu fundo é igual ao da página.

 Essas imagens são os " Gifs Transparentes ". Ou seja, imagens registadas como ficheiro .GIF, com a aplicação de uma extensão gráfica que deixa uma determinada cor transparente na apresentação da imagem.

No exemplo abaixo você tem duas imagens onde na primeira não foi usado o recurso de transparência e na segunda a cor cinza foi " escondida ".

O processo para se construir um " GIF transparente " é bastante simples. Para quem tem Windows basta usar o programa LView.

Supondo que você já esteja com o LView instalado em seu micro, o processo (passo-a-passo) para criar um " GIF transparente " é:

1. Abra a imagem que recebera o efeito de transparência;
2. Escolha, no menu Retouch, a opção Background Color

   Uma janela como a exibida ao lado se abrirá;

3. Escolha na paleta de cores, a cor que será " escondida ". Não esqueça de deixar a opção Mask selection using activada. Esta opção faz com que uma máscara em branco ou preto seja activada; essa máscara nos mostra quando a cor escolhida é adequada para o efeito que pretendemos.

   Escolhido o cor, clicar em OK;

4. Finalmente, gravar a imagem como GIF89a

OBS: Se não tiver sucesso, provavelmente será porque o fundo original da imagem não tem uma cor lisa. Utilizando um bom programa gráfico e ampliando a imagem, você notará que se trata de uma única cor em vários tons. A solução é pintar esse fundo com um único tom de cor.