Neste artigo, mostrarei como adicionar um efeito de sombra projetada no GIMP usando um filtro embutido. Sombras podem ser adicionadas ao texto, bem como a qualquer objeto ou camada com vários objetos - desde que essa camada tenha um canal alfa (mais sobre isso momentaneamente).

Vou demonstrar como usar esse efeito mostrando como adicionar uma sombra projetada ao texto.

Configurando Seu Texto / Composição

Primeiro, vamos criar uma nova composição. Posso fazer isso acessando Arquivo> Novo (seta vermelha na imagem acima) ou pressionando a tecla de atalho ctrl + n no meu teclado (cmd + n em um MAC).

Em seguida, definirei as dimensões do meu documento - 1920 para a largura e 1080 para a altura (destacado em vermelho na imagem acima). A unidade que estou usando é pixels (px). Clique em OK para criar o documento (seta azul).

Agora, pegarei a ferramenta Texto da minha caixa de ferramentas (tecla de atalho T - seta verde na imagem acima).

Com minha ferramenta Texto ativa, clico na minha composição e começo a digitar algum texto - neste caso “GIMP” (seta verde na imagem acima). O texto será qualquer que seja a sua cor de primeiro plano atualmente definida (no meu caso, vermelho).

Posso pressionar ctrl + a no teclado ou arrastar o mouse por todo o texto dentro da nova caixa de texto para selecioná-lo. Uma vez selecionado, posso alterar os atributos do texto - incluindo a fonte, tamanho do texto, cor e muito mais. Eu recomendo dar uma olhada no meu tutorial dedicado sobre a ferramenta de texto do GIMP se você não estiver familiarizado com esta ferramenta.

Com o meu texto selecionado, vou mudar o tamanho da fonte para 500 (seta verde) e vou ficar com a fonte “Gill Sans MT Bold” (seta azul).

Em seguida, clico e seguro o primeiro grupo de ferramentas em minha caixa de ferramentas (seta vermelha na imagem acima) e solto o mouse sobre a ferramenta “Alinhamento” (seta azul).

Clique no texto que acabamos de criar com a ferramenta de alinhamento (certifique-se de clicar nos pixels reais do texto). Em Opções de ferramentas, certifique-se de que a ferramenta de alinhamento esteja definida para alinhar "Relativo à imagem" (sob a primeira lista suspensa - seta vermelha). Em seguida, clique em “Alinhar centro do alvo” e “Alinhar meio do alvo” para alinhar o texto ao centro da imagem (destacado em azul na imagem acima).

Adicionando a sombra projetada ao texto

Com o nosso texto no lugar, agora podemos adicionar uma sombra projetada ao nosso texto. Para fazer isso, certifique-se de que a camada de texto esteja ativa no painel de camadas (seta vermelha). Em seguida, vá para Filtros> Luz e sombra> Sombra (seta azul).

Um diálogo flutuante aparecerá agora com o título “Drop Shadow” (destacado em azul na imagem acima).

O filtro Sombra projetada é um filtro GEGL, o que significa que obtemos uma visualização ao vivo do efeito de sombra projetada em nossa tela conforme ajustamos as configurações. Então, agora você pode ver que nosso texto tem uma sombra embaixo dele.

O primeiro conjunto de controles deslizantes para o filtro Drop Shadow são os controles deslizantes “X” e “Y” (destacados em azul acima). Esses controles deslizantes nos permitem reposicionar a sombra projetada sob nossa camada de texto. O controle deslizante “X” muda a localização horizontal da sombra projetada (ou seja, o eixo x), enquanto o controle deslizante “Y” muda a localização vertical da sombra projetada (ou seja, o eixo y).

Por padrão, esses dois valores serão "vinculados" por meio do ícone de uma pequena corrente à direita dos controles deslizantes (seta vermelha na foto). Isso significa que, conforme você clica e arrasta um controle deslizante, o outro controle deslizante também muda. Por exemplo, se eu clicar e arrastar o controle deslizante “X” para a esquerda, o controle deslizante “Y” seguirá com meu mouse.

