Como criar um efeito de texto distorcido no Adobe Photoshop

Você sabia que pode criar efeitos de texto legais no Photoshop com a ferramenta Liquify? Isso mesmo, e isso não é útil apenas para trabalhar com imagens fotográficas. Neste tutorial, usaremos as diferentes opções da ferramenta Liquify do Photoshop para adicionar movimento, fluxo e distorção a um pôster tipográfico.

Fã de tutoriais em vídeo? Então você precisa assistir a este novo vídeo de Andrei Marius do canal Envato Tuts+ no YouTube. Aprenda a criar efeitos de texto de tipografia exclusivos do Photoshop usando a ferramenta Liquify:


O que você aprenderá neste tutorial do Photoshop de efeito de texto

  • Como criar um novo documento e adicionar guias
  • Como adicionar e definir texto
  • Como criar traços e objetos duplicados
  • Como usar a ferramenta Dissolver no Photoshop
  • Como salvar um arquivo do Photoshop e um arquivo da web

O que você precisará

Você precisará da fonte Archivo Black do Google Fonts para concluir este projeto.

1. Como criar um novo documento e adicionar guias

Passo 1

Vamos começar este tutorial de efeito de texto do Photoshop. Abra o software e vá para Arquivo > Novo. Dê um nome ao documento Efeito vacilantee defina o Largura para 1270 pixels e Altura para 1600 pixels. eu estarei usando 72 dpi pois pretendo manter este pôster digital e Conteúdo de fundo Branco. Clique OK para criar o documento.

Criar um novo documentoCriar um novo documentoCriar um novo documento

Passo 2

Na parte inferior do Camadas painel, clique em Criar uma Nova Camada de Preenchimento ou Ajuste > Cor Sólida e use uma cor azul. Estou usando o seguinte código de cores: #0100c8.

Crie uma nova camada de preenchimento e selecione uma cor azulCrie uma nova camada de preenchimento e selecione uma cor azulCrie uma nova camada de preenchimento e selecione uma cor azul

etapa 3

Precisamos criar uma margem de 1 polegada ao redor do documento. Dirija-se a Ver > Novo Guia. Colocou o Orientação para Horizontal e Posição para 1 polegada. Faça o mesmo para o Vertical orientação. Para a margem direita, basta subtrair 1 polegada do tamanho final do documento.

Defina uma margem de 1 polegada ao redor do documentoDefina uma margem de 1 polegada ao redor do documentoDefina uma margem de 1 polegada ao redor do documento

2. Como adicionar e definir texto

Passo 1

Para criar efeitos de texto legais no Photoshop, precisamos de algum texto! Vamos adicioná-lo usando o Digite Ferramenta Texto (T). Estou usando a letra de uma música: “Suba no trem para lugar nenhum, baby”. Estou usando o Archivo Black em branco e tudo em maiúsculas. Estou definindo o tamanho para 260 pt, levando a 235 pt, rastreando para -40 e alinhado à direita.

Adicione uma camada de texto com alinhamento à direitaAdicione uma camada de texto com alinhamento à direitaAdicione uma camada de texto com alinhamento à direita

Passo 2

Ao selecionar a camada de texto, pressione Comando-T para transformar a camada. Gire passando o mouse sobre um dos cantos até que o símbolo de rotação apareça. Imprensa Mudança para uma rotação uniforme e gire em -90 graus. Alinhe a caixa de texto à margem superior. Imprensa Digitar para prosseguir.

Gire o texto para encontrar a margem superiorGire o texto para encontrar a margem superiorGire o texto para encontrar a margem superior

3. Como criar traços e objetos duplicados

Passo 1

