Como Criar um Efeito de Texto de Tecido de Camuflagem no Adobe Photoshop

Neste tutorial eu irei mostrar a você como criar um efeito de texto de tecido de camuflagem no Adobe Photoshop. Você aprenderá a como usar alguns filtros do Photoshop e criar padrões com eles. E então, você aprenderá a como usar estes padrões com estilos de camada para criar o resultado final.

Se você gostaria de ignorar este tutorial, mas ainda deseja comprar o efeito de texto, você pode ir para o GraphicRiver e comprar o Fabric Styles (Estilos de Tecido).

O pacote completo tem oito efeitos de texto diferentes e funciona com formas e texto.

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante este tutorial:

• Aller Display
• O Fundo (Background) e o Contorno estão dentro do arquivo zip anexado neste tutorial.

1. Como Criar o Padrão do Tecido

Passo 1

Abra o Photoshop e crie um novo documento de 18 x 18 px.

Passo 2

Altere a cor do primeiro plano para #6b6b6b.

Passo 3

Pressione Ctrl-Shift-N para criar uma nova camada. E então pegue a Ferramenta Retângulo (U) e desenhe um quadrado de 6 x 6 px no canto superior esquerdo (Você pode aproximar o zoom na imagem com Ctrl-Espaço-Clique com o Botão Esquerdo do Mouse).

Nós precisamos de uma textura como a da imagem abaixo. Perceba que nós temos três cores diferentes na imagem: #6b6b6b para a cor da luz, #3f3f3f para a cor média e #121212 para a cor escura. Continue fazendo quadrados de 6 x 6 px em camadas separadas até você preencher todo o documento de 18 x 18 px.

Passo 4

Vá para Editar > Definir Padrão (Edit > Define Pattern) e nomeie o padrão de Tutorial de Textura de Tecido. Logo depois, clique em OK para salvar o padrão.

2. Como Criar a Textura de Camuflagem

Passo 1

Crie um novo documento de 486 x 486 px.

Passo 2

Pressione D para redefinir as cores de primeiro e segundo plano. E então vá para Filtro > Renderização > Nuvens (Filter > Render > Clouds).

Passo 3

Vá para Filtro > Pixelização > Mosaico (Filter > Pixelate > Mosaic), defina o Tamanho da Célula (Cell Size) para 18 quadrados (squares), e clique em OK.

Passo 4

Vá para Filtro > Galeria de Filtros (Filter > Filter Gallery). Logo depois selecione Recorte de Arestas (Cutout) na categoria Artística com as estas configurações:

• Número de Níveis (Number of Levels): 4 ou 5 (teste e veja de qual você gosta mais)
• Simplicidade da Aresta (Edge Simplicity): 1
• Fidelidade da Aresta (Edge Fidelity): 1

Passo 5

Agora dê um duplo clique na camada Fundo (Background) para destravar a camada. Logo depois, renomeie-a para Camuflagem Base (Base Camo) e clique em OK.

Passo 6

Dê um duplo clique na camada Camuflagem Base para abrir a janela de Estilos de Camada (Layer Style). Adicione uma Sobreposição de Padrão (Pattern Overlay) com estas configurações:

• Modo de Mesclagem (Blend Mode): Luz Direta (Hard Light)
• Opacidade: 52%
• Padrão: Selecione o padrão que nós criamos anteriormente (Tutorial de Textura de Tecido)
• Escala: 100%
• Vincular com Camada (Link with Layer): Marcado

Clique em OK.

Sua imagem deve ser parecida com esta:

Passo 7

Vá para Janela > Ajustes (Window > Adjustments) para abrir o painel de Ajustes.

Passo 8

Adicione um Mapa de Degradê (Gradient Map) clicando no último ícone do painel.

Passo 9

Dê um duplo clique no ícone do degradê da camada Mapa de Degradê 1 (Gradient Map 1). O painel de Propriedades irá aparecer.

Passo 10

Clique na barra de degradê do painel de Propriedades para abrir o Editor de Gradiente.

Você pode brincar com o próximo passo e escolher cores diferentes. Eu vou criar uma textura verde.

Crie um degradê com as seguintes configurações:

• Primeira Interrupção de Cor (First Stop Color): #0c1005
• Posição da Primeira Interrupção: 0%
• Segunda Interrupção de Cor: #8aa269
• Posição da Segunda Interrupção: 51%
• Terceira Interrupção de Cor: #e3efcc
• Posição da Terceira Interrupção: 100%

Passo 11

Selecione a camada Camuflagem Base e vá para Editar > Definir Padrão (Edit > Define Pattern), e então nomeie o padrão de Tecido de Camuflagem (Camo Fabric) e clique em OK.

3. Como Criar a Textura da Borda

Passo 1

Crie um novo documento de 4 x 4 px com o fundo preto.

Passo 2

Aproxime o zoom na imagem até você ver os pixels individuais. E então pegue a Ferramenta Lápis (B) com o tamanho de 1 px e desenhe uma linha branca na diagonal como mostrada na imagem abaixo.

Passo 3

Vá para Editar > Definir Padrão (Edit > Define Pattern) e dê o nome de Textura da Borda (Border Texture).

4. Como Criar os Estilos de Camada

Passo 1

Abra a imagem de Fundo (Background) que está dentro do zip em anexo para este tutorial.

Passo 2

Pegue a Ferramenta Texto (T) com a fonte Aller Display, defina o seu tamanho para 179 pt e escreva TECIDO (FABRIC). Logo depois, posicione-o na prateleira do fundo.

Passo 3

Dê um duplo clique na camada de texto para abrir a janela de Estilos de Camada (Layer Style).

Vamos começar com uma Sobreposição de Padrão para que nós sejamos capazes de ver o que está acontecendo na imagem.

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

• Modo de Mesclagem (Blend Mode): Normal
• Opacidade: 100%
• Padrão (Pattern): Selecione a textura que nós criamos (Tecido de Camuflagem (Camo Fabric))
• Escala: 25%
• Vincular com Camada (Link with Layer): Marcado

Passo 4

Adicione um Chanfro & Entalhe (Bevel & Emboss) com as seguintes configurações:

• Estilo: Entalhe (Emboss)
• Técnica: Suave (Smooth)
• Profundidade (Depth): 174%
• Direção: Acima (Up)
• Tamanho (Size): 4 px
• Suavização (Soften): 0 px
• Utilizar Luz Global (Use Global Light): Desmarcado
• Ângulo: 90º
• Altitude: 48º
• Contorno do Reflexo (Gloss Contour): Clique na caixa e escolha a opção Carregar (Load) para instalar o arquivo de contorno que está dentro do zip
• Modo de Realce (Highlight Mode): Divisão (Screen)
• Cor do Modo de Realce (Highlight Mode Color): #ffffff
• Opacidade do Modo de Realce (Highlight Mode Opacity): 10%
• Modo de Sombra (Shadow Mode): Normal
• Cor do Modo de Sombra (Shadow Mode Color): #364928
• Opacidade do Modo de Sombra (Shadow Mode Opacity): 81%

Passo 5

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

• Tamanho (Size): 4 px
• Posição: Externa (Outside)
• Modo de Mesclagem (Blend Mode): Normal
• Opacidade: 100%
• Superimposição: Desmarcada
• Tipo de Preenchimento (Fill Type): Padrão (Pattern)
• Padrão (Pattern): Escolha o padrão Tecido de Camuflagem (Camo Fabric)
• Escala: 25%
• Vincular com Camada: Marcada

Passo 6

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

• Modo de Mesclagem (Blend Mode): Luz Linear
• Opacidade: 2%
• Utilizar Luz Global (Use Global Light): Desmarcada
• Ângulo: -27º
• Distância: 6 px
• Desfoque (Choke): 6%
• Tamanho (Size): 8 px
• Contorno: Linear
• Suavização de Serrilhado: Desmarcada
• Ruído (Noise): 0%

Passo 7

Adicione um Brilho Interno (Inner Glow) com estas configurações:

• Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
• Opacidade: 20%
• Ruído (Noise): 0%
• Cor: #ffffff
• Técnica: Mais Suave (Softer)
• Origem (Source): Centro
• Desfoque (Choke): 39%
• Tamanho (Size): 27 px
• Contorno: Linear
• Suavização de Serrilhado: Desmarcada
• Intervalo (Range): 85%
• Tremulação (Jitter): 0%

Passo 8

Adicione um Brilho Externo (Outer Glow) com estas configurações:

• Modo de Mesclagem (Blend Mode): Luz Linear
• Opacidade: 100%
• Ruído (Noise): 59%
• Cor: #969c8e
• Técnica: Mais Suave (Softer)
• Expansão (Spread): 100%
• Tamanho (Size): 4 px
• Contorno: Linear
• Suavização de Serrilhado: Marcada
• Intervalo (Range): 100%
• Tremulação (Jitter): 0%

Passo 9

Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

• Modo de Mesclagem (Blend Mode): Normal
• Cor: #000000
• Opacidade: 100%
• Utilizar Luz Global (Use Global Light): Desmarcada
• Ângulo: 146º
• Distância: 1 px
• Expansão (Spread): 26%
• Tamanho (Size): 10 px
• Contorno: Linear
• Suavização de Serrilhado: Desmarcada
• Ruído (Noise): 0%
• Sombra Projetada de Vazamento de Camada (Layer Knocks Out Drop Shadow): Marcada

Passo 10

Selecione a camada do texto e pressione Ctrl-J para duplicá-la. Logo depois, renomeie a cópia para Camuflagem TOPO (Camo TOP).

Passo 11

Clique com o Botão Direito do Mouse na camada Camuflagem TOPO (Camo TOP) e escolha Apagar Estilo de Camada (Clear Layer Style). E então dê um duplo clique nela para abrir a janela de Estilos de Camada (Layer Style).

Adicione um Chanfro & Entalhe (Bevel & Emboss) com as seguintes configurações:

• Estilo: Entalhe (Emboss)
• Técnica: Suave (Smooth)
• Profundidade (Depth): 174%
• Direção: Acima (Up)
• Tamanho (Size): 4 px
• Suavização (Soften): 0 px
• Utilizar Luz Global (Use Global Light): Desmarcada
• Ângulo: 90º
• Altitude: 48º
• Contorno de Reflexo (Gloss Contour): Escolha o contorno que nós instalamos antes (Tecido Personalizado (Fabric Custom))
• Suavização de Serrilhado (Anti-Aliased): Marcada
• Modo de Realce (Highlight Mode): Divisão (Screen)
• Cor do Modo de Realce (Highlight Mode Color): #ffffff
• Opacidade do Modo de Realce: 0%
• Modo de Sombra (Shadow Mode): Normal
• Cor do Modo de Sombra (Shadow Mode Color): #4d6326
• Opacidade do Modo de Sombra (Shadow Mode Opacity): 15%

Passo 12

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

• Tamanho (Size): 2 px
• Posição: Externa (Outside)
• Modo de Mesclagem (Blend Mode): Subexposição Linear (Adicionar) (Linear Dodge (Add))
• Opacidade: 45%
• Superimposição: Desmarcada
• Tipo de Preenchimento (Fill Type): Padrão (Pattern)
• Padrão (Pattern): Selecione a Textura de Borda (Ela irá criar a ilusão de costura nas bordas)
• Escala: 200%
• Vincular com Camada (Link with Layer): Marcada

Passo 13

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

• Modo de Mesclagem (Blend Mode): Luz Suave (Soft Light)
• Cor: #000000
• Opacidade: 20%
• Utilizar Luz Global (Use Global Light): Desmarcada
• Ângulo: -27º
• Distância: 0 px
• Desfoque (Choke): 62%
• Tamanho (Size): 10 px
• Contorno: Linear
• Suavização de Serrilhado: Desmarcada
• Ruído (Noise): 0%

Passo 14

Adicione um Brilho Interno (Inner Glow) com as seguintes configurações:

• Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
• Opacidade: 4%
• Ruído (Noise): 0%
• Cor: #ffffff
• Técnica: Mais Suave (Softer)
• Origem (Source): Centro
• Desfoque (Choke): 53%
• Tamanho (Size): 16 px
• Contorno: Linear
• Suavização de Serrilhado: Desmarcada
• Intervalo (Range): 85%
• Tremulação (Jitter): 0%

Depois disso, clique em OK.

Parabéns, Você Terminou!

Neste tutorial, você aprendeu a como criar um efeito de texto de tecido de camuflagem no Adobe Photoshop.

Nós começamos criando a textura do tecido, e então nós criamos uma textura de camuflagem e mesclamos as duas texturas. Logo depois, nós criamos uma terceira textura para a borda do texto. Depois disso, nós criamos dois estilos de camada usando toda as três texturas.

Não se esqueça de salvar os estilos, assim você pode usá-los em outras coisas.

Eu espero que você tenha gostado deste tutorial, e sinta-se livre para deixar qualquer comentário no espaço abaixo.

Este efeito de texto que nós acabamos de criar é parte dos Estilos de Tecido (Fabric Styles).