Neste tutorial, vou mostrar a você como criar um simples efeito de texto pintado com spray, onde as letras parecem ter sido pintadas com spray em uma parede ou superfície. Também vou mostrar como misturar a tinta spay com a superfície para um efeito de aparência mais realista. E como vamos criar a tinta spray usando nada mais do que um efeito de camada e as opções de mistura do Photoshop, o seu texto permanecerá editável mesmo quando terminarmos.

Estarei usando a última versão do Photoshop CC mas qualquer versão recente irá funcionar.

Aqui está um exemplo de como será o efeito de texto pintado com spray. Claro, você pode usar qualquer texto, fundo e cores que quiser:

Vamos começar!

Download deste tutorial como um PDF pronto para impressão!

Como criar texto pintado com spray no Photoshop

Comecemos por aprender como criar o efeito de pintura com spray principal, e depois vou mostrar-lhe como misturar as letras com o fundo. Também lhe mostrarei como duplicar o efeito para adicionar mais texto ao seu design, e como mudar a cor da tinta.

Vocês também podem seguir junto com o vídeo deste tutorial. Ou baixe este tutorial como um PDF pronto para impressão!

Passo 1: Abra sua imagem de fundo

Desde que vamos querer pintar o texto em algum tipo de fundo, comece abrindo sua imagem de fundo. Vou usar esta imagem que baixei do Adobe Stock:

E no painel Layers, vemos a imagem na camada Background:

Related: Aprenda como usar camadas no Photoshop

Passo 2: Adicione seu texto

Para adicionar seu texto, selecione a Ferramenta Tipo na Barra de Ferramentas:

Selecionando uma fonte

E depois na Barra de Opções, escolha sua fonte. Vou usar “HWT Gothic Round” que eu baixei do Adobe Typekit. Se você não tem acesso a esta fonte, tudo bem. Qualquer fonte funcionará:

Mais opções de tipo de letra

Parar na Barra de Opções, vou definir o tamanho do meu tipo de letra para 72 pt apenas para me dar o maior tamanho predefinido por enquanto. E eu vou definir o alinhamento do texto para o centro.

Para a cor, vou escolher o branco clicando na amostra de cor e escolhendo o branco do Photoshop’s Color Picker. Esta não é a cor que vamos usar para a tinta em spray. Tudo o que precisamos por enquanto é algo que nos permita ver o texto enquanto o estamos adicionando:

Adicionando o texto

Depois clique no documento e adicione seu texto. Vou digitar a palavra “PAINT”:

Aceitando o texto

Para aceitá-lo, clique na marca de verificação na Barra de Opções:

Passo 3: Redimensionar e reposicionar o texto com Free Transform

Para redimensionar o texto e colocá-lo no lugar, vá até o menu Editar na Barra de Menu e escolha Free Transform:

E depois, para redimensionar o texto, clique e arraste qualquer uma das alças de canto. A partir do Photoshop CC 2019, a relação de aspecto do texto é automaticamente bloqueada à medida que você arrasta as alças. Nas versões anteriores do Photoshop, você precisará manter pressionada a tecla Shift enquanto arrasta para bloquear a relação de aspecto no lugar.

Para redimensionar o texto a partir de seu centro, pressione e segure a tecla Alt (Win) / Option (Mac) enquanto arrasta. E se você precisar reposicionar seu texto, clique dentro da caixa Free Transform e arraste o texto para o lugar.

Para aceitá-lo e sair da Free Transform, pressione Enter (Win) / Return (Mac) no seu teclado:

Passo 4: Baixe o valor de preenchimento da camada Type para 0%

No painel Layers, vemos nosso texto em uma nova camada Type acima da imagem:

Para criar o efeito de tinta spray, a primeira coisa que precisamos fazer é tornar nosso texto transparente. Para isso, baixe o valor de Fill na parte superior direita do painel Layers até 0%. Certifique-se de que está a baixar o valor Fill, não o valor Opacity:

O texto desaparece completamente. Ainda está lá, é apenas transparente:

