Estamos chegando ao final de 2012 e nada melhor que nos preparamos para o ano novo com um tutorial no Photoshop brincando com o número 2013 e alguns efeitos. A inspiração para essa imagem foi sem dúvida, uma das maiores tendências de 2012, tipografia em giz.

No tutorial de hoje vamos tentar criar um ornamento tipográfico estiloso para depois aplicar um efeito de giz usando Adobe Illustrator, Photoshop e alguns vetores. O processo todo é simples mas vai consumir tempo, acredito que levaremos umas três horas para concluir a arte.

Passo 1

Abra o Adobe Illustrator e crie um novo documento. Com a Type Tool (T) adicione o texto 2013. Estou usando uma fonte grátis chamada Pistilli Roman, que você encontra em http://www.dafont.com/pistilli-roman.font?text=2013

Easy Chalk Ornament Typography in Photoshop

Passo 2

Hora de adicionar ornamentos. Você pode encontrar ornamentos em vários lugares, o que estou usando são cortesia do Shutterstock. O título do arquivo é Set of vector graphic elements for design by iana.

Comece a adicionar ornamentos tentando seguir o design dos números.

Easy Chalk Ornament Typography in Photoshop

Passo 3

Continue adicionando detalhes. Lembre de fazer a transição dos ornamentos o mais suave possível.

Easy Chalk Ornament Typography in Photoshop

Passo 4

Você pode duplicar os ornamentos algumas vezes e conectá-los.

Easy Chalk Ornament Typography in Photoshop

Passo 5

Adicione ornamentos até ter uma composição balanceada.

Easy Chalk Ornament Typography in Photoshop

Passo 6

A última coisa a fazer é adicionar os detalhes finais como swirls no final dos ornamentos.

Easy Chalk Ornament Typography in Photoshop

Passo 7

Agora no Photoshop, crie um novo documento. Estou usando o tamanho 2880x1800 pixels. Depois procure uma imagem de um quadro negro para usar como background no seu design.

Easy Chalk Ornament Typography in Photoshop

Passo 8

Copie a imagem que criou no Illustrator e cole no Photoshop. Adicione uma layer e a preencha com preto. Depois duplique o gráfico 2013 e faça merge com o background preto.

Easy Chalk Ornament Typography in Photoshop

Passo 9

Troque o Blend Mode do merged object para Lighter Color.

Easy Chalk Ornament Typography in Photoshop

Passo 10

Vá até Filter>Filter Gallery>Angled Stroke. Use 67 em Direction Balance, 9 em Stroke Length e 5 em Sharpness.

Easy Chalk Ornament Typography in Photoshop

Passo 11

Adicione um mask e com a Brush Tool (B) e um textured brush, pinte com 30% preto na mask para deixar o branco menos uniforme.

Easy Chalk Ornament Typography in Photoshop

Passo 12

Com a outra layer de 2013 acima das outras layers, vá até Layer>Layer Style>Outer Glow. Use a imagem abaixo para conferir os valores.

Easy Chalk Ornament Typography in Photoshop

Passo 13

Depois disso selecione Drop Shadow. A ideia dos 2 layer styles é criar um efeito de giz.

Easy Chalk Ornament Typography in Photoshop

Passo 14

Aqui está o efeito que você vai ter depois dos passos. Agora troque o Blend Mode da layer com layer styles para Dissolve.

Easy Chalk Ornament Typography in Photoshop

Passo 15

Selecione todas as layers e as duplique. Faça Merge das layers duplicadas em uma e vá até Filter>Blur>Gaussian Blur. Use 5 pixels em radius. Depois disso troque o Blend Mode para Soft Light com 50%. Duplique novamente a layer e troque o Blend Mode para Screen.

Easy Chalk Ornament Typography in Photoshop

Adicione seu logo no final e se quiser adicione noise e usando adjustment layers reduza o contraste. Mas isso é com você. A ideia aqui é criar um efeito legal de giz usando o Photoshop e o Illustrator.

Easy Chalk Ornament Typography in Photoshop

Download do 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.