Pular para o conteúdo
Início » Efeito de texto bordado realista no Adobe Photoshop

Efeito de texto bordado realista no Adobe Photoshop

O que você estará criando.

Efeito de texto bordado realista no Adobe Photoshop

Neste tutorial, você aprenderá como criar um efeito de texto de bordado realista no Photoshop usando pincéis de ponto e estilos de camada. O resultado final será uma fonte que parece bordado! 

Entretanto, se você ama a textura do bordado, vai gostar deste tutorial detalhado.

O que você aprenderá neste tutorial do Adobe Photoshop

  • Como fazer um efeito de bordado no Photoshop 
  • Como criar pincéis de ponto
  • Como adicionar detalhes de costura realistas
  • Como fazer uma textura de bordado realista

Recursos do tutorial

Os seguintes ativos foram usados ​​durante a produção deste tutorial:

1.  Como criar o fundo de jeans

Etapa 1

Crie um novo documento de 1100 x 600 px, e nomeie como Jeans – plano de Fundo ou conforme você queira. Abra a imagem de textura, em seguida Copie e Cole a Textura Jeans nesta camada. Porém, certifique-se de usar uma textura grande (2000 x 1500 px). 

Efeito de texto bordado realista no Adobe Photoshop

Etapa 2

Então, crie uma nova camada chamada Texturização e preencha com branco. Mas, certifique-se de que a cor do primeiro plano esteja definida como branco e a cor do plano de fundo definida como preto. Em seguida, vá para Filtro > Renderização > Nuvens.

Efeito de texto bordado realista no Adobe Photoshop

Etapa 3

Vá para Filtro > Traçados de Pincel > Hachura.

Efeito de texto bordado realista no Adobe Photoshop

Então, defina o Comprimento do traçado para 20, Nitidez para 18 e Intensidade para 2. Bem como, você pode, é claro, alterar as configurações ao seu gosto. 

Efeito de texto bordado realista no Adobe Photoshop

Etapa 4

Defina o modo de mesclagem da camada texturização para Luz Indireta e cerca de 60% de opacidade. Porém, se quiser, pode mudar a cor do jeans; adicione um estilo Sobreposição de Cor à camada Texturização com o modo de mesclagem Cor e simplesmente escolha uma cor que você goste. 

Efeito de texto bordado realista no Adobe Photoshop

2.  Como criar pincéis de pontos

Etapa 1

Entretanto, para finalizar o fundo do jeans e começar a criar o efeito de bordado costurado, precisamos de alguns pincéis de ponto que vamos fazer do zero.

A princípio, crie um novo documento, tamanho 27 x 5 px. Então, preencha a tela com preto. Em seguida, vá para Editar > Definir predefinição de pincel. Defina o nome do pincel como “ponto” e clique em OK

Efeito de texto bordado realista no Adobe Photoshop

Agora você pode fechar o novo arquivo PSD sem salvar e retornar ao arquivo PSD inicial (aquele com fundo jeans). 

Etapa 2

Então, vamos modificar o pincel que acabamos de criar, para criar um pincel personalizado. Escolha a ferramenta Pincel e selecione o pincel “ponto” no seletor de predefinições de pincel.

Efeito de texto bordado realista no Adobe Photoshop

Alterne para o painel Configurações do pincel e faça as seguintes configurações: Ângulo: 90Redondez: 50%Espaçamento: 87%, para a forma da ponta do pincel.

Efeito de texto bordado realista no Adobe Photoshop

Em seguida defina a Tremulação de Ângulo como Direção, para Dinâmica da Forma.

Efeito de texto bordado realista no Adobe Photoshop

Etapa 3

Clique no canto superior direito do painel Pincel e escolha Nova predefinição de pincel. Nomeie o novo pincel como “ponto1”

Efeito de texto bordado realista no Adobe Photoshop

Passo 4

Agora vamos criar o segundo pincel. Escolha novamente a ferramenta Pincel e selecione o pincel “ponto” no seletor de predefinições de pincel. Alterne para o painel Configurações de Pincel e faça as seguintes configurações: Spacing 750% e defina a Tremulação de Ângulo como Direção.

Efeito de texto bordado realista no Adobe Photoshop
Efeito de texto bordado realista no Adobe Photoshop

Relacionado: Efeito de texto difuso listrado.

Passo 5

