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.

The Artist Inspiring Design in Illustrator and Photoshop

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.

The Artist Inspiring Design in Illustrator and Photoshop

Passo 3

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

The Artist Inspiring Design in Illustrator and Photoshop

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

The Artist Inspiring Design in Illustrator and Photoshop

Passo 5

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

The Artist Inspiring Design in Illustrator and Photoshop

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.

The Artist Inspiring Design in Illustrator and Photoshop

Passo 7

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

The Artist Inspiring Design in Illustrator and Photoshop

Passo 8

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

The Artist Inspiring Design in Illustrator and Photoshop

Passo 9

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

The Artist Inspiring Design in Illustrator and Photoshop

Passo 10

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

The Artist Inspiring Design in Illustrator and Photoshop

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.

The Artist Inspiring Design in Illustrator and Photoshop

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.

The Artist Inspiring Design in Illustrator and Photoshop

Passo 12

Preencha a background layer com preto.

The Artist Inspiring Design in Illustrator and Photoshop

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.

The Artist Inspiring Design in Illustrator and Photoshop

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.

The Artist Inspiring Design in Illustrator and Photoshop

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.

The Artist Inspiring Design in Illustrator and Photoshop

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

The Artist Inspiring Design in Illustrator and Photoshop

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.

The Artist Inspiring Design in Illustrator and Photoshop

The Artist Inspiring Design in Illustrator and Photoshop

Arquivo Photoshop

Faça o Download do Arquivo Photoshop usado no 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.