em , , , ,

Tutorial: Como criar letras com bordas costuradas

Preview Descrição: Como criar letras feitas e contornadas com costuras através de Brushes, Layer Styles e Patterns.

  • [message]
    • ##check##AVISO: Como criar letras com bordas costuradas

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂

tutoriais photoshop

01. Antes de começar o tutorial de hoje clique aqui com o botão direito do mouse e escolha a opção Save Link As para baixar o set de brushes que serão usados no tutorial, agora entre no Photoshop e pressione Ctrl+N para criar um novo documento, defina um tamanho de 540×300 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, clique duas vezes na layer Background, na janela que irá abrir pressione Ok, isto irá destrancar a layer Background deixando a layer habilitada para edições.

Como criar letras com bordas costuradas

02. Agora vá em Layer> Layer Style> Pattern Overlay, clique na opção de Patterns e escolha o Pattern indicado na imagem abaixo.

Como criar letras com bordas costuradas

03. Sua imagem deve ficar como a da foto abaixo.

Como criar letras com bordas costuradas

05. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva algo, pressione Enter quando terminar.

Como criar letras com bordas costuradas

06. Clique com o botão direito do mouse sobre a palavra criada e escolha a opção Create Work Path para criar um Path ao redor das letras.

Como criar letras com bordas costuradas

07. Pressione Ctrl+Shift+Alt+N ou clique no ícone de Add New Layer no rodapé da paleta de layers para criar uma nova layer, dê o nome de Stitches (costuras).

Como criar letras com bordas costuradas

08. Pressione a letra B do teclado para selecionar a Brush Tool, vá em Window> Brushes, clique no ícone do menu que existe no canto superior direito da caixa de brushes e escolha a opção Load Brushes, encontre o arquivo costura.abr que foi baixado anteriormente e pressione Ok.

Como criar letras com bordas costuradas

09. Agora selecione o brush e defina os valores mostrados na imagem abaixo.

Como criar letras com bordas costuradas

10. Agora clique na opção Shape Dynamics e defina os valores abaixo.

Como criar letras com bordas costuradas

11. Agora pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra P do teclado para selecionar a Pen Tool, clique com o botão direito do mouse sobre o Path criado ao redor das letras ou vá em Window> Paths e clique com o botão direito do mouse sobre o Paths criado e escolha a opção Stroke Path, na caixa que irá abrir escolha a opção Brush e não marque a opção Simulate Pressure, pressione Ok e sua imagem irá ficar como a da foto abaixo, pressione Ctrl+H para desabilitar a visibilidade dos Paths.

Como criar letras com bordas costuradas

12. Agora vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

Como criar letras com bordas costuradas

13. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

Como criar letras com bordas costuradas

14. (Opcional) Caso queira trocar a cor de fundo clique na layer Background e vá em Layer> New Adjustment Layer> Hue/Saturation, para conseguir a mesma cor do tutorial defina os valores abaixo.

Como criar letras com bordas costuradas

15. Clique na layer de texto e mude seu modo de blend para Multiply, defina o valor de Fill em 70%.

Como criar letras com bordas costuradas

16. (Opcional) Outra alternativa caso você não queira criar as bordas das letras costuradas e sim as letras costuradas é pressionar a letra P do teclado para selecionar a Pen Tool, (isto irá exigir um ótimo domínio da Pen Tool) e escrever a palavra como na imagem abaixo.

Como criar letras com bordas costuradas

17. Com o Path criado basta seguir a mesma técnica para aplicar a costura não esquecendo de aplicar os Layer Styles para dar mais realismo ao efeito.

Como criar letras com bordas costuradas

18. O efeito pode ser extendido sendo infinita as possibilidades de criação, na imagem abaixo foi adicionado uma linha dividindo a malha azul da vermelha, ao final sua imagem poderá ficar assim ou até melhor!

Como criar letras com bordas costuradas

site de origem:
http://pshero.com/archives/text-in-stitches

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

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

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

19 Comments

  1. Olá, André!
    Parabéns pelo site! É maravilhoso! =D
    Aprendi muita coisa aqui!
    Quero tirar uma dúvida… no passo 11, depois que eu clico na opção Stroke Path e pressiono OK, o tracejado que se forma não fica branco, e sim, cinza.
    Já olhei um monte de coisa pra ver o que eu tô fazendo de errado, mas não consigo encontrar.
    Se puder me ajudar…Agradeço!
    Obrigada! 😉

  2. Nossa Amo este blog, muito perfeito, faz muito tempo que procuro um blog de tutoriais de photoshop e depois que encontrei este não procuro mais, pois é maravilhoso, Mt obrigada André.
    Obs: o invés de fazer o download do bruche eu proprio crie, acredito que seja mais fácil para alguns bruches

  3. André… gosto muito do seu blog!!! visito sempre e ele me ajuda muito com o photoshop…
    Será que tem como vc traduzir esse tutorial: pshero.com/archives/wood-inlay-text ? Valeu
    Meu nome é Rafael

  4. Grande André, tem um bom tempo que não comento, mas hoje, além de mais uma vez parabenizar pelo Site e pelo tuto (muito 10 essa tipografia, vou fazer)queria perguntar uma coisa, claro que vc usa uma tablet, gostaria de uma sugestão pra comprar uma (tem alguns tutoriais que fica quase impossível fazer sem uma) eu vi uma “bamboo fun 4×6” o que vc acha?? não quero uma super profissa, até pq sai muuito caro, mas uma boa pra eu melhorar no uso do nosso amado photoshop!! abração!!!!

  5. hahahaha, sou tão viciado no blog e em photoshop que eu fico horas no santo google pesquisando. Mas falando sério, eu gostei bastante, principalmente a parte da galeria,é um ótimo modo de aprendermos mais assim como se aprende na comunidade, tomará que esse vá pra frente com tudo. =D

  6. Oi Zhyon , eu que agradeço a visita! 🙂

    Oi Lucas, pode deixar que assim que possível postarei o tutorial ok? obrigado pela visita!! 🙂

    Oi Ramon Davi, fico feliz que tenha gostado, volte sempre!! 🙂

    Oi Cida, depois mande o link para que todos possam ver como ficou, obrigado pela visita!!

    Oi Hallan, hahahah, como você achou isso? ainda estou estudando as possibilidades que o site oferece, talvez eu use o Google Friend Connect mas ainda não soltaram minha senha para que eu possa ver o que ele oferece, mas depois que sair aí sim posso ver o que farei e com certeza todos os leitores serão avisados! 😀 obrigado pela visita!!

  7. Olá! Muito bom o tutorial.
    Andre, eu gostaria de pedir, se você puder faze-lo, obviamente.. é traduzir esse tutorial muito interessante em tipografia:
    pshero.com/archives/watercolor-text
    Se puder, agradeço desde já (:

3000 fotos em 3 semanas, um passeio em timelapse por Nova York e Boston.

Lançamento do livro Adobe Photoshop – Os 10 fundamentos – Clicio Barroso