30-50% off hundreds of digital assets! WordPress themes, video, music and more 30-50% Off Go to Sale
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop
Design

Como Criar um Efeito de Texto Bordado Realista no Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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 bordado realista no Photoshop usando pincéis de costura e estilos de camada.

O efeito de texto bordado faz parte do Kit de Criação de Costura e Bordado para o Photoshop do meu portfólio na Envato Market.

Embroidery and Stitching Photoshop Actions
Ações de Costura e Bordado para o Photoshop

Arquivos do Tutorial

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

1. Criando o Fundo de Jeans

Passo 1

Crie um novo documento de 1100 x 600 px e crie uma nova camada chamada Fundo de Jeans. Copie e Cole a Textura de Jeans nesta camada. Certifique-se de que você esteja utilizando o tamanho mais largo da textura (2000 x 1500 px).

Create Jeans Background

Passo 2

Crie uma nova camada chamada Texturizada e Preencha-a com a cor branca. Certifique de que a Cor de Primeiro Plano é branca e a Cor de Fundo é preta. Vá para Filtro > Renderização > Nuvens (Filter > Render > Clouds).

Add Clouds Filter

Passo 3

Vá para Filtro > Galeria de Filtros > Traçados de Pincel > Hachura (Filter > Filter Gallery > Brush Strokes > Crosshatch). Defina o Comprimento do Traçado (Stroke Length) para 15, Nitidez (Sharpness) para 16 e Intensidade (Strength) para 2. É claro que você pode mudar os valores para se adequar a sua necessidade.

Add Crosshatch Filter

Passo 4

Defina o modo de mesclagem (blend mode) da camada Texturizada para Luz Suave (Soft Light) e sua Opacidade para 50%. Se você quiser, você pode alterar a cor do jeans; adicione um estilo de camada do tipo Sobreposição de Cor (Color Overlay) para a camada Texturizada com o modo de mesclagem (blend mode) definido para Cor e simplesmente escolha a cor que você quiser.

Change Jeans Color

2. Criando os Pincéis de Costura

Passo 1

Para terminar o fundo de jeans e começar a criar o efeito de bordado costurado, nós precisamos de alguns pincéis de costura que vamos criar do zero.

Crie um novo arquivo PSD com o tamanho de 27 x 5 px. Preencha a área de desenho com a cor preta. Vá para Editar > Definir Predefinição do Pincel (Edit > Define Brush Preset). Dê o nome de "costura" ao pincel e clique em OK.

Define Brush Preset

Você pode agora fechar o novo arquivo PSD sem salvar e retornar ao arquivo PSD inicial (o que tem o fundo de jeans).

Passo 2

Agora nós iremos modificar o pincel que fizemos para criar um pincel personalizado. Escolha a Ferramenta Pincel (B) e selecione o pincel "costura" do Seletor de Predefinições de Pincel (Brush Preset Picker). Alterne para o Painel Pincel (Brush Panel) e altere as seguintes configurações: Ângulo para 90º, Redondez (Roundness) para 50%, Espaçamento para 87% e defina a opção Controlar da Tremulação de Ângulo (Angle Jitter) para Direção.

Create Custom Brush

Passo 3

Clique no canto superior direito do Painel Pincel (Brush Panel) e escolha Nova Predefinição de Pincel (New Brush Preset). Nomeie o novo pincel de "costura1".

Create Stitch Brush

Passo 4

Agora nós iremos criar o segundo pincel. Novamente escolha a Ferramenta Pincel (B) e selecione o pincel de "costura" do Seletor de Predefinições de Pincel (Brush Preset Picker). Alterne para o Painel Pincel (Brush Panel) e altere as seguintes configurações: Espaçamento para 750% e defina a opção Controlar da Tremulação de Ângulo (Angle Jitter) para Direção.

Create Dashed Brush

Passo 5

Clique no canto superior direito do Painel de Pincel (Brush Panel) e escolha Nova Predefinição de Pincel (New Brush Preset). Nomeie o novo pincel de "costura2".

Create Dashed Line Brush

3. Adicionando os Detalhes da Costura

Passo 1

