Crie um efeito de texto de sombra longa com o Photoshop

0 0 André Sugai terça-feira, 8 de julho de 2025 Edite este post

[caption id="attachment_64092" align="aligncenter" width="853"] Crie um efeito de texto de ...

Crie um efeito de texto de sombra longa com o Photoshop | ::Tutoriais Photoshop::

Aprenda a criar um efeito popular de texto de sombra longa no Photoshop, onde a sombra das suas letras se estende para fora do fundo!

Neste tutorial, mostrarei como é fácil adicionar uma sombra longa ao seu texto com o Photoshop, um efeito popular frequentemente visto em publicidade. Você aprenderá a criar uma sombra inicial atrás do texto usando várias camadas de texto e um atalho que facilita a extensão da sombra até a borda do fundo. Também mostrarei como mesclar a sombra com o fundo, seja ele de cor sólida ou degradê, para que a sombra e o fundo compartilhem as mesmas cores.

Aqui está um exemplo de como ficará o efeito de sombra longa quando terminarmos:

O efeito de sombra longa.

Vamos começar!

Qual versão do Photoshop eu preciso?

Para melhores resultados, use o Photoshop 2020 ou posterior, mas qualquer versão recente funcionará. Obtenha a versão mais recente do Photoshop aqui .

A configuração do documento

Aqui está o documento com o qual estou começando. Adicionei um texto branco sobre um fundo cinza simples. Adicionaremos cor ao efeito depois de criar a sombra.

Qualquer fonte funcionará para esse efeito, mas estou usando a Mostra Nuova, que baixei do Adobe Typekit:

O documento inicial.

No painel Camadas, vemos como o documento está configurado.

Na parte inferior, está a camada de Fundo, que, na verdade, é preenchida com branco. Para tornar o fundo cinza, adicionei uma camada de preenchimento de Cor Sólida acima da camada de Fundo. E no Seletor de Cores, escolhi cinza definindo o valor H (Matiz) como 0 grau , o valor S (Saturação) como 0% e o valor B (Brilho) como 40% .

Acima está meu texto na camada de tipo:

Painel Camadas do Photoshop.

Etapa 1: faça uma cópia da sua camada de tipo

A primeira coisa que precisamos fazer para criar nossa sombra longa é fazer uma cópia do texto.

No painel Camadas, clique na sua camada de texto e arraste-a para baixo até o ícone Adicionar nova camada na parte inferior:

Arrastando a camada de texto para o ícone Adicionar nova camada.

Uma cópia da camada de tipo aparece acima do original:

A cópia é criada.

Etapa 2: altere a cor da cópia para preto

Em seguida, selecione a Ferramenta Tipo na barra de ferramentas, caso ela ainda não esteja selecionada:

Selecionando a ferramenta Tipo.

Em seguida, na Barra de opções, clique na amostra de cor :

Clicando na amostra de cor.

E no Seletor de Cores, altere a cor do texto para preto , definindo o valor B (Brilho) como 0 por cento :

Selecione preto no Seletor de cores.

Clique em OK para fechar o Seletor de cores, e o texto preto agora está bloqueando a visualização do texto branco original:

O resultado após alterar a cópia do texto para preto.

Etapa 3: Arraste a cópia para baixo do original

Usaremos o texto preto para criar nossa sombra, o que significa que precisamos movê-lo para trás do texto original. Então, de volta ao painel Camadas, clique na camada de texto da cópia e arraste-a para baixo da camada de texto original:

Arrastando a cópia para baixo do texto original.

E agora estamos vendo novamente o texto branco, com o texto preto escondido atrás dele:

O texto branco original está visível novamente.

Etapa 4: defina o nível de zoom do documento para 100%

Para criar o efeito de sombra longa, faremos uma série de cópias do texto preto e usaremos as setas do teclado para afastar cada cópia da anterior em um único pixel.

Mas para que isso funcione, precisamos visualizar nosso documento com o nível de zoom de 100%. Isso porque o Photoshop usa pixels de tela , não pixels de imagem, quando ajustamos o conteúdo usando as teclas de seta. Portanto, se o seu nível de zoom estiver definido para menos de 100%, você estará ajustando o texto em mais de 1 pixel, fazendo com que a sombra tenha bordas irregulares.

Para evitar que isso aconteça, certifique-se de que está visualizando o documento em 100%, indo até o menu Exibir na Barra de Menus e escolhendo 100% :

Indo para Exibir > 100%.

Etapa 5: Selecione o comando Transformação Livre

Em seguida, com a camada de cópia de texto selecionada, vá até o menu Editar e escolha Transformação Livre :

Vá em Editar > Transformação Livre.

A caixa de transformação e as alças aparecem ao redor do texto. Na verdade, elas estão ao redor do texto preto, embora pareçam estar ao redor do texto branco. Mas isso não importa, pois não vamos usar as alças de qualquer maneira. Em vez disso, moveremos o texto usando as teclas de seta:

