Como fazer uma grade no Illustrator

No tutorial a seguir, você aprenderá como criar uma grade no Illustrator usando a Rectangular Grid Tool ou a Polar Grid Tool.

Falando em grades do Illustrator, verifique o ga-analytics#sendElementsClickEvent”>Envato Elements, onde você pode encontrar muitos recursos que podem inspirá-lo a criar uma grade no Illustrator. Este ga-analytics#sendElementsClickEvent”>kit de modelo de grade é o exemplo perfeito para começar.

ga-analytics#sendElementsClickEvent”>kit de modelo de grade ilustradorkit de modelo de grade ilustradorkit de modelo de grade ilustrador

Você é fã de tutoriais em vídeo? Então você não pode perder este novo vídeo do canal Envato Tuts+ no YouTube. Aprenda como inserir uma grade no Illustrator e tudo sobre a ferramenta de grade do Illustrator aqui:

O que você aprenderá neste tutorial do Grid Illustrator

  • Como criar uma grade no Illustrator usando a ferramenta Grade retangular
  • Como fazer uma grade no Illustrator usando a Polar Grid Tool
  • Como alterar o tamanho da grade no Illustrator
  • Como editar uma grade no Illustrator

1. Como usar as ferramentas de grade no Adobe Illustrator

Para fazer uma grade no Illustrator, usaremos o Ferramenta Grade Retangular para criar grades retangulares ou o Ferramenta Grade Polar para criar grades polares no Illustrator.

Para selecionar uma dessas duas ferramentas, clique e segure o Ferramenta Segmento de Linha da sua barra de ferramentas. Se você não consegue ver essas ferramentas, você precisa ir para Janela > Barras de ferramentas > Avançado. Depois de selecioná-los, veremos como você pode usar essas ferramentas para criar uma grade no Illustrator.

ilustrador de ferramentas de gradeilustrador de ferramentas de gradeilustrador de ferramentas de grade

2. Como criar uma grade retangular no Adobe Illustrator

Passo 1

Vamos ver como usar a Ferramenta Grade Retangular no Illustrator. Você também pode Duplo click o Ferramenta Grade Retangular ou apenas selecione-o e clique em sua prancheta para abrir o Opções da Ferramenta Grade Retangular janela, onde você pode definir as configurações para a grade que você está prestes a criar.

Use o Largura e Altura configurações para definir o tamanho de sua grade. Usando um desses quatro pontos de referência, você pode definir o ponto a partir do qual sua grade será desenhada.

tamanho da grade retangular do ilustradortamanho da grade retangular do ilustradortamanho da grade retangular do ilustrador

Passo 2

Use o Número caixa de entrada do Divisores horizontais seção para definir o número de linhas horizontais que aparecerão entre as linhas de grade superior e inferior.

Use o Número caixa de entrada do Divisores Verticais seção para definir o número de linhas verticais que aparecerão entre as linhas de grade mais à esquerda e mais à direita.

divisores de grade retangular do ilustradordivisores de grade retangular do ilustradordivisores de grade retangular do ilustrador

etapa 3

Use o Inclinar controle deslizante do Divisores horizontais seção para definir como suas linhas horizontais são ponderadas na parte superior ou inferior da grade do retângulo.

Use o Inclinar controle deslizante do Divisores Verticais seção para definir como suas linhas verticais são ponderadas para a borda esquerda ou direita.

inclinação da grade retangular do ilustradorinclinação da grade retangular do ilustradorinclinação da grade retangular do ilustrador

Passo 4

Verifica a Usar Retângulo Externo como Moldura caixa para unir as linhas de grade superior, inferior, esquerda e direita em um único retângulo.

quadro de grade retangular ilustradorquadro de grade retangular ilustradorquadro de grade retangular ilustrador

Passo 5

Verifica a Preencher Grade caixa para preencher sua nova grade retangular com a cor de preenchimento ativa.

preenchimento de grade retangular ilustradorpreenchimento de grade retangular ilustradorpreenchimento de grade retangular ilustrador

Passo 6

Alternativamente, você pode selecionar o Ferramenta Grade Retangular e simplesmente clique e arraste para criar uma grade no Illustrator. Pode ser um método muito mais fácil de editar o tamanho da grade no Illustrator.

Antes de soltar o botão do mouse para criar a grade, você pode pressionar os botões de seta para cima/para baixo para aumentar/diminuir o número de linhas horizontais na grade do retângulo ou os botões de seta para a esquerda/direita para aumentar/diminuir o número de linhas verticais em sua grade retangular.

grade retangular do ilustradorgrade retangular do ilustradorgrade retangular do ilustrador

3. Como criar uma grade polar no Adobe Illustrator

Passo 1

Assim como na ferramenta Grade retangular no Illustrator, você pode Duplo click o Ferramenta Grade Polar ou apenas selecione-o e clique em sua prancheta para abrir o Opções da Ferramenta de Grade Polar janela, onde você pode definir as configurações para a grade que você está prestes a criar.

Use o Largura e Altura configurações para definir o tamanho de sua grade. Usando um desses quatro pontos de referência, você pode definir o ponto a partir do qual sua grade será desenhada.

