GIF Transparente

199 views
Skip to first unread message

Lucas Salies Brum

unread,
Aug 31, 2009, 4:59:15 PM8/31/09
to ArqHP - Arquitetura de home pages
Pessoal, procurei pelo Google, FreeNode, Fóruns e afins, porém não
achei uma explicação.

No Wiki da Mozilla[1] o logotipo é feito em GIF, tentei reproduzir um
parecido[2] através do tema que eles fornecem[3], porem, o meu GIF
fica todo serrilhado, alguem tem idéia de como isso é feito?

Obrigado.

[1] http://wiki.mozilla.org
[2] http://scripts.sistematico.org
[3] https://wiki.mozilla.org/Talk:WikiUpgrade

Lucas Salies Brum

unread,
Aug 31, 2009, 5:04:46 PM8/31/09
to ArqHP - Arquitetura de home pages

Lucas Salies Brum

unread,
Aug 31, 2009, 5:06:09 PM8/31/09
to ArqHP - Arquitetura de home pages
Desculpem o post duplicado, deu problema na minha conexão.

Tanure

unread,
Aug 31, 2009, 5:06:43 PM8/31/09
to ar...@googlegroups.com
na hora de gerar, da uma olhada na propriedade "matte"

Marcio Ghiraldelli

unread,
Aug 31, 2009, 5:06:46 PM8/31/09
to ar...@googlegroups.com
Para um GIF ficar com as bordas suaves, é necessário simular uma
transparencia com uma cor de fundo o mais parecido possível com a cor
de fundo real de onde o GIF for exibido.
Se não me engano, essa opção se chama "matte color"

Ânderson Rosa

unread,
Aug 31, 2009, 5:04:57 PM8/31/09
to ar...@googlegroups.com
experimenta fazer no fireworks.
qdo for exportar, configura a transparência alpha e coloca ali a cor do fundo onde tu vai inserir a imagem.

2009/8/31 Lucas Salies Brum <siste...@gmail.com>



--
Ânderson Rosa | Jornalista
.....................................................
Celular: (51) 9102-0423
MSN: anders...@hotmail.com

João Vagner Brito de Medeiros

unread,
Aug 31, 2009, 5:24:57 PM8/31/09
to ar...@googlegroups.com
Existe a transparencia, mas no Gif é aplicado uma pequena borda serrilhada da cor do bundo para #enganar, e parecer que nao existe o serrilhado, tente isso.

No Fireworks vc seleciona a opção alpha transparencia, coloca a cor de fundo do Gif, e em otimize joga lá a cor do background, depois so clicar em Generate, ele vai aplicar a paleta acima as cores do logo para fechar o gif com as cores necessárias, depois disso corre pro abraço ;)

Ufa, eu sofria pra caralho, e so queria usar PNG, até descobrir que com gif da pra fazer direitinho.
--
João Vagner Brito de Medeiros
jo...@iw2.com.br
Celular:       +55 011 8089-7079
                     +55 011 7738-8069

Nextel:
          55*93*38388

São Paulo:
  +55 011 2893-5722
                    +55 011 3717 3148
FAX:            +55 011 2893-5725

Curitiba:     +55 041 3941 4248
Joinville:    +55 047 3001 5148

http://www.iw2servers.com.br
http://www.iw2servers.com.br/blog
http://www.brlocation.com.br

Irapuan Martinez

unread,
Aug 31, 2009, 5:35:56 PM8/31/09
to ar...@googlegroups.com
2009/8/31 Lucas Salies Brum <siste...@gmail.com>:

> No Wiki da Mozilla[1] o logotipo é feito em GIF, tentei reproduzir um
> parecido[2] através do tema que eles fornecem[3], porem, o meu GIF
> fica todo serrilhado, alguem tem idéia de como isso é feito?

Olha só o truque sujo:
https://wiki.mozilla.org/skins/cavendish/wiki_header_logo.gif

No GIF, existe apenas 2 níveis de canal alpha: Transparente e opaco.
Se suaviza isto (isto é, sem serrilhados) simplesmente mantendo pixels
para que "casem" com o background, dando a impressão que a coisa é
macia.

Não se engane, ao tirar a coisa do background para aonde ele foi
feito, fica horrorível.

Como se consegue esta treta: Corta a imagem mantendo seu background e
na hora de gerar a imagem para a web, no geral as ferramentas raster
tem um conta-gotas pra aplicar transparência, daí sai selecionando o
background de dentro da logo, até que desapareça. Quando ele for
empilhado no HTML, dá a impressão que é suave.

Uma outra receita é fazer a coisa de fato suavizado: PNG 24 bits
suporta 256 níveis de Susan Storm, daê então é só gerar o canal alpha
em torno da logo, sem medo de ser feliz: Aonde ela for posicionada, a
coisa fica bem suave. O pobrêma fica só com o IE que notoricamente,
implica com canal alpha no PNG. Não lembro se as novas versões do
decadente se atentaram para isto, sendo que sequer SVG, estas
porcarias ainda fazem de conta que não existem.

Irapuan Martinez

