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.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

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.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

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.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

Passo 4

Comece a criar a sua palavra, abaixo você pode conferir o R de rope (corda).

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

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.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

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.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

Passo 7

Depois de alguns minutos movendo os pontos consegui alcançar um resultado convincente para a palavra ROPE.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

Passo 8

Importe a imagem da corda novamente e conecte-a com o R, depois faça o mesmo com o E.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

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.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

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.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

Passo 11

Usando novamente a imagem da corda, crie outro efeito usando a Puppet Warp tool.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

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.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

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.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

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.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

Passo 15

Vá até Layer>New Adjustments Layer>Hue and Saturation. Reduza a Saturation para -40.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5

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ê.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5
Clique na imagem para um full preview.

Download do Arquivo Photoshop

Clique aqui para fazer o download do arquivo Photoshop usado nesse tutorial.

About the author of this post

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.