Na semana passada Rockstar anuncio que vão liberar mais informações sobre o Grand Theft Auto V nessa semana. Com certeza o jogo vai ser incrível e já estamos esperando para colocar as mãos em um. Por isso nós decidimos recriar o logo usando Illustrator e Photoshop, mas não apenas porque gostamos do jogo, mas porque o efeito do logo é muito legal e é algo que sempre tivemos vontade de tentar fazer.

Então neste tutorial vamos mostrar como criar um efeito de dinheiro legal usando o Illustrator e Photoshop. O processo é um pouco longo e vamos explicar as etapas para vocês. É importante que você tente não apenas seguir os passos mas tente modificar o processo para criar seu próprio efeito.

Passo 1

Crie um novo documento no Illustrator. Depois, com a Type Tool (T) adicione a letra V usando Baskerville Bold. Depois vá até Type>Create Outlines. Gire o V para poder criar o A.

GTA V Logo in Illustrator and Photoshop

Passo 2

Com a Ellipse Tool (L) crie uma elipse e a duplique como na imagem abaixo.

GTA V Logo in Illustrator and Photoshop

Passo 3

Com a LIne Segment Tool (\) crie uma conexão entre as duas partes.

GTA V Logo in Illustrator and Photoshop

Passo 4

Usando a Pen Tool (P) crie uma curva como se o papel estivesse dobrando. Crie algo parecido com uma onda.

GTA V Logo in Illustrator and Photoshop

Passo 5

Duplique o último objeto e o mova para o outro lado.

GTA V Logo in Illustrator and Photoshop

Passo 6

Para o A vamos adicionar 2 strokes. O primeiro é o maior e vai ser preto com 7pt de weight. O segundo, o do topo, vai ser 3pt weight em branco. Troque fill color para verde. Nos outros strokes use 3pt com preto.

GTA V Logo in Illustrator and Photoshop

Passo 8

Para criar o efeito legal de sombra com linhas é super simples. Crie 2 linhas seguindo a forma da fita. Você pode fazer a curva um pouco diferente.

GTA V Logo in Illustrator and Photoshop

Passo 9

Usando a Blend Tool (W), clique nas duas linhas para criar o efeito. Depois, clique duplo no ícone da Blend Tool para abrir Blend Options, use Specified Steps com 20 steps. Crie também algumas pequenas sombras com a Pen Tool (P) como na imagem abaixo.

GTA V Logo in Illustrator and Photoshop

Passo 10

Repita o mesmo processo nas outras partes da fita. Sempre siga as curvas da fita para criar um efeito meio 3D.

GTA V Logo in Illustrator and Photoshop

Passo 11

Repita a mesma coisa no outro lado. Você também pode adicionar linhas como as duas do centro.

GTA V Logo in Illustrator and Photoshop

Passo 12

Adicione o texto que quiser e vá até Object>Envelope>Make com Warp. Use Arch em style, 26% e Bend.

GTA V Logo in Illustrator and Photoshop

Passo 13

Para criar o background da letra A crie um arco com a arc tool ou pen tool. Depois duplique e gire. Conecte os vértices usando as opções da Direct Selection Tool (A).

GTA V Logo in Illustrator and Photoshop

Passo 14

Clique no ícone Rotate. Depois, pressionando ALT, selecione os vértices da esquerda. A "rotate dialog box" vai aparecer. Use 15º em Angle e clique em copiar.

GTA V Logo in Illustrator and Photoshop

Passo 15

Repita o mesmo processo até ter algo parecido com a imagem abaixo.

GTA V Logo in Illustrator and Photoshop

Passo 16

Duplique o objeto e gire algumas vezes para deixar o símbolo mais detalhado.

GTA V Logo in Illustrator and Photoshop

Passo 17

Mova o objeto para cima do A. Selecione e duplique o A e mova para que fique na frente de todos os outros objetos. Remova os strokes e troque a cor para branco. Corte e selecione o objeto criado nos dois últimos passos e vá até Transparency. Clique duplo na clip thumb e cole usando Command + F (para colar no lugar). Usar clipping mask vai deixar a textura visível apenas em cima do A.

GTA V Logo in Illustrator and Photoshop

Passo 18

Agora vamos para o Photoshop. Copie todos os objetos do Illustrator e cole no Photoshop em layers separadas. Então, para as sombras use a Eraser Tool (E) para deixar as linhas com um visual diferente.

GTA V Logo in Illustrator and Photoshop

Passo 19

Adicione um gradiente verde no lugar do verde escuro. Fazer isso é simples, apenas selecione a área verde com a Magic Wand Tool (W), e preencha a layer com uma nova cor e use Layer Styles para adicionar o gradiente. Para pattern, usando Layer Styles, troque a cora pra branco usando Color Overlay com Color Dodge no Blend Mode.

GTA V Logo in Illustrator and Photoshop

Passo 20

Usando Layer Styles, adicione Bevel and Emboss no texto como na imagem abaixo.

GTA V Logo in Illustrator and Photoshop

Passo 21

Vamos usar uma textura de papel antigo. A que estou usando é do Shutterstock e se chama old grunge antique paper texture de photolinc. Agrupe as layers usadas no símbolo e troque o Blend Mode do grupo para Multiply.

GTA V Logo in Illustrator and Photoshop

Passo 22

Copie o objeto usado na textura no Illustrator e cole no Photoshop. Redimensione para cobrir todo o documento.

GTA V Logo in Illustrator and Photoshop

Conclusão

Duplique o grupo com o símbolo e faça merge do grupo. Use Soft Color no Blend Mode, duplique novamente e vá até Image>Adjustment>Desaturate. Depois disso selecione todas as layers e as duplique. Faça merge das novas layers em uma. Mova essa layer para baixo dos 2 símbolos com soft light e o efeito está pronto.

Tirando o fato que o tutorial é longo, o processo é simples e tenho certeza que vocês poderão utilizar a ideia nos seus próximos projetos.

GTA V Logo in Illustrator and Photoshop

Download de Arquivos

Faça o download dos arquivos Photoshop e Illustrator usados 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.