O Artista no Illustrator e Photoshop

Algumas semanas atrás eu assisti o filme O Artista. Desde a primeira vez que li sobre o filme fiquei curioso para saber mais, especialmente por ser um filme mudo em preto e branco. Sinceramente, não estava esperando muito, mas quando fui ao cinema fiquei impressionado, adorei o filme. O estilo, a estória e o cachorrinho me deixaram encantado, vale a pena ver o filme.

Bom, nesse tutorial decidi criar algo baseado em uma das cenas do filme. Uma bem do final onde tem o skyline da cidade e os dois personagens principais dançando.

O processo não leva mais de 45 minutos, mas no entanto esse post deve ser considerado mais um estudo de caso que um tutorial em termos de detalhes.

Passo 1

Abra o Illustrator e crie um documento novo. Com a Rectangle Tool crie dois retângulos para fazer o primeiro prédio que ficará no centro.

Passo 2

Usando novamente a rectangle tool, crie um retângulo e com a Direct Selection Tool (A) incline um pouco o retângulo. Depois duplique e o mova um pouco para a direita.

Passo 3

Com a Blend Tool, crie os detalhes da fachada do prédio.

Passo 4

Crie um retângulo com cinza escuro e o mova para baixo. Duplique os detalhes da fachada e faça flip horizontal. A ideia é ter um lado cinza claro (1) e outro cinza escuro (2).

Passo 5

Crie mais detalhes usando a rectangle tool e a direct selection tool para adicionar perspectiva.

Passo 6

Ainda com a rectangle tool, vamos criar mais prédios. Agora com um pouco de perspectiva em relação ao prédio principal. A perspectiva não precisa ser super perfeita, mas precisa ser ao menos convincente.

Passo 7

Continue adicionando prédios. Mova os mais altos para trás dos mais baixos.

Passo 8

Assim que tiver um lado pronto apenas duplique para o outro lado.

Passo 9

Hora de ir para o Photoshop. Copie o prédio principal e cole no Illustrator.

Passo 10

Copie os outros prédios e os distribua no documento. O prédio principal do meio ficará atrás dos outros.

Passo 11

Para o prédio principal, crie uma layer acima das outras e vá até Layer>Create Clipping Mask. Com a Brush Tool (B) e um very soft brush, pinte com branco para criar um tipo de efeito de luz radial vindo de baixo. Repita o mesmo nos outros prédios.

Passo 11

Selecione todos os prédios e layers do efeito de luz e as duplique. Vá até Layer>Merge Layers. Depois vá até Edit>Transform>Flip Vertically. Vá até Filter>Blur>Gaussian Blur. Use 10 em radius.

A ideia aqui é criar o popular efeito de chão molhado.

Passo 12

Preencha a background layer com preto.

Passo 13

Adicione uma nova layer e a preencha com preto. Depois vá até Filter>Noise>Add Noise. Use 45% em Amount com Gaussian no Distribution and Monochromatic.

Passo 14

Vá até Image>Adjustement>Levels. Troque o black input para 160 o grey para 1.00 e o white para 205. Assim teremos algumas estrelas no fundo preto.

Passo 15

Adicione uma borda/moldura branca no seu design. Fazer isso é super simples. Crie uma nova layer e a preencha com preto. Vá até Layer>Layer Styles>Stroke. Use 70px em Size e branco na cor. Depois disso apenas troque o Blend Mode da layer para Screen. O que é preto ficará invisível e o que é branco ficará visível.

Passo 16

Agora apenas adicione seu texto. Usei uma fonte chamada Andes para isso. Duplique também o background e os prédios e faça merge deles em uma layer. Vá até Filter>Blur>Gaussian Blur. Use 10 em amount.

Troque o Blend Mode dessa layer para Overlay com 50% Opacity. Duplique novamente e troque o Blend Mode da nova layer para Soft Light com 60%.

Conclusão

Hora de adicionar textura de papel em cima de todas as layers para dar um ar vintage. Eu usei duas texturas de papel usando Overlay e Multiply no Blend Mode.

O resultado é simples mas é justamente a ideia do filme, o estilo clássico que quis mostrar aqui.

Arquivo Photoshop

Faça o Download do Arquivo Photoshop usado no tutorial