unread,
Aug 31, 2009, 5:37:41 PM8/31/09
to ar...@googlegroups.com
2009/8/31 Ânderson Rosa <correiod...@gmail.com>:
> experimenta fazer no fireworks.

A witch! Burn her!


2009/8/31 João Vagner Brito de Medeiros <joao....@gmail.com>:


> Ufa, eu sofria pra caralho, e so queria usar PNG, até descobrir que com gif
> da pra fazer direitinho.

Por Darwin, eu já fazia esta treta pra rodar no IE 3! Esta nova
geração perdeu coisa importante.

Alguém ainda sabe que o GIF pode ser animado?

João Vagner Brito de Medeiros

unread,
Aug 31, 2009, 5:47:37 PM8/31/09
to ar...@googlegroups.com
Falando em SVG alguns developers e representantes foram noa w3c br pra um tal de café com browser, levaram tapas violentos relacionados a svg e outras coisitas mais ;)
--
João Vagner Brito de Medeiros

João Vagner Brito de Medeiros

unread,
Aug 31, 2009, 5:48:46 PM8/31/09
to ar...@googlegroups.com
Calma Tio Ira, assim me faz se sentir velho.

Os Conceitos, os bons conceitos precisam ser ensinados, como esse artigo aqui óh: http://distopico.wordpress.com/traducao-de-how-i-explained-rest-to-my-wife/

Antes de sair nas questões técnicas, é preciso entender o conceito da sua forma mais simples e pura ;)
--
João Vagner Brito de Medeiros

Lucas Salies Brum

unread,
Aug 31, 2009, 6:20:01 PM8/31/09
to ArqHP - Arquitetura de home pages
Pessoal, esqueci de avisar, eu não uso Windows.

Obrigado pelas explicações, isso me deu um novo rumo.
Qualquer explicação adicional é bem-vinda.

Tantos anos e ainda não sei nada :\

Abraços.

On 31 ago, 17:48, João Vagner Brito de Medeiros
<joao.vag...@gmail.com> wrote:
> Calma Tio Ira, assim me faz se sentir velho.
>
> Os Conceitos, os bons conceitos precisam ser ensinados, como esse artigo
> aqui óh:http://distopico.wordpress.com/traducao-de-how-i-explained-rest-to-my...
>
> Antes de sair nas questões técnicas, é preciso entender o conceito da
> sua forma mais simples e pura ;)
>
>
>
> Irapuan Martinez wrote:
> > 2009/8/31 Ânderson Rosa<correiodoander...@gmail.com>:
>
> >> experimenta fazer no fireworks.
>
> > A witch! Burn her!
>
> > 2009/8/31 João Vagner Brito de Medeiros<joao.vag...@gmail.com>:

Antonio Jozzolino

unread,
Aug 31, 2009, 6:23:30 PM8/31/09
to ar...@googlegroups.com
No Gimp, vc pode duplicar um layer, colocando a cópia em baixo, colocar a cor dominante de onde ele ficará, inverter a seleção, expandir a seleção em um 1px ou mais, e dar um feather, e deletar a area selecionada.

Vai simular o que o Fireworks faz automático.

Antonio Jozzolino



2009/8/31 Lucas Salies Brum <siste...@gmail.com>

João Vagner Brito de Medeiros

unread,
Aug 31, 2009, 6:27:13 PM8/31/09
to ar...@googlegroups.com
usa mac os? usa linux? usa o q? :) existem apps pra todos os OS q fazem a mesma coisa
--
João Vagner Brito de Medeiros

Tanure

unread,
Aug 31, 2009, 6:30:05 PM8/31/09
to ar...@googlegroups.com
quando souber tudo, me avisa, por favor...

suicidio imediato



2009/8/31 Lucas Salies Brum <siste...@gmail.com>



--
Luiz Tanure
www.tanure.com


472f5a3aedb906cb767acdbdeaca6d8f

Marco

unread,
Aug 31, 2009, 8:18:09 PM8/31/09
to ar...@googlegroups.com
Irapuan Martinez escreveu:
http://pt.wikipedia.org/wiki/APNG
--
Marco de Freitas

Jonas Raoni

unread,
Aug 31, 2009, 8:29:59 PM8/31/09
to ar...@googlegroups.com
2009/8/31 Marco <marcode...@gmail.com>:
> http://pt.wikipedia.org/wiki/APNG

Degrada bem, abri em uma implementação antiga (IE) e apareceu a
primeira imagem :)


--
Jonas Raoni Soares Silva
http://jsfromhell.com

Cleber Gouvêa

unread,
Sep 1, 2009, 5:44:08 PM9/1/09
to ar...@googlegroups.com
Eu ia mandar pra cá o video:

http://vimeo.com/6283664

Continuaram no blah blah blah habitual de que como líderes de mercado
eles tem q tomar cuidado com as inovações no navegador e acabaram ñ
respondendo quando será implementado o SVG.

Cleber

2009/8/31 João Vagner Brito de Medeiros <joao....@gmail.com>:

Renato Elias

