() translation by (you can also view the original English article)
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.
Arquivos do Tutorial
Os seguintes arquivos foram utilizados durante a produção deste tutorial:
- Fonte False Positive
- Textura de Jeans por psddude
- Arquivo PAT Padrão-Diagonal-Pixel
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).
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).
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.
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.
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.
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.
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".
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.
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".
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.
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.
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).
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.
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).
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.
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%.
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.
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.
É 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).
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.
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.
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.
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.
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.
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.
Passo 10
Vá para a aba Demarcadores (Paths) e escolha Criar Demarcador de Trabalho (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.
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.
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.
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.
