Como Criar um Efeito de Texto Retrô e Sujo no Adobe Photoshop

Neste tutorial você aprenderá como usar estilos de camada, ruídos, texturas de sujeira e camadas de ajuste para criar um efeito de texto retrô de retícula suja. Vamos começar!

Este efeito de texto foi inspirado por vários Estilos de Camada disponíveis no GraphicRiver.

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante a produção deste tutorial:

• Fonte Burford Base
• 30 Padrões Simples por mslooten
• UNRESTRICTED - Digital Grunge Texture 11 por frozenstocks
• Granulado de Filme (Film Grain) por Californianinja
• UNRESTRICTED - Digital Grunge Texture 16 por frozenstocks
• Light Grunge Seamless Patterns Vol. 3 por webdesignerlab

1. Como Criar uma Camada de Padrão

Passo 1

Crie um novo documento de 512 x 512 px com o Fundo (Background) Branco. Duplique a camada do Fundo, clique com o Botão Direito do Mouse na cópia e escolha Converter para Objeto Inteligente (Convert to Smart Object).

Passo 2

Defina a Cor de Primeiro Plano e Segundo Plano para Preto e Branco respectivamente, logo depois vá para Filtro > Renderização > Nuvens (Filter > Render > Clouds).

2. Como Criar um Padrão de Retícula de Sujeira

Passo 1

Vá para Filtro > Galeria de Filtros > Textura > Granulado (Filter > Filter Gallery > Texture > Grain) e use as seguintes configurações:

• Intensidade: 60
• Contraste: 0
• Tipo de Granulado (Grain Type): Pó (Sprinkles)

Passo 2

Clique no ícone Nova Camada de Efeito (New Effect Layer) na parte inferior da janela da Galeria de Filtros para adicionar outro filtro.

Vá para Croqui > Matriz de Meio-Tom (Sketch > Halftone Pattern) e use as seguintes configurações:

• Tamanho (Size): 2
• Contraste: 6
• Tipo de Padrão (Pattern Type): Ponto (Dot)

Passo 3

Adicione mais uma camada de efeito, vá para Croqui > Bico de Pena (Sketch > Graphic Pen) e use as seguintes configurações:

• Comprimento do Traçado (Stroke Length): 15
• Equilíbrio de Claro/Escuro (Light/Dark Balance): 50
• Direção do Traçado (Stroke Direction): Diagonal Direita (Right Diagonal)

Clique em OK quando você terminar.

Passo 4

Vá para Editar > Definir Padrão (Define Pattern) e digite Padrão Frontal (Front Pattern) para o Nome.

3. Como Criar um Simples Fundo Padronizado

Passo 1

Crie um novo documento de 950 x 750 px, clique no ícone Criar Nova Camada de Ajuste ou Preenchimento (Create New Fill or Adjustment Layer) na parte inferior do painel de Camadas (Layers) e escolha Cor Sólida.

Passo 2

Defina a Cor do preenchimento para #a2563b.

Passo 3

Dê um duplo-clique na camada da Cor Sólida para aplicar um efeito de Sobreposição de Padrão (Pattern Overlay) com as seguintes configurações:

• Modo de Mesclagem (Blend Mode): Luz Suave (Soft Light)
• Padrão (Pattern): Pontos (Dots)

Isso criará o fundo base.

4. Como Criar os Objetos Inteligentes da Camada de Texto

Passo 1

Crie o texto usando a fonte Burford. Defina sua Cor para Branco, o Tamanho (Size) para 350 pt e o Espaçamento (Tracking) para -75.

Passo 2

Renomeie a camada de texto para Texto, clique com o Botão Direito do Mouse nessa camada e escolha Converter para Objeto Inteligente (Convert to Smart Object).

Passo 3

Duplique a camada do Texto.

5. Como Criar as Camadas de Extrusão

Passo 1

Duplique a camada Texto novamente, renomeie a nova cópia para Extrusão e coloque-a em um grupo que também se chamará Extrusão.

Passo 2

Com a camada Extrusão selecionada, pressione Command-T/Ctrl-T para entrar no Modo de Transformação Livre. Pressione cada uma das teclas Seta para Esquerda e Seta para Baixo uma vez para deslocar a camada Extrusão em 1 px em cada uma dessas direções.

Pressione a tecla Enter (Return) para aplicar as modificações.

Passo 3

Pressione Shift-Command-Option-T (ou Shift-Ctrl-Alt-T) 21 vezes para criar 21 cópias com a mesma transformação.