unread,
Sep 1, 2009, 8:10:36 PM9/1/09
to ar...@googlegroups.com
Poxa não fala assim,
Elcio mandou muito, mas pessoal da MS, está tentando, quando foram
lançar o IE8, falaram com APT, conheço o MURILO pessoalmente, ele nos
ajudou e reportou um bug, que acontecia por causa de uma nova
implementacão do IE (pra virar + complacient), ie é uma droga pode
ser, mas é a droga do mercado, então, como sempre penso, nivelamos
por baixo, e aceitamos isso, posso até parecer um louco defendo a MS,
mas assim como defendo o Google em alguns aspectos, neste tenho de
falar, ter uma plataforma e suportar ela é UM PORRE !!! e mudar ela é
ainda pior, a MS poderia lançar um browser que fosse novo como CHROME,
só que é renegar o passado, e isso fica muito foda para uma empresa.
enfim, o jeito é torcer para o time da MS correr logo. e esperar que
aceitam que VML não foi.


Abs,
Renato Elias
Web Developer
+55 11 77943872
renato...@gmail.com



Lucas Salies Brum

unread,
Sep 2, 2009, 12:12:49 AM9/2/09
to ArqHP - Arquitetura de home pages
> usa mac os? usa linux? usa o q?
Eu uso o Arch Linux[1] na maioria do tempo com o OpenBox[2] como
gerenciador de janelas[3].

> existem apps pra todos os OS q fazem a mesma coisa
Com certeza[4][5]!

[1] http://www.archlinux.org
[2] http://icculus.org/openbox/
[3] http://galeria.sistematico.org/screenshots/openbox/
[4] http://www.archlinux.org/packages/
[5] http://aur.archlinux.org

Abraços.

On 31 ago, 18:27, João Vagner Brito de Medeiros

Lucas Salies Brum

unread,
Sep 2, 2009, 12:14:27 AM9/2/09
to ArqHP - Arquitetura de home pages
> usa mac os? usa linux? usa o q?
Eu uso o Arch Linux[1] na maioria do tempo com o OpenBox[2] como
gerenciador de janelas[3].

> existem apps pra todos os OS q fazem a mesma coisa
On 31 ago, 18:27, João Vagner Brito de Medeiros

Irapuan Martinez

unread,
Sep 2, 2009, 2:17:32 AM9/2/09
to ar...@googlegroups.com
2009/9/1 Cleber Gouvêa <cle...@gmail.com>:

> Eu ia mandar pra cá o video:
> http://vimeo.com/6283664
> Continuaram no blah blah blah habitual de que como líderes de mercado
> eles tem q tomar cuidado com as inovações no navegador e acabaram ñ
> respondendo quando será implementado o SVG.

Então esta parada que é o tal café com browser?

Já atingi metas de produtividade muito mais altas enxugando gelo e
penteando macaco.

Ficar falando que o IE é ruim pra funcionários brasileiros da
Microsoft é o que aqui nos Goiás a gente diz que é ficar fazendo
careta pra cego. Os funcionários da MS, lá provavelmente como punição,
não tem poder em consertar o que está errado com o IE.

O que está errado com o IE?

Nada.

O Firefox já teve versões terríveis, o Opera, o Safari... Que foram
substituidas por novas versões que apresentaram novos problemas que
serão sanados nas próximas versões.

O problema do IE não é o tanto que ele é ruim. É o quanto ele depende
que as pessoas atualizem o sistema operacional no qual ele está
umbilicalmente ligado.

E representante brasileiro da MS vai questionar o monopólio do seu
patrão? Pode fazer careta pra cego até entortar a cara que não vai
adiantar chongas.

IE vai ter solução quando o monopólio ruir. Este monopólio vai ruir
quando as pessoas pararem de usar computadores desktops e passarem a
usar outros dispositivos.

Lucas Salies Brum

unread,
Sep 11, 2009, 10:28:28 AM9/11/09
to ArqHP - Arquitetura de home pages
> IE vai ter solução quando o monopólio ruir. Este monopólio vai ruir
> quando as pessoas pararem de usar computadores desktops e passarem a
> usar outros dispositivos.
Desculpa, mas eu discordo, eu uso Desktop sem Windows, cadê o
monopólio aqui?
Talvez no Hardware? Acho que nem tanto.

Abraço.

On 2 set, 02:17, Irapuan Martinez <irap...@gmail.com> wrote:
> 2009/9/1 Cleber Gouvêa <cleb...@gmail.com>:

Irapuan Martinez

unread,
Sep 11, 2009, 10:36:50 AM9/11/09
to ar...@googlegroups.com
2009/9/11 Lucas Salies Brum <siste...@gmail.com>:

> Desculpa, mas eu discordo, eu uso Desktop sem Windows, cadê o
> monopólio aqui?

Lucas, está sentado? Vou te revelar uma informação que talvez você não saiba.

Outras pessoas neste momento estão usando computadores além de você.
Elas, somadas, sei que não chegam a sombra do seu amor próprio, mas em
números elas somam um tanto a mais.

Reply all
Reply to author
Forward
0 new messages