Como criar um gradiente transparente no GIMP

Neste artigo de ajuda, mostrarei como criar um gradiente transparente usando o GIMP. Esta é uma técnica muito fácil e amigável para iniciantes que permite que sua imagem “desapareça” lentamente para a transparência ou, basicamente, apague gradualmente a imagem. Você pode acompanhar usando o imagem grátis que baixei do Unsplash aqui. Você pode assistir à versão em vídeo do tutorial abaixo ou passar por ele para ver o artigo de ajuda completo. Vamos começar!

Etapa 1: abra a imagem no GIMP

Para começar, você deve importar sua imagem para o GIMP, se ainda não o fez. Você pode fazer isso indo em Arquivo>Abrir e selecionando o local do arquivo em seu computador. Você também pode simplesmente arrastar e soltar sua imagem na área de imagem principal do GIMP (siga as setas vermelhas ao longo da linha pontilhada verde na imagem acima).

Uma vez que sua imagem esteja no GIMP, você pode ser perguntado se deseja converter a imagem para o espaço de cores sRGB nativo do GIMP. Eu recomendo clicar em “Converter” (seta vermelha na foto acima), a menos que você precise manter o espaço de cores original da imagem por um motivo específico.

Etapa 2: adicionar um canal alfa

Com a imagem importada para o GIMP, agora você deseja concluir a importante etapa de adicionar um canal alfa à sua camada de imagem. Para fazer isso, clique com o botão direito do mouse na camada da imagem no painel “Camadas” (seta vermelha) e clique em “Adicionar canal alfa” (seta verde). Esta etapa é importante porque sem um canal alfa adicionado à sua imagem, sua imagem será apagada em uma cor em vez de na transparência.

Etapa 3: adicione uma máscara de camada à sua imagem

Com o seu canal alfa adicionado, em seguida, o que você deseja fazer é adicionar uma máscara de camada à sua imagem. Isso permitirá que você adicione de forma não destrutiva um gradiente “transparente” à sua imagem. Para adicionar a máscara de camada, clique no ícone de máscara de camada na parte inferior do painel Camadas (seta vermelha na imagem acima). Você também pode clicar com o botão direito do mouse na camada da imagem e selecionar “Adicionar máscara de camada”.

Na caixa de diálogo Layer Mask que aparece, em “Initialize Layer Mask To:” selecione “White (Full Opacity)” (seta verde na imagem acima). Clique no botão "Adicionar" na parte inferior da caixa de diálogo (seta azul).

Agora você deve ver uma caixa branca diretamente à direita da miniatura da imagem no painel Camadas (seta vermelha na imagem acima). Esta caixa branca é sua máscara de camada.

Etapa 4: desenhe um gradiente em sua máscara de camada

Em seguida, pegue a ferramenta Gradiente da sua caixa de ferramentas clicando e segurando o mouse no grupo de ferramentas que contém a Ferramenta de Preenchimento do Balde (seta vermelha na imagem acima) e soltando o mouse na ferramenta “Gradiente” (seta azul). Você também pode simplesmente pressionar a tecla “G” no teclado para acessar esta ferramenta através da tecla de atalho.

Com a ferramenta de gradiente selecionada, clique no pequeno ícone abaixo de suas cores de amostra de primeiro plano e plano de fundo (na parte inferior da caixa de ferramentas - seta vermelha na imagem) para redefinir suas cores para preto e branco.

Agora, vá para a seção “Opções de ferramentas” para a ferramenta Gradiente (geralmente localizada diretamente abaixo de sua caixa de ferramentas – se não estiver visível, vá para Windows> Diálogos acopláveis> Opções de ferramentas). Clique no botão “Gradient” (seta vermelha na imagem acima) e selecione um dos gradientes que muda de preto para branco (delineado em azul) – eu fui com a opção “FG to BG (RGB)” simplesmente clicando nele .

Clique no menu suspenso "Forma" (seta vermelha) e selecione "Linear" (seta azul).

Por fim, clique e arraste o mouse sobre sua composição para desenhar o gradiente (dica: segure a tecla ctrl do teclado para desenhar no modo de linha reta). Sua imagem agora deve aparecer como se estivesse desaparecendo ou apagando até a transparência usando o gradiente.

NOTA você sempre pode reverter a direção do gradiente usando o botão “Inverter” nas Opções da ferramenta (seta verde na imagem acima). Em seguida, você pode clicar e arrastar os pontos finais do gradiente para reposicioná-los em sua imagem.

Uma extremidade do gradiente conterá branco, que conterá opacidade ou exibirá os pixels em sua imagem, e a outra extremidade do gradiente conterá preto ou conterá transparência que oculta sua imagem. Neste exemplo, o ponto esquerdo do meu gradiente contém branco (seta vermelha na imagem acima) e o ponto direito do gradiente contém preto (seta azul na imagem).

Posso clicar e arrastar qualquer ponto final com o mouse para ajustar em que ponto o desbotamento começa e em que ponto a imagem fica totalmente desbotada e agora transparente.

Se você passar o mouse sobre a linha entre os dois pontos finais, verá um pequeno círculo aparecer no meio da linha (seta vermelha). Este é o “ponto médio” do seu gradiente.

Você pode clicar e arrastar o ponto médio para ajustar o ponto em que a imagem está com 50% de opacidade, o que altera a taxa de desvanecimento da imagem para transparência total. Por exemplo, se eu arrastar o ponto médio para a esquerda, minha imagem começará a desbotar até a transparência total mais cedo.

Quando estiver pronto para aplicar o gradiente, pressione a tecla Enter no teclado. Se o gradiente não se aplicar quando você pressionar a tecla Enter, basta pegar outra ferramenta da Caixa de Ferramentas, como a ferramenta “Mover”.

Se você observar a miniatura da imagem da sua camada no painel Camadas (seta vermelha na foto acima), verá que a caixa branca tem um gradiente que muda gradualmente de branco para preto (ou preto para branco, dependendo da direção gradiente está indo). Sua imagem agora gradualmente se torna transparente usando um gradiente!

Etapa 5: exportar a imagem com transparência

Se você deseja exportar a imagem COM a transparência do gradiente intacta, basta acessar Arquivo>Exportar como (seta vermelha) e exportar a imagem como um tipo de arquivo que suporte transparência (alguns exemplos incluem PNG, WebP, GIF, e TIFF).

Portanto, se eu quiser exportar minha imagem como PNG, posso renomear meu arquivo e garantir que ele termine com “.png” (seta vermelha) – a extensão do arquivo PNG. Clique em “Exportar” para exportar a imagem (seta verde).

Você pode ficar com os valores padrão para PNG e clicar em “Exportar” novamente (seta vermelha), e agora sua imagem será exportada com o gradiente transparente.

É isso neste tutorial! Se você gostou, pode conferir meus outros Artigos de ajuda do GIMP, Tutoriais em vídeo do GIMP, ou até o meu Masterclass do GIMP 2.10 na Udemy!