Como Fazer Efeito de Texto com Bordado no Photoshop
Neste artigo, você vai aprender, em apenas alguns passos, a criar um efeito de texto interessante, reproduzindo a aparência de bordado sobre tecido. O tutorial é fácil, podendo ser seguido por usuários do Photoshop em qualquer nível.
Ao final, você terá aprendido a criar pincéis personalizados (que será feito para reproduzir o efeito da costura), usar camadas de ajuste, camadas de preenchimento e efeitos de camada.
Isso tudo, claro, além de aprender um efeito de texto bonito e chamativo para usar em seus projetos. Se for criativo, poderá mudar as configurações para obter diversos efeitos de bordado, que além de textos, poderão ser empregados em qualquer outra imagem. Acompanhe!
Para começar, abra um novo arquivo do Photoshop. Vamos trabalhar com uma resolução média: 800 x 350 pixels.

Em primeiro lugar, criaremos o fundo. Você pode usar alguma textura de tecido, se tiver disponível, mas para manter o uso das ferramentas do próprio programa, vamos usar uma textura nativa do Photoshop que servirá muito bem.
Crie uma nova camada de preenchimento, do tipo Pattern (menu Layer > New Fill Layer > Pattern). Use a textura mostrada abaixo, e as configurações.

Como quero este fundo com a cor verde, vamos usar uma camada de ajuste de Hue/Saturation (Matiz/Saturação). Siga ao menu Layer > New Adjustment Layer > Hue/Saturation, e use o ajuste a seguir, para tornar o tecido verde.

Crie então, com a Horizontal Type Tool (ferramenta Texto Horizontal), o texto que receberá o efeito. Resolvi simular um agasalho do Brasil, então criei o texto usando uma fonte que lembre esportes - Chunck Five. Se não tiver esta fonte disponível, você poderá baixá-la gratuitamente no Font Squirrel, ou então use outra de sua preferência; note que ela deve ser tipo encorpada para um melhor resultado.

Aplicaremos ao texto a textura de tecido que foi usada antes: use o mesmo método feito antes - Fill Layer do tipo Pattern. Mantenha a opção "Use Previous Layer to Create Clipping Mask" marcada, para que o efeito seja aplicado apenas nas letras e não no resto da imagem.

Ajuste a cor das letras com uma nova camada de ajustes de Hue/Saturation, de forma similar ao que foi feito no fundo. Outra vez, use a opção Use Previous Layer to Create Clipping Mask.


Agora é hora de criar a costura. Para isso, você vai usar um pincel personalizado. Com o Brush Tool selecionado (Ferramenta Pincel, atalho: B), abra a paleta de Pincéis para ajustar suas configurações.

Use os seguintes ajustes, para criar o pincel que fará o desenho da costura.

Ajustes feitos no Brush Tip Shape (Forma da ponta do pincel), à esquerda, e ajustes no Shape Dynamics (Dinâmicas de Forma), opção Angle Jitter (Tremulação do Ângulo) em Direction.
Crie uma nova camada vazia acima de todas. Pressione D e depois X, para se certificar de que a cor de primeiro plano é branco. Segure então a tecla Ctrl e clique sobre a miniatura da camada de texto, para criar uma seleção ao seu redor.
Clique na guia Paths (Demarcadores), então clique no botão Make Work Path From Selection (Criar Demarcador de Trabalho a Partir da Seleção), no rodapé da janela de Paths.

Com o demarcador ao redor do texto, basta clicar no segundo botão à esquerda, o Stroke Path With Brush (Traçar Demarcador com Pincel). O contorno será criado a partir do pincel que você configurou antes.

Para melhorar o efeito, use alguns estilos de camada tanto no texto quanto no contorno. Os usados aqui foram os seguintes:
Para o texto:


Para o contorno:

Você pode experimentar outras configurações quando ajustar o pincel, como usar um tamanho menor para o bordado ficar mais estreito, por exemplo. Use o mesmo pincel para contornar qualquer região onde queria aplicar o efeito de costura, como foi feito nos enfeites laterais.
Efeito finalizado
Você pode baixar o arquivo no formato do Photoshop (.psd) deste tutorial. Para baixar, clique no botão abaixo e divulgue este artigo numa rede social.
Em caso de dúvidas adicionais, postem nos comentários, terei prazer em ajudar no que for possível. Até a próxima!
Mais na categoria Tutoriais














Muito bom, mas fica mais difícil no meu Photoshop que é em português! :0(
Logo estará no logotipo de meu site!
Grata mais uma vez! ;0)
Obrigado, Casa das Flores!
Na verdade, quando comecei o blog, colocava todos os nomes de ferramentas em português, mas como a maioria usa Photoshop em inglês, deixei este hábito de lado. Além disso, é bom acostumar-se com os termos em inglês, já que há muito material didático na internet neste idioma.
Se tiver dúvida sobre algum nome de ferramenta, consulte os dicionários inglês-português do Photoshop que já publicamos.
olá eu gostaria de saber onde fica esse segundo botão à esquerda, o Stroke Path With Brush (Contornar Demarcador com Pincel) ?
Olá Lucas, é o segundo botão no rodapé da janela de camadas, um círculo com traço contínuo. Veja:
É aquele dois antes do botão apontado pela seta (ao passar o mouse sobre, aparece o texto "Traçar demarcador com pincel").
Eu amei este post! Parabéns!
Perfeito! muito obrigado. Eu estava a um tempo procurando por isso.
Meu, parabéns! Usarei esse artigo pra desenvolver uma logo pra um projeto aqui.. Muito obrigado mesmo!
Legal Lucas, faça bom proveito e obrigado!
Daniel, no meu photoshop não tem essa textura. Onde posso sonseguir?
Qual textura, Diego, a Denin? Tem certeza? Acho que faz várias edições do Photoshop que ela faz parte do pacote, pelo menos desde a CS2.
Se não tiver mesmo, você pode baixar uma textura de tecido na internet e usar como base, fazendo o ajuste de Matiz/Saturação nela.