Poster Inception com Repousse no Photoshop CS5

Alguns dias atrás fui no cinema com a Amanda (@amlight) para ver A Origem (Inception), o novo filme de Christopher Nolan. Saí do cinema simplesmente maravilhado. A estória é simplesmente incrível e o diretor nos deixa confusos o tempo todo, especialmente no final. Bom, não estou aqui para falar do filme, e sim para falar que me inspirei tanto que tentei algumas coisas no Photoshop. Vi os posters do filme e boom, tive a ideia, um efeito legal para fazer um tutorial :)

Então neste tutorial vou mostrar a vocês como criar o efeito de um dos posters de Inception, o poster onde a palavra Inception é escrita com prédios em uma imagem aérea de uma cidade. Para criar o efeito vamos usar a nova 3D tool do Photoshop CS 5 chamada Repousse e uma foto aére do Pixelcase (http://www.pixelcase.com.au/).

Espero que gostem do tutorial e recomendo que assistam o filme A Origem, é fantástico... mesmo que final seja tudo um... :)

Passo 1

Abra o Photoshop e crie um novo documento. Estou usando um Letter format com 72DPI apenas para esse tutorial, mas sugiro que use no mínimo 300DPI. Deixe o background preto.

Passo 2

Para poder recriar o poster precisei encontrar a imagem certa. Depois de procurar em vários site de stock photos não encontrei nada que tivesse o mesmo ponto de vista que queria. Então escrevi sobre isso no twitter e @janinetoro me passou o link do Pixelacase. Pixelcase tem simplesmente muitas fotos aéreas incríveis. Então enviei um email para eles pedindo permissão para usar uma imagem nesse tutorial. Eles foram muito legais e autorizaram :)

Com a imagem que queria em mãos, a coloquei no meu design.

Passo 3

Com a Horizontal Type Tool (T) adicionei o texto DREAM usando a fonte Futura Condensed. Também estiquei um pouco a palavra para que ela ficasse do tamanho das quadras da foto.

Passo 4

Com o texto selecionado, vá até 3D>Repousse. Use o preset default mas troque Depth para 2.4.

Passo 5

Vá até Window>3D para mostrar o 3D panel no Photoshop. Clique no objeto DREAM e selecione o DREAM Extrusion Material para mudar o 'material of the extrusion'. Vamos usar algumas janelas para isso. Para fazer isso clique no pequeno folder perto de Diffuse Color e selecione New Texture. Depois disso clique no ícone novamente e escolha edit texture para abrir em um novo documento.

Passo 6

Essa é a imagem de um prédio que achei no Google Images e coloquei no texture file. Depois disso apenas salvei e o Photoshop automaticamente faz o update no design original.

Passo 7

Faça o mesmo com o Bump, use a mesma imagem mas a converta em preto e branco para aumentar o contraste. Salve e altere o Bump para 8.

Passo 8

Para Difuse e Bump, clique no ícone da textura e selecione Texture Properties. Use 8 para U Scale e 2 para V Scale.

Passo 9

Aqui está o design que temos até agora.

Passo 10

Duplique a layer da foto da cidade e a posicione como layer do topo, acima das outras. Crie então uma marquee selection do topo do objeto 3D, a palavra DREAM. Vá até Layer>Layer Mask>Reveall Selection.

Passo 11

Vá até Layer>Layer Style>Stroke. Use 1 para Size e 25% para Opacity.

Passo 12

Selecione Inner Glow e use Multiply no Blend Mode, 100% na Opacity, 30% em Choke e 5 pixels em Size.

Passo 13

Como você pode ver, agora temos os prédios com as janelas nos lados e o topo é o original da foto aérea. No entanto ainda não está muito claro.

Passo 14

Selecione a foto aérea que está abaixo das outras e vá até Layer>Layer Mask>Reveal All. Com a Brush Tool (B) e com um 'very soft brush' (0 Hardness) com a cor preta, comece a pintar as áreas abaixo da palavra para deletar a cidade para 'isolarmos' a palavra DREAM como prédios reais. Você também pode criar um efeito vignette pintando os cantos da layer.

Passo 15

Para fazer o render do objeto 3D para o design final, vá até o 3D panel e selecione a Scene, então, no Render Settings, troque Quality para Ray Traced Final. O processo de render pode levar algum tempo, alguns minutos talvez, depende da máquina que estiver usando.

Passo 16

Selecione a layer acima das outras e vá até Layer>New Adjustment Layer>Hue and Saturation. Marque Colorize e em Hue use 200, para Saturation 40 e mantenha 0 em Lightness.

Conclusão

Você pode adicionar outra Adjustment Layer, para aumentar o brightness e contrast, mas o processo está pronto. Também dei uma arrumada nas luzes para que elas combinassem mais com a foto. A técnica é bastante simples e você pode aplicá-la em diferentes imagens. Se você tiver uma foto com resolução maior e mais próxima dos telhados, pode trabalhar mais para deixar a cena ainda mais real. Estou esperando por uma imagem hi-res do http://www.pixelcase.com.au/ para poder criar meu poster e para brincar mais com o conceito, no entanto a questão está bem clara, esse é o tipo de efeito perfeito para usar o Repousse.

Download do Arquivo Photoshop

Clique aqui para fazer o download dos arquivos Photoshop usados nesse tutorial