Como fazer um ícone de CD em 5 minutos usando o Illustrator

Neste tutorial, vamos criar um ícone em vetor de CD usando o Adobe Illustrator. Isto pode ser feito em apenas 5 minutos. Aqui usamos Illustrator em vez de Photoshop porque queremos fazer um ícone de vetor. Este ícone de CD pode ser incorporado em materiais impressos e postais promovendo uma banda ou show.

Você pode baixar o arquivo no final deste tutorial.

Veja o resultado final:

Como fazer um ícone do CD em 5 minutos usando o Illustrator

No Photoshop há uma função chamada de ângulo de gradiente que é capaz de dar uma forma mais fácil para desenhar uma listra agradável do espectro de cor na superfície do CD. No entanto, não há nenhuma função deste tipo no Illustrator o que torna o desenho um pouco mais difícil.

Eu li algum artigo ou tutorial relacionado à como desenhar um ícone de CD usando Illustrador. Mas eu acho que eles não são simples ou bons o suficiente. Aqui vamos ver alguns passos simples para desenhar nosso ícone de CD.

Passo 1

Desenhe 6 círculos de fora para dentro. faça 2 cópias do círculo 5 e use o Pathfinder >> Subtract (Para versões mais recentes use Minus front ou Minus Back) para criar três anéis de espessura. Certifique-se de que eles estão na ordem correta. Então, podemos agora preencher estes anéis.

Desenhe 6 círculos de fora para dentro. faça 2 cópias do círculo 5 e use o Pathfinder >> Subtract (Para versões mais recentes use Minus front ou Minus Back) para criar três anéis de espessura. Certifique-se de que eles estão na ordem correta. Então, podemos agora preencher estes anéis.

Passo 2

Preencha os três anéis de trás para a frente. O fundo é preenchido com tons de cinza (K = 5) e o contorno com espessura de 1pt e tons de cinza (K = 40). O segundo deve ser preenchido com o seguinte gradiente (escala de cinza K = 25 em ambos os extremos e branco no centro), o contorno deve ser o mesmo que o anel anterior. O terceiro menor no centro tem de ser preenchido em escala de cinza (K = 10) e o contorno com espessura de 1pt, em tons de cinza (K = 50). Também para este, temos que definir a opacidade em torno de 50% para obter um efeito transparente.

Preencha os três anéis de trás para a frente. O fundo é preenchido com tons de cinza (K = 5) e o contorno com espessura de 1pt e tons de cinza (K = 40). O segundo deve ser preenchido com o seguinte gradiente (escala de cinza K = 25 em ambos os extremos e branco no centro), o contorno deve ser o mesmo que o anel anterior. O terceiro menor no centro tem de ser preenchido em escala de cinza (K = 10) e o contorno com espessura de 1pt, em tons de cinza (K = 50). Também para este, temos que definir a opacidade em torno de 50% para obter um efeito transparente.

Passo 3

Desenhe uma forma simples, como a da esquerda na imagem seguinte (o ângulo no meio é de cerca de 15 graus), e depois copie o segundo anel no passo anterior e definido como no preenchimento. Coloque o anel na parte de trás da forma que traçamos agora. Em seguida, use Pathfinder >> Intersect de forma a obter dois setores.

Desenhe uma forma simples, como a da esquerda na imagem seguinte (o ângulo no meio é de cerca de 15 graus), e depois copie o segundo anel no passo anterior e definido como no preenchimento. Coloque o anel na parte de trás da forma que traçamos agora. Em seguida, use Pathfinder >> Intersect de forma a obter dois setores.

Em seguida, faça 4 cópias dos setores e preencha-os com cores diferentes e gire-os até ter o seguinte layout.

Em seguida, faça 4 cópias dos setores e preencha-os com cores diferentes e gire-os até ter o seguinte layout.

Passo 4

Selecione os objetos que você acabou de criar e agrupe-os. Use o Radial Blur (Valor: 18, Método: Spin, Qualidade: Boa) no menu Effect >> Blur >> Radial Blur e defina a opção de mistura par Overlay .

Selecione os objetos que você acabou de criar e agrupe-os. Use o Radial Blur (Valor: 18, Método: Spin, Qualidade: Boa) no menu Effect >> Blur >> Radial Blur e defina a opção de mistura par Overlay .

Passo 5

Agora, o CD está quase pronto e entramos na última etapa, podemos adicionar alguns efeitos no CD. Para o estilo 2D, podemos acrescentar alguns sombra simples ( Efeitos >> Stylize >> Drop Shadow) ou uma sombra projetada (Desenhe um círculo muito fino em preto e defina a opacidade para cerca de 30%, então use Effect >> Blur >> Gaussian blur e defina o raio para 4,0). Também podemos usar Efects >> 3D >> Rotate para produzir uma visão única. A sombra pode ser desenhado da mesma forma mostrada anteriormente.

Agora, o CD está quase pronto e entramos na última etapa, podemos adicionar alguns efeitos no CD. Para o estilo 2D, podemos acrescentar alguns sombra simples ( Efeitos >> Stylize >> Drop Shadow) ou uma sombra projetada (Desenhe um círculo muito fino em preto e defina a opacidade para cerca de 30%, então use Effect >> Blur >> Gaussian blur e defina o raio para 4,0). Também podemos usar Efects >> 3D >> Rotate para produzir uma visão única. A sombra pode ser desenhado da mesma forma mostrada anteriormente.

Sinta-se a vontade para criar novas cores e anéis diferentes, até mesmo dourados. Em seguida você pode adicionar o logotipo do DVD sobre ele.

Sinta-se a vontade para criar novas cores e anéis diferentes, até mesmo dourados. Em seguida você pode adicionar o logotipo do DVD sobre ele.

Baixe o arquivo. Arquivo em AI (para Adobe Illustrator CS3)

Site original: Double-J

Comente! Sugestões, dúvidas e opiniões são ótimos para melhorar o conteúdo do Clube.

Aproveite para seguir o Clube no twitter, facebook, youtube ou google+, assim você fica por dentro das novidades, e acompanha os melhores links do blog. Você também pode assinar nossofeed de notícias e receber todas as atualizações de maneira exclusiva.

Compartilhe este artigo:

Este post tem 2 comentários

  1. Parabéns Liute, publicações maneiras, o que acha de postar uma sobre como fazer recorte de cabelo, usando as camadas? Abraços!

Deixe uma resposta

Mais artigos pra você ler:
Criatividade – Como pensar fora da caixa?

Criatividade – Como pensar fora da caixa?

A criatividade com certeza é a matéria prima de todo bom projeto de design, é ela que estamos buscando constantemente…
Novidades para 2019 do Clube do Design

Novidades para 2019 do Clube do Design

O Clube do Design trás novidades que reforçam o nosso interesse em te ajudar a descobrir a sua profissão criativa.…
Novidades do Illustrator 2019

Novidades do Illustrator 2019

As novidades do Illustrator 2019 incluem uma nova forma de criar gradientes, recursos de texto mais práticos e utilização de…
Novidades do Photoshop CC 2019

Novidades do Photoshop CC 2019

O Adobe Photoshop CC 2019 chegou e neste vídeo você confere as principais novidades com melhorias de desempenho, atualização de…
Fechar Menu