Gostaria de usar esta imagem em um site.

insira a descrição da imagem aqui

O que preciso fazer é mudar o fundo de preto para transparente, para que eu possa usar a seta em meu site para manter o fundo da página.

Usei o Gimp para converter a imagem para .png, mas como faço para continuar agora?

Comentários

  • Para quem procura uma solução Photoshop para converter fundos pretos ou brancos transparentes, consulte este tópico .

Resposta

GIMP “s A ferramenta Color to Alpha é muito útil se você souber como usá-lo e esta tarefa parece particularmente adequada para isso:

  1. Abra a imagem no GIMP e mude para o modo de cor RGB se necessário.
  2. Selecione Camada → Transparência → Cor para Alfa …
  3. Selecione preto (#000000) como o cor para tornar transparente.
  4. Clique em “OK”.
  5. Salve a imagem resultante no formato PNG:
    Imagem com transparência

Comentários

  • Fantástico – essa era exatamente a resposta de que eu precisava! Apenas um aviso – se a opção ‘ cor para alfa ‘ estiver esmaecida, significa que sua imagem está no modo de cor indexada. Para retificar, vá para Imagem – > Modo – > RGB. Saúde!
  • @Heather: Obrigado por notar isso, ‘ adicionei uma observação sobre isso à resposta. Na verdade, converter para RGB é geralmente a primeira coisa que você deseja fazer para indexar imagens no GIMP, a menos que queira que suas edições sejam restritas à paleta existente.
  • Como você faz isso no editor gráfico do Paint.NET?
  • @Boris_yo: Parece que o plugin Unblend para Paint.NET deve fazer o mesmo como Color to Alpha no GIMP. Eu não ‘ não tentei sozinho, entretanto.
  • Obrigado, funcionou, mas a assinatura era preta porque mais brilhante. Tentei brincar com brilho e contraste e só ajudou um pouco.

Resposta

Você poderia usar o GIMP ” s selecione pela ferramenta de cor ou a ferramenta Varinha mágica. De qualquer forma, basta selecionar todos os pixels pretos. Em seguida, em vez de excluir os pixels selecionados, aplique uma máscara de camada:

Layer -> Mask -> Add layer mask 

Selecione o botão de opção “Selection” e certifique-se de selecionar a caixa de seleção “Invert mask“. Agora, todos os pixels pretos são transparentes.

Exporte como PNG ou GIF.

O problema está nas bordas ao redor da seta, onde você pode ter alguns pixels pretos para formar um fosco. Eu não ” Não sei no GIMP, mas o Photoshop tem um bom recurso para remover o fosco anterior e / ou adicionar um fosco de sua escolha.

Resposta

Eu não uso o gimp, mas esta imagem é um caso simples em que deve ser simples obter uma transparência decente.

Se você selecionar a imagem inteira e usá-la (ou em vez da versão em tons de cinza) como um canal alfa, você está praticamente pronto.

Dependendo dos recursos de exportação do seu software, você pode apenas escolher o alfa como a transparência PNG ou pode usar o canal alfa como uma seleção mascarar e excluir a seleção (incorreta) ou usar a seleção como uma máscara de camada (não destrutiva) e exportar.

Resposta

Aqui está uma técnica GIMP útil que usei recentemente para isso – provavelmente semelhante a “Color To Alpha” (Color To Alpha estava esmaecido para mim, embora eu estivesse no modo RGB), mas este método me deu algumas personalizações úteis para quão “suaves” eu queria que as bordas saíssem (ao contrário das técnicas de varinha mágica que deixam uma borda preta fina ao redor da imagem, em vez de tornar as bordas parcialmente transparentes).

Resumindo, copiei versão em tons de cinza da imagem original em sua máscara de camada / canal alfa e, em seguida, use curvas no canal alfa para tornar a maior parte da imagem opaca enquanto ajusta o quão translúcido as bordas devem ser. Efeito muito bom e muito customizável.

Aqui está um passo a passo para fazer isso:

  • Começando com uma camada com a imagem original chamada “imagem”
  • Duplique a camada “imagem” para uma nova camada chamada “imagem alfa” (com o botão Duplicar camada na caixa de diálogo Camadas)
  • Colors > Desaturate... > Lightness em “imagem alfa” camada
  • Clique com o botão direito do mouse na camada “imagem” e Add Alpha (se ainda não tiver feito)
  • Copie tudo de “imagem alfa” ( na camada “imagem alfa”, Select All & Copy)
  • Paste no canal Alfa da “imagem” (clique na miniatura direita da camada “imagem” e cole-a)

    • As etapas anteriores são possivelmente idênticas ao comando único “Color to Alpha”
  • Opcional: clique com o botão direito em “image” e Show Layer Mask (deve mostrar o que você colou). Se você omitir isso, poderá ver a mudança de transparência, ao vivo, durante a próxima etapa.

  • Color > Curves
  • Em a caixa de diálogo Curves, faça a curva plana ao longo da parte superior & e então diminua rapidamente para a esquerda, fazendo com que a maioria dos pixels brilhantes se tornem completamente brancos (ou seja, a imagem é opaca lá).
  • Desmarque Show Layer Mask para ver a transparência aplicada.

    Movendo o ponto de saturação das curvas (no topo das curvas) e a velocidade com que ele diminui permite ajustar o quanto das bordas da imagem são transparentes e quanto.

Comentários

  • Olá Demis, bem-vindo ao GDSE e obrigado pela sua resposta! A fim de tornar suas instruções mais legíveis, eu ‘ d aconselho o uso da ‘ lista de marcadores ‘ ou ‘ opções de lista numerada ‘. Obrigado novamente e aproveite o site!

Resposta

Você pode usar o Adobe Photoshop. Vá para Selecionar -> Faixa de cores . Enquanto mantém pressionado Shift , clique na cor que você deseja remover (preto no seu caso). Pressione OK. Então, todo o seu preto será selecionado; agora clique em excluir.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *