Efeito Letterpress Realista no Photoshop

Para o primeiro tutorial de 2012 a ideia é mostrar algo legal e fácil pois o objetivo esse ano é apresentar para vocês tutoriais com técnicas simples que com bons resultados. Nesse primeiro caso vamos explorar maneiras de criar um efeito letterpress usando apenas Photoshop.

Então este tutorial vai mostrar para vocês como criar um efeito letterpress fácil e bonito usando Layer Styles no Photoshop. O processo é super simples e não vai levar mais de 45 minutos para ficar pronto.

Passo 1

Abra o Photoshop e crie um novo documento. Estou usando 2560x1600 pixels no meu para poder usar o design como wallpaper. Depois disso prepare um background preto.

O segredo para criar um efeito letterpress legal é usar typefaces diferentes, tamanhos diferentes e estilos diferentes, próximos uns dos outros. Como você pode ver na imagem abaixo eu comecei com o número 2012 e depois adicionei alguns retângulos abaixo de cada número. Ajusta os retângulos de acordo com a tipografia. Tente deixá-los um pouco irregulares em termos de alinhamento.

Passo 2

Selecione um dos retângulos e vá até Layer>Layer Style>Drop Shadow. Use a core preta, multiply no Blend Mode, 120 em Angle, 5 pixels em Distance e 18 pixels em Size.

Passo 3

Selecione Bevel and Emboss e use Inner Bevel em Style. Chisel Hard em Technique, 1000 em Depth, 2 em Size, 90º em Angle, 5º em Altitude, Branco com 58% Opacity no Highlight Mode com Color Dodge e Preto com 75% Opacity no Shadow Mode using Darker Color.

Passo 4

Selecione Color Overlay e use Soft Light no Blend Mode com cinza escuro na cor. Aqui está o truque. Para cada retângulo use um tom diferente de cinza para que eles não fiquem iguais.

Passo 5

Selecione Pattern Overlay. Agora vem uma parte importante. Nós precisamos de uma textura convincente para dar um visual realista ao nosso design. A textura que usei é do Supertrooper e se chama The surface of the old metal, visible rust, cortesia do Shutterstock. Abra essa textura no Photoshop e vá até Edit>Define Pattern. Depois, de volta ao nosso trabalho no design, volte ao Pattern Overlay e clique na opção Pattern. Selecione o que criamos. Troque Scale para 50%. Esse valor vai variar conforme o tamanho do seu pattern.

Passo 6

Aqui está o efeito do retângulo com layer styles. Agora vamos trabalhar nos números.

Passo 7

Selecione o número 2 e vá até Layer>Layer Styles>Drop Shadow. Use preto na cor com Color Burn branco no Blend Mode em 25%. Em Angle use 90º 5 pixes em Distance, 0 em Spread e 5 pixels em Size.

Passo 8

Selecione Bevel and Emboss. Use Emboss em Style, Chisel Hard em Technique, 625% em Depth, Up em Direction, 3 pixels em Size, 0 em Soften. Use também 90º em Angle, 50º em Altitude. Troque então o Gloss Contour usando o mesmo que estou usando na imagem abaixo. No Highlight Mode use Screen com branco em 40% Opacity. No Shadow Mode use Darker Color com preto e 74% Opacity.

Passo 9

Para o pattern vamos usar outra textura. Essa é do maxstockphoto e se chama Metal plate background texture, cortesia do Shutterstock.

Passo 10

Aqui está o resultado final do efeito do texto com layer styles.

Passo 11

Repita os mesmos passos para os outros números.

Passo 12

Para deixar um pouco mais realista e com ar de antigo vamos usar alguns "dirty brushes" para destruir um pouco dos retângulos. Selecione o retângulo e vá até Layer>Layer Mask>Reveal All. Depois com a Brush Tool (B) e um brush grunge comece a pintar nas margens com preto. Use a imagem abaixo como referencia.

Passo 13

O efeito vai ficar assim depois de aplicar mask nos retângulos.

Passo 14

Repita o mesmo para adicionar mais palavras ao seu design. No meu caso adicionei Happy New Year 2012 e o símbolo do Abduzeedo.

Passo 15

Troque a background layer para um gradiente radial com cinza escuro no centro.

Passo 16

Copie a textura de metal que usamos no texto e cole acima da background layer. Depois troque o Blend Mode da textura de metal para Multiply.

Conclusão

Você pode selecionar todas as layers e as duplicar. Depois faça merge delas em uma e aplique Gaussian Blur com 5 pixels de Radius. Depois troque o Blend Mode para Overlay com 70% Opacity. Duplique a layer e troque o Blend Mode para Screen com 40% opacity.

Prontinho! Como falei no começo do tutorial, a técnica é simples e o resultado é super interessante. Agora é com você. Teste diferentes texturas e cores e compartilhe com a gente o seu resultado. ;)

Download Arquivo Photoshop

Clique aqui para fazer o Download do arquivo Photoshop do tutorial