Advertisement
  1. Design & Illustration
  2. Text Effects

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

by
Difficulty:BeginnerLength:ShortLanguages:

Portuguese (Português) translation by Wesley Sales (you can also view the original English article)

Final product image
What You'll Be Creating

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.

Fabric Styles
Estilos de Tecido

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.

Creating a new document

Passo 2

Altere a cor do primeiro plano para #6b6b6b.

Changing the foreground color

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.

Creating the texture

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.

Saving the pattern

2. Como Criar a Textura de Camuflagem

Passo 1

Crie um novo documento de 486 x 486 px.

Creating a new document

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).

Using the Clouds filter

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.

Using the Mosaic filter

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
Using the cutout filter

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.

Renaming the layer

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.

Pattern Overlay settings

Sua imagem deve ser parecida com esta:

How the image should look

Passo 7

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

Opening the Adjustments Panel

Passo 8

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

Creating a gradient map layer

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.

Opening the properties panel

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%
Creating a Gradient map

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.

Saving the pattern

3. Como Criar a Textura da Borda

Passo 1

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

Creating a new document

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.

Drawing a white line with the pencil tool

Passo 3

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

Saving the pattern

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.

Background image

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.

Horizontal type tool and its settings

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
Pattern Overlay settings

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%
Bevel and Emboss settings

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
Stroke settings

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%
Inner Shadow settings

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%
Inner Glow settings

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%
Outer Glow settings

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
Drop Shadow settings

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).

Renaming the layer

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%
Bevel and Emboss settings

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
Stroke settings

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%
Inner Shadow settings

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.

Inner Glow settings

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.

Final Result

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).

Fabric Styles
Estilos de Tecido
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.