Link:INB Home|INB English| INB русский язык|INB العربية|INB Türkiye|INB فارسی|INB Español|INB Français|INB Português|INB Deutsch|INB 國語|INB 中文|INB 日本语|INB 한국어|INB ภาษาไทย|INB tiếng Việt||Tutoriais Illustrator Poster Photoshop Battle no Illustrator
INB Português Fórum
BEM - vindo a indústria nativa e "boffin") Da era industrial, aqui está cheio de espírito de Luta, Ambos através Da rede espaço biológico nativo espírito "boffin" VEIO a mad labs.Casa inbforum.com, Nome Definitivo: inb-english.forumotion.com
INB Português Fórum

BEM - vindo a indústria nativa e boffin) Da era industrial, aqui está cheio de espírito de Luta, Ambos através Da rede espaço biológico nativo espírito boffin VEIO a mad labs.Casa inbforum.com, Nome Definitivo: inb-english.forumotion.com


Você não está conectado. Conecte-se ou registre-se

《《《《《《《上一页INBforum   Ir em baixo

上一页INBforum》》》》》》》Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Tutoriais Illustrator Poster Photoshop Battle no Illustrator em Ter Jan 18, 2011 11:10 pm

Admin

avatar
Admin


Tags






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 [Você precisa estar registrado e conectado para ver este link.], 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 Smile
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: [Você precisa estar registrado e conectado para ver 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 [Você precisa estar registrado e conectado para ver este link.]. 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 [Você precisa estar registrado e conectado para ver este link.], 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 [Você precisa estar registrado e conectado para ver este link.].


Passo 19


Vamos adicionar outra textura, dessa vez usei uma do Shutterstock chamada Grunge Texture Background, que você encontra [Você precisa estar registrado e conectado para ver este link.]. 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



[Você precisa estar registrado e conectado para ver este link.]
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 [Você precisa estar registrado e conectado para ver este link.] or also visit my personal site at [Você precisa estar registrado e conectado para ver este link.]]

Ver perfil do usuário http://pt.inbforum.com

上一页INBforum   Ir em baixo

上一页INBforumVer o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

Copyright ©2009-2010 LTD Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

IT:SINGLESERVGoogle谷歌翻译TranslateFORUMSOFTLAYERGoogle谷歌广告联盟AdSenseAsia

 

Um fórum grátis | © PunBB | Fórum grátis de ajuda | Fale conosco | Assinalar uma queixa | Criar um fórum