Brincando com Vetores no Illustrator

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 o Transparency Mode para Multiply. Você terá um efeito muito legal.

Esse não é exatamente um super efeito, mas foi bom para melhorar minhas técnicas de illustrator, por isso resolvi dividir com vocês.

Clique na imagem para um full preview

Download do Arquivo Illustrator

Clique aqui para fazer o download do arquivoIllustrator usado nesse tutorial