Tutorial: Como criar letras com bordas costuradas

COMPARTILHE:

Como criar letras feitas e contornadas com costuras através de Brushes, Layer Styles e Patterns.

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 540x300 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

COMENTÁRIOS

BLOGGER: 19
  1. Ótimo Tutorial.
    Excelente Tipografia.
    Obrigado por compartilhar ^^

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

    ResponderExcluir
  3. André, esse tutorial simplesmente é o melhor da categoria "Efeitos de Texto".

    Vlw!

    ResponderExcluir
  4. Adoreiiiiiiiiiiiiiii ...vlws André!!!+ 1 p álbum da minha filhota...essa tipografia arrasou!!!! :)

    ResponderExcluir
  5. André deixa eu fazer uma pergunta.
    Esse aqui é só mais um teste ou vai pra frente?
    http://tutoriaisphotoshop.lefora.com/headlines
    Gostei pra caramba.
    E pra finalizar, como já é de costume ótimo tuto

    ResponderExcluir
  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! :D obrigado pela visita!!

    ResponderExcluir
  7. Ola André, gostei muito desse tutorial, o blog está de Parabens!

    OBS: Você sabe o nome da fonte usada no tutorial?

    ResponderExcluir
  8. ola tdo bem?estou amandooo os tutoriais mto fera vc sao maximo valeu pelas dicas!bjs

    ResponderExcluir
  9. 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

    ResponderExcluir
  10. Este comentário foi removido pelo autor.

    ResponderExcluir
  11. 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 4x6" 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!!!!

    ResponderExcluir
  12. Adorei...coloquei um figura também, tipo um brasão, contornei com o pen tool apliquei o efeito, ficou jóia.
    Parabéns!
    Até a próxima. ;)

    ResponderExcluir
  13. Olá...parabéns pelo site...me diga uma coisa, seria possível fazer letras como se fossem feitas de cabelo? att...zequi

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

    ResponderExcluir
  15. Que maravilha este blog.Aprendo muito aqui.Estava precisando deste efeito.Brigadão
    ana

    ResponderExcluir
  16. Vocês poderiam postar em cima a versão usada do photoshop...
    :)
    Gostei dos tutoriais, muito legais!

    ResponderExcluir
  17. 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

    ResponderExcluir
  18. 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! ;)

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,415,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,520,outubro,748,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,216,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,487,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Como criar letras com bordas costuradas
Tutorial: Como criar letras com bordas costuradas
Como criar letras feitas e contornadas com costuras através de Brushes, Layer Styles e Patterns.
https://www.andresugai.org/Tutoriais/09.2008/T08/imagem17.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/09/como-criar-letras-com-bordas-costuradas.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/09/como-criar-letras-com-bordas-costuradas.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar