No ano passado escrevi um tutorial chamado Texto de Água Incrivelmente Realista com Cinema 4D e Photoshop onde criei um texto de água. Eu usei o Cinema 4D para criar o objeto 3D e depois importei o arquivo para o Photoshop, onde misturei o objeto com algumas stock photos. Agora com o Photoshop CS5 Extended e a ferramenta Repoussé nós podemos criar objetos 3D diretamente no Photoshop, então decidi refazer o efeito para mostrar a vocês como usar essa nova ferramenta.

Então nesse tutorial vou mostrar a vocês como criar um texto de água. Mesmo que pareça um pouco complexo, o efeito é bastante simples. Nós vamos usar a nova Repoussé e algumas stock photos para criar o efeito.

Passo 1

Abra o Photoshop e crie um novo documento. Preencha a background layer com preto e use a Brush Tool (B) ou importe um 'vector file' com um texto manual. Você pode usar o que eu usei, basta fazer o download do arquivo PSD no final do tutorial.

3D Water Text Effect with Repoussé

Passo 2

Se você criou um texto usando a brush tool ou importando o vetor e colando como bitmap, crie uma marquee selection na área em que você quer aplicar Repoussé. Com a seleção ativa vá até 3D> Repoussé>Current Selection.

3D Water Text Effect with Repoussé

Passo 3

Para criar o efeito da água nós vamos usar o preset Inflate e vamos usar basicamente os mesmos valores que usamos no passo anterior, o Inflate 3D type. Troque Depth para 0 e Scale para 1. Também no Inflate, troque Slides para Front and Face.

3D Water Text Effect with Repoussé

Passo 4

Você vai notar que o E será um bloco sólido e o furo estará perdido, selecione então a área onde quer o furo e troque o Type para Hole. Aumente também o Strength do Inflate para 1.

3D Water Text Effect with Repoussé

Passo 5

Selecione Front Inflation no 3D Palette e clique no folder próximo do Bump values. Selecione Open Texture para abrir a textura em um novo documento. Nesse novo documento crie uma nova layer e vá até Filter>Render>Clouds. Use preto e branco nas cores. Depois disso vá até Filter>Render>Different Clouds. Se o resultado ficar muito escuro, vá até Image>Adjustment>Levels e aumente o white input. Essa textura será o Bump map, o que vai distorcer nosso texto 3D.

Para os outros valores, use branco para Diffuse color, 15% Opacity, 20 em Reflection, Preto em Illumination, 100% Gloss, 100% Shine, branco em Specular e 1.5 em Refraction. Você pode fazer render aqui para ter um preview do efeito 3D.

3D Water Text Effect with Repoussé

Passo 6

Para deixar nosso efeito mais realista vamos misturar algumas stock photos. A que usei é do Stock.xchng (http://www.sxc.hu/photo/884261 and http://www.sxc.hu/photo/1131843). Abra as duas imagens no Photoshop. Copie algumas partes dos respingos d'água das fotos e cole na nossa imagem 3D.

3D Water Text Effect with Repoussé

Passo 7

Repita o processo, copie e cole mais respingos. Como os pingos das fotos tem fundo preto, apenas troque o Blend Mode para Screen para que o preto fique transparente.

3D Water Text Effect with Repoussé

Passo 8

Hora de fazer o render do nosso objeto 3D. No 3D Palette troque Quality para Ray Traced Final. Vai levar alguns minutos para finalizar o processo. Se você quiser trocar a iluminação, faça isso e faça render novamente até ter o resultado que goste.

3D Water Text Effect with Repoussé

Passo 9

Duplique o 'rendered 3D object' e vá até Layer>Rasterize>3D. Vou 'rasterize' o 3D object para aplicar alguns ajustes de imagem. Poderia fazer isso com a 3D layer mas alguns não funcionariam do modo que precisamos.

Adicione uma nova layer e preencha com preto, depois faça merge da layer preta na 3D rasterized layer. Depois disso vá até Image>Adjustments>Levels. Use 15 no Black, 0.8 no Grey e 160 no White input.

3D Water Text Effect with Repoussé

Passo 10

Selecione todas as layers e as duplique. Depois disso vá até Filter>Blur>Gaussian Blur. Use 15 para Amount. Agora troque o Blend Mode para Color Dodge e a Opacity para 30%.

3D Water Text Effect with Repoussé

Conclusão

No ano passado criei esse efeito usando Cinema 4D para criar a parte 3D, que também foi simples. No entanto, com Repoussé do Photoshop CS5 Extended nós podemos fazer tudo no Photoshop. Estou fazendo alguns experimentos com a Repoussé e tem muitas coisas que podemos criar com essa ferramenta, esse texto de água é apenas um exemplo. Espero que tenham gostado. Agora é com vocês.

3D Water Text Effect with Repoussé
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.