Imagem com fundo transparente e bordas sem serrilhado

Neste tutorial iremos ver como gerar uma imagem com fundo transparente sem borda serrilhada. Você pode usar a imagem abaixo:

Abra a imagem no Gimp, Clique com botão direito em cima da camada e selecione Adicionar Canal Alpha.

Clique na ferramenta Selecionar Regiões por Cor.

Na parte inferior da barra de ferramentas Marque a opção Enevoar bordas e defina o Raio para 4,0. Isto funcionará como um anti-aliasing suavizando as bordas da imagem. Para Limite informe o valor 45,0.

Clique em alguma área branca daimagem. Você pode clicar na área em volta do logo e notará que o furo do disco também ficará selecionado, já que este também é branco. perceba isto não aconteceria usando a
ferramenta de seleção de regiões contíguas.

Agora pressione Ctrl + K na janela da imagem, para tornar o fundo transparente. Pressione Shift+Ctrl+A para retirar a seleção. Um contorno branco aparece ao redor da imagem.

Sem o uso do recurso de enevoar a imagem ficaria com rebarbas.

Agora você salvará a imagem. Utilize o formato PNG que além de suportar transparência também aceitará o efeito enevoado, já que este formato suporta 24 bits de cor e o efeito funciona como um gradiente do branco para o transparente. Usando o formato Gif a suavização seria perdida.

Clique em Arquivo, Salvar como. Aparecerá o Diálogo Salvar Imagem. Após informar o nome e selecionar a pasta, Clique em Tipo de Preenchimento e selecione Imagem PNG dentro do menu que apareceu. Feito isso clique em Salvar.

Na próxima tela que aparecer você pode ecolher o nível de compressão da imagem. Se for para web deixe em 9,pois a imagem precisa de uma compressão alta para não demorar para carregar. Agora é só clicar em OK.

Adicionando uma cor de fundo nas imagens você pode notar a diferença nas bordas. O serilhado fica mais evidente em imagens escuras que contrastam com a borda.

Excluindo o fundo com o valor de Enevoar Bordas para 13, aparece um efeito interessante:

Versão em PDF aqui

Espero ter ajudado.

Tutorial testado no Gimp 2.0

Autor: Henrique Barone – (hbaroneØterra·com·br) – site: (http://quadrochave.com/)



27 Comentários para “Imagem com fundo transparente e bordas sem serrilhado”

  1. bah, era bem isso q procurava…
    valeu mesmo!
    bjx

  2. Ctrl+k tem certeza?

    Quando eu uso esse comando nao acontece nada
    não é ctrl+x não?

  3. Muito bom, ajudou bastante, embora eu esteja usando uma versão mais nova do Gimp com licalizações a passos diferentes.

    Obrigado

  4. Comcordo ctrl+K nao acontece nada jah no ctrl+x da certo….O.o… MSM assim perfeito.

  5. obrigado, acho que vai ajudar

  6. onde acho esse “enovar bordas” no gimp 2.6.3

  7. Na janela de Opções de ferramentas na hora que selecionar a ferramenta indicada no tutorial, Selecionar Regiões por Cor! Se não tiver habilitado acesse o menu em janelas > Diálogos de encaixe > Opções de ferramentas.

  8. Aew no lugar de ctrl+k poe cratl+x que vai ^^
    E parabens pelo tuto revirei a net e jo achava tuto para aquela merda de photoshop =P Vlws

  9. Muito bom tuto,me ajudou muito, obrigado!!!

  10. Que versão vocÊs estão usando?

    Quando eu fiz esse tuto foi ctrl+k que funfou.

    No mais vou refazer esse tutorial

  11. verdade ctrl+x funciona!!! adorei gente!!!!

  12. Waaaaaa! O control K não funcionava, só agora que li aqui nos comentários que é control X no lugar. Agora vou ter o trabalhar de selecionar o negocio la tudo de novo… Mancada, mas susse.

  13. Deu tudo certo.(CTRL+X)
    Valeu.

  14. Na verdade quando dá ctrl+x vc está recordando a seleção. Apertar delete dá na mesma.

  15. Excelente dica para iniciantes! É muito mais rápido do que eu imaginava!
    Só um detalhe, eu achei usar a varinha mágica (seleção contígua) em conjunto com a seleção livre para eliminar o que eu nao queria, porque a minha imagem tinha muitas partes brancas dentro dela, que com a ferramenta de selação por cor acabavam “confundidas”.
    Ah! Ao invés de Ctrl+K eu fui mais “prático” e uso direto o “Del”..rs..

    Abraços

  16. Gostei, gostei só que estou com a versão 2.6.6 e não encontrei a opção adicionar canal alfa e sim em transparencia cor pra alfa, agora configuração de limite e compressão não encontrei se puder me ajudar agradeço pois preciso criar uma imagem pra web com um logo em cima de outra imagem e não estou conseguindo; obrigado

  17. Aew eu uso o 2.6.6 foi com ctrl+x ‘-’
    Mas ajudou muito Obg!

  18. Obrigadoooo!!!
    Passei dias procurando um programa q fizesse isso, pois o photoshop tava muito…
    Este é simples e muito facil!
    Adorei!!!

  19. Muito massa… estava faltando isso no meu sistema pra dar aquela embelezada!
    Vlw.
    Abs

  20. Cara vc fez isso no linux será que não é lá o ctrl+k pq aqui no 7 só o ctrl+x deu jeito ^^ ou mesmo o DEL

  21. Ótima dica, foi muito útil pra mim.

  22. vlw ae kra tava precisando saber disso ;)

  23. duvidas como ter certeza que a imagem esta transparente?

  24. Valeu aí. Esse tutorial foi muito útil, nota 10.

    Só que o Daniel_Kyo, lá em cima, tem razão.

    Não é Ctrl+K, mas sim Ctrl+X.

    ;D

  25. Valew!!! era isso mesmo
    bem simples e um programa simples também
    brigadão cara

  26. Este realmente me ajudou demais, parabéns pelo tutorial.

  27. Obrigado me ajudou muito esse tutorial.

Deixe um Comentário