Clique no canto superior direito do painel Pincel e escolha Nova predefinição de pincel. Nomeie o novo pincel “ponto2”

Efeito de texto bordado realista no Adobe Photoshop

3.  Como adicionar detalhes de costura

Etapa 1

Use a Ferramenta Retângulo e desenhe uma forma conforme mostrado na imagem de visualização. Contudo, certifique-se de que excede a tela nas bordas superior e esquerda/direita. Nomeie essa camada como Borda de Jeans.

Efeito de texto bordado realista no Adobe Photoshop

Etapa 2

Vá para Filtro > Distorção > Ondas e defina Comprimento da onda, AmplitudeEscala para criar uma borda ondulada.

Efeito de texto bordado realista no Adobe Photoshop

Também vá em Filtro> Desfoque> Desfoque Gaussiano e defina o Raio para 0,7 pixels.

Efeito de texto bordado realista no Adobe Photoshop

Etapa 3

Adicione este estilo de camada à camada Borda do Jeans:

  • Sombra projetada (cor #131e26)
  • Sombra interna (cor #131e26)
  • Brilho interno (cor #ffffff)
  • Chanfro e entalhe (cores:#ffffff e#131e26)
Efeito de texto bordado realista no Adobe Photoshop

Sombra projetada.

Sombra Interna

Sombra Interna.

Brilho Interno.

Brilho Interno.

Chanfro e entalhe.

Chanfro e entalhe.

Etapa 4

Crie uma nova camada e chame-a de Pontos. Pegue a ferramenta Pincel e escolha o pincel “ponto2”. Então defina o tamanho para cerca de 13 px e a cor para #ffffff. Mas, mantenha a tecla Shift pressionada para desenhar uma linha reta. Bem como adicione outra linha na parte inferior do fundo do jeans da mesma maneira.

Adicionando uma linha.

Adicionando uma linha.

Etapa 5

Adicione este estilo de camada à camada Pontos:

  • Sombra projetada
  • Brilho interno
  • Chanfro e entalhe
  • Traçado
Sombra projetada.

Sombra projetada.

Brilho interno.

Brilho interno.

Chanfro e entalhe.

Chanfro e entalhe.

Traçado.

Traçado.

Etapa 6

Vá para Filtro > Distorção > Ondulação e defina Intensidade 30% e Tamanho Pequeno. Seu resultado agora deve ficar assim.

Vá para Filtro > Distorção > Ondulação.

Etapa 7

Crie uma nova camada e chame-a de Borda Ondulada. Pegue a ferramenta Pincel e escolha o Pincel Redondo Macio, que é um pincel padrão do Adobe Photoshop que você deve ter em sua lista. Alterne o painel Pincel para personalizar o pincel e faça estas configurações: Tamanho 50pxÂngulo 90Arredondamento 45%Espaçamento 150%

Crie uma nova camada e chame-a de Borda Ondulada.

Etapa 8

Desenhe duas linhas usando este pincel personalizado e a cor branca. Defina o modo de mesclagem da camada Borda Ondulada para Sobrepor, 40% a Opacidade. Adicione também um estilo de camada Sombra Projetada (cor #0f1114).

Desenhe duas linhas usando este pincel personalizado e a cor branca.

4.  Como fazer um efeito de bordado no Photoshop

Etapa 1

Crie uma nova camada de texto e chame-a de Bordado. Digite seu texto usando a fonte Falso Positivo. Clique no botão Alternar os painéis Caractere e Parágrafo e defina o Tamanho da fonte para cerca de 230pxEscala Vertical/Horizontal, etc., conforme mostrado na visualização.

Criando a camada de texto.

Você pode, é claro, usar qualquer tipo de fonte que desejar ou até mesmo combinar texto e formas vetoriais. Neste último caso, você terá que converter as camadas em um objeto inteligente.

Etapa 2

Adicione um estilo de camada Traçado à camada Bordado. Estou fazendo isso para tornar o texto um pouco mais fino. Clique com o botão direito na camada Bordado em seguida em Converter em Objeto Inteligente.

 Adicione um estilo de camada Traço à camada Bordado.

Etapa 3

Novamente, adicione este estilo de camada ao objeto inteligente Bordado:

  • Sombra projetada (cor #000000)
  • Sombra interna (cor #000000)
  • Chanfro e entalhe (cores #ffffffe #000000)
  • Chanfro e entalhe – Textura (Padrão “pixel-padrão-diagonal”)
  • Sobreposição de cores (cor #686565)
Sombra Projetada.

Sombra Projetada.

Sombra interna.

Sombra interna.

Chanfro e entalhe.

Chanfro e entalhe.

Textura do chanfro e entalhe.

Textura do chanfro e entalhe.

Sobreposição de cor.

Sobreposição de cor.

Passo 4

Converta a camada em um objeto inteligente mais uma vez, para que você possa adicionar outro estilo de camada sem rasterizar os efeitos. Pressione Ctrl+T para transformar o objeto inteligente e dimensioná-lo para 130% nas escalas horizontal e vertical.

Redimensionando texto.

Redimensionando texto.

Passo 5

Entretanto, duplique o objeto inteligente Bordado e chame-o de Sombra. Em seguida, mova esta camada para baixo do objeto inteligente Bordado.

Camada sombra.

Camada sombra.

Etapa 6

Agora vamos adicionar estilos de camada para cada uma dessas duas camadas. Vamos começar com o objeto inteligente Bordado. Adicione uma Sombra Interna (cor #000000), Chanfro e Entalhe (cores #ffffff e #000000), Sobreposição de Cor (cor #ffc000) e Sobreposição de Gradiente (cores #ffffffe #ffffff). Você pode escolher qualquer sobreposição de cores que desejar, mas certifique-se de ajustar também a opacidade da sobreposição de gradiente se desejar um tom de cor mais escuro ou mais claro.

Sombra interna

Sombra interna.

Chanfro e entalhe

Chanfro e entalhe.

Sobreposição de cor

Sobreposição de cor.

Sobreposição de gradiente.

Sobreposição de gradiente.

Etapa 7

Porém, para tornar o efeito mais realista, vamos adicionar um filtro > Distorção > Ondulação e um efeito Filtro > Ruído > Adicionar Ruído. Esses dois efeitos são adicionados como Filtros Inteligentes, então você pode editá-los a qualquer momento clicando duas vezes no nome do Filtro

Filtros de ondulação e ruído

Filtros de ondulação e ruído.

Etapa 8

Vá para a Camada de Sombra e defina o Preenchimento para 0%. Em seguida, adicione um estilo de camada Chanfro e Entalhe (cores #ffffffe #000000). O texto bordado agora deve ficar assim.

Camada sombra com estilo de camada

Camada sombra com estilo de camada.

Etapa 9

Crie uma nova camada logo abaixo da camada Sombra e nomeie-a como Pontos da Borda. Então mantenha a tecla Ctrl pressionada e clique na miniatura da camada de texto Bordado para fazer uma seleção. Em seguida vá em Seleção > Modificar > Expansão e expanda em 5 pixels. 

Seleção > Modificar > Expansão

Passo 10

Vá para a guia Demarcadores e escolha Criar demarcador de trabalho.

Criando demarcador de trabalho

Etapa 11

Selecione a ferramenta Pincelcor#ffffff e escolha o pincel “ponto1”. Novamente na guia Demarcadores, escolha Traçar Demarcador. Pressione Delete para remover o demarcador. 

Traçando o demarcador

Passo 12

Adicione um estilo de camada Sombra Projetada (color #000000) à camada Pontos da Borda. Em seguida converta esta camada em um objeto inteligente. 

Adicionando sombra projetada

Etapa 13

Por fim, vamos adicionar um estilo de camada ao objeto inteligente Pontos da Borda: Sombra Projetada (color #161616), Sombra interna (color #161616), Chanfro e Entalhe (cor #ffffffe#161616), Sobreposição de Cor (cor #f5f5f5- você pode escolher qualquer cor que desejar para o ponto)

Adicionando sombra projetada

Adicionando sombra projetada.

Adicionando sombra projetada

Adicionando sombra interna.

Adicionando chanfro e entalhe

Chanfro e entalhe.

Adicionando sobreposição de cor.

Sobreposição de cor.

Sua textura de bordado no Photoshop está pronta!

Todavia, neste tutorial, você aprendeu como fazer um efeito de bordado no Photoshop.

Resultado final.

Resultado final.

Relacionado: Perdido no Espaço – Tipografia no Photoshop.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Este site utiliza o Akismet para reduzir spam. Saiba como seus dados em comentários são processados.

Optimized by Optimole
Usamos cookies para personalizar conteúdo e anúncios, fornecer recursos de mídia social e analisar nosso tráfego. Também compartilhamos informações sobre o uso do nosso site com nossos parceiros de mídia social, publicidade e análise. View more
Cookies settings
Entendi
Decline
Privacidade & Política de Cookies
Privacy & Cookies policy
Cookie nameActive

Quem somos

O endereço do nosso site é: https://www.wilson66.com.br.

Quais dados pessoais coletamos e porque

Comentários

Quando os visitantes deixam comentários no site, coletamos os dados mostrados no formulário de comentários, além do endereço de IP e de dados do navegador do visitante, para auxiliar na detecção de spam.Uma sequência anonimizada de caracteres criada a partir do seu e-mail (também chamada de hash) poderá ser enviada para o Gravatar para verificar se você usa o serviço. A política de privacidade do Gravatar está disponível aqui: https://automattic.com/privacy/. Depois da aprovação do seu comentário, a foto do seu perfil fica visível publicamente junto de seu comentário.

Mídia

Se você envia imagens para o site, evite enviar as que contenham dados de localização incorporados (EXIF GPS). Visitantes podem baixar estas imagens do site e extrair delas seus dados de localização.

Formulários de contato

Cookies

Ao deixar um comentário no site, você poderá optar por salvar seu nome, e-mail e site nos cookies. Isso visa seu conforto, assim você não precisará preencher seus dados novamente quando fizer outro comentário. Estes cookies duram um ano.Se você tem uma conta e acessa este site, um cookie temporário será criado para determinar se seu navegador aceita cookies. Ele não contém nenhum dado pessoal e será descartado quando você fechar seu navegador.Quando você acessa sua conta no site, também criamos vários cookies para salvar os dados da sua conta e suas escolhas de exibição de tela. Cookies de login são mantidos por dois dias e cookies de opções de tela por um ano. Se você selecionar "Lembrar-me", seu acesso será mantido por duas semanas. Se você se desconectar da sua conta, os cookies de login serão removidos.Se você editar ou publicar um artigo, um cookie adicional será salvo no seu navegador. Este cookie não inclui nenhum dado pessoal e simplesmente indica o ID do post referente ao artigo que você acabou de editar. Ele expira depois de 1 dia.

Mídia incorporada de outros sites

Artigos neste site podem incluir conteúdo incorporado como, por exemplo, vídeos, imagens, artigos, etc. Conteúdos incorporados de outros sites se comportam exatamente da mesma forma como se o visitante estivesse visitando o outro site.Estes sites podem coletar dados sobre você, usar cookies, incorporar rastreamento adicional de terceiros e monitorar sua interação com este conteúdo incorporado, incluindo sua interação com o conteúdo incorporado se você tem uma conta e está conectado com o site.

Análises

Com quem partilhamos seus dados

Por quanto tempo mantemos os seus dados

Se você deixar um comentário, o comentário e os seus metadados são conservados indefinidamente. Fazemos isso para que seja possível reconhecer e aprovar automaticamente qualquer comentário posterior ao invés de retê-lo para moderação.Para usuários que se registram no nosso site (se houver), também guardamos as informações pessoais que fornecem no seu perfil de usuário. Todos os usuários podem ver, editar ou excluir suas informações pessoais a qualquer momento (só não é possível alterar o seu username). Os administradores de sites também podem ver e editar estas informações.

Quais os seus direitos sobre seus dados

Se você tiver uma conta neste site ou se tiver deixado comentários, pode solicitar um arquivo exportado dos dados pessoais que mantemos sobre você, inclusive quaisquer dados que nos tenha fornecido. Também pode solicitar que removamos qualquer dado pessoal que mantemos sobre você. Isto não inclui nenhuns dados que somos obrigados a manter para propósitos administrativos, legais ou de segurança.

Para onde enviamos seus dados

Comentários de visitantes podem ser marcados por um serviço automático de detecção de spam.

Suas informações de contato

Informações adicionais

Como protegemos seus dados

Quais são nossos procedimentos contra violação de dados

De quais terceiros nós recebemos dados

Quais tomadas de decisão ou análises de perfil automatizadas fazemos com os dados de usuários

Requisitos obrigatórios de divulgação para sua categoria profissional

Save settings