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.
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.
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.
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.
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.
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.
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.
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á.
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.
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.
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!
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.
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.
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.
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.
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.
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:
