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 🙂
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.
02. Agora vá em Layer> Layer Style> Pattern Overlay, clique na opção de Patterns e escolha o Pattern indicado na imagem abaixo.
03. Sua imagem deve ficar como a da foto abaixo.
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.
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.
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).
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.
09. Agora selecione o brush e defina os valores mostrados na imagem abaixo.
10. Agora clique na opção Shape Dynamics e defina os valores abaixo.
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.
12. Agora vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.
13. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.
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.
15. Clique na layer de texto e mude seu modo de blend para Multiply, defina o valor de Fill em 70%.
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.
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.
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!
site de origem:
http://pshero.com/archives/text-in-stitches
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! 😉
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
Vocês poderiam postar em cima a versão usada do photoshop…
🙂
Gostei dos tutoriais, muito legais!
Que maravilha este blog.Aprendo muito aqui.Estava precisando deste efeito.Brigadão
ana
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
Olá…parabéns pelo site…me diga uma coisa, seria possível fazer letras como se fossem feitas de cabelo? att…zequi
Adorei isso =D
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. 😉
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!!!!
Este comentário foi removido pelo autor.
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
ola tdo bem?estou amandooo os tutoriais mto fera vc sao maximo valeu pelas dicas!bjs
Ola André, gostei muito desse tutorial, o blog está de Parabens!
OBS: Você sabe o nome da fonte usada no tutorial?
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!!
André deixa eu fazer uma pergunta.
Esse aqui é só mais um teste ou vai pra frente?
tutoriaisphotoshop.lefora.com/headlines
Gostei pra caramba.
E pra finalizar, como já é de costume ótimo tuto
Adoreiiiiiiiiiiiiiii …vlws André!!!+ 1 p álbum da minha filhota…essa tipografia arrasou!!!! 🙂
André, esse tutorial simplesmente é o melhor da categoria “Efeitos de Texto”.
Vlw!
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á (:
Ótimo Tutorial.
Excelente Tipografia.
Obrigado por compartilhar ^^