Brincando Com Vetores

No Illustrator
ABDUZEEDOter, 03/09/2010 - 10:44

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 Shutterstock e que encontra aqui. Posicione a textura acima dos
outros elementos e troque oTransparency Mode para Multiply. Você
terá um efeito muito legal.