Qual é a diferença entre Opacidade e Fill?

No painel Layers, tanto os valores de Opacidade como de Fill afectam a transparência de uma camada. A diferença entre eles é que o Opacity controla a transparência tanto do conteúdo de uma camada como de qualquer efeito de camada que tenhamos aplicado. O Fill, por outro lado, afeta apenas o conteúdo de uma camada. Ele não tem efeito sobre os efeitos de camada.

Isso significa que, baixando o valor de Fill, podemos aplicar efeitos de camada ao nosso texto e manter os efeitos visíveis, mesmo que o texto em si esteja escondido. E é isto que nos vai permitir criar o nosso efeito de spray paint.

Passo 5: Adicione um efeito de layer Drop Shadow à layer Type

O efeito de spray paint inteiro pode ser criado usando um único efeito de layer, e o que precisamos é o Drop Shadow. Com a camada Type seleccionada, clique no ícone Layer Style (o ícone “fx”) na parte inferior do painel Layers:

E depois escolha Drop Shadow:

Passo 6: Redefinir as configurações de Drop Shadow para os padrões

Na caixa de diálogo Layer Style, clique no botão Reset to Default para restaurar as configurações padrão de Drop Shadow, só para que ambos vejamos a mesma coisa:

Passo 7: Altere a cor da sombra de gota para branco

A seguir altere a cor da sombra de gota clicando na amostra de cor:

E no Color Picker, escolha branco por enquanto, e depois clique em OK. Escolheremos cores diferentes para o efeito um pouco mais tarde:

Passo 8: Altere o modo de mistura da sombra para Screen

Para ver o branco, altere o modo de mistura da sombra de gota de Multiply (o modo de mistura padrão) para Screen:

E imediatamente, começamos a ver o branco a aparecer por trás das letras:

Passo 9: Aumentar a Opacidade da sombra para 100%

Para tornar o efeito mais brilhante, aumente a opacidade da sombra de queda até 100%:

E agora o efeito é mais fácil de ver. Mudando a cor da sombra de gota de preto para branco, e mudando o seu modo de mistura de Multiply para Screen, essencialmente transformamos a nossa sombra num brilho:

Passo 10: Definir a Distância e Espalhamento para 0%

Ignorar o Ângulo e Usar a Luz Global opções, uma vez que não vão importar aqui. Mas baixe a Distância para 0px e certifique-se de que o Espalhamento está em 0%:

Configurando a Distância para 0px, centramos a sombra de queda atrás do texto, criando um contorno ou traço fraco em torno das letras:

Passo 11: Aumentar o Tamanho da Sombra de Gota

Para espalhar a sombra (ou brilho, neste caso) mais longe das bordas, aumente o valor do Tamanho:

Quanto mais se aumenta, mais largo aparece o brilho:

Passo 12: Altere o Cone para Cone

Neste ponto, o efeito até agora não se parece muito com tinta spray. Nosso brilho precisa parecer mais com um contorno em torno das formas das letras.

Para corrigir isso, ainda na caixa de diálogo Layer Style, vá para a seção Qualidade, clique na pequena seta ao lado da miniatura de visualização do Cone:

E então escolha o Cone contorno clicando duas vezes em sua miniatura. É o da linha superior, segundo da esquerda:

Contornos afetam a transparência da sombra de gota, mudando como e onde ela transita de áreas opacas para áreas transparentes. E imediatamente, vemos um contorno muito mais forte ao redor das bordas das letras:

Passo 13: Desmarque “Layer Knocks Out Drop Shadow”

Mas note que mesmo que nosso texto seja transparente, o brilho só aparece ao redor do lado de fora dele. Precisamos ver o brilho dentro das letras também.

Para corrigir isso, desmarque a opção que diz “Layer Knocks Out Drop Shadow:

E agora o contorno aparece tanto fora como dentro do texto:

Passo 14: Reajuste o valor do tamanho se necessário

Neste ponto, você pode precisar voltar atrás e reajustar o valor do tamanho para mudar a espessura do contorno. Não vá muito alto ou você vai espalhar o brilho para longe demais. O tamanho exato que você precisa dependerá do tamanho do seu texto.

No meu caso, eu irei com um valor de Tamanho em torno de 120px, mas você pode precisar de um valor diferente:

E aqui está o resultado:

Passo 15: Adicionar ruído

Finalmente, adicionar algum ruído ao contorno aumentando o valor do Ruído. Vou ajustar o meu para cerca de 25-30%:

E agora, se eu fizer zoom, vemos pequenas manchas no contorno, tornando-o mais parecido com tinta spray.

Dependente do tamanho da fonte que você está usando, você pode notar algumas bordas fracas e duras ao longo das áreas onde o efeito e o fundo se encontram. Nesta captura de tela, você pode vê-las dentro das letras “P” e “A”. Estas bordas desaparecerão assim que misturarmos o texto com o fundo, que é o que vamos fazer a seguir:

Como misturar o texto pintado com o fundo

Neste ponto, terminamos com o nosso efeito Drop Shadow layer. Então vamos aprender como misturar o efeito com o fundo, para que pareça que o texto está realmente pintado com spray sobre o fundo e não apenas sentado em frente a ele. Quando terminarmos, vou mostrar como copiar o efeito para adicionar mais texto, mantendo intactos os efeitos de camada e as opções de blending.

Passo 16: Abra as Opções de Blending do Photoshop

Parar na caixa de diálogo Layer Style, selecione a categoria Blending Options à esquerda:

Passo 17: Arraste o selector preto “Underlying Layer” para a direita

No fundo das Opções de Mistura estão dois conjuntos de selectores. O de cima diz “Esta Camada” e o de baixo diz “Camada Subjacente”. Podemos usar estes sliders para misturar o nosso texto com a imagem de fundo. E o conjunto que precisamos é o inferior (Camada Subjacente):

Note os dois deslizadores abaixo da barra de gradiente. Há um deslizador preto à esquerda e um deslizador branco à direita. Vamos misturar o nosso texto com as partes mais escuras da nossa imagem de fundo. E para isso, precisamos do controle deslizante preto.

Clique no controle deslizante preto e comece a arrastá-lo para a direita:

Ao arrastar, fique de olho no seu texto e verá as áreas mais escuras da imagem de fundo começando a aparecer através dele. E à medida que você arrasta mais, mais e mais do fundo aparece:

Passo 18: Dividir o controle deslizante preto ao meio

O problema é que as transições entre o texto e o fundo são muito duras. Para criar transições mais suaves, pressione e segure a tecla Alt (Win) / Option (Mac) no seu teclado. Clique no lado direito da barra deslizante preta e arraste-a para longe do lado esquerdo. Isto divide o controle deslizante em duas metades:

Passo 19: Ajuste os controles deslizantes para criar uma transição suave

A metade esquerda do controle agora controla o nível de brilho onde o texto começa a aparecer na frente do fundo. E a metade direita define o nível de brilho onde o texto se torna totalmente visível e o fundo não aparece mais através dele. A área entre os dois controles deslizantes torna-se a área de transição onde o texto e o fundo estão se misturando. Quanto mais afastados estiverem os controles deslizantes, mais gradual a transição aparece.

Ajuste cada metade do controle deslizante até que você esteja satisfeito com o efeito. Não há valores específicos para usar aqui, pois dependerá da sua imagem de fundo.

No meu caso, vou ajustar a minha metade esquerda para um nível de brilho de 10 e a minha metade direita para um nível de brilho de 60. Em outras palavras, quaisquer áreas da minha imagem de fundo que estejam a um nível de brilho de 10 ou mais escuras aparecerão completamente através do texto. As áreas com um nível de brilho de 60 ou mais claras serão completamente escondidas pelo texto. E os níveis de brilho entre (11 a 59) são onde a transição está ocorrendo:

E com o texto agora misturado com a imagem, obtemos um efeito de pintura em spray muito mais realista:

Passo 20: Feche a caixa de diálogo Layer Style:

