Como criar uma malha radial no Illustrator e fazer um CD vetorial

Já se perguntou sobre como usar a ferramenta de malha no Illustrator? Neste tutorial da ferramenta de malha do Adobe Illustrator, você aprenderá sobre as possibilidades dessa ferramenta. Na primeira parte do tutorial, você aprenderá como criar uma malha no Illustrator (sem usar nenhum plug-in de terceiros). Em seguida, criaremos um gráfico vetorial de CD usando o método de malha radial.

Se você é um designer gráfico ou um fã do Adobe Illustrator, talvez esteja procurando a melhor fonte de complementos para economizar seu tempo. A Envato Elements é a melhor opção para você. O mercado baseado em assinatura oferece downloads ilimitados de complementos do Illustrator e dos principais ativos de criativos digitais, como este. Role para baixo após o tutorial da ferramenta de malha do Adobe Illustrator para encontrar mais!

Você pode obter este kit de efeito gradiente dos anos 80 da Envato Elements.Você pode obter este kit de efeito gradiente dos anos 80 da Envato Elements.Você pode obter este kit de efeito gradiente dos anos 80 da Envato Elements.
Você pode obter este kit de efeito gradiente dos anos 80 da Envato Elements.

Mas e se você preferir tutoriais em vídeo ou não tiver tempo para ler um tutorial escrito? Então visite o canal Envato Tuts+ no YouTube. Lá você encontrará tutoriais em vídeo incríveis e gratuitos, como este novo vídeo para aprender a usar a ferramenta mesh no Illustrator:

O que você aprenderá neste tutorial do Gradient Mesh Illustrator

  • Como fazer um círculo de gradiente radial
  • Como criar uma malha de gradiente no Illustrator
  • Como desenhar um gráfico vetorial de CD com a ferramenta Mesh
  • Como editar a cor da malha no Illustrator
  • Como terminar o gráfico vetorial do CD

1. Como fazer um círculo de gradiente radial

Passo 1

Antes de aprender a fazer uma malha, precisamos fazer um círculo no Illustrator usando a Ellipse Tool, e então preencher esse círculo com gradiente radial simples.

Passo 2

Agora mantenha este círculo selecionado e clique no menu superior Objeto > Expandir.

2. Como criar uma malha de gradiente no Illustrator

etapa 3

Você verá a caixa de diálogo Expandir, apenas selecione Fill and Gradient Mesh e clique em OK. E aqui está a ferramenta de malha de gradiente no Illustrator.

Passo 4

Agora seu círculo deve ficar assim. Há uma máscara de recorte nele, que temos que remover.

Etapa 5

Mantendo seu Círculo selecionado, no menu superior, clique em Object > Clipping Mask > Release (Command + Alt + 7) para liberar a máscara de corte.

Etapa 6

Agora clique com o botão direito do mouse em seu círculo e clique em Desagrupar (Command + Shift + G) para desagrupar.

Etapa 7

Agora desmarque seu círculo clicando em qualquer lugar na prancheta (área branca). Agora, novamente, selecione seu círculo e mova-o um pouco para longe de sua posição inicial. Você verá outro caminho que na verdade era o caminho para a máscara de recorte, basta selecionar este caminho e excluí-lo, pois não precisamos disso.

Etapa 8

Aqui você vai! Você tem que fazer a malha radial e polar. Você pode criá-lo adicionando alguns pontos de malha com a ajuda da ferramenta Mesh no Illustrator.

Isso conclui a primeira parte deste tutorial, na qual você aprendeu o método básico de fazer uma malha radial. Você pode usar essa malha radial para criar muitas coisas radiais como um CD, ou se você colocar um pouco mais de esforço, você também pode criar aros de liga para uma roda. Por enquanto estou mostrando como criar um CD a partir dessa malha radial.

3. Como desenhar um gráfico vetorial de CD com a ferramenta Mesh

Etapa 9

