Texto de Água 3D com Repoussé no Photoshop CS5



Tutorial | Photoshop CS5 | abduzeedo
Adquira agora o seu acesso Premium MegaUpload, RapidShare & HotFile.


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.

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.

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.


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.

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.

Passo 6

Para deixar nosso efeito mais realista vamos misturar algumas stock photos. A que usei é do Stock.xchng ( Efeito 1 and Efeito 2 ). Abra as duas imagens no Photoshop. Copie algumas partes dos respingos d'água das fotos e cole na nossa imagem 3D.

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.

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.

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.

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

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.


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

6 comentários:

  1. Nossa.
    O resultado fica ótimo!
    É sempre bom encontrar blogs assim, que ensina passo a passo.

    ResponderExcluir
  2. eu só sei mexer no CS4 ): .. nem sabia que já tinha o 5, adorei seu post

    ResponderExcluir
  3. o.o O photoshop acaba até com a seca do mundo!!! heheeh muito bom o seu blog! E o tutorial também =)

    tô seguindo!!!

    _________________
    http://geleiah.blogspot.com

    ResponderExcluir
  4. oie Diego...
    Claro que podee usar sim as fotos para montagens, so pediria para vc dar creditos, ou nao tirar meu logo pode ser?!!

    Você mexe com manipulação de fotos no photoshop?
    Bjo

    ResponderExcluir
  5. muito legal o tuto,valeu mesmo por nos ajudar e espero que venha outros tão legais quanto esse

    ResponderExcluir