Poster Photoshop Battle no Illustrator

Em 2007 durante um evento de design em Mar del Plata, Argentina, eu estava com o Fabiano Meneghetti e outro grande amigo, o publicitário Thiago Bizarro, quando começamos a conversar sobre organizarmos um evento, de design. Durante a conversa tivemos a ideia de fazer uma batalha onde os designers pudessem competir entre si como se fosse uma luta, uma batalha. A ideia foi inspirada no filme O Grande Dragão Branco, estrelado por Jean-Claude Van Damme. Agora, depois de três anos o evento vai finalmente acontecer e eu precisei criar um poster para ele, e vou dividir com vocês o passo a passo de como fiz a arte.

Nesse tutorial vou mostrar a vocês como criei o poster do Photoshop Battle usando Illustrator. A ideia por trás da arte é que o poster precisaria passar um ar daqueles antigos posters de boxe usando apenas texto e formas básicas como retângulos e estrelas. Durante o processo acabei colocando alguns elementos extras para deixar o look ainda mais legal :)

Antes de começarmos o tutorial no entanto, vamos dar uma olhada no trailer de O Grande Dragão Branco para entrar no clima para criar o poster.

Se você está em Porto Alegre ou se sempre quis conhecer a cidade mas não tinha um motivo, participe do evento Photoshop Battle. Visite o site para mais informações: http://www.battleofphotoshop.com.br/

Passo 1

Abra o Illustrator e crie um novo documento, usei o tamanho A3. Depois disso, usando a Rectangle Tool (M), crie um retângulo no tamanho do canvas. Preencha o retêngulo com marrom escuro (#383434).

Passo 2

Aplique stroke no retângulo marrom, na cor use branco e no tamanho use 30 pt.

Passo 3

Comece colocando o logo, no meu caso usando branco na cor. Todos os objetos que colocarmos serão na cor branca.

Passo 4

Com a Rectangle Tool (M) adicione 2 retângulos um em cima do outro, mas o do topo precisa ter metade da altura. Deixe um espaço pequemo entre eles.

Passo 5

Para dar uma sensação de arte marcial no design importei um vetor com um lutador de karatê dando um chute. O arquivo é cortesia do Shutterstock e pode ser encontrado aqui. Usando apenas um dos lutadores, coloque um na esquerda, duplique e vá até Object>Reflect. Escolha Vertical for the Axis. Mova o segundo lutador para a direita.

Passo 6

Com a Type Tool (T) adicione o texto "Presents", eu usei a fonte Georgia Italic. Depois disso, com a Rectangle Tool (M) crie um retângulo marrom e o posicione entre o texto e os 2 retângulos. Selecione todos os elementos e os alinhe usando a opção Horizontal Align Center.

Passo 7

Com a Type Tool (T) adicione outro texto, dessa vez a palavra "Photoshop" usando a fonte Helvetica Neue Light . Para o tamanho, redimensione até que fique da mesma largura das duas linhas brancas.

Passo 8

Novamente com a Type Tool (T) adicione a palavra Battle, dessa vez usando a fonte Helvetica Neue Bold . O tamanho será proporcional aos retângulos.

Passo 9

Aplique stroke no texto Battle. Usei 5 pts em branco.

Passo 10

Vá até Type>Create Outlines para converter o texto editável para objects para que possa editar os pontos e mover cada caracter independentemente. A primeira coisa a fazer é conectar eles para que mova o E até conectar com o L, o mesmo nos Ts e A e L, mas no caso do T e A você vai precisar usar a Direct Selection Tool (A) para mover os vértices da parte de cima da direita do T para conectar com o A.

Passo 11

Usando outro arquivo vetor de um lutador, que você encontra aqui, o posicione no meio do A. Use o mesmo marrom do background. Você pode ver também que o B e o A estão conectados, para fazer isso use a Pen Tool (P) e crie um objeto para conectá-los.

Passo 12

Selecione os objetos da palavra batalha e do lutador e os agrupe. Mova o grupo um pouco para baixo. Selecione a Star Tool e crie uma estrela. A coloque na esquerda entre as palavras Photoshop e Battle. Depois disso a duplique e mova para o outro lado.

Passo 13

Com a Blend Tool (W) clique em uma estela e depois na outra para criar um blend object. Com o blend object selecionado dê um duplo clique no ícone da Blend Tool para abrir as Blend Options. Use Specified Steps para Spacing e 14 para number of Steps.

Passo 14

Novamente com a Rectangle Tool (M) crie uma linha abaixo da palavra Battle, duplique essa linha arrastando ela para baixo pressionando Alt.

Passo 15

Entre as duas linhas crie outro bend object feito com estrelas, dessa vez use estrelas menores. Selecione as duas linhas e o blend object de estrelas e vá até Window>Align para abrir aling options. Selecione Vertical Distribute Space no Distribute Spacing Options.

Passo 16

Agora vamos colocar um texto para descrever o evento, o texto que usei é o texto de um filme com Jean-Claude Van Damme dos anos 80. O filme é um clássico de ação e fala de um lutador que participa de uma competição secreta de artes marciais chamado Kumite.

Na fonte usei a mesma da palavra Presents, Georgia Italic, mas em tamanho menor.

Passo 17

Duplique uma das linhas que criamos no passo 14 e coloque um pouco abaixo do texto. Novamente com a opção Vertical Distribute Space organize sua composição para deixar os espaços uniformes.

Passo 18

Importe uma paper texture e a coloque acima das outras layers. Depois disso vá até Window>Transparency. Troque o mode de Normal para Multiply. A textura que estou usando é do Shutterstock e você encontra ela aqui.

Passo 19

Vamos adicionar outra textura, dessa vez usei uma do Shutterstock chamada Grunge Texture Background, que você encontra aqui. Posicione acima das outras layers e mais uma vez, na Transparency option, troque de Normal para Multiply.

Conclusão

Agrupe os objetos e os alinhe no centro do poster. Você pode fazer alguns ajustes como o espaçamento entre objetos ou o tamanho deles, mas a composição está pronta. Fizemos o design usando apenas retângulos com texto e Blend Tool para criar as estrelas. O mais importante na minha opinião é a ideia da composição, pois o processo de criação foi bastante simples.

Download Arquivo Illustrator

Clique aqui para fazer o download do arquivo usado nesse tutorial.