A caixa de transformação e as alças.

Etapa 6: Pressione a seta para baixo e a seta para a direita no teclado

No teclado, pressione a tecla de seta para baixo uma vez. Isso desloca o texto preto um pixel para baixo. Em seguida, pressione a tecla de seta para a direita uma vez para deslocar o texto um pixel para a direita. Novamente, certifique-se de que está visualizando o documento com zoom de 100%, caso contrário, isso não funcionará.

Etapa 7: aceitar e fechar a transformação livre

Como estamos movendo o texto pixel por pixel, você pode não notar nada acontecendo. Mas, por enquanto, aceite e feche a Transformação Livre clicando na marca de seleção na Barra de Opções:

Clicando na marca de seleção.

Passo 8: Faça uma cópia do texto e transforme-o novamente

O Photoshop tem um comando um tanto oculto chamado Transformar Novamente que, como você provavelmente pode imaginar, permite que você reaplique a mesma transformação novamente.

Agora, não o selecione ainda, mas quero que você saiba que pode encontrá-lo acessando o menu Editar e escolhendo Transformar . O comando Novamente é a primeira opção no topo. E observe que Transformar Novamente tem um atalho de teclado: Shift+Ctrl+T (Win) / Shift+Command+T (Mac):

Visualizando o atalho de teclado para o comando Transformar novamente.

Cada vez que pressionarmos este atalho, reaplicaremos a mesma transformação ao texto preto, o que significa que o moveremos mais um pixel para baixo e mais um pixel para a direita. Mas não queremos continuar movendo o mesmo texto. O que realmente queremos é fazer uma cópia do texto e movê-la.

Para isso, basta adicionar a tecla Alt (Win) / Option (Mac) ao atalho. Em um PC com Windows, pressione Shift+Ctrl+Alt+T . Em um Mac, pressione Shift+Command+Option+T .

No painel Camadas, você verá uma nova cópia da camada de texto preto aparecer abaixo do texto branco original na parte superior:

Uma segunda camada de tipo preto aparece.

E se você olhar atentamente, verá a sombra começando a emergir por trás das letras:

A sombra do texto começa a aparecer.

Etapa 9: Continue pressionando o atalho para estender a sombra

Pressione Shift+Ctrl+Alt+T (Win) / Shift+Command+Option+T (Mac) repetidamente para adicionar mais e mais cópias do texto preto e mover cada cópia 1 pixel para baixo e 1 pixel para a direita. Quanto mais cópias você adicionar, mais longa a sombra aparecerá.

Mas observe que se você pressionar o atalho muitas vezes e muito rápido, o Photoshop pode ter dificuldade em acompanhar, então você precisará parar de vez em quando antes de ver os resultados.

Aqui está minha sombra depois de pressionar o atalho do teclado um total de 20 vezes:

A sombra com 20 cópias do texto preto adicionadas.

E aqui está o resultado após pressionar o atalho 50 vezes. A sombra agora se estende muito mais longe das letras:

A sombra usando 50 cópias do texto preto.

E depois de pressionar o atalho 100 vezes, a sombra agora está duas vezes maior que antes:

A sombra usando 100 cópias do texto preto.

Etapa 10: Mesclar as camadas de tipo preto

Se o seu objetivo é deixar a sombra longa o suficiente para se estender além da borda do fundo, adicionar uma nova camada de texto por vez levará algum tempo. Então, aqui está uma maneira de acelerar o processo.

No painel Camadas, clique na última camada de texto preto que você adicionou. Ela estará logo abaixo do texto branco original:

Selecionando a camada de tipo preto mais alta.

Em seguida, role até o final, pressione e segure a tecla Shift e clique na primeira camada de texto preto. No meu caso, é a que está logo acima da camada de preenchimento de cor sólida.

Isso seleciona todas as camadas de tipo que compõem a sombra:

Clique com a tecla Shift pressionada na primeira camada de texto preto.

Com as camadas selecionadas, clique no ícone do menu do painel Camadas :

Clicando no ícone do menu.

E escolha o comando Mesclar Camadas :

Selecionando “Mesclar Camadas”.

E agora todas as camadas que compunham a sombra são mescladas em uma única camada:

A sombra agora está em uma única camada.

Etapa 11: Selecione a ferramenta Mover

Para estender a sombra, faremos cópias dela e moveremos cada cópia para onde a sombra anterior terminou.

Selecione a ferramenta Mover na barra de ferramentas:

Selecionando a ferramenta Mover.

E na Barra de Opções, certifique-se de que a opção Seleção Automática esteja desmarcada . Isso evitará que movamos acidentalmente a camada errada:

A seleção automática deve ser desativada.

