Como Contornar Texto no Photoshop

Neste tutorial, mostrarei como adicionar um contorno ao texto no Photoshop e como personalizá-lo de acordo com suas necessidades. Com este truque simples, você poderá delinear qualquer fonte em minutos! Como bônus, também mostrarei como editar o contorno separadamente das letras usando Layer Styles.

Acompanhe comigo no nosso canal Envato Tuts+ no YouTube:

1. Como Contornar Texto no Photoshop

Passo 1

Comece digitando seu texto com o Ferramenta Tipo (T).

digite algum textodigite algum textodigite algum texto

Passo 2

Clique com o botão direito a camada de texto e selecione Opções de mistura.

selecione as opções de misturaselecione as opções de misturaselecione as opções de mistura

etapa 3

Verificar Derrame. Seu texto será delineado da maneira padrão.

verifique o cursoverifique o cursoverifique o curso

Passo 4

Você pode personalizar facilmente o contorno brincando com as configurações apresentadas aqui. Primeiro, vamos alterar o Cor para torná-lo mais visível, por exemplo, para branco.

mudar a cor do traçomudar a cor do traçomudar a cor do traço
mudar o traço para brancomudar o traço para brancomudar o traço para branco
texto em preto com traço htetexto em preto com traço htetexto em preto com traço hte

Etapa 5

O contorno também pode ser preenchido com um Gradientese precisar…

curso de gradientecurso de gradientecurso de gradiente
texto com traçado gradientetexto com traçado gradientetexto com traçado gradiente

… ou com um Padrão da sua escolha.

traçado de padrãotraçado de padrãotraçado de padrão
texto com Atern stroketexto com Atern stroketexto com Atern stroke

Etapa 6

Você também pode alterar a espessura do contorno…

alterar o tamanho do contornoalterar o tamanho do contornoalterar o tamanho do contorno
espessura do cursoespessura do cursoespessura do curso

… e altere o seu Posição para a borda das letras.

posição do cursoposição do cursoposição do curso
contorno centralcontorno centralcontorno central

Etapa 7

Se você quiser que o contorno seja mais sutil, você pode diminuir sua Opacidade ou altere sua Modo de mistura para interagir com o fundo.

alterar a opacidade do contornoalterar a opacidade do contornoalterar a opacidade do contorno
traço transparentetraço transparentetraço transparente

Etapa 8

Por fim, se você precisar remover o texto e manter apenas o contorno, isso também é possível. Basta ir ao Opções de mistura e arraste o Preencher opacidade barra até 0%.

alterar a opacidade de preenchimento para zeroalterar a opacidade de preenchimento para zeroalterar a opacidade de preenchimento para zero
como fazer contorno a partir de textocomo fazer contorno a partir de textocomo fazer contorno a partir de texto

2. Como editar o contorno do texto separadamente

Passo 1

Infelizmente, você não pode adicionar estilos diretamente ao contorno dessa maneira. Por exemplo, se você marcar Drop Shadow, a sombra será projetada por todo o texto, mesmo se você tornar o preenchimento transparente. Se você quiser editar o contorno separadamente, precisará usar um truque. Clique com o botão direito a camada e selecione Rasterizar Estilo de Camada.

rasterizar estilo de camadarasterizar estilo de camadarasterizar estilo de camada

Passo 2

Agora você pode usar livremente todas as configurações de estilo neste contorno. A desvantagem desse método é que você não pode mais editar o texto, pois ele foi transformado em uma forma.

editar contorno separadamenteeditar contorno separadamenteeditar contorno separadamente
como usar as opções de mesclagem no traçadocomo usar as opções de mesclagem no traçadocomo usar as opções de mesclagem no traçado

Há muitas maneiras de usar Estilos de camada para tornar seu texto mais visualmente atraente, mas se você quiser economizar tempo, poderá usar efeitos de texto prontos. Deixe-me mostrar alguns exemplos.

Efeito de texto 3D

Este efeito 3D parece muito complexo, mas é simples de usar. Basta clicar duas vezes na camada de texto para editar o texto diretamente. É um Objeto Inteligente, o que significa que o texto é salvo em outro arquivo. Depois de editar esse arquivo separado e salvá-lo, o arquivo principal será modificado automaticamente de acordo com suas alterações. Pode demorar um pouco se o efeito for muito complexo, mas você não precisa fazer nada. Apenas espere a mágica acontecer!

Efeito de texto 3DEfeito de texto 3DEfeito de texto 3D
Efeito de texto 3D

Efeito de texto do logotipo do jogo

Você pode usar esse método para criar logotipos muito complexos. O melhor é que você só precisa fornecer o texto e todo o resto acontece sem nenhum esforço da sua parte. Esse efeito de texto, por exemplo, permite que você crie um logotipo com aparência 3D direto de um videogame.

Efeito de texto do logotipo do jogoEfeito de texto do logotipo do jogoEfeito de texto do logotipo do jogo
Estilos de texto do logotipo do jogo – não mais disponíveis

Efeito de texto retrô

Você também pode criar texto em estilo vintage usando este método. Normalmente levaria muito tempo e habilidade para criar um efeito como este, mas já está feito e pronto para ser usado. Apenas adicione seu próprio texto!

Efeito de texto retrôEfeito de texto retrôEfeito de texto retrô
Efeito de texto retrô

Efeito de texto antigo

Aqui está outro exemplo deste método. Aqui o texto torna-se parte de toda a obra de arte, sendo alterado para parecer mais antigo. Parece quase como se tivesse sido desenhado manualmente e não simplesmente digitado.

Efeito de texto antigoEfeito de texto antigoEfeito de texto antigo
Efeito de texto vintage – não está mais disponível

Bom trabalho!

Agora você sabe como delinear letras no Photoshop e como personalizar o contorno com Layer Styles. Se você quiser aprender mais sobre como criar efeitos de texto, você pode estar interessado em um de nossos outros tutoriais:

como esboçar texto no photohopcomo esboçar texto no photohopcomo esboçar texto no photohop

Deixe uma resposta