Observe que o valor aqui para X e Y pode ser negativo. Um valor negativo para X significa que a sombra projetada estará à esquerda do centro, e um valor negativo para Y significa que a sombra projetada estará acima do centro. (Um valor positivo para X tornará a sombra projetada à direita do centro, e um valor positivo para Y tornará a sombra projetada abaixo do centro). Na imagem acima, como os valores de X e Y são negativos, a sombra projetada fica para cima e à esquerda do texto original.

Posso clicar no botão “Redefinir” na parte inferior da caixa de diálogo para redefinir meus valores de volta ao padrão (seta amarela na imagem).

Clicarei no ícone da corrente para desvincular a corrente (seta amarela na imagem acima), pois quero que os valores dos controles deslizantes X e Y sejam independentes.

Agora, vou clicar e arrastar o controle deslizante X (seta vermelha). Quanto mais eu arrasto esse controle deslizante para a direita, mais longe a sombra projetada estará do texto (seta azul). Observe que posso continuar arrastando o controle deslizante para a direita, mesmo quando a barra do controle deslizante estiver cheia (geralmente ela fica cheia em torno de um valor de 40, mas o valor de X pode estar muito acima de 40).

Também posso clicar com o botão do meio com a roda do mouse neste valor e digitar manualmente um novo valor numérico. Por exemplo, clico com o botão do meio do mouse em qualquer lugar no valor x (seta vermelha na imagem acima), uso minhas teclas de seta para navegar o cursor para a extrema direita, pressiono a tecla backspace para excluir o valor atual e, em seguida, digite 250 e aperte a tecla Enter. Minha sombra projetada será atualizada com este novo valor.

Posso ter um controle deslizante com valor positivo e outro com valor negativo. Portanto, embora X seja positivo, posso tornar Y negativo.

Clico e arrasto o controle deslizante Y para a esquerda para atribuir um valor negativo (seta vermelha na imagem acima). Ao fazer isso, a sombra projetada se moverá para cima na composição em relação ao texto original. Você também notará neste ponto que a sombra projetada está fora da linha pontilhada amarela que denotava o limite da camada (seta azul).

Contanto que você esteja usando GIMP 2.10.14 ou acima, o GIMP ajustará automaticamente o tamanho da camada para caber na parte da sombra projetada que sai do limite da camada atual.

Mais uma vez, clicarei no botão “Reset” para retornar aos valores padrão.

O próximo controle deslizante é o controle deslizante “Raio de desfoque” (seta vermelha na imagem). Este controle deslizante aumenta ou diminui a quantidade de desfoque gaussiano aplicada à sombra projetada. (Desfoque gaussiano é um filtro de desfoque popular no GIMP - basicamente, ele apenas ajusta a quantidade de desfoque em sua sombra).

Se eu definir o valor do controle deslizante como “0”, não haverá desfoque na sombra projetada e, portanto, a sombra terá bordas nítidas (seta azul na imagem acima). Basicamente, a sombra projetada terá a aparência de uma nova camada de texto levemente deslocada abaixo da camada original de texto.

Por outro lado, aumentar o valor do controle deslizante Raio de desfoque (seta vermelha) adicionará mais desfoque à sombra (seta azul). Muito desfoque tornará a sombra projetada difícil de ver (a sombra não terá uma forma perceptível). Sem adicionar muito desfoque, aumentar o raio do desfoque pode ajudar a tornar sua “fonte de luz” teórica mais suave. Para simplificar, pode tornar a sombra projetada mais sutil.

Vou apertar o botão de reset para retornar aos valores padrão.

Os próximos dois itens - a caixa suspensa “Aumentar a forma” e o controle deslizante “Aumentar o raio” (destacado em azul na foto) - estão relacionados um ao outro.

O controle deslizante Aumentar raio (seta vermelha) permite aumentar ou diminuir o tamanho da sombra antes que o desfoque seja aplicado a ela. Por exemplo, vou aumentar o raio de crescimento e você pode ver que a sombra projetada não tem mais um bom esmaecimento uniforme (visível na foto acima).

