Já fazem quase duas semanas que me mudei para a California, EUA. Antes da mudança estava brincando com o Illustrator e o Photoshop para criar um badge com um visual vintage. Depois de algumas horas testando diferentes ideias obtive um resultado legal que publiquei no meu perfil no Dribbble.

Como recebi alguns emails perguntando como tinha feito o efeito, resolvi fazer esse tutorial e mostrar como criei o badge vintage usando Illustrator e Photoshop

Passo 1

Abra o Illustrator e crie um novo documento. Então com a Start Tool crie uma estrala em vermelho.

Vintage Badge in Illustrator and Photoshop

Passo 2

Vá até Effect>Stylize>Round Corner. Use 1.885 mm para Radius.

Vintage Badge in Illustrator and Photoshop

Passo 3

Duplique a estrela de cantos arredondados e a gire como na imagem abaixo. Troque a cor para Cyan.

Vintage Badge in Illustrator and Photoshop

Passo 4

Selecione a estrela cyan de cantos arredondados e vá até Window>Transparency. Use Multiply em Mode. As partes onde o cyan estão sobre o vermelho ficarão cinza.

Vintage Badge in Illustrator and Photoshop

Passo 5

Na tipografia usei a Carnivalee Freakshow nas palavras California, 2011 e here I come. Na palavra San Francisco usei Birch Std. Também criei algumas linhas em cinza com a Rectangle Tool (M).

Vintage Badge in Illustrator and Photoshop

Passo 6

Com a Ellipse Tool (L) crie uma elipse como na imagem abaixo. Depois com a Type on Path Tool adicione as palavras World Wild Web West.

Vintage Badge in Illustrator and Photoshop

Passo 7

Você também pode editar o 'text on path' dando um duplo clique no ícone da ferramenta para ir até as Type on Path Options. Eu usei Rainbow em Effect, Baseline em Align to Path e 36pt em Spacing.

Vintage Badge in Illustrator and Photoshop

Passo 8

Faça o mesmo para o texto da parte de cima, ABDUZEEDO.

Vintage Badge in Illustrator and Photoshop

Passo 9

Copie todos os objetos do Illustrator e vá para o Photoshop e crie um novo documento. Usei o tamanho 2560x1440 pixels. Cole os vetores do Illustrator.

Vintage Badge in Illustrator and Photoshop

Passo 10

Para a textura do design usei uma imagem do Shutterstock que você encontra em http://www.shutterstock.com/pic-62706346/stock-photo-paper-texture.html. Importe a imagem e a posicione abaixo dos vetores. Troque o Blend Mode da layer dos vetores para Multiply.

Vintage Badge in Illustrator and Photoshop

Passo 11

Com a Magic Wand Tool (W) selecione a área da textura como na imagem abaixo. Você terá algumas áreas selecionadas. Selecione então a layer vetor e vá até Layer>Mask>Hide Selection. Assim você vai dar um visual old style/vintage ao seu design.

Vintage Badge in Illustrator and Photoshop

Conclusão

Criar efeitos legais vintage usando o Photoshop é fácil, basta brincar com layer masks e texturas. No entanto o mais importante desse design é a parte feita no Illustrator, onde brincamos com tipografia e outros elementos para completar a composição. Então a dica é, procure inspiração e teste várias ideias, ferramentas e técnicas, o efeito acaba sendo a parte mais fácil.

Vintage Badge in Illustrator and Photoshop

Download do arquivo Illustrator e Photoshop

Clique aqui para fazer o download dos arquivos usados 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.