Use a Ferramenta Retângulo (U) e desenha uma forma como mostrada na imagem abaixo. Certifique-se de que ela passa dos limites da área de desenho nas bordas laterais e superior. Chame esta camada de Borda do Jeans.

Draw Rectangle

Passo 2

Vá para Filtro > Distorção > Ondas (Filter > Distort > Wave) e defina o Comprimento da Onda (Wavelength), Amplitude e Escala para criar uma borda ondulada. Além disso, vá para Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e defina o Raio para 0.7 px.

Filter Distort Wave

Passo 3

Adicione estes estilos de camada à camada Borda do Jeans: Sombra Projetada com a cor #131e26 (Drop Shadow), Sombra Interna com a cor #131e26 (Inner Shadow), Brilho Interno com a cor #ffffff (Inner Glow) e Chanfro e Entalhe com as cores #ffffff e #131e26 (Bevel and Emboss).

Drop Shadow
Inner Shadow
Inner Glow
Bevel and Emboss

Passo 4

Crie uma nova camada e chame-a de Costura. Pegue a Ferramenta Pincel (B) e escolha o pincel "costura2". Defina seu tamanho para algo em torno de 13 px e a cor para #ffffff. Mantenha a tecla Shift pressionada para desenhar uma linha reta. Adicione outra linha na parte inferior do fundo feito de jeans da mesma forma.

Add Stitch

Passo 5

Adicione estes estilos de camada para a camada da Costura: Sombra Projetada, Sombra Interna, Chanfro e Entalhe e Traçado (respectivamente, Drop Shadow, Inner Shadow, Bevel and Emboss e Stroke).

Drop Shadow
Inner Glow
Bevel and Emboss
Stroke

Passo 6

Vá para Filtro > Distorção > Ondulação e defina a Intensidade para 30% (Amount) e seu Tamanho para Pequena (Size Small). Seu resultado deve ser parecer com isto.

Filter Distort Ripple

Passo 7

Crie uma nova camada e chame-a de Borda Ondulada. Pegue a Ferramenta Pincel (B) e escolha um Pincel Redondo Suave (Soft Round Brush) que é um pincel padrão do Photoshop que você deve ter em sua lista. Alterne para o Painel Pincel (Brush Panel) e personalize o pincel alterando as seguintes configurações: Tamanho para 50 px (Size), Ângulo para 90º, Redondez para 45% (Roundness) e Espaçamento para 150%.

Create Custom Brush

Passo 8

Desenhe duas linhas usando este pincel personalizado com a cor branca. Defina o modo de mesclagem da camada Borda Ondulada para Sobrepor (Overlay) e sua Opacidade para 40%. Além disso, adicione um estilo de camada do tipo Sombra Projetada (Drop Shadow) com a cor #0f1114.

Add Line Border

4. Criando o Texto Bordado

Passo 1

Crie uma nova camada de texto e chame-a de Texto Bordado. Digite o seu texto usando a fonte False Positive. Clique no botão Alternar os Painéis Parágrafo e Caractere (Toggle the Character and Paragraph Panels) e defina o Tamanho da Fonte (Font Size) para algo em torno de 230 px, Escalar Verticalmente/Horizontalmente e etc, assim como exibido na imagem abaixo.

False Positive Font

É claro que você pode usar qualquer tipo de fonte que você quiser ou até combinar texto com formas vetoriais. Neste caso, você terá que converter as camadas em objetos inteligentes.

Passo 2

Adicione um estilo de camada do tipo Traçado (Stroke) à camada do Texto Bordado. Eu estou fazendo isso para deixar o texto um pouco mais fino. Clique com o Botão Direito do Mouse na camada e escolha a opção Converter para Objeto Inteligente (Convert to Smart Object).

Add Stroke

Passo 3

Novamente, adicione os seguintes estilos de camada ao objeto inteligente do Texto Bordado: Sombra Projetada (Drop Shadow) com a cor #000000, Sombra Interna (Inner Shadow) com a cor #000000, Chanfro e Entalhe (Bevel and Emboss) com as cores #ffffff e #000000, Chanfro e Entalhe - Textura (Padrão "padrão-diagonal-pixel") e Sobreposição de Cor (Color Overlay) com a cor #686565.

Drop Shadow
Inner Shadow
Bevel and Emboss
Bevel and Emboss Texture
Color Overlay

Passo 4

Converta a camada em um objeto inteligente mais uma vez para sermos capazes de adicionar outro estilo de camada sem rasterizar os efeitos. Pressione Ctrl-T para executar uma transformação no objeto inteligente e escale-o em 130% horizontalmente e verticalmente.

Convert to Smart Object

Passo 5

Duplique o objeto inteligente do Texto Bordado e chame-a de Sombra. Mova esta camada para baixo do objeto inteligente do Texto Bordado.

Passo 6

Agora iremos adicionar estilos de camada para cada uma das duas camadas. Vamos começar com o objeto inteligente do Texto Bordado. Adicione uma Sombra Interna (Inner Shadow) com a cor #000000, Chanfro e Entalhe (Bevel and Emboss) com as cores #ffffff e #000000, Sobreposição de Cor (Color Overlay) com a cor #ffc000 e uma Sobreposição de Degradê (Gradient Overlay) com as cores #ffffff e #ffffff. Você pode escolher a Sobreposição de Cor que você quiser, certifique-se apenas de ajustar também a Opacidade da Sobreposição de Degradê se você quiser um tom de cor mais claro ou mais escuro.

Inner Shadow
Bevel and Emboss
Color Overlay
Gradient Overlay

Passo 7

Para deixar o efeito mais realista, vamos adicionar os efeitos de Filtro > Distorção > Ondulação (Filter > Distort > Ripple) e Filtro > Ruído > Adicionar Ruído (Filter > Noise > Add Noise).  Esses dois efeitos são adicionados como Filtros Inteligentes (Smart Filters), então você poderá editá-los a qualquer hora clicando duas vezes no nome do Filtro.

Filter Distort Ripple and Noise

Passo 8

Vá para camada da Sombra e defina seu Preenchimento para 0% (Fill). Em seguida, adicionamos um estilo de camada do tipo Chanfro e Entalhe (Bevel and Emboss) com as cores #ffffff e #000000. O texto bordado deve se parecer com isso.

Embroidered Text

Passo 9

Crie uma nova camada abaixo da camada Sombra e dê a ela o nome de Borda Costurada. Mantenha a tecla Ctrl pressionada e clique na miniatura da camada do Texto Bordado para criar uma seleção. Vá para Selecionar > Modificar > Expansão (Select > Modify > Expand) e expanda em 5 px.

Expand Selection

Passo 10

Vá para a aba Demarcadores (Paths) e escolha Criar Demarcador de Trabalho (Make Work Path).

Make Work Path

Passo 11

Selecione a Ferramenta Pincel (B) com a cor #ffffff e escolha o pincel "costura1". Novamente na aba Demarcadores (Paths), escolha Traçar Demarcador (Stroke Path). Pressione Delete para excluir o demarcador de trabalho.

Stroke Path

Passo 12

Adicione um estilo de camada do tipo Sombra Projetada (Drop Shadow) com a cor #000000 para a camada da Borda Costurada. Converta esta camada para um objeto inteligente.

Drop Shadow

Passo 13

Finalmente, vamos adicionar estilos de camada para o objeto inteligente da Borda Costurada: Sombra Projetada (Drop Shadow) com a cor #161616, Sombra Interna (Inner Shadow) com a cor #161616, Chanfro e Entalhe (Bevel and Emboss) com as cores #ffffff e #161616, Sobreposição de Cor (Color Overlay) com a cor #f5f5f5 - você pode escolher a cor que você quiser para a costura.

Drop Shadow
Inner Shadow
Bevel and Emboss
Color Overlay

Parabéns! Você Terminou!

Neste tutorial você aprendeu a como criar um efeito de texto bordado no Adobe Photoshop. Eu espero que você tenha gostado deste tutorial.

O efeito de texto bordado faz parte do Kit de Criação de Costura e Bordado para o Photoshop do meu portfólio na Envato Market.

Embroidered Text in Photoshop
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.