Tornando o plano de fundo de uma imagem transparente no Gimp


303

Tenho algumas imagens jpg e preciso que cada uma delas tenha um plano de fundo transparente.

Eu tenho o GIMP como uma ferramenta gráfica.

Eu preciso colocá-los em uma página da web e preciso ver apenas o elemento principal e ter um plano de fundo transparente.


Acabei de descobrir que, se você estiver em um Macbook, precisará pressionar fn-deleteapós selecionar a varinha mágica;) excluir não funciona por si só.
Ben

Respostas:


307

Para expandir a resposta do utopicam , às vezes sua imagem pode conter áreas, como sombras, que você gostaria de ser semitransparente. Por exemplo, digamos que você tenha uma foto tirada em uma mesa de luz, como esta foto legal e livremente licenciada de um cavalo de brinquedo sueco de madeira, cortesia da Creative Tools :

Uma foto de um cavalo de brinquedo Dalekarlian em uma mesa de luz, licenciada sob CC-By 2.0 pela Creative Tools

Em geral, o primeiro passo seria ajustar os níveis da imagem até o fundo ficar realmente branco, exceto pelas sombras e reflexões que queremos manter. (Você também pode usar esta técnica com um plano de fundo cinza ou colorido, mas é um pouco mais complicado obter bons resultados dessa maneira.) Nesse caso, a imagem já está bem ajustada, portanto não precisamos fazer nada a respeito.

O próximo passo é selecionar o plano de fundo. Isso foi muito fácil de fazer com a ferramenta varinha mágica , embora eu tenha que consertar alguns bits onde as listras brancas no objeto se misturam com o fundo com a ferramenta laço . Além disso, depois que o plano de fundo foi bem selecionado, ampliei a seleção em alguns pixels (em resolução máxima) para evitar deixar uma auréola esbranquiçada ao redor do objeto devido ao alias. (Você não pode vê-lo nesta captura de tela reduzida, mas realmente consegui fazer um bom trabalho com a seleção, se assim posso dizer.)

Mesma foto com o fundo selecionado

Agora, eis o truque : em vez de simplesmente recortar o plano de fundo, usei CoresCor para Alpha para alterar a cor do plano de fundo (branco) para transparente. (Você também pode usar o preenchimento de bucket com o modo Apagar cores, como sugere o utopicam.) Se aplicado a toda a imagem, isso também tornaria o objeto semitransparente, mas como apenas o fundo é selecionado, as sombras se tornam translúcidas enquanto o próprio objeto permanece. opaco:

Imagem após aplicar Cor ao Alpha

E aqui está a mesma imagem em um fundo azul claro, para mostrar melhor as sombras e reflexos semitransparentes:

Mesma foto em um fundo azul claro

Um truque extra que não mostrei é que geralmente é mais conveniente fazer duas cópias da camada da imagem, converter a seleção em uma máscara de camada na parte superior e aplicar Cor ao Alfa na parte inferior. Isso permite que você ajuste as bordas do objeto editando a máscara, enquanto vê ao vivo como será o resultado. (Dica: faça algumas camadas de fundo preenchidas com cores diferentes, para que você possa verificar facilmente a aparência da imagem em fundos diferentes.) Em particular, às vezes, realçar realces próximos às bordas do objeto apenas ligeiramente translúcidas pode tornar o resultado mais bonito e mais natural, pois imita o fundo refletido no objeto.


1
the first step would be to adjust the levels of the image until the background really is solid white- como fazer isso exatamente ser incluído para nós, bonecos? Ou devo fazer uma pergunta separada sobre como fazer isso?
Hippietrail

1
@hippietrail: A ferramenta de níveis geralmente faz um bom trabalho: basta mover o controle deslizante de entrada mais à direita para a esquerda até que fique bom ou usar o conta-gotas branco. Se o corte parecer muito nítido, você pode mudar para "Editar essas configurações como curvas" e suavizá-lo. (Basicamente, o que normalmente você quer é uma curva que é principalmente linear, mas se inclina um pouco perto da borda superior para atendê-la gradualmente, em vez de em uma curva fechada.)
Ilmari Karonen

Gosto da ferramenta de curvas para mover um fundo "branco" para o branco total. Isso também oferece um bom histograma no restante da imagem.
Sr. Roxo

75

Usando o preenchimento rápido da caçamba em vez da seleção de contorno

Nota: Este tutorial também está disponível em PDF.

_La trahison des images_ do compatriota René Magritte;  parcialmente vandalizado para os fins deste tutorial.

Adicione um canal alfa

Alguns tipos de imagem não possuem um canal de transparência; JPG por exemplo. Se for esse o caso, adicione um canal de transparência alfa. Isso é feito selecionando Layer → Tranparency → Add Alpha Channel.

Preenchimento de balde com cor [opcional]

O próximo passo é opcional e consiste em preencher a área que deve ficar transparente com uma cor lisa primeiro. Selecione a ferramenta de preenchimento de balde ou pressione Shift+ B. Nas Bucket Fillopções da caixa de ferramentas, selecione Fill transparent areassomente quando necessário. Selecione BG colour fille Sample mergedexecute algumas tentativas enquanto ajusta Thresholdpara obter melhores resultados. No meio, pressione Ctrl+ Zpara desfazer.