A lista suspensa Aumentar forma acima do controle deslizante Aumentar raio altera a forma da sombra projetada conforme ela cresce. Por padrão, é definido como círculo. No entanto, se eu mudar isso para “Diamante” (seta vermelha na imagem acima), você verá os cantos do desfoque mudarem para uma borda mais chanfrada (em vez de uma bela borda arredondada - seta azul).

Se eu alterar esta opção para “Quadrado” (seta vermelha), as bordas são muito mais bloqueadas (seta azul) - ou mais quadradas do que arredondadas.

Vou mais uma vez clicar em reset para retornar aos valores padrão.

A próxima opção é a opção “Cor”, que permite alterar a cor da sombra projetada. Por padrão, a sombra projetada será preta (como as sombras geralmente são!). No entanto, você pode clicar na amostra de cor grande para escolher uma nova cor (seta vermelha na imagem acima).

Você pode usar a caixa de diálogo Cor que aparece para selecionar a cor desejada. Você pode arrastar o mouse ao redor do Seletor de cores no lado esquerdo usando a faixa de cor unidimensional (seta vermelha) e a área de cor bidimensional (seta azul). Ou você pode digitar manualmente os valores numéricos dos canais de cores para quaisquer canais de cores individuais no lado direito da caixa de diálogo Cores.

Nota: R, G e B representam "Vermelho", "Verde" e "Azul", enquanto L, C e h representam "Luminância", "Croma" e "matiz" e, finalmente, o a representa para “alfa”, que é apenas transparência.

Você também pode copiar a cor exata que escolhi aqui digitando em “Notação HTML” (contorno em amarelo na imagem acima).

Quando estiver pronto para aplicar esta cor, clico em “OK”. Você verá que minha sombra projetada agora é uma cor azul claro.

À direita da amostra de cor grande está um seletor de cores (seta vermelha) que permite escolher qualquer cor em sua composição do GIMP (desde que esteja dentro da área da tela).

Abaixo das opções de cores está o controle deslizante “Opacidade” (seta azul na imagem acima). Este controle deslizante permite que você torne sua sombra projetada mais transparente (transparente), arrastando para a esquerda, ou mais opaca, arrastando para a direita.

Você verá que, quando arrasto esse valor para a esquerda, a sombra projetada fica mais esmaecida (seta amarela).

Quando arrasto o valor para a direita, a sombra projetada fica mais pronunciada. Quando o valor do controle deslizante é definido como 1.0, isso significa que a sombra projetada é totalmente opaca (ou 0% transparente).

O GIMP permite que você vá além de 1.0 para este valor. Para entender o porquê, deixe-me colocar desta forma: até 1.0 afetará a opacidade da área de sombra projetada principal, excluindo a área de desfoque. Entre 1.0 e 2.0 afetará a opacidade da área de desfoque. Como você pode ver na foto, quando arrasto o valor do controle deslizante bem acima de 1.0 (seta vermelha na foto acima), a forma da sombra começa a mudar conforme a área de desfoque perde sua transparência e se torna mais opaca (seta amarela) .

Normalmente gosto de manter minha opacidade abaixo de 1.0 - então, reajustarei esse valor para algo entre 5 e 1.0.

A seguir, na caixa de diálogo Drop Shadow, está a lista suspensa “Clipping” (expandida e destacada em amarelo na imagem acima). Por padrão, isso será definido como "Ajustar", o que significa que o limite da camada de texto (seta vermelha) será ajustado para caber em todos os pixels criados pela sombra projetada. Isso evita que a sombra projetada seja cortada.

No entanto, posso alterar esse valor para “Cortar”, o que significa que quaisquer pixels de sombra projetada que saiam do limite da camada serão “cortados” ou cortados.

Abaixo da lista suspensa Recorte, há uma área chamada “Opções de mesclagem”. Isso pode ser recolhido para você por padrão, então você pode clicar no pequeno ícone “+” para revelar esta área (seta azul na imagem acima). O primeiro item aqui é a lista suspensa “Modo” (seta vermelha), que permite selecionar um modo de mesclagem ou modo de camada.