Agora que você viu como fazer uma malha, vamos fazer um desenho vetorial de malha. Agora para fazer um CD, selecione-o com a Ferramenta de Seleção (seta preta) e preencha-o com a cor cinza.

Etapa 10

Com a ajuda da Mesh Tool no Illustrator, coloque 4 pontos de malha como mostrado. Esses pontos devem estar exatamente no meio dos pontos anteriores, caso contrário, as linhas de direção ficariam um pouco torcidas e levaria tempo para endireitá-las.

Etapa 11

Com a ajuda da Mesh Tool, coloque mais alguns pontos de malha como mostrado abaixo. Esses pontos podem não ser retos como mostrado na imagem, você deve endireitá-los com a ajuda da ferramenta Mesh. Usando a Mesh Tool, clique nas linhas de direção e gire-as levemente para deixá-las retas.

Etapa 12

Com a ajuda da Ferramenta Direct Selection (seta branca) selecione os pontos como mostrado abaixo.

Etapa 13

Agora pressione a tecla Shift e selecione os pontos inferiores como mostrado (a tecla Shift ajuda você a selecionar vários pontos de uma só vez).

4. Como editar a cor da malha no Illustrator

Etapa 14

Como você tem quatro pontos selecionados, coloque uma cor azul claro com a ajuda dos Color Sliders (por favor, não selecione algumas cores escuras, pois não ficará bom).

Etapa 15

Agora selecione oito pontos simetricamente e adicione uma cor roxa clara.

Etapa 16

Coloquei mais cores seguindo o mesmo procedimento acima; o resultado será algo parecido com o mostrado abaixo.

5. Como terminar o gráfico vetorial do CD

Etapa 17

Agora faça uma cópia deste círculo. Basta selecioná-lo com a Ferramenta de Seleção e arrastá-lo enquanto pressiona a tecla Alt.

Etapa 18

Agora faça um círculo exatamente do mesmo tamanho e preencha-o com uma cor cinza escuro.

Etapa 19

Na paleta Transparência, altere o modo para Multiplicar para esse círculo cinza escuro.

Etapa 20

Agora selecione o primeiro círculo de malha e o círculo cinza escuro e alinhe-os ao centro (na horizontal e na vertical) e agrupe-os pressionando Command + G.

Etapa 21

Agora gire este grupo em 90 graus e dimensione-o um pouco.

Etapa 22

Agora selecione este grupo junto com a cópia que tiramos na Etapa 17, mantendo essa cópia no topo. Você pode organizá-lo e trazê-lo para a frente.

Etapa 23

Alinhe-os ao centro horizontal e verticalmente.

Etapa 24

Agora desenhe outro Círculo, mas pequeno em tamanho, então faça uma cópia dele e redimensione essa cópia como mostrado abaixo.

Etapa 25

Agora selecione esses dois pequenos círculos e alinhe-os ao centro. Pressione Command + 8 (Object > Compound Path > Make), para fazer um Compound path desses dois pequenos círculos.

Etapa 26

Agora faça mais um caminho composto como fizemos nas etapas 24 e 25, mas desta vez precisamos de um anel fino. Em seguida, faça um pequeno círculo.

Etapa 27

Alinhe todos esses centros (os dois anéis e o pequeno círculo) e, finalmente, agrupe-os pressionando Command + G.

Etapa 28

Agora selecione todos e alinhe-os ao centro.

Etapa 29

Agora faça dois círculos. Um deve ser do tamanho do nosso CD e outro pequeno deve ser do tamanho do buraco no CD. Selecione ambos os círculos e alinhe-os ao centro.

Etapa 30

Agora pressione Command + 8 para torná-lo um caminho composto. Vamos usá-lo como uma máscara de recorte para o nosso CD.

Etapa 31

Selecione tudo e alinhe tudo ao Centro. Pressione Command + 7 (Object > Clipping Mask > Make) para fazer uma Clipping Mask.

Etapa 32