Acabamos com o efeito principal, então vá em frente e feche a caixa de diálogo Layer Style clicando OK:

E no painel Layers, vemos agora o nosso Drop Shadow listado como um efeito abaixo da camada Type. Também vemos um ícone de Blending Options ao lado do ícone “fx”, nos dizendo que também temos algumas opções avançadas de blending aplicadas à camada:

Baixar este tutorial como um PDF pronto para impressão!

Como duplicar o efeito de texto pintado com spray

A este ponto, adicionar mais texto pintado com spray é fácil.

Passo 21: Faça uma cópia da camada Type

Tudo o que precisamos fazer é duplicar a camada Type. Basta arrastá-lo para baixo no ícone Add New Layer (Adicionar nova camada) na parte inferior do painel Layers:

Uma cópia da camada Type aparece acima do original, completa com nosso efeito Drop Shadow e nossas opções de blending:

Passo 22: Selecione a Ferramenta Mover

Para reposicionar o texto, selecione a Ferramenta Mover na Barra de Ferramentas:

Passo 23: Mova o texto para o lugar

E então clique no texto e mova-o para o lugar. Vou arrastar a cópia do texto para cima:

Então no painel Layers, vou clicar na camada Type original para selecioná-la:

E vou arrastar o texto original para baixo:

Como editar o texto pintado com spray

Desde que o nosso texto ainda é do tipo editável, podemos facilmente editar o texto e manter o efeito de pintura com spray intacto.

Passo 24: Selecione a Ferramenta Tipo

Não quero que as duas palavras sejam iguais, então para editar o texto superior, selecionarei a Ferramenta Tipo na Barra de Ferramentas:

Passo 25: Selecione e edite o texto

Então, eu clicarei duas vezes dentro da palavra para realçá-la:

E vou mudar a palavra de “PAINT” para “SPRAY”:

Para aceitar, vou clicar na marca de verificação na Barra de Opções:

Passo 26: Redimensionar o texto editado com Free Transform

Eu redimensionarei o texto superior indo até o menu Editar e escolhendo Free Transform:

E então eu arrasto as alças do canto superior para redimensionar a palavra de modo que ela tenha a mesma largura que a palavra inferior. Para aceitá-la, vou pressionar Enter (Win) / Return (Mac) no meu teclado:

Como mudar a cor da tinta spray

E finalmente, vamos ver como mudar a cor do efeito.

Passo 27: Clique duas vezes no efeito da camada de Sombra de Gota

Para mudar a cor da tinta em spray, clique duas vezes nas palavras “Drop Shadow” abaixo da camada Tipo. Se você tiver mais de uma camada Type como eu tenho, certifique-se de que você está clicando duas vezes na que você quer editar.

No meu caso, vou começar com a palavra “SPRAY” no topo:

Passo 28: Clique na amostra de cor

Isso reabre a caixa de diálogo Layer Style. Clique na amostra de cores:

Passo 29: Escolha uma nova cor do Color Picker

E depois no Color Picker, escolha uma nova cor. Eu irei com algo brilhante, como amarelo:

Clique OK para fechar o Color Picker, e depois clique OK para fechar a caixa de diálogo Layer Style. E agora o meu texto superior é amarelo:

Mudando a cor do texto inferior

Faço a mesma coisa com o texto inferior. Vou clicar duas vezes nas palavras “Drop Shadow” para reabrir a caixa de diálogo Layer Style:

E depois vou clicar na amostra de cor:

E vou escolher uma nova cor do Color Picker. Para o texto inferior, eu vou novamente com algo brilhante, como um rosa avermelhado:

Eu clicarei OK mais uma vez para fechar o Color Picker, e depois OK para fechar a caixa de diálogo Layer Style.

E aqui, após adicionar cor às duas palavras, está o meu resultado final:

E lá está! É assim que se cria um texto pintado com spray no Photoshop! Confira nossas seções de Efeitos de Foto e Efeitos de Texto para mais tutoriais. E não se esqueça, todos os nossos tutoriais estão disponíveis para download em PDFs!