As opções dentro desta lista suspensa são as mesmas que você pode aplicar camadas mais no painel de camadas. Em outras palavras, essas opções são todos modos de camada, apenas o modo de camada que você escolher será aplicado exclusivamente ao efeito de sombra projetada e não a toda a camada. Isso dá a você a capacidade de adicionar efeitos adicionais à sua sombra projetada. Por exemplo, se eu escolher o modo “Dissolver” (seta amarela), você verá que minha sombra projetada agora terá o modo de camada de dissolução aplicado a ela (seta vermelha).

Abaixo dessa lista suspensa há outro controle deslizante “Opacidade” (seta vermelha). Desta vez, o controle deslizante só permite que você escolha valores entre 0 e 100 e afeta toda a sombra projetada composta. Basicamente, ele pega todos os efeitos e configurações que você aplicou nas etapas anteriores e os mescla em um único item. Em seguida, você está ajustando a opacidade desse único item.

Se eu arrastar o controle deslizante de opacidade para baixo, todo o sombreamento composto se tornará mais transparente (seta azul). Se eu arrastar o valor do controle deslizante para cima, ele se tornará mais opaco.

Salvando predefinições

Se eu quiser salvar todas as configurações que acabei de criar como uma predefinição para uso futuro, posso simplesmente ir até o topo da caixa de diálogo Drop Shadow e clicar no pequeno ícone “+” (seta vermelha na imagem acima).

Uma caixa chamada “Salvar configurações como predefinição nomeada” aparecerá (destacada em amarelo) e posso dar um nome à minha predefinição. Nesse caso, vou chamá-lo de "Blue Dissolve". Clique em OK para criar a nova predefinição.

Ao lado do ícone “+” na parte superior, há um menu suspenso (seta azul). Aqui, você verá predefinições criadas automaticamente com base nos efeitos de Sombra projetada que você aplicou nas sessões anteriores. Na parte inferior, você verá uma linha divisória que separa as predefinições geradas automaticamente das predefinições criadas pelo usuário. Abaixo da linha divisória você verá o nome do novo preset que acabamos de criar - “Blue Dissolve” (seta vermelha).

Na parte inferior da caixa de diálogo Drop Shadow estão as caixas de seleção “Preview” e “Split Preview”. A visualização (seta amarela) permite alternar a visualização ao vivo na tela dos efeitos do filtro.

A caixa de seleção “Split Preview” (seta vermelha), quando ativada, mostrará uma linha divisória em sua tela (seta azul). No lado esquerdo da divisória está uma prévia ao vivo do efeito, enquanto no lado direito da linha está a composição antes de o efeito ser aplicado (ou seja, uma versão “antes” do texto).

Você pode clicar e arrastar esta linha pela tela para alterar o tamanho das áreas de visualização em ambos os lados da linha. Por exemplo, se eu arrastar a linha para a direita, obtenho mais da visualização “depois”. Se eu arrastar para a esquerda, obtenho mais da visualização “antes”.

Se eu não quiser aplicar essas alterações, posso clicar no botão “Cancelar”. Caso contrário, quando eu clicar em “OK”, a sombra projetada será aplicada diretamente à minha camada de texto.

Observe que, com o efeito agora no meu texto, a própria camada de texto foi convertida em uma camada de pixel padrão (o que significa que as informações do texto foram descartadas - seta vermelha na imagem acima). Não posso mais editar meu texto com a ferramenta de texto sem desfazer o efeito de sombra projetada.

É isso neste tutorial! Se gostou, não esqueça de conferir o meu outro Artigos de ajuda do GIMP, Tutoriais em vídeo do GIMPou se tornar um Membro Premium DMD!

Assine o boletim informativo DMD

Assine o boletim informativo DMD

Inscreva-se para receber novos tutoriais, atualizações de cursos e as últimas notícias sobre o seu software de código aberto favorito!

Você se inscreveu com sucesso!

Pin It on Pinterest

Compartilhe Este