Alguma mistura de cores será inevitável e até desejada. (Nesse aspecto, o Adobe Photoshop não é diferente.) Portanto, escolha uma cor compatível com o plano de fundo no qual a imagem resultante será usada. Clique no retângulo da cor de fundo na metade superior da Tool Optionsjanela da caixa de ferramentas para alterar a cor do fundo. Aqui, usei f3f3e9como cor de fundo para o preenchimento de cores simples. No entanto, também é possível usar a ferramenta Conta-gotas para escolher uma cor em qualquer lugar da área de trabalho.

<code> Balde de preenchimento </code>: selecione <code> Preencher áreas transparentes </code> somente quando necessário.  Selecione <code> BG color fill </code> e <code> Sample mesclado </code> e execute algumas tentativas enquanto ajusta <code> Threshold </code> para obter melhores resultados.  No meio, pressione <kbd> Ctrl </kbd> + <kbd> Z </kbd> para desfazer.

<code> Preenchimento de bucket </code> aplicado.  Escolha uma cor de preenchimento compatível com o fundo em que a imagem resultante será usada.  Isso ocorre porque alguma mistura de cores é inevitável e até desejada.  Aqui, usei <code> f3f3e9 </code> para preenchimento de cores simples.

Selecionar por cor

A coisa certa a fazer agora é Select → By Colour. Pode ser tentador executar Colour to Transparency, no entanto, isso também altera as áreas semitransparentes dentro da área de imagem desejada. Desta vez, selecione Fill transparent areastambém Sample merged. Para este exemplo em particular, escolhi não aplicar Antialiasingnem Feather edges. No entanto, experimente essas configurações e escolha o que parece melhor. Novamente, faça algumas tentativas enquanto ajusta Thresholdpara obter melhores resultados. No meio, pressione Ctrl+ Zpara desfazer.

<code> Selecionar por cor </code>: dessa vez, selecione <code> Preencher áreas transparentes </code> e também <code> Amostra mesclada </code>.  Novamente, faça algumas tentativas enquanto ajusta o <code> Threshold </code> e experimente o <code> Antialiasing </code> e o <code> Feather edge </code> para obter melhores resultados.  No meio, pressione \ <kbd> Ctrl </kbd> + <kbd> Z </kbd> para desfazer.

<code> Selecione → Por cor </code> aplicado

Subtrair da seleção

Às vezes, é difícil obter a seleção de cores exatamente correta. Algumas áreas da imagem desejada também podem ser selecionadas porque a cor corresponde. Nesse caso, e pouco visível, nove pixels desejados no meio do canal também foram selecionados para exclusão. Quando isso acontecer, use Ctrl+ Dragcom uma Selectferramenta de sua escolha para selecionar uma área de seleção subtrativa.

Use <kbd> Ctrl </kbd> + <code> Arraste </code> com uma ferramenta <code> Select </code> de sua escolha para selecionar uma área de seleção subtrativa.

A área de transparência desejada agora está selecionada.

Aumente a seleção [opcional]

Na borda da imagem desejada, algumas tonalidades de fundo ainda não foram selecionadas. Se for esse o caso, aumente a seleção com um pixel usando Select → Grow… → 1px.

Excluir

Depois que a área de transparência desejada for selecionada, basta pressionar Delete.

Depois que a área de transparência desejada for selecionada, basta pressionar <kbd> Excluir </kbd>.

Resultado final

Por fim, exporte a imagem transparente File → Export As...para um formato de arquivo compatível com transparência. Isso seria preferencialmente PNG, mas o GIF também funcionaria.

O resultado final


4
Você pode querer crescer seleção por 1 px para remover bordas brancas (Select> Grow> 1> OK)
MonoThreaded

4
Não sou versado em design gráfico. Todas as raras ocasiões em que preciso remover um plano de fundo, parecem estar voltando a esta resposta. Obrigado!
Slayernoah

1
Também descobri que o uso da Featheropção de seleção também é útil para imagens com bordas desfocadas contra espaços em branco.
Jocull # 28/17

1
Obrigado: por ter um jpg com fundo branco puro, era simples assim: adicionar camada de transparência, selecionar, excluir.
djvg 10/06

21

Parece que você precisa cortar certas partes dos jpgs (a figura principal, por exemplo) e excluir o "plano de fundo". Você pode fazer isso usando a ferramenta laço.

O site do gimp tem muitos tutoriais e explicações. Verifique este http://docs.gimp.org/en/gimp-painting.html#gimp-concepts-selection e faça o seguinte: http://docs.gimp.org/en/gimp-tool-free-select.html

A seleção poligonal cria um ponto de ancoragem toda vez que você clica. Em seguida, mover o ponteiro do mouse desenha uma linha com um novo ponto de ancoragem que você pode mover desde que não clique novamente.

Você pode acessar a Lasso Tool de diferentes maneiras:

  • Na barra de menus da imagem Ferramentas → Ferramentas de seleção → Seleção livre,

  • clicando no ícone da ferramenta na Caixa de ferramentas,

  • usando o atalho de teclado F.

Para tornar transparente o plano de fundo sólido de uma imagem , adicione um canal Alpha e use a Varinha mágica para selecionar o plano de fundo. Em seguida, use a ferramenta Seletor de cores para selecionar a cor de fundo, que se torna a cor de primeiro plano na Caixa de ferramentas. Use a ferramenta Preenchimento de balde com a cor selecionada. Defina o modo de preenchimento de balde como “Apagar cores”, que apaga os pixels com a cor selecionada; outros pixels são parcialmente apagados e sua cor é alterada.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.