Você pode decidir a quantidade de cópias que quer criar baseada no tamanho da extrusão que você deseja, então sinta-se livre para criar quantas cópias quiser.

Passo 4

Selecione todas as camadas Extrusão, e vá para Camada > Organizar > Inverter (Layer > Arrange > Reverse) para deixar as camadas na ordem correta.

Passo 5

Coloque as três camadas superiores da Extrusão em um grupo chamado Frente, as três camadas inferiores em um grupo chamado Trás e o resto você coloca em um grupo chamado Meio.

6. Como Criar as Camadas de Sombra

Passo 1

Duplique a última camada Extrusão (a camada inferior no grupo Trás) e renomeie a cópia para Sombra.

Arraste a camada Sombra para fora do grupo Extrusão, e coloque-a em um novo grupo com o nome Sombra também.

Passo 2

Use os mesmos passos de transformação e duplicação para criar um par de camadas de cópia para a Sombra, só que desta vez, você vai precisar deslocar a camada Sombra 1 px para a direita e 1 px para baixo.

Passo 3

Certifique-se de inverter a ordem das camadas Sombra quando você terminar de criar as cópias.

Passo 4

Coloque as camadas de Texto e Texto cópia em um grupo do Texto.

7. Como Estilizar as Camadas Frontais de Texto

Dê um duplo-clique na camada Texto cópia para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Traçado (Stroke) com as seguintes configurações:

• Tamanho (Size): 3
• Posição: Interna (Inside)
• Cor: #fbe8d2

Passo 2

Adicione uma Sombra Interna (Inner Shadow) com as seguintes configurações:

• Modo de Mesclagem (Blend Mode): Superexposição Linear (Linear Burn)
• Cor: #515151
• Opacidade: 50%
• Distância: 6
• Desfoque (Choke): 50
• Tamanho (Size): 5

Passo 3

Adicione uma Sobreposição de Cor (Color Overlay) com as seguintes configurações:

• Cor: #f5edea
• Modo de Mesclagem (Blend Mode): Cor Mais Escura (Darker Color)
• Opacidade: 50%

Passo 4

Adicione uma Sobreposição de Padrão (Pattern Overlay) com as seguintes configurações:

• Modo de Mesclagem (Blend Mode): Superexposição de Cores (Color Burn)
• Padrão (Pattern): Dente de Serra (Sawtooth)
• Escala: 50%

Passo 5

Altere o valor do Preenchimento (Fill) da camada Texto cópia para 0.

Passo 6

Dê um duplo-clique na camada Texto original para aplicar um efeito de Sobreposição de Padrão (Pattern Overlay) com as seguintes configurações:

• Opacidade: 95%
• Padrão (Pattern): Padrão Frontal (Front Pattern)
• Escala: 50%

Isso irá estilizar a parte frontal do texto.

8. Como Estilizar a Extrusão

Passo 1

Dê um duplo-clique no grupo Frente para aplicar um efeito de Sobreposição de Cor usando a Cor #3c3b3b.

Passo 2

Clique com o Botão Direito do Mouse na camada Frente, escolha Copiar Estilo de Camada (Copy Layer Style), clique com o Botão Direito do Mouse na camada Trás e escolha Colar Estilo de Camada (Paste Layer Style).

Expanda o grupo Meio, selecione todas as camadas dentro dele, clique com o Botão Direito do Mouse em qualquer uma delas e escolha Colar Estilo de Camada (Paste Layer Style) novamente.

Passo 3

Dê um duplo-clique no grupo Meio para aplicar uma Sobreposição de Padrão (Pattern Overlay) com as seguintes configurações:

• Modo de Mesclagem (Blend Mode): Divisão (Divide)
• Opacidade: 35%
• Padrão (Pattern): Linha diagonal média (Diagonal line medium)

Isso irá estilizar a extrusão.

9. Como Estilizar a Sombra

Passo 1

Dê um duplo-clique no grupo Sombra para aplicar um efeito de Sobreposição de Cor (Color Overlay) com as seguintes configurações:

• Cor: #a89a96
• Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
• Opacidade: 75%

Passo 2

Altere o valor do Preenchimento (Fill) do grupo Sombra para 0%.

10. Como Adicionar Sobreposições de Textura

Antes de adicionar as texturas, coloque os grupos do Texto, Extrusão e Sombra em um novo grupo e chame-o de Efeito de Texto, para manter as coisas organizadas.

Passo 1

É melhor adicionar as texturas como objetos inteligentes, indo ao menu Arquivo > Colocar Vinculados (File > Place Linked).

