Ontem pela manhã estava arrumando meu apartamento e decidi organizar meus livros. Não trouxe muitos livros para San Francisco, apenas os que mais gosto, e entre eles trouxe The Handy Book of Artistic Printing: Collection of Letterpress Examples with Specimens of Type, Ornament, Corner Fills, Borders, Twisters, Wrinklers, and other Freaks of Fancy. Adoro esse livro pelos vários exemplos de letterpress, tipografia, ornamentos e muito mais. Então depois de alguns minutos olhando as imagens do livro decidi criar algo no Illustrator e Photoshop inspirado nas artes que vi.

Neste tutorial vou mostrar como criar um efeito letter press vintage usando Illustrator e Photoshop. O processo é bastante simples mas é um bom exercício e vai ajudar a melhorar algumas habilidades.

Passo 1

Abra o Illustrator e crie um novo documento, o tamanho não é importante, vamos apenas criar formas básicas e no Photoshop vamos aplicar os efeitos.

No Illustrator, comece criando um círculo e um retângulo, depois com a Direct Selection Tool altere o retângulo para que o lado direito fique menor que o esquerdo.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 2

Selecione os dois objetos e vá até Object>Path>Offset Path. Use 4mm for the Offset.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 3

Para o círculo use 3pt em stroke no inner circle, e no retângulo use 4pt em inner object. Depois disso aplique o comando offset nos dois objetos usando 2mm. A ideia é criar outro elemento entre eles. No retângulo aplique a opção dashed stroke selecionando a opção Dashed Line. Use 1pt em dash e 5pt em gap. Também confira se Cap e Corner estão usando a opção Rounded.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 4

Repita o mesmo no círculo mas use a opção Square em Cap e Corner.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 5

Hora de preencher os objetos. O Illustrator vem com opções legais na Swatch Libraries, vá até Window>Swatch Library>Patterns>Basic Graphics>Basic LInes. Selecione a última que é vertical lines. Preencha o círculo com essa opção.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 6

Para o retângulo modificado, use a Line Segment Tool (/) para criar 2 linhas como na imagem abaixo.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 7

Com a Blend Tool (W) selecione uma e depois a outra a linha para criar o efeito blend. Depois dê um duplo clique no ícone da blend tool para abrir Blend Options. Troque Spacing para Specified Steps e use 69 stepts.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 8

Duplique os dois objetos e os gire. Depois disso adicione um círculo e repita o mesmo efeito offset que criamos nos passos anteriores. No centro adicione um quadrado e gire 45º. Repita o mesmo efeito offset mas preencha o objeto do centro em preto. Perceba que o círculo maior tem um dotted stroke que foi feito usando 7pt em weight, 1pt em dash e 10pt em gap com rounded cap.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 9

Para preencher o círculo grande vamos usar novamente a Blend Tool. Então copie o círculo (Command + C) e cole (Command +F), redimensione um pouco (1). Copie e cole novamente, desta vez usando um tamanho menor (2).

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 10

Aplique a Blend Tool (w) clicando nos 2 círculos. Duplo clique no blend object para editar. Use Specified Steps com 30 Steps. Usei 2pt em Stroke weight.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 11

Aqui eu apenas adicionei o símbolo do Abduzeedo e a palavra Abduzeedo ussando a Type on Path Tool, onde dupliquei o círculo grande para usar como path referência no efeito.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 12

Vá até Windown>Swatch Libraries>Patterns>Basic Graphics>Basic Graphics_Textures. Depois disso crie um retângulo e o preencha com uma das texturas. A parte do Illustrator está pronta, agora vamos para o Photoshop.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 13

Abra o Photoshop e importe uma textura, textura de papel antigo. Estou usando uma do Shutterstock que você encontra em http://www.shutterstock.com/pic-43075990/stock-photo-the-old-shabby-pape...

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 14

Copie o retângulo com a textura do Illustrator e cole no Photoshop. Troque então o Blend Mode da layer para Color Burn.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 15

Agora copie o símbolo sem a palavra Abduzeedo do Illustrator e cole no Photoshop. Não esqueça de usar background branco no símbolo.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 16

Duplique o símbolo 4 vezes movendo alguns pixels em cada cópia para criar um efeito 3D.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 17

Vá até Layer>New Adjustment Layer>Hue and Saturation. Use 40 em Hue, 40 em Saturation e 14 em Lightness. Lembre de deixar a adjustment layer acima das outras layers.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 18

Vá até Layer>New Adjustment Layer>Levels. Use 0, 0.55 e 255 em Input levels, troque o black output para 73.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 19

Aqui está um exemplo com as cores finais que vocês terá. Também adicionei outro texto na parte de baixo.

Artistic Printing Inspiration in Illustrator and Photoshop

Passo 20

Com a Magic Wand Tool (W) troque tolerance para 3 e selecione uma parte da textura de papel antigo. Depois disso vá até Select>Similar

Artistic Printing Inspiration in Illustrator and Photoshop

Conclusão

Agrupe todos os objetos (texto e formas) em um folder e com a marquee selection ativada vá até Layer>Layer Mask>Hide Selection. Essa mask deixará o efeito muito mais realista. Você também pode trocar os blend modes para linear color burn ou até mesmo color burn para dar um ar ainda mais antigo e gasto, no entanto você vai precisar duplicar algumas vezes para deixar mais escuro.

De qualquer forma, o tutorial foi um exercício que decidi fazer depois de conferir o livro The Handy Book of Artistic Printing. Adoro encontrar inspiração em livros e tentar recriar imagens que vi para aprimorar minhas técnicas.

Artistic Printing Inspiration in Illustrator and Photoshop

Download do Arquivo Photoshop

Clique aqui para fazer o download do arquivo Photoshop usado nesse 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.