Portuguese (Português) translation by Wesley Sales (you can also view the original English article)
Este tutorial vai mostrar a você como usar um monte de fontes, formas, texturas e uma ponta de pincel para criar um efeito de texto de bilhete de resgate de recortes de jornal no Adobe Photoshop. Vamos começar!
Este efeito de texto foi inspirado em vários Estilos de Camada disponíveis na GraphicRiver.
Arquivos do Tutorial
Os seguintes arquivos foram usados durante a produção deste tutorial:
- Fonte Bodoni MT
- Fonte OldSansBlack
- Fonte Yeseva One
- Fonte Roboto
- Fonte Aldo
- Fonte Typography Times
- Fonte Riot Squad NF
- Fonte The Bold Font
- Fonte MonoSpatial
- Fonte Fette Bauersche Antiqua
- Fonte Porter Sans Block
- Fonte Droid Serif
- Fonte Built Titling
- Textura de Grão de Papel por JustinBHB
- Textura de Papel (1) por ChiaraLily9
- Textura de Papel (2) por evusha
1. Como Criar o Fundo e as Camadas de Texto
Passo 1
Crie um novo documento de 1000 x 1000 px, clique no ícone Criar Nova Camada de Preenchimento ou Ajuste (Create New Fill or Adjustment Layer) na parte inferior do painel de Camadas (Layers), escolha Cor Sólida e use o preenchimento de cor #f6f6f6.
Passo 2
Crie o texto, com cada letra em uma camada separada e use as várias fontes de tamanhos e formas diferentes de acordo com a sua preferência, mas certifique-se de que a Cor seja #565656.
Coloque cada letra em um grupo de mesmo nome e coloque cada uma das letras de uma palavra em um grupo com o nome da palavra.
Passo 3
Depois disso, você vai precisar adicionar algumas letras, antes e/ou depois de cada uma das letras que você já tem, para tornar o efeito mais realista, já que as letras não são normalmente encontradas de forma separada nos jornais.
2. Como Adicionar Formas e Blocos de Texto de Exemplo
Passo 1
Pegue a Ferramenta Retângulo (U) e crie linhas abaixo de algumas de suas letras.
Se você fizer quaisquer adições à qualquer um de seus textos, coloque a camada da letra junto com a(s) camada(s) de adições em um novo grupo dentro do grupo da letra original.
Isso vai ajudar a manter as coisas organizadas e mais fáceis de trabalhar.
Passo 2
Para adicionar um texto de exemplo para qualquer uma de suas letras, pegue a Ferramenta Texto (T), clique-e-arraste uma caixa abaixo de suas letras para adicionar um texto de teste e vá até Texto > Colar Lorem Ipsum (Type > Paste Lorem Ipsum).
Altere a fonte e o tamanho da fonte para valores de sua preferência.
Passo 3
Você pode remover partes de um texto de teste se você adicioná-lo à múltiplas letras, para evitar blocos de texto repetidos.
Passo 4
Outra coisa que você pode fazer é usar a Ferramenta Retângulo (U) para adicionar caixas por trás das letras. Se você fizer isso, defina a cor de preenchimento da caixa para #565656 e a cor do texto para #ececec.
3. Como Adicionar Máscaras de Camada
Passo 1
Pegue a Ferramenta Laço (L), selecione um grupo de letras e desenhe uma seleção ao redor da letra que você precisa mostrar, que é a letra no nome do grupo.
Tente moldar a seleção como se fosse uma peça de papel rasgada.
Aqui é onde adicionar as letras aleatórias para a original é útil, pois você pode incluir partes delas para que o efeito pareça mais realista.
Passo 2
Depois de criar a seleção, clique no ícone Adicionar Máscara de Camada (Add Layer Mask) na parte inferior do painel de Camadas (Layers).
Passo 3
Repita isso para mascarar o resto dos grupos de letras. Você pode ajustar a máscara sempre que necessário, então não se preocupe em deixá-la perfeita agora.
4. Como Adicionar uma Textura de Papel Básica
Passo 1
Coloque a imagem Textura de Grão de Papel na parte inferior do primeiro grupo de letras e redimensione-a de acordo com o necessário.
Passo 2
Altere o Modo de Mesclagem (Blend Mode) da camada ou grupo acima da camada Textura de Grão de Papel para Superexposição Linear (Linear Burn).
Passo 3
Duplique a camada Textura de Grão de Papel e repita os passos para adicioná-la às letras restantes.
Passo 4
Se você precisar mover a máscara do grupo depois de adicionar a textura, você pode desvincular a máscara do grupo clicando no ícone de link entre suas miniaturas, mover a máscara e vinculá-la novamente ao grupo.
5. Como Adicionar uma Textura de Papel Amassado
Passo 1
Coloque a Textura de Papel (1) acima do grupo da primeira letra, redimensione-a de acordo com o necessário e altere o Modo de Mesclagem (Blend Mode) de sua camada para Multiplicação (Multiply).
Passo 2
Duplique a textura e adicione-a ao resto dos grupos de letras.
6. Como Criar a Ponta do Pincel de Bordas Rasgadas
Pegue a Ferramenta Pincel (B) e abra o painel Pincel (Brush).
Escolha a ponta Chalk 23 pixels e use as seguintes configurações:
Forma da Ponta do Pincel (Brush Tip Shape)
Dinâmica da Forma (Shape Dynamics)
7. Como Criar um Demarcador de Trabalho a Partir de Uma Seleção
Passo 1
Pressione Command/Ctrl-clique na miniatura da máscara do grupo da primeira letra para criar uma seleção.
Passo 2
Abra o painel Demarcadores (Paths) e clique no ícone Criar Demarcador de Trabalho a Partir da Seleção (Make Work Path from Selection) na parte inferior do painel.
8. Como Traçar um Demarcador de Trabalho
Passo 1
Certifique-se de que a Ferramenta Pincel (B) esteja ativa com a ponta modificada, que a miniatura da máscara do grupo da primeira letra esteja selecionada e defina a Cor do Primeiro Plano para Preto.
Passo 2
Pressione a tecla Enter para traçar o demarcador com a ponta do pincel e adicione o efeito de bordas rasgadas à máscara.
Passo 3
Repita o procedimento no resto das letras.
Assim que você terminar, pegue a Ferramenta Seleção Direta (A) e pressione a tecla Enter uma vez, para se livrar do demarcador de trabalho.
9. Como Adicionar as Bordas Rasgadas Brancas
Passo 1
Para deixar o efeito mais realista, vamos adicionar algumas bordas brancas em nossas bordas rasgadas.
Comece adicionando a imagem textura de papel (2) abaixo do grupo da primeira letra e certifique-se de que ela está realmente fora do grupo.
Passo 2
Pressione-e-segure a tecla Option/Alt e clique-e-arraste a máscara do grupo da letra para a camada textura de papel (2) para duplicá-la.
Passo 3
Pegue a Ferramenta Mover (V) e use as Setas Direcionais para a Direita e para Baixo para deslocar suavemente a imagem da textura de papel (2) para longe do papel da letra.
Passo 4
Novamente, repita para as letras restantes.
10. Como Adicionar uma Sombra Projetada
Passo 1
Dê um duplo-clique na camada textura de papel (2) da primeira letra para aplicar um efeito de Sombra Projetada (Drop Shadow) com as seguintes configurações:
- Opacidade: 35%
- Distância: 3
- Tamanho (Size): 7
Passo 2
Dê um clique com o Botão Direito do Mouse na camada estilizada, escolha Copiar Estilo de Camada (Copy Layer Style), selecione todas as outras camadas de textura de papel (2), clique com o Botão Direito do Mouse em qualquer uma delas e escolha Colar Estilo de Camada (Paste Layer Style).
11. Como Criar um Efeito de Transparência
Passo 1
Para adicionar um efeito de "sangramento" (ou transparência), adicione um texto Lorem Ipsum na parte superior do grupo da letra.
Passo 2
Vá para Editar > Transformação > Virar Horizontalmente (Edit > Transform > Flip Horizontal) e altere a Opacidade da camada para 10%.
Repita para adicionar em quaisquer outras letras.
12. Como Transformar Grupos de Elementos
Passo 1
Antes de fazer qualquer mudança, você pode alterar algumas das cores para vermelho e azul. Os valores que eu usei aqui foram #d66161 para o vermelho e #6a8ebc para o azul.
Passo 2
Em seguida, nós vamos transformar algumas das letras para criar um resultado mais dinâmico.
Selecione o grupo da letra e suas camadas textura de papel (2) e pressione Command/Ctrl-T para entrar no Modo de Transformação Livre.
Se você tentar fazer qualquer alteração imediata, pode notar que elas acontecerão de forma um tanto estranha. Isso ocorre porque as texturas de papel são bem grandes, e o ponto de ancoragem/pivô não está no centro da própria letra.
Para resolver este problema, pressione-e-segure a tecla Option/Alt, e clique-e-arraste o ponto de ancoragem para o centro da letra.
Passo 3
Mova, rotacione e redimensione a letra de acordo com o necessário. Pressione a tecla Enter para salvar as mudanças.
Passo 4
Repita os mesmos passos para transformar quaisquer outras letras de sua preferência.
13. Como Adicionar uma Simples Textura de Fundo
Passo 1
Adicione outra cópia da imagem textura de papel (2) acima da camada Cor Sólida, redimensione-a de acordo com o necessário e altere a Opacidade da sua camada para 50%.
Passo 2
Tenha em mente que você pode ajustar as fontes, tamanhos e as formas das máscaras de camada a qualquer hora até você gostar do resultado.
Parabéns! Você Terminou
Neste tutorial, nós criamos um monte de camadas de texto com diferentes fontes de diferentes tamanhos, agrupamos elas e adicionamos algumas imagens de textura de papel à elas.
Nós também criamos formas, adicionamos um texto de teste e ajustamos uma ponta de pincel de bordas rasgadas para criar as máscaras de camada.
Finalmente, nós alteramos a coloração de alguns dos elementos e transformamos outros para obtermos o resultado final.
Por favor, sinta-se livre para deixar seus comentários, sugestões e resultados no espaço abaixo.
By