Precisamos criar linhas verticais no documento. Estarei desativando as outras camadas para que você possa ver as linhas sendo criadas. Dirija-se ao barra de ferramentas e selecione o Ferramenta Linha (U). Queremos alterar as configurações no Opções bar. Sob Preencherescolher Sem Cor. Sob AVCselecione o azul que usamos acima (#0100c8), colocou o AVC para 3 px, e definir o Peso para 3 px. Clique no documento e desenhe uma única linha vertical.

Crie um traçado de 3px com a mesma cor da camada de preenchimento de corCrie um traçado de 3px com a mesma cor da camada de preenchimento de corCrie um traçado de 3px com a mesma cor da camada de preenchimento de cor

Passo 2

Agora, precisamos duplicar esta linha no documento. Selecione a camada do traçado que criamos no passo acima. Imprensa Opção-Comando-T para transformar e duplicar o objeto. O controle de transformação aparecerá. Para mover o traço, simplesmente segure Mudança e toque na tecla de seta para a direita. Imprensa Digitar para definir o objeto.

Duplique o traço uma vezDuplique o traço uma vezDuplique o traço uma vez

etapa 3

Geralmente para Transforme Novamente podemos pressionar Shift-Comando-Tmas neste caso queremos multiplicar o objeto, então precisamos somar o Opção chave.

Imprensa Shift-Opção-Comando-T várias vezes até que o documento seja preenchido com os traços. Este método irá multiplicar os traços em uma camada.

Observe que usar a Etapa 2 várias vezes para duplicar o objeto não funcionará.

Use Transform novamente para duplicar o traçado várias vezesUse Transform novamente para duplicar o traçado várias vezesUse Transform novamente para duplicar o traçado várias vezes

Passo 1

Vamos ativar a ferramenta Liquify do Photoshop! No Camadas painel, selecione a camada de texto, a camada de traçados e a camada de preenchimento de cor. Clique com o botão direito > Duplicar camadase abaixo Destino, verifique se o nome do arquivo em que estamos trabalhando está selecionado. Clique OK. Enquanto essas duas camadas duplicadas são selecionadas, Clique com o botão direito do mouse > Mesclar camadas. Esconda as camadas originais.

Duplique todas as camadas e mescle-asDuplique todas as camadas e mescle-asDuplique todas as camadas e mescle-as

Passo 2

Ao selecionar a camada recém-duplicada, vá para Filtro > Dissolver (Shift-Comando-X). O Liquidificar janela de opções irá aparecer. eu estou começando com o Ferramenta de Inchaço (B), que irá expandir a seleção de onde você coloca o pincel, quase como um efeito de olho de peixe. eu defino o Tamanho de escova para 90 e Densidade do Pincel para 20. Estou clicando entre as linhas para abri-las. Para esta janela, você pode usar Comando-Z para dar um passo atrás.

Use a ferramenta Dissolver nas camadas recém mescladas Use a ferramenta Inchar para abrir espaços entre as linhasUse a ferramenta Dissolver nas camadas recém mescladas Use a ferramenta Inchar para abrir espaços entre as linhasUse a ferramenta Dissolver nas camadas recém mescladas Use a ferramenta Inchar para abrir espaços entre as linhas

etapa 3

Usando o Ferramenta Girar no Sentido Horário (C), podemos girar as linhas, como ondas. eu defino o Tamanho de escova para 300, Densidade do Pincel para 20e Pressão da escova para 82. A pressão do pincel é a intensidade com a qual queremos editar a camada. O efeito de texto do Photoshop está parecendo bastante interessante agora!

Use a ferramenta Twirl Clockwise na nova camadaUse a ferramenta Twirl Clockwise na nova camadaUse a ferramenta Twirl Clockwise na nova camada

Passo 4

Enquanto o Liquidificar ferramenta é uma técnica divertida, gostaríamos de manter o pôster legível. Podemos usar o Ferramenta Forward Warp (W) para mover o texto de volta à forma. Não há certo ou errado para isso – você pode adicionar o máximo ou mínimo de detalhes que desejar. Clique OK quando você acabar.

Use a ferramenta Forward Warp para trazer as letras de volta à forma e criar um pôster legívelUse a ferramenta Forward Warp para trazer as letras de volta à forma e criar um pôster legívelUse a ferramenta Forward Warp para trazer as letras de volta à forma e criar um pôster legível

Passo 5

Ao usar o Photoshop Liquidificar ferramenta, é possível que a camada que estávamos trabalhando tenha se movido, fazendo com que as bordas se movam para o centro. Basta ativar o original Preenchimento de cor camada.

Usar a ferramenta liquefazer pode amassar as camadas Ative a camada Color Fill para preencher o plano de fundoUsar a ferramenta liquefazer pode amassar as camadas Ative a camada Color Fill para preencher o plano de fundoUsar a ferramenta liquefazer pode amassar as camadas Ative a camada Color Fill para preencher o plano de fundo

5. Como salvar um arquivo do Photoshop e um arquivo da Web

Passo 1

Agora que nosso efeito de texto distorcido do Photoshop está concluído, é hora de salvar e exportar. Para salvar o arquivo como um arquivo do Photoshop, basta pressionar Comando-S e salve a imagem no local desejado. Aqui você pode escolher qualquer tipo de arquivo desejado.

Salve o documento como um arquivo do PhotoshopSalve o documento como um arquivo do PhotoshopSalve o documento como um arquivo do Photoshop

Passo 2

Para salvar o arquivo para a web, acesse Arquivo > Salvar para Web ou Shift-Opções-Comando-S. Selecione o tipo de arquivo no qual deseja salvar o documento; Eu escolhi JPEG E definir 100 para Qualidade. Sob Tamanho da imagemvocê pode alterar o tamanho do pixel da imagem se tiver restrições de tamanho e estiver usando a imagem para a teia.

No canto inferior esquerdo, você pode ter uma visualização do tamanho do arquivo. Isso é útil quando há restrições de tamanho em um site e você precisa diminuir a qualidade ou o tamanho da imagem.

Clique em Salvar… para escolher o local na nova janela e clique em Salvar de novo.

Salve o documento como um arquivo JPEG para a Web se houver restrições de tamanhoSalve o documento como um arquivo JPEG para web se houver restrições de tamanhoSalve o documento como um arquivo JPEG para a Web se houver restrições de tamanho

Você terminou!

Parabéns por concluir o tutorial de efeito de texto de tipografia do Photoshop. Hoje, aprendemos a:

  • Use a ferramenta Liquify na tipografia da mesma forma que é usada na fotografia.
  • Duplique formas e objetos facilmente em uma camada.
  • Salve um arquivo JPEG para a web quando houver restrições de tamanho.
Resultado finalResultado finalResultado final

Explore mais tutoriais e recursos do Photoshop para efeitos de texto

Se você amou este tutorial de efeito de texto do Photoshop, não pare por aqui! Temos muitos outros tutoriais e recursos que você pode conferir agora mesmo:

[ad_2]

Deixe uma resposta