Ai está. Nosso gráfico vetorial de CD está concluído!

Está feito! Seu design de vetor de malha está completo!

Como toque final, você pode colocar um pouco de Drop Shadow indo em Effects > Stylize > Drop Shadow. Além disso, você pode escrever algum texto ou criar um plano de fundo simples. E nossa imagem está completa. Divirta-se aplicando malhas radiais a outros objetos!

vetor de malhavetor de malhavetor de malha
Aqui está o CD de vetor de malha finalizado que fizemos no Illustrator.

5 principais recursos da Envato Elements

Agora você como criar uma malha no Illustrator e como desenhar um CD com esta ferramenta. Se você quiser continuar praticando suas habilidades no Illustrator ou precisar de mais inspiração, aqui estão alguns ótimos recursos para você.

Tudo no Envato Elements está incluído na sua assinatura. Faça o download ilimitado de complementos, gráficos, ícones e muito mais do Illustrator!

1. Kit de Efeito Gradiente dos Anos 80 (GRD, AI)

Kit de efeito gradiente dos anos 80 (GRD, AI)Kit de efeito gradiente dos anos 80 (GRD, AI)Kit de efeito gradiente dos anos 80 (GRD, AI)

Se você gostou do efeito gradiente no resultado final do vetor do CD, aqui está uma maneira fácil de recriá-lo.

Este kit de efeitos de gradiente inclui 10 gradientes adequados para Photoshop, Illustrator e Affinity Photo. Esses gradientes legais são inspirados na estética dos anos 80, então confira.

2. Fundos de gradientes vívidos (EPS, JPG)

Fundos de gradientes vívidos (EPS, JPG)Fundos de gradientes vívidos (EPS, JPG)Fundos de gradientes vívidos (EPS, JPG)

Aqui está outra ótima opção se você estiver procurando por gráficos vetoriais gradientes. O pacote vem com 30 gradientes JPG de alta definição e 10 arquivos EPS vetoriais gradientes com malhas editáveis. Experimente-os para mais projetos de vetores de CD!

3. Pincéis de sombreamento para Adobe Illustrator (AI)

Pincéis de sombreamento para Adobe Illustrator (AI)Pincéis de sombreamento para Adobe Illustrator (AI)Pincéis de sombreamento para Adobe Illustrator (AI)

Se os pincéis do Illustrator são mais sua coisa, confira este pacote completo. O download inclui 22 pincéis para bordas, adicionando sombras às suas ilustrações ou fazendo texturas.

4. Fundos de gradiente (JPG)

Planos de fundo gradientes (JPG)Planos de fundo gradientes (JPG)Planos de fundo gradientes (JPG)

Procurando por mais efeitos de gradiente e fundos? Aqui está um pacote completo de 25 fundos gradientes (5000×5000 pixels, 300 DPI, CMYK). Use-os para qualquer projeto de design que você tenha em mente!

5. Ícones de música e instrumentos (AI, EPS, PNG, PSD, SVG, FIG)

Ícones de música e instrumentos (AI, EPS, PNG, PSD, SVG, FIG)Ícones de música e instrumentos (AI, EPS, PNG, PSD, SVG, FIG)Ícones de música e instrumentos (AI, EPS, PNG, PSD, SVG, FIG)

E, finalmente, se você procura ícones vetoriais de música, este é o kit para você. O pacote vem com 60 ícones em muitos formatos de arquivo populares. É um ótimo kit se você precisar de um ícone de vetor de CD pronto para usar!

Descubra mais tutoriais e recursos do Illustrator

Espero que você tenha gostado deste tutorial do Adobe Illustrator da ferramenta de malha de gradiente. Se você estiver procurando ainda mais recursos do Illustrator, confira estes antes de sair:

Nota Editorial: Este post foi atualizado com contribuições de Maria Villanueva. Maria é Editora Associada do canal Tuts+ Design.

Deixe um comentário

O seu endereço de e-mail não será publicado.