Você está na página 1de 10

16/08/12

Gimp: Tornado transparente o fundo de imagens - Eriberto Wiki

Gimp: Tornado transparente o fundo de imagens

De Eriberto Wiki

by (C) João Eriberto Mota Filho (http://www.eriberto.pro.br) <eriberto (a) eriberto pro br>

Artigo criado em: 27 de maio de 2009.

Última atualização: veja o rodapé desta página.

Tiny URL ou bit.ly: http://tiny.cc/gimp_fundo_tansparente

Tiny URL ou bit.ly: http://tiny.cc/gimp_fundo_tansparente Muitas pessoas que trabalham com palestras, sites e outras

Muitas pessoas que trabalham com palestras, sites e outras atividades similares têm a necessidade de utilizar figuras com fundo transparente. Assim, o objetivo deste artigo será mostrar como alterar uma imagem, no Gimp, para que a mesma tenha fundo transparente.

Tabela de conteúdo

1 Caso 1: imagem simples, pouco trabalho

1 Caso 1: imagem simples, pouco trabalho

2 Caso 2: imagem com áreas internas da mesma cor do fundo a ser removido

2 Caso 2: imagem com áreas internas da mesma cor do fundo a ser removido

3 Caso 3: bordas serrilhadas

3 Caso 3: bordas serrilhadas

4 O resultado final

4 O resultado final

5 Comentários, sugestões e controle de acessos

5 Comentários, sugestões e controle de acessos

Caso 1: imagem simples, pouco trabalho

Vamos começar com uma figura simples. O fundo é branco e não há cores brancas na figura.

Abra o Gimp e clique em Arquivo > Abrir URL Arquivo > Abrir URL

Na URL, escreva: http://www.eriberto.pro.br/files/gimp/debian.jpg . http://www.eriberto.pro.br/files/gimp/debian.jpg.

Abrirá uma janela como esta:escreva: http://www.eriberto.pro.br/files/gimp/debian.jpg .

16/08/12

Gimp: Tornado transparente o fundo de imagens - Eriberto Wiki

Tornado transparente o fundo de imagens - Eriberto Wiki A seguir, selecione Camada > Transparência >

A seguir, selecione Camada > Transparência > Cor para Alfa Camada > Transparência > Cor para Alfa

Em A partir de

,

selecione a cor

branca, que é a cor do fundo a ser removida. Depois, clique em OK.

Pode ser que, no início do processo, a opção Cor para Alfa certifique-se de que

Pode ser que, no início do processo, a opção Cor para Alfa

certifique-se de que a imagem esteja em modo RGB. Para isto, clique em Imagem > Modo > RGB.

Caso a opção Cor para Alfa Imagem.

não esteja disponível. Neste caso,

ainda não esteja disponível, clique em Imagem > Achatar

A cor de fundo será removida e a imagem ficará transparente, como mostrado a seguir:não esteja disponível, clique em Imagem > Achatar

16/08/12

Gimp: Tornado transparente o fundo de imagens - Eriberto Wiki

Tornado transparente o fundo de imagens - Eriberto Wiki Caso sobre espaço vazio excessivo ao redor

Caso sobre espaço vazio excessivo ao redor da figura (não é o caso desta imagem), retire-o clicando emTornado transparente o fundo de imagens - Eriberto Wiki Imagem > Combinar Camadas Visíveis clique em

Imagem > Combinar Camadas Visíveis

clique em Imagem > Cortar Automaticamente.

> Expandida como necessário > Combinar. A seguir,

Ao finalizar o trabalho, salve a sua imagem como .png (prefiro esta) ou .gif , pois só estes dois tipos de gráficos aceitam transparência. .png (prefiro esta) ou .gif, pois só estes dois tipos de gráficos aceitam transparência.

Caso 2: imagem com áreas internas da mesma cor do fundo a ser removido

Passaremos agora para uma figura mais complexa. Ela contém áreas internas com cores iguais à do fundo. Há, assim, a necessidade de determinar a área onde ocorrerá a remoção de cores.

Abra o Gimp e clique em Arquivo > Abrir URL Arquivo > Abrir URL

Na URL, escreva: http://www.eriberto.pro.br/files/gimp/tux.jpg . http://www.eriberto.pro.br/files/gimp/tux.jpg.

Abrirá uma janela como esta:escreva: http://www.eriberto.pro.br/files/gimp/tux.jpg .

16/08/12

Gimp: Tornado transparente o fundo de imagens - Eriberto Wiki

Tornado transparente o fundo de imagens - Eriberto Wiki Escolha a ferramenta Seleção Contígua na janela

Escolha a ferramenta Seleção Contígua Seleção Contígua

- Eriberto Wiki Escolha a ferramenta Seleção Contígua na janela de ferramentas. Na mesma janela, na

na janela de ferramentas. Na mesma janela, na sua parte

inferior, ajuste o limite para 30,0, como mostrado a seguir.

ajuste o limite para 30,0 , como mostrado a seguir. A seguir, clique na área branca

A seguir, clique na área branca da imagem (fundo externo e não na barriga do Tux). Essa área ficará marcada conforme mostrado na figura a seguir:ajuste o limite para 30,0 , como mostrado a seguir.

16/08/12

Gimp: Tornado transparente o fundo de imagens - Eriberto Wiki

Tornado transparente o fundo de imagens - Eriberto Wiki A seguir, para assugurar que não haverá

A seguir, para assugurar que não haverá partes brancas não removidas em volta da imagem, selecioneTornado transparente o fundo de imagens - Eriberto Wiki Seleção > Aumentar vestígios de "branco",

Seleção > Aumentar

vestígios de "branco", são necessários 2 ou 3 pixels). Clique em OK. Este procedimento fará com que a seleção chegue mais perto da imagem do TUX.