Comece adicionando a imagem UNRESTRICTED - Digital Grunge Texture 11 acima da camada Cor Sólida (Solid Color) e redimensione-a se necessário.

Renomeie a camada para Textura de Fundo e altere seu Modo de Mesclagem (Blend Mode) para Subexposição de Cor (Color Dodge) e sua Opacidade para 30%.

Passo 2

Vá para Imagem > Ajustes > Matiz/Saturação (Image > Adjustments > Hue/Saturation) e altere o valor da Saturação para -100.

Se você está usando uma versão antiga do Photoshop ou não pode aplicar ajustes diretamente à uma camada de objeto inteligente por alguma razão, você pode rasterizar a camada da textura ou ao invés disso utilizar camadas de ajuste.

Passo 3

Vá para Imagem > Ajustes > Brilho/Contraste (Image > Adjustments > Brightness/Contrast).

Marque a opção Usar Legado (Use Legacy) e altere o Contraste para -50.

A opção Usar Legado ajuda no ajuste do contraste do preto e branco completo, isso cria muito menos contraste.

Passo 4

Coloque a imagem Film Grain acima de todas as camadas e redimensione-a se necessário.

Renomeie a camada da textura para Sobreposição de Textura 1 e altere o seu Modo de Mesclagem (Blend Mode) para Sobrepor (Overlay).

Passo 5

Vá para Imagem > Ajustes > Níveis (Image > Adjustments > Levels) e altere o valor do Gamma para 0.70.

Passo 6

Coloque a imagem UNRESTRICTED - Digital Grunge Texture 16 acima de todas as camadas e redimensione-a se necessário.

Renomeie a camada da textura para Sobreposição de Textura 2 e altere seu Modo de Mesclagem (Blend Mode) para Luz Suave (Soft Light) e sua Opacidade para 20%.

Passo 7

Vá para Imagem > Ajustes > Matiz/Saturação (Image > Adjustments > Hue/Saturation) e altere o valor da Saturação para -100.

11. Como Adicionar Camadas de Ajuste Globais

Passo 1

Adicione uma camada de ajuste de Degradê (Gradient) acima de todas as camadas.

Crie um preenchimento de degradê de Transparente para uma Cor de Preenchimento (Transparent to Fill Color) usando as cores #6f6f6f para a esquerda e #000000 para a direita.

Altere o Estilo para Radial e a Escala para 200, e então altere o Modo de Mesclagem (Blend Mode) da camada para Sobrepor (Overlay).

Passo 2

Adicione uma camada de Brilho/Contraste (Brightness/Contrast) e altere o Contraste para 25.

Passo 3

Adicione uma camada de Filtro de Fotos (Photo Filter) e use a Cor #ec9600.

Passo 4

Adicione uma camada de Equilíbrio de Cores (Color Balance) e use as seguintes configurações:

Tons Médios (Midtones)

• Ciano/Vermelho: 20
• Magenta/Verde: 12
• Amarelo/Azul: 12

12. Como Criar o Efeito de Sujeira

Passo 1

Selecione o grupo Efeito de Texto e clique no ícone Adicionar Máscara de Camada (Add Layer Mask) na parte inferior do painel de Camadas (Layers) para adicionar uma máscara nele.

Passo 2

Pegue a Ferramenta Lata de Tinta (G), escolha Padrão (Pattern) na barra de Opções e selecione o padrão de preenchimento 15 do pacote Light Grunge Seamless Patterns Vol. 3.

Certifique-se de que a máscara do Efeito de Texto está selecionada, e clique nela para preenchê-la com o padrão.

Passo 3

Para intensificar o efeito de sujeira, você pode pressionar Command-L/Ctrl-L para mostrar a janela de Níveis (Levels) e aumentar o valor das Sombras (Shadows) para escurecer o preenchimento do padrão dentro da máscara, o que irá intensificar as áreas apagadas por ela, resultando em um efeito mais sujo.

Parabéns! Você Terminou

Neste tutorial, nós criamos um simples padrão de retícula usando alguns filtros.

Logo depois, nós criamos o texto, convertemos ele em um objeto inteligente e duplicamos ele para criar as camadas de extrusão e sombra. Depois disso, nós estilizamos cada camada de texto, extrusão e sombra e agrupamos elas para conseguir um efeito de retícula retrô.

Finalmente, nós utilizamos sobreposições de textura, camadas de ajuste e preenchimento de padrões para finalizar o efeito.

Por favor, sinta-se livre para deixar seus comentários, sugestões e resultados no espaço abaixo.