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!



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!



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)



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)



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)



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)



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)



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.
Originally posted 2022-05-19 20:45:14.