Na caixa de texto, coloque 1 pixels (em algumas imagens, para não haver

Clique em Camada > Transparência > Cor para Alfa Camada > Transparência > Cor para Alfa

Selecione a cor branca. Note que o branco

dos olhos e da barriga do Tux irão desaparecer. Não se preocupe, no resultado final, somente o branco que está dentro da seleção irá desaparecer. Assim sendo, clique em OK. O resultado poderá ser visto a seguir:

clique em OK . O resultado poderá ser visto a seguir:

16/08/12

Gimp: Tornado transparente o fundo de imagens - Eriberto Wiki

Para terminar, vamos remover os espaços que estão sobrando em volta do Tux. Clique em Imagem > Imagem >

Combinar Camadas Visíveis

> Expandida como necessário > Combinar. A seguir, clique em

Imagem > Cortar Automaticamente.

Caso ainda fique algum resquício de espaço sobrando, como ocorreu no caso desta figura, pode ser que haja algum pixel perdido em tal área, inviabilizando um corte perfeito. Para resolver isto:

Selecione a ferramenta Seleção Retangular ( Seleção Retangular (

isto: Selecione a ferramenta Seleção Retangular ( ). Selecione a área lateral esquerda, aparentemente vazia,

).

Selecione a área lateral esquerda, aparentemente vazia, e clique em Editar > Cortar . Com isto, qualquer pixel excedente será removido. A figura a seguir Editar > Cortar. Com isto, qualquer pixel excedente será removido. A figura a seguir monstrará um exemplo da seleção da área lateral esquerda (apenas um zoom de uma parte).

da área lateral esquerda (apenas um zoom de uma parte). O mesmo procedimento anterior deverá ser

O mesmo procedimento anterior deverá ser feito em outras extremidades excedentes. No caso da figura em questão, na parte de baixo e na lateral direita.da área lateral esquerda (apenas um zoom de uma parte). Por fim, novamente, clique em Imagem

Por fim, novamente, clique em Imagem > Cortar Automaticamente . O resultado final pode ser visto na figura a seguir. Imagem > Cortar Automaticamente. O resultado final pode ser visto na figura a seguir.

16/08/12

Gimp: Tornado transparente o fundo de imagens - Eriberto Wiki

Tornado transparente o fundo de imagens - Eriberto Wiki Salve como .png . Caso 3: bordas

Salve como .png . .png.

Caso 3: bordas serrilhadas

Agora temos um caso onde as bordas estão serrilhadas.

Abra o Gimp e clique em Arquivo > Abrir URL Arquivo > Abrir URL

Na URL, escreva: http://www.eriberto.pro.br/files/gimp/chix.jpg . http://www.eriberto.pro.br/files/gimp/chix.jpg.

Abrirá uma janela como esta:escreva: http://www.eriberto.pro.br/files/gimp/chix.jpg .

16/08/12

Gimp: Tornado transparente o fundo de imagens - Eriberto Wiki

Tornado transparente o fundo de imagens - Eriberto Wiki Escolha a ferramenta Seleção Contígua inferior, ajuste

Escolha a ferramenta Seleção Contígua inferior, ajuste o limite para 30,0 . Seleção Contígua inferior, ajuste o limite para 30,0.

Seleção Contígua inferior, ajuste o limite para 30,0 . na janela de ferramentas. Na mesma janela,

na janela de ferramentas. Na mesma janela, na sua parte

A seguir, clique na área branca existente acima da palavra "Linux". Com a tecla Shift pressionada (aparecerá um símbolo + acima do ícone da ferramenta), clique nas demais áreas Shift pressionada (aparecerá um símbolo + acima do ícone da ferramenta), clique nas demais áreas brancas a serem eliminadas na figura. O resultado poderá ser visto na figura a seguir:

na figura. O resultado poderá ser visto na figura a seguir:

16/08/12

Gimp: Tornado transparente o fundo de imagens - Eriberto Wiki

A seguir, selecione Seleção > Aumentar Seleção > Aumentar

Na caixa de texto, coloque 1 pixels. Clique em OK.

Clique em Camada > Transparência > Cor para Alfa Camada > Transparência > Cor para Alfa

Selecione a cor branca. Clique em OK.

O resultado será a personagem "Maria Cristina", do Linux Chix Brasil, sem o fundo branco. No entanto, a

borda vermelha está um pouco serrilhada. Para suavizar esse serrilhado, siga os passos:

Com os espaços fora do desenho ainda selecionados, clique em Seleção > Inverter . Agora, somente a "Maria Cristina" estará selecionada. Seleção > Inverter. Agora, somente a "Maria Cristina" estará selecionada.

Clique em Seleção > Aumentar > 1 > OK . Com isto, a seleção voltará para a Seleção > Aumentar > 1 > OK. Com isto, a seleção voltará para a borda do desenho.

Clique em Seleção > Criar Borda . Insira o valor 2 em pixels , desmarque Enevoar borda Seleção > Criar Borda. Insira o valor 2 em pixels, desmarque Enevoar borda e clique em OK.

Clique em Filtros > Desfocar > Desfocagem Gaussiana . Selecione 2 para os valores Horizontal e Vertical Filtros > Desfocar > Desfocagem Gaussiana. Selecione 2 para os valores Horizontal e Vertical. Clique em OK.

Clique em Seleção > Nada . Seleção > Nada.

O resultado final:

OK . Clique em Seleção > Nada . O resultado final: Salve como .png . O

Salve como .png . .png.

O resultado final

O slide a seguir, com fundo escuro, mostra como ficaram as figuras, já aplicadas a uma palestra. Para ver uma

imagem em tamanho grande, clique aqui (http://www.eriberto.pro.br/files/gimp/slide.jpg) .

16/08/12

Gimp: Tornado transparente o fundo de imagens - Eriberto Wiki

Tornado transparente o fundo de imagens - Eriberto Wiki Comentários, sugestões e controle de acessos Por

Comentários, sugestões e controle de acessos

Por favor, deixe os seus comentários e sugestões sobre este artigo no meu Blog Técnico. Para isto, clique aqui (http://www.eriberto.pro.br/blog/?p=535) .

isto, clique aqui (http://www.eriberto.pro.br/blog/?p=535) . Consulte também o contador abaixo, iniciado em 27 mai. 09,

Consulte também o contador abaixo, iniciado em 27 mai. 09, além do gráfico acima. Obtida de "http://eriberto.pro.br/wiki/index.php?

title=Gimp:_Tornado_transparente_o_fundo_de_imagens&oldid=1524"

Esta página foi modificada pela última vez às 10h10min de 19 de dezembro de 2011.Conteúdo disponível sob Creative Commons - Atribuição -

Conteúdo disponível sob Creative Commons - Atribuição - Uso Não Comercial - Partilha nos Mesmos Termos.pela última vez às 10h10min de 19 de dezembro de 2011.