agosto 02, 2010 from abduzeedo's blog
Quando a Adobe começou a anunciar algumas de suas novas features da versão CS5 do Photoshop eles mostraram a Puppet Warp tool, onde eles brincaram com a tromba de um elefante. Fiquei bastante impressionado com aquela ferramenta mas nunca usei muito. Por isso decidi tentar, especialmente depois de ver um screen cast com Russell Brown onde ele mostrava como manipular uma corda com a Puppet Warp Tool.
Neste tutorial eu vou mostrar a vocês como criar um efeito de texto usando uma foto de uma corda e a Puppet Warp tool. O tutorial vai funcionar apenas na versão CS5 e não vai levar muito tempo para ficar pronto.
Passo 1
Abra o Photoshop e crie um novo documento. Estou usando 2560x1440 pixels no tamanho. Depois importe a foto de uma corda. A que estou usando é cortesia do Shutterstock e você pode encontrá-la aqui.
Passo 2
Vamos usar a Puppet Warp tool para criar nosso efeito no texto, mas para garantir que funcione bem a corda precisa ser bem longa. Você também vai precisar extrair o background da layer, deixando apenas a corda. Depois disso vá até Edit>Puppet Warp. O default mode vai mostrar um mash no seu objeto, para esconder apenas 'deselect' a opção Show Mesh.
Passo 3
Agora comece a adicionar points ou joints, eu nem sei bem como chamar essas coisas. Como você pode ver na imagem abaixo, adicionei um no começo da corda e outro no fim. Comece a movê-los para ver seu comportamento. Dicas, se você pressionar ALT você pode girar o ponto, um pequeno círculo vai aparecer para que o use como controller. Se você clicar no ponto pressionando ALT você vai deletá-lo.
Passo 4
Comece a criar a sua palavra, abaixo você pode conferir o R de rope (corda).
Passo 5
Continue editando, leva um tempo até se acostumar com o funcionamento das coisas. É importante não esticar muito a corda para não distorcer a imagem.
Passo 6
Outra feature muito legal da Puppet Wart é que você pode trocar a ordem do mesh em termos de profundidade, é bastante impressionante como eles fazem isso, mas por exemplo, você pode definir que parte vai substituir outra usando os ícones Pin Depth.
Passo 7
Depois de alguns minutos movendo os pontos consegui alcançar um resultado convincente para a palavra ROPE.
Passo 8
Importe a imagem da corda novamente e conecte-a com o R, depois faça o mesmo com o E.
Passo 9
Adicione uma nova layer acima das outras e com a Brush Tool (B) e um 'very soft brush' na cor preta, pinta as áreas marcadas abaixo para criar algumas sombras. Agrupe essa layer e depois troque o Blend Mode do folder para Color Burn com 50% Opacity.
Passo 10
Agrupe todas as layers e duplique o grupo. Com o grupo duplicado selecionado vá até Layer>Merge Group. Troque o Blend Mode do grupo para Overlay.
Passo 11
Usando novamente a imagem da corda, crie outro efeito usando a Puppet Warp tool.
Passo 12
Importe uma textura de papel e a coloque acima das outras layers. A que usei é do Shutterstock e pode ser encontrada aqui.
Selecione todas as layers menos a da textura e as agrupe. Depois duplique o grupo. Selecione esse novo grupo e vá até Filter>Convert for Smart Filters.
Passo 13
Com a Smart Object layer selecionada, vá até Filter>Blur>Guassian Blur. Use 8 pixels para Radius. Uma coisa legal de Smart Filters é que eles se comportam como masks, tem uma thumbnail branca perto da Smart Filter sub layer que é como uma mask, tudo que é branco está no filtro, o que está preto não e as áreas cinzas estão no filtro, mas não são muito intensas. Isso é perfeito para criar um efeito de profundidade de campo.
Com a Brush Tool (B) e um 'very soft brush', pinte sobre a palavra ROPE com preto e também toda a corda que conecta a palavra. Use a imagem abaixo como referência.
Passo 14
Selecione todas as layers e as duplique. Depois disso faça merge das layers duplicadas e vá até Filter>Blur>Gaussian Blur. Use 15 pixels para radius. Duplique essa layer para que tenha '2 blurry layers'. Para a do topo use Screen para Blend Mode com 50% Opacity, para a de baixo use Overlay para Blend Mode com 50% Opacity.
Passo 15
Vá até Layer>New Adjustments Layer>Hue and Saturation. Reduza a Saturation para -40.
Conclusão
A Puppet Warp tool é uma ferramenta incrível que mostra toda a tecnologia por trás dela. Esse tutorial foi apenas uma exemplo de como usar a ferramenta para criar efeitos legais. Agora é com você.
Clique na imagem para um full preview.
Download do Arquivo Photoshop
Clique aqui para fazer o download do arquivo Photoshop usado nesse tutorial.