tamanho da grade polar do ilustradortamanho da grade polar do ilustradortamanho da grade polar do ilustrador

Passo 2

Use o Número caixa de entrada do Divisores concêntricos seção para definir o número de círculos concêntricos que você deseja adicionar além do principal.

Use o Número caixa de entrada do divisores radiais seção para definir o número de linhas retas que você deseja adicionar entre o centro e a borda da grade.

divisores de grade polar do ilustradordivisores de grade polar do ilustradordivisores de grade polar do ilustrador

etapa 3

Use o Inclinar controle deslizante do Divisores concêntricos seção para definir como seus círculos concêntricos são ponderados em direção ao interior ou ao exterior da grade.

Use o Inclinar controle deslizante do divisores radiais seção para definir como suas linhas retas são ponderadas no sentido anti-horário ou horário na grade.

inclinação da grade polar do ilustradorinclinação da grade polar do ilustradorinclinação da grade polar do ilustrador

Passo 4

Verificar Criar caminho composto a partir de elipses para converter os círculos concêntricos em um único caminho composto.

caminho composto de grade polar do ilustradorcaminho composto de grade polar do ilustradorcaminho composto de grade polar do ilustrador

Passo 5

Verifica a Preencher Grade caixa para preencher sua grade radial com a cor de preenchimento ativa.

caminho composto de preenchimento de grade polar do ilustradorcaminho composto de preenchimento de grade polar do ilustradorcaminho composto de preenchimento de grade polar do ilustrador

Desmarque a Criar caminho composto a partir de elipses caixa para preencher todos os círculos com a cor de preenchimento ativa.

grade polar do ilustradorgrade polar do ilustradorgrade polar do ilustrador

Passo 6

Alternativamente, você pode selecionar o Ferramenta Grade Polar e simplesmente clique e arraste para desenhar uma grade no Illustrator.

Antes de soltar o botão do mouse para criar a grade, você pode pressionar os botões de seta para cima/para baixo para aumentar/diminuir o número de círculos concêntricos em sua grade polar ou os botões de seta para a esquerda/direita para diminuir/aumentar o número de divisores radiais em sua grade polar.

grade polar do ilustradorgrade polar do ilustradorgrade polar do ilustrador

Parabéns! Você Terminou!

Agora você sabe como fazer uma grade no Illustrator e como usar a ferramenta de grade do Illustrator. Espero que você tenha gostado deste tutorial do Grid Illustrator e que possa usar essas técnicas enquanto continua a criar grades no Illustrator.

Lembre-se de que você pode encontrar ótimas fontes de inspiração em ga-analytics#sendElementsClickEvent”>Envato Elements, com soluções interessantes para ajudá-lo a desenhar grades no Illustrator e torná-las parte de designs incríveis.

Ativos populares do Envato Elements

ga-analytics#sendElementsClickEvent”>Envato Elements é um excelente recurso para projetos relacionados à grade. Aqui está uma pequena lista de alguns dos ativos mais populares que você pode encontrar.

ga-analytics#sendElementsClickEvent”>Efeitos de grade isométrica (PSD)

As grades também podem ser usadas no Photoshop. Confira esses incríveis efeitos de grade isométrica e veja como você pode destacar seu design usando um desses modelos.

ga-analytics#sendElementsClickEvent”>efeito de grade isométrica do photoshopefeito de grade isométrica do photoshopefeito de grade isométrica do photoshop

ga-analytics#sendElementsClickEvent”>6 Instagram Aesthetic Retro Grid (AI, EPS, PSD)

Fique retrô com esses designs estéticos de grade do Instagram. Sinta-se à vontade para alterar as cores e editar o tamanho da grade no Illustrator com apenas alguns cliques.

ga-analytics#sendElementsClickEvent”>grade retrô do instagramgrade retrô do instagramgrade retrô do instagram

ga-analytics#sendElementsClickEvent”>Ícones de grade (SVG)

Mantenha-o simples, mas profissional, com esses ícones de grade de alta qualidade. Altere a cor e dimensione facilmente sem perder a qualidade.

ga-analytics#sendElementsClickEvent”>ícones de gradeícones de gradeícones de grade

ga-analytics#sendElementsClickEvent”>Metal Grid: efeito de texto editável, estilo de fonte (AI, EPS)

Confira um tipo diferente de grade e crie este efeito de texto em grade de metal em negrito. Basta clicar duas vezes no texto e digitar o seu.

ga-analytics#sendElementsClickEvent”>texto grade de metaltexto grade de metaltexto grade de metal

ga-analytics#sendElementsClickEvent”>O Kit Completo de Projeto Vetorial (IA)

Vá um passo além e explore como você pode usar as grades do Illustrator para criar este incrível modelo de projeto.

ga-analytics#sendElementsClickEvent”>kit de projetokit de projetokit de projeto

Quer aprender mais?

Temos muitos tutoriais no Envato Tuts+, do nível iniciante ao intermediário. Dê uma olhada!

Deixe uma resposta