1 Tutoriais Illustrator Poster Photoshop Battle no Illustrator Ter Jan 18, 2011 11:10 pm
Admin
Admin
Tags
- tutorial
<LI class="taxonomy_term_30 first">illustrator
<LI class=taxonomy_term_15>photoshop
<LI class=taxonomy_term_53>poster
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: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
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.
Sobre o autor
I'm a graphic and web designer from Porto Alegre, Brazil. I'm the founder of Abduzeedo and in 2011 I will start working as graphic designer at Google in Mountain View, CA. You can get in touch with me via Twitter at @abduzeedo or also visit my personal site at [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]]