Efeito De Texto Legal Com A Puppet Warp Tool No Photoshop CS5
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.
CRIANDO UM FUNDO PARA NOSSO EFEITO 3D
Primeiro passo – Criando um fundo para nosso efeito 3D
Existem muitas maneiras de se criar um efeito 3D no Photoshop, até mesmo com o auxílio de outras ferramentas, mas hoje vamos montar nosso efeito de forma que utilizaremos o texto editável e trabalharemos apenas com estilos de camadas.
Já que estamos utilizando o Photoshop para montar nosso efeito de texto, vamos aproveitar para explorar algumas ferramentas e criar nosso fundo no próprio Photoshop. Para isto crie um novo documento com o tamanho de 800 x 400 pixels e adicione uma nova camada ao documento ( Ctrl + Shift + N) e aplique a seguinte cor de fundo: #232323. Agora para criar nosso fundo vamos utilizar os estilos de camada, configure seu documento conforme as imagens abaixo e confira o resultado.
Agora para criarmos um pequeno efeito de luz em nosso fundo, selecione a ferramenta pincel e escolha um brush redondo com contorno suave com aproximadamente 400 pixels. Crie uma nova camada e utilizando a cor branca clique no centro da imagem, aplique uma transparência de 50% na camada e defina o blend mode como Color Dodge. Prontinho, sua imagem deve estar semelhante a esta e pronta para receber nosso efeito de texto 3D.
Segundo passo – Criando o efeito 3D
Agora que já temos um fundo para o nosso texto 3D vamos ao que interessa, para isto selecione a ferramenta texto e digite seu texto no centro da imagem, procure utilizar um tamanho de texto até 115pt. A fonte utilizada neste tutorial foi a Aria Black Italic, para você pode utilizar a fonte de sua preferência. Veja como está nossa imagem até agora.
Agora vamos aplicar os estilos conforme as imagens abaixo para começar a dar forma ao nosso texto 3D.
Após aplicar as configurações acima você terá a seguinte imagem:
Terceiro passo – Finalizando o efeito 3D
Neste passo vamos concluir nosso efeito 3D dando a impressão de profundidade ao texto. Para isto duplique a camada de texto (Ctrl + J). Selecione a camada de texto que ficou em baixo e a mova utilizando as setas do teclado cerca de 6 vezes para baixo e para a direita. Oculte a camada de texto superior clicando no (olho) ao lado da camada.
Agora vamos aplicar os estilos conforme as imagens abaixo para finalizar o nosso efeito 3D.
Seguindo todos os passos você terá algo como a imagem abaixo.
Agora é só reexibir a camada de texto superior e teremos nossa simulação de efeito 3D.
Você também pode baixar o arquivo deste tutorial clicando no neste link.