Vetorizando um CD no Illustrator

Você que sempre teve a curiosidade de saber como é a criação daqueles ícones de CDs, muito usado em muitos websites, vai aprender hoje a fazer um CD vetorizado no Illustrator.

Logo abaixo, você pode ver o nosso resultado final. Mais fique sabendo, que não é tão fácil  como parece!

Vetorizando um CD no Illustrator

Passo 1

Faça um círculo no Illustrator usando a ferramenta “Ellipse”, em seguida, preencha esse circulo com um gradiente radial simples (preto e branco).

Vetorizando um CD no Illustrator

Passo 2

Agora mantenha esse círculo selecionado e clique no menu superior Object > Expand.

Vetorizando um CD no Illustrator

Passo 3

Feito isso vai aparecer à caixa de configurações do “Expand”, apenas selecione “Fill” e “Gradient Mesh”, em seguida clique em OK.

Vetorizando um CD no Illustrator

Passo 4

Neste momento, o seu circulo deve se parecer como a imagem abaixo. No entanto, há uma máscara de corte sobre ele, que temos que remover.

Vetorizando um CD no Illustrator

Passo 5

Selecione o círculo, e no menu superior clique em Object > Clipping Mask > Release, ou, (Ctrl + Alt + 7). Feito isso, a máscara de corte será eliminada.

Vetorizando um CD no Illustrator

Passo 6

Com o botão direito do mouse sobre o círculo, clique em “Ungroup” ou (Ctrl + Shift + G) para desagrupar.

Vetorizando um CD no Illustrator

Passo 7

Agora desmarque o círculo, clicando em qualquer lugar do documento (área branca). Selecione novamente o círculo e mova-o um pouco longe da sua posição inicial. Você vai ver outro caminho que era o da máscara de recorte, basta selecionar este caminho e excluí-lo, pois não vamos precisar disso.

Vetorizando um CD no Illustrator

Passo 8

Neste momento, vamos começar a aplicar um gradiente especial no circulo. Vamos usar a ferramenta “Mesh Tool” ou (U).
Só uma observação, será necessário ter um bom entendimento no uso desta ferramenta. A “Mesh Tool” funciona como uma espécie de gradiente coletivo, ou seja, você aplica uma “Malha ao objeto” e surgirá alguns pontos. Esses pontos servem para aplicar diferentes combinações de gradiente, basta selecionar um dos pontos e na seqüência escolher uma cor na paleta de cores.

Voltando ao tutorial, você pode usar esta malha para criar diversos efeitos do tipo radial, como no CD. Usamos uma cor cinza (quase branco), veja a imagem:

Vetorizando um CD no Illustrator

Passo 9

Agora para dar um aspecto de um “CD”, selecione a “Selection Tool (seta preta) e preencha com uma cor cinza.

Vetorizando um CD no Illustrator

Passo 10

Novamente com a ajuda da ferramenta “Mesh”, coloque 4 pontos de malha, como mostrado na imagem a seguir. Esses devem estar exatamente no meio dos pontos anteriores.

Vetorizando um CD no Illustrator

Passo 11

De novo com a “Mesh Tool”, coloque mais alguns pontos de malha como na imagem. O importante é que estes pontos não podem ser retas, é necessário alinhá-las com a “Mesh Tool”, ela também nos permite alterar a posição das malhas.

Vetorizando um CD no Illustrator

Passo 12

Com a ferramenta “Direct Selection Tool” (seta branca), selecione os pontos mostrados abaixo:

Vetorizando um CD no Illustrator

Passo 13

Pressione a tecla “Shift” (a tecla shift ajuda você a selecionar vários pontos ao mesmo tempo) e selecione os pontos de baixo (na mesma linha anteriormente):

Vetorizando um CD no Illustrator

Passo 14

Agora, com os quatros pontos selecionados, aplicamos uma cor azul clara, podemos usar os controles deslizantes (não selecione cores escuras, não vai ficar muito bem).

Vetorizando um CD no Illustrator

Passo 15

Selecione oito pontos simetricamente e adicione uma cor roxa clara.

Vetorizando um CD no Illustrator

Passo 16

Adicionamos mais algumas cores com o procedimento acima (faça o mesmo), e o resultado será como abaixo:

Vetorizando um CD no Illustrator

Passo 17

Faça uma cópia deste círculo. Basta selecioná-lo com a ferramenta de seleção, e arraste-o enquanto pressiona a tecla “Alt”.

Vetorizando um CD no Illustrator

Passo 18

Faça outro círculo, exatamente do mesmo tamanho, e preencha-o com uma cor cinza escuro.

Vetorizando um CD no Illustrator

Passo 19

Na paleta “Transparency”, altere o modo para “Multiply” (somente neste circulo cinza escuro).

Vetorizando um CD no Illustrator

Passo 20

Selecione o primeiro circulo + ultimo criado (cinza escuro) e alinhe-os ao centro (horizontalmente e verticalmente) através da ferramenta “Align” em Window > Align. Depois disso, agrupe-os pressionando Ctrl + G.

Vetorizando um CD no Illustrator

Passo 21

Gire este grupo a 90 graus e altere um pouco sua escala.

Vetorizando um CD no Illustrator

Passo 22

Selecione o grupo criado e mais cópia que fizemos no passo 17 (mantenha a cópia na parte superior). Agora você pode organizá-los e trazê-los um pouco mais a frente.

Vetorizando um CD no Illustrator

Passo 23

Novamente na aba “Align” alinhe-os ao centro, horizontalmente e verticalmente.

Vetorizando um CD no Illustrator

Passo 24

Agora desenhe outro círculo (mas pequeno no tamanho), em seguida, faça uma copia do mesmo e redimensione a cópia, como mostra na imagem:

Vetorizando um CD no Illustrator

Passo 25

Selecione os dois pequenos círculos e alinhe-os ao centro. Pressione Ctrl + 8 (Object > Compound Path > Make), para fazer um caminho composto nestes dois círculos.

Vetorizando um CD no Illustrator

Passo 26

Faça mais um caminho, tal como fizemos nos passos 24 e 25, só que desta vez de um anel mais fino. (Faça um pequeno círculo).

Vetorizando um CD no Illustrator

Passo 27

Alinhe todos esses pequenos círculos ao centro e finalmente, agrupe-os pressionando “Ctrl + G”.

Vetorizando um CD no Illustrator

Passo 28

Agora, selecione todos os objetos do documento e alinhe-os ao centro.

Vetorizando um CD no Illustrator

Passo 29

Faça dois círculos (um do tamanho do nosso CD e outro deve ser do furo no meio). Selecione ambos os círculos e faça um alinhamento novamente ao centro.

Vetorizando um CD no Illustrator

Passo 30

Pressione Ctrl + 8 para formar um caminho composto. Vamos usá-lo como uma mascará de recorte para nosso CD.

Vetorizando um CD no Illustrator

Passo 31

Selecione todos os objetos e alinhe tudo ao centro. Pressione Ctrl + 7 (Object > Clipping Mask > Make) para fazer uma mascara de corte.

Vetorizando um CD no Illustrator

Passo 32

Depois do passo 31, nosso CD está finalizado!

Vetorizando um CD no Illustrator

Você ainda pode aplicar alguns efeitos como o “Drop shadow” indo a Effects > Style > Drop Shadow. Além disso, deixe sua assinatura ou marca através de um texto estilizado.

Vetorizando um CD no Illustrator

Grande abraço até a próxima!

Via: http://limbotech.net/vetorizando-um-cd-no-illustrator/#ixzz21PWbbvv2

Anúncios

Deixe um comentário

Faça o login usando um destes métodos para comentar:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s