1 Tutoriais Illustrator Brincando com Vetores no Illustrator Qua Jan 19, 2011 7:47 am
Admin
Admin
Tags
- tutorial
<LI class="taxonomy_term_30 first">illustrator
<LI class=taxonomy_term_560>quick tips
Na semana passada resolvi dedicar um tempo a fazer uns experimentos com vetores no Illustrator. Queria fazer uma arte bacana em preto e branco. Me inspirei em alguns decks de skate que tem um efeito meio 3D sem usar gradientes ou coisas assim. Depois de algumas horas cheguei a um design muito legal. E o mais importante, o processo todosfoi excelente para melhorar minhas técnicas no Illustrator.
Neste tutorial ou passo a passo, vou mostrar a vocês como criei meu design, mas primeiro confira meu primeiro rascunho.
Sei que não sou muito bom nisso... mas isso sempre ajuda bastante
Passo 1
Crie um documento no Illustrator, estou usando um formato web com 1920x1200 pixels. Depois disso, adicione um retângulo preto usando a Rectangle Tool (M). Esse retângulo ficará abaixo de todos os outros novos objetos, você pode até criar uma nova layer (Window>Layer), mover o retângulo para dentro dela e 'bloquear' ela para que você não consiga editar.
Passo 2
Com a Ellipse Tool (L), adicione uma elipse branca no centro do retângulo preto. para fazer isso vá até Window>Align, selecione os objetos e clique Horizontal Align Objects e Vertical Align Objects.
Passo 3
Adicione outro círculo, um pouco menor que o anterior, usando branco na cor e preto no stroke. Use 4pt em Stroke weight.
Passo 4
Adicione mais uma elipse usando a Ellipse Tool (L) e a preencha com preto. Ela será menor que as outras. Faça o alinhamento usando as align options. Duplique essa elipse. Vamos precisar de uma para ficar sempre abaixo de novos elementos e outra para ser usada para criar alguns vector bevel effects.
Passo 5
Duplique uma das elipses pretas do passo anterior e a mova um pouco para baixo, como na imagem abaixo. Preencha ela com preto. Selecione as duas elipses e váaté Window>Pathfinder. Selecione a segunda opção no Shape Modes, Minus Front.
Passo 6
Repita o mesmo processo que fizemos nos passos 4 e 5 mas com circulos menores. Veja a imagem abaixo para referências, 1 é dos passos 4-5 e 2 é desse passo, os círculos vermelhos também são para referência.
Passo 7
Duplique os dois elementos e os gire verticalmente. A idéia é que esses elementos sejam usados para criar um tipo debevel e dar profundidade a ilustração.
Passo 8
Adicione outra elipse, uma elipse branca no centro do design.
Passo 9
Crie outra elipse preta no centro, menor que a anterior. Use a imagem abaixo como referência.
Passo 10
Duplique a elipse do passo anterior e alinhe os elementos no centro, depois redimensione um pouco a elipse e a mova um pouco para cima, para que a parte de cima dique mais fina que a de baixo.
Passo 11
Repita os passos 9 e 10, mas faça um pouco mais grosso. Como disse no começo, nesse tutorial vamos brincar com a ferramenta.
Passo 12
Crie um triângulo usando a Polygon Tool. Preencha com preto. Redimensione para ter um triângulo como o que tenho na imagem abaixo.
Passo 13
Selecione o triângulo, pressione ENTER para abrir a Move Dialog Box. Use 10px em Horizontal e 0px na Vertical. Pressione COPY.
Passo 14
Agora pressione Command (MAC)/Control(PC) + D várias vezes até cobrir todo o círculo.
Passo 15
Selecione os dois elementos do centro e comece a redimensioná-los apenas verticalmente. Faça o mesmo para os outros elementos.
Passo 16
Com a Rectangle Tool (M) crie um retângulo preto fino (1), e um largo branco (2), outro preto (3) e mais um branco bem fino que vai servir como stroke. Agrupe esses retângulos para que possa usar o grupo para criar mais elementos.
Passo 17
Comece criando 4 elementos com a cópia do grupo de elementos que criamos no passo anterior. Gire-os para que nenhum tenha o mesmo ângulo.
Passo 18
Repita 7 vezes o passo anterior. A idéia é inspirada naqueles hubcaps ou roda de bicicleta. Perceba que todos tem rotações diferentes.
Passo 19
Adicione uma elipse para ser usada como referência para Type on Path Tool. Com a Type on Path Tool clique na elipse para adicionar o texto que seguirá o caminho. Eu usei MOD na fonte e 72pt no tamanho.
Passo 20
Agora, usando a mesma técnica do passo anterior, adicione mais texto. Dessa vez usei a mesma fonte mas em tamanho menor, 48pt. Use a imagem abaixo como referência.
Passo 21
Selecione todos os elementos retangulares do passo 19 e os agrupe. Depois duplique o grupo, preencha em preto e o coloque abaixo do grupo original. Mova o grupo preto para baixo e para a esquerda, a idéia é criar uma sombra nos elementos.
Conclusão
A idéia é brincar com vetores e criar um design que tenha profundidade, mas tudo usando preto e branco. No entanto gosto bastante de usar texturas em vetores. Aqui eu usei uma de papel antigo que foi cortesia do
Clique na imagem para um full preview
</A>
Download do Arquivo Illustrator
Clique aqui para fazer o download do arquivoIllustrator 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]]