Além disso, para facilitar a movimentação das camadas, vá até o menu Exibir na Barra de Menus e desative a opção Ajustar . Uma marca de seleção ao lado do nome da opção indica que ela está ativada, então selecione-a para desativá-la:

Desativando o Snap.

Etapa 12: Copie a sombra e mova-a para baixo do original

No painel Camadas, certifique-se de que a camada de sombra esteja selecionada:

Selecionando a camada de sombra.

Em seguida, para fazer uma cópia da sombra, pressione a tecla Alt (Win) / Option (Mac) no seu teclado e, com a tecla pressionada, clique na sombra no documento e arraste para longe dela.

Em vez de arrastar a sombra, você arrastará uma cópia da sombra enquanto a original permanece no lugar:

Mantenha pressionada a tecla Alt (Win) / Option (Mac) e arraste uma cópia da camada de sombra.

Solte a tecla Alt (Win) / Option (Mac) depois de começar a arrastar. Em seguida, mova a cópia para onde a sombra original terminou, de modo que as duas camadas se alinhem e estendam o comprimento da sombra.

Se você não conseguir alinhá-los perfeitamente com a ferramenta Mover, use as setas do teclado para empurrar a cópia para o lugar:

Posicionando a cópia de modo que ela estenda a sombra.

Etapa 13: Faça e mova mais cópias para estender o comprimento da sombra

Repita os mesmos passos para estender a sombra ainda mais. Pressione e segure Alt (Win) / Option (Mac) e arraste uma cópia com a ferramenta Mover. Em seguida, mova a cópia para baixo da anterior. Use as setas do teclado para ajustá-la ao lugar, se necessário.

Aqui estou movendo uma segunda cópia da sombra abaixo da primeira:

Posicionando uma segunda cópia da sombra.

E como quero que minha sombra se estenda para fora do canto inferior, adicionarei mais algumas cópias e moverei cada uma para a posição.

No meu caso, foram necessárias um total de seis camadas de sombra (a original mais cinco cópias) para estender a sombra para fora da tela:

A sombra agora se estende para fora do canto inferior.

Etapa 14: Mesclar as camadas de sombra

Assim como fizemos com as camadas de texto, precisamos mesclar as camadas de sombra em uma única camada.

No painel Camadas, a última cópia adicionada já deve estar selecionada na parte superior. Para selecionar as outras camadas de sombra abaixo dela, pressione e segure a tecla Shift e clique na camada de sombra original na parte inferior:

Selecionando todas as camadas de sombra.

Para mesclá-los, clique no ícone de menu :

Clicando no ícone do menu do painel Camadas.

E mais uma vez escolha Mesclar Camadas :

Escolhendo “Mesclar Camadas”.

E agora a sombra inteira é mesclada em uma única camada abaixo da camada de texto:

A camada de sombra mesclada.

Etapa 15: reduza a opacidade da camada de sombra

Por fim, para mesclar a sombra com o fundo, diminua o valor de opacidade da camada de sombra. A opção Opacidade está localizada no canto superior direito do painel Camadas. Vou diminuir a minha para 70% :

Reduzindo a opacidade da sombra.

E com a opacidade diminuída, a sombra fica um pouco menos intensa:

O resultado após diminuir a opacidade da sombra.

Etapa 16: Alterar a cor de fundo

Neste ponto, minha sombra ainda parece cinza, mas isso ocorre apenas porque o fundo é cinza. Se mudarmos a cor do fundo, a cor da sombra também mudará.

Já adicionei uma camada de preenchimento de Cor Sólida acima da camada de Fundo, que é de onde vem o cinza. Para alterar a cor, clico duas vezes na amostra de cor da camada de preenchimento :

Clique duas vezes na amostra de cor.

E então, no Seletor de Cores, escolherei uma cor diferente. Tentarei um tom de vermelho:

Escolha uma nova cor de fundo no Seletor de Cores.

Clicarei em OK para fechar o Seletor de Cores, e agora a sombra aparece vermelho escuro:

O resultado usando vermelho como fundo.

Ajustando o brilho da sombra

Se a sombra ainda estiver muito escura, você pode ajustá-la no painel Camadas clicando na camada da sombra para selecioná-la novamente e, em seguida, diminuindo ainda mais o valor de Opacidade . Vou reduzi-la para 50% :

Reduzindo a opacidade da sombra para 50%.

E agora a sombra parece mais clara à medida que desaparece mais no fundo:

Valores mais baixos de Opacidade tornam a sombra mais clara.

Aqui está o mesmo efeito, usando o mesmo valor de opacidade de 50%, mas com o fundo alterado para azul:

Mesmo efeito, cor de fundo diferente.

Usando um gradiente para o fundo

Claro, você não precisa usar uma cor sólida para o fundo. Degradês também funcionam bem, e a sombra assumirá as cores do degradê.

No painel Camadas, adicionarei uma camada de preenchimento de gradiente acima da camada de preenchimento de cor sólida clicando no ícone Novo preenchimento ou Camada de ajuste :

Clicando no ícone Nova camada de preenchimento ou ajuste.

E escolhendo Gradiente na lista:

Adicionando uma camada de preenchimento de gradiente.

Em seguida, na caixa de diálogo Preenchimento de gradiente, escolherei um gradiente clicando na seta ao lado da amostra de gradiente:

Clicando na seta para escolher um gradiente.

A partir do Photoshop CC 2020, os gradientes são divididos em grupos, com cada grupo representado por uma pasta.

Abrirei o grupo Roxos (novo no CC 2020) clicando na seta ao lado do ícone da pasta e, em seguida, escolherei um dos novos gradientes roxos clicando duas vezes na miniatura:

Clicar duas vezes na miniatura de um gradiente.

Quero que a cor mais clara do gradiente apareça na parte superior do fundo e a cor mais escura na parte inferior. Então, vou inverter a ordem das cores marcando a opção Inverter :

Selecionando a opção Reverter.

Em seguida, clicarei em OK para fechar a caixa de diálogo Preenchimento de gradiente.

E agora, não só o fundo parece mais interessante, mas a sombra também fica melhor, pois se mistura às cores do gradiente:

O efeito de sombra longa com fundo gradiente.

::Tutoriais Photoshop:: 20 anos no ar!

Crie um efeito de texto de sombra longa com o Photoshop

Qual versão do Photoshop eu preciso?

A configuração do documento

Etapa 1: faça uma cópia da sua camada de tipo

Etapa 2: altere a cor da cópia para preto

Etapa 3: Arraste a cópia para baixo do original

Etapa 4: defina o nível de zoom do documento para 100%

Etapa 5: Selecione o comando Transformação Livre

Etapa 6: Pressione a seta para baixo e a seta para a direita no teclado

Etapa 7: aceitar e fechar a transformação livre

Passo 8: Faça uma cópia do texto e transforme-o novamente

Etapa 9: Continue pressionando o atalho para estender a sombra

Etapa 10: Mesclar as camadas de tipo preto

Etapa 11: Selecione a ferramenta Mover

Etapa 12: Copie a sombra e mova-a para baixo do original

Etapa 13: Faça e mova mais cópias para estender o comprimento da sombra

Etapa 14: Mesclar as camadas de sombra

Etapa 15: reduza a opacidade da camada de sombra

Etapa 16: Alterar a cor de fundo

Ajustando o brilho da sombra

Usando um gradiente para o fundo

Categorias:

COMENTÁRIOS

USUÁRIOS ONLINE

/gi-clock-o/ MAIS ACESSADOS DO MÊS$type=list

RECENTE$type=blogging$m=0$cate=0$sn=0$rm=0$c=4$va=0

RECENTE$type=list-tab$date=0$au=0$c=5

RESPOSTAS$type=list-tab$com=0$c=4$src=recent-comments

ALEATÓRIO$type=list-tab$date=0$au=0$c=5$src=random-posts

/gi-fire/ POPULAR$type=one

Crie um efeito de texto de sombra longa com o Photoshop

Qual versão do Photoshop eu preciso?

A configuração do documento

Etapa 1: faça uma cópia da sua camada de tipo

Etapa 2: altere a cor da cópia para preto

Etapa 3: Arraste a cópia para baixo do original

Etapa 4: defina o nível de zoom do documento para 100%

Etapa 5: Selecione o comando Transformação Livre

Etapa 6: Pressione a seta para baixo e a seta para a direita no teclado

Etapa 7: aceitar e fechar a transformação livre

Passo 8: Faça uma cópia do texto e transforme-o novamente

Etapa 9: Continue pressionando o atalho para estender a sombra

Etapa 10: Mesclar as camadas de tipo preto

Etapa 11: Selecione a ferramenta Mover

Etapa 12: Copie a sombra e mova-a para baixo do original

Etapa 13: Faça e mova mais cópias para estender o comprimento da sombra

Etapa 14: Mesclar as camadas de sombra

Etapa 15: reduza a opacidade da camada de sombra

Etapa 16: Alterar a cor de fundo

Ajustando o brilho da sombra

Usando um gradiente para o fundo

Categorias:

COMPARTILHE:

COMENTÁRIOS

USUÁRIOS ONLINE

/gi-clock-o/ MAIS ACESSADOS DO MÊS$type=list

RECENTE$type=blogging$m=0$cate=0$sn=0$rm=0$c=4$va=0

RECENTE$type=list-tab$date=0$au=0$c=5

RESPOSTAS$type=list-tab$com=0$c=4$src=recent-comments

ALEATÓRIO$type=list-tab$date=0$au=0$c=5$src=random-posts

/gi-fire/ POPULAR$type=one