1. Design & Illustration
  2. Drawing/Illustration
  3. Vectors

10 Ferramentas do Illustrator Que Todo Designer Deveria Estar Usando

Neste artigo iremos falar sobre as dez ferramentas mais úteis no Adobe Illustrator. Se você está envolvido em criação de ícones, ilustrações, entre outros, você definitivamente vai querer ler este artigo, uma vez que irá aprender algo novo e interessante sobre o software que você usa diariamente.
Scroll to top

Portuguese (Português) translation by Felipe Code (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Neste artigo iremos falar sobre as dez ferramentas mais úteis no Adobe Illustrator. Se você está envolvido em criação de ícones, ilustrações, entre outros, você definitivamente vai querer ler este artigo, uma vez que irá aprender algo novo e interessante sobre o software que você usa diariamente.

Então, sem perder mais tempo precioso, vamos começar a contagem regressiva com a ferramenta número dez, a régua.

10. A Régua

Se você precisa delimitar a sua composição usando guias precisas ou medir diferentes objetos na sua Artboard, a Ruler (régua) é a ferramenta certa, uma vez que esta foi criada exatamente para isto.

example of rulers used as guidesexample of rulers used as guidesexample of rulers used as guides

Por padrão a ferramenta está oculta, mas você pode facilmente torná-la visível pressionando Control+R ou ir em View > Rulers > Show Rulers.

how to turn the rulers onhow to turn the rulers onhow to turn the rulers on

Uma vez que as habilitou, você pode medir ou estabelecer pontos de referência clicando na régua superior ou esquerda e então arrastar para criar uma ou mais guias, dependendo do que você está tentando alcançar.

Eu uso as réguas em combinação com a Grid quase todo o tempo, visto que elas me permitem alcançar um equilíbrio em minhas composições. Elas também tornam o processo muito mais fácil, posto que eu posso precisamente posicionar qualquer coisa usando apenas um par de cliques.

Se você nunca usou a ferramenta antes, eu honestamente o encorajo a tentar. Estou otimista que ela encontrará um lugar no seu fluxo de trabalho assim que você enxergar seu potencial.

Você pode dar a esta rápida dica uma tentativa, uma vez que isso iniciará com tudo que você precisa saber para dominar a ferramenta Ruler do Illustrator.

9. A Blend Tool

A número nove da nossa lista é a Blend Tool (ferramenta de Mesclagem), e provavelmente uma das mais temidas e menosprezadas ferramentas entre o público, já que esta exigirá um certo tempo para se acostumar.

A questão é, a ferramenta não é tão complicada, mas na maioria das vezes as pessoas não sabem para que ela pode ser usada.

Bem, assim como muitas ferramentas no Illustrator, a Blend Tool é extremamente versátil, tendo em vista que ela pode ser aproveitada para criar padrões de formas repetitivos, paleta de cores, ou, como o nome diz, mesclagem de cores entre dois ou mais objetos.

A ferramenta pode ser encontrada em Object > Blend, onde você pode interagir com suas opções (Blend Options) e acioná-las, e, é claro, desencadear (Make ou Alt+Control+B) e criar seja lá o que você esteja pretendendo.

locating the blend optionslocating the blend optionslocating the blend options

Eu a uso quando preciso criar paleta baseada em cores escolhidas a mão e eu não estou realmente certo qual combinação de valor funciona melhor. É nessas situações que eu conto com a ferramenta para gerar os valores de cores que funcionam melhor automaticamente, e quase todo o tempo ela realmente funciona.

creating a color palette using the blend toolcreating a color palette using the blend toolcreating a color palette using the blend tool

O legal é que a ferramenta é bem precisa, uma vez que você pode controlar quantos passos (cores ou objetos repetitivos) ela gerará, dando total controle sobre a forma que esta funciona.

Se você usá-la para gerar cores como eu faço, você deveria saber que quanto maior o número de passos, mais suave será a transição de um valor para outro, o que significa que algumas cores podem não ser de todo utilizáveis. Use um valor menor em steps e a ferramenta vai intensificar a transição, gerando cores que você poderá realmente usar para construir uma paleta.

Para aprender mais, por que não ler nosso guia compreensivo sobre como usar a Blend Tool?

8. Offset Path

Se você está tentando criar um cópia maior de um objeto existente ou dar às suas formas um rudimento, o Offset Path é o que você precisa.

Como o nome implica, a ferramenta trabalha por impelir o caminho de um objeto selecionado para o lado de fora, portanto cria uma versão maior atrás do objeto, idêntica em cor e forma, mas não em tamanho.

Eu realmente amo trabalhar com Offset Path ao criar icones lineares, já que usando apenas um par de clicks eu posso facilmente obter belos contornos espessos que são de longe mais fáceis de selecionar se comparado com os Stroke Paths.

adding outlines using the offset pathadding outlines using the offset pathadding outlines using the offset path

Você pode encontrar a ferramenta em Object > Path, e uma vez que tenha um objeto selecionado e clicar em Offset Path, você será contemplado com todas as opções que precisa, desde o tamanho do seu Offset até o tipo de Joins e Miter Limit.

Eu estou certo de que você pode encontrar um uso para isso nos seus projetos futuros, então certifique-se de praticar um pouco no final deste artigo.

Se você está em design de ícones, icones lineares, para ser mais preciso, eu recomendo que leia este tutorial que fala sobre como o Offset Path funciona, você vai se divertir com isso.

7. Clipping Mask

Uau, essa era provavelmente uma das ferramentas que eu não usava com frequência no começo, mas uma vez que comecei a utilizá-la, isso mudou completamente a forma que eu vejo minhas formas e composições.

Agora, se você não sabe, a Clipping Mask é, como a Abobe perfeitamente colocou, "um objeto cuja forma mascara outras partes, assim apenas as áreas que se encontram dentro da forma são visíveis".

Geralmente ao criar composições complexas, você pode achar que o painel Pathfinder com seus Shape Modes é o caminho adequado se você precisa ajustar a forma dos seus objetos. Mas a medida que aprendi da forma mais difícil, Clipping Mask pode quase sempre ser uma solução melhor, visto que ela te dá total controle sobre suas formas mascaradas.

example of using clipping masksexample of using clipping masksexample of using clipping masks

Primeiro que é incrivelmente fácil de usar, uma vez que você pega o jeito, ela te dá o poder de criar formas intricadas e complexas.

Segundo que as formas resultantes são inacreditavelmente fáceis de editar, já que todas as formas em Clipping Mask podem ser redimensionadas, reposicionadas e ajustadas, a medida que você aplica a máscara, o qual você não pode fazer com Pathfinder.

Você pode ler mais sobre as vantagens de usar Clipping Masks em relação aos Shapes Modes de Pathfinder e ver por você mesmo como usá-la, e mais importante, porque dá-la uma chance.

6. O Painel Artboard

O próximo da lista é o painel de Artboards (pranchetas), o qual é provavelmente um dos melhores recursos que o Illustrator tem a oferecer, uma vez que você pode criar projetos com múltiplas versões dentro do mesmo documento e visualizar todos ao mesmo tempo.

Dessa forma, você pode criar variações da composição, explorar diferentes estilos e compará-los, tornando fácil decidir qual caminho seguir.

example of using multiple artboardsexample of using multiple artboardsexample of using multiple artboards

Agora, uma vez que a Artboard é a tela real onde colocamos nosso trabalho, ela pode ser uma poderosa ferramenta de exportação, especialmente ao lidar com pacotes de ícones, já que você pode criar múltiplas Artboards e definir uma para cada ícone.

using multiple artboards to export iconsusing multiple artboards to export iconsusing multiple artboards to export icons

Eu não quero entrar em detalhes, mas eu deixarei um link para um artigo que ensina tudo que há para saber sobre o processo de usar Artboards para exportar suas peças.

5. O Painel de Layers

Se o painel de Artboards te permite criar múltiplas peças em um documento, as Layers (camadas) te dá o poder de criar composições detalhadas, usando uma estrutura lógica que permite facilmente identificar e ajustar diferentes seções do seu trabalho sem se preocupar em deslocar ou apagar algum elemento por engano.

Honestamente, eu uso o painel em todo projeto, já que eu gosto de estabelecer uma hierarquia de formas detalhadas desde o começo, ao rotular cada seção da minha composição, isso me permite prosseguir gradualmente no processo até que eu tenha um produto final.

example of using multiple layersexample of using multiple layersexample of using multiple layers

Você pode bloquear, esconder, renomear e reposicionar cada camada, o qual te dá uma melhor visão e compreensão do que você está criando. Dessa forma você pode focar em uma coisa de cada vez e explorar diferentes opções de estilo, que podem ser deletados ou ocultados até que você tenha tomado uma decisão final.

Se você está acostumado a ter apenas uma camada, você provavelmente sabe o quão difícil é lidar com cada forma, especialmente quando você agrupa e aplica máscaras, então você pode querer repensar seu fluxo de trabalho ao usar múltiplas layers, as quais farão sua vida muito melhor.

Aprenda como você pode se tornar mais eficiente com este tutorial sobre como organizar seu documento usando layers para um fluxo de trabalho mais fluido.

4. O Painel Pathfinder

Número quatro da nossa lista, o painel Pathfinder ou suas quatro Shape Modes, para ser mais exato, permite criar novas formas ao manipular os caminhos de dois ou mais objetos.

Neste ponto, você pode estar pensando que algo não está certo, já que algumas linhas atrás eu disse que Clipping Mask é uma solução melhor em relação ao Pathfinder. Bem, se você precisa ajustar formas e adicionar efeitos e outros elementos, Clipping Mask sempre será a forma mais eficiente. Mas se você precisa criar uma gama de novas formas de algo simples como um retângulo, Pathfinder é a melhor escolha.

pathfinder panelpathfinder panelpathfinder panel

Você pode unir, subtrair, interseccionar e excluir para criar formas novas e interessantes, à medida que você percebe qual modo é melhor para o trabalho.

example of using pathfinders shape modesexample of using pathfinders shape modesexample of using pathfinders shape modes

Eu pessoalmente uso muito o modo Minus Front (menos frente) quando eu preciso cortar coisas pela metade, já que eu posso facilmente criar um retângulo, posicioná-lo sobre minha forma e então usá-lo para criar um recorte.

Claro, há provavelmente uma solução melhor para isso, mas como você provavelmente descobrirá, cada ferramenta pode se tornar um meio para algo completamente diferente de um pensador criativo para outro.

Por padrão, o painel Pathfinder está oculto, então se quiser brincar com ele, você deverá ir até o menu View e rolar até encontrá-lo na lista. Assim que habilitá-lo ele aparecerá na sua tela dando a possibilidade de posicioná-lo onde quiser.

Você pode aprender mais sobre Pathfinder lendo este guia detalhado que mostra como usar os Shape Modes do Illustrator.

3. Painel Align

Se você quer alinhar um objeto na Artboard ou distribuir múltiplas formas a uma distância específica, o painel Align (alinhamento) é a melhor ferramenta para o trabalho. É fácil e rápida de usar em todos os sentidos.

Eu a uso toda vez em todo projeto, já que eu posso facilmente centralizar as minhas formas umas com as outras, ou alinhá-las em um lado específico sem ter que me preocupar se o alinhamento está perfeito.

Por padrão, algumas opções do painel estão ocultas, assim você terá que clicar na pequena seta para baixo e habilitar Show Options para fazê-las visíveis.

Uma vez que o fez, você terá uma nova função chamada Dristribute Spacing, a qual permitirá posicionar perfeitamente duas ou mais formas em uma distância especificada.

the align panelthe align panelthe align panel

Você também ganhará controle sobre a forma de como o alinhamento é feito, visto que poderá escolher entre um objeto chave (Key Object) ou a própria Artboard. De outro modo, o Illustrator sempre alinhará seus objetos de acordo com a primeira opção.

Eu pessoalmente mantenho o Align To (alinhar para) para a Artboard (prancheta), já que se eu precisar alinhar um objeto com outro, eu simplesmente seleciono-os, então clico naquele que eu quero que funcione como objeto chave (Key Object) para o alinhamento.

Descubra mais ao checar este artigo compreensivo de como usar as opções do Painel Align.

2. Grid

Eu falei sobre o sistema de Grid (grade) do Illustrator há algum tempo atrás quando tentei aprofundar o quanto possível a explicação de tudo que há para saber e como isso pode ser usado com o intuito de criar melhores composições.

using the grid for better compositionsusing the grid for better compositionsusing the grid for better compositions

Apesar de ter sido publicado já há algum tempo, toda informação naquele artigo ainda é válida, então eu aconselho checá-lo, pois estou certo que ajudará você a entender melhor como o Illustrator funciona. Tudo que você cria fica sobre uma Grid, seja a padrão ou uma personalizada de sua escolha.

1. Snap to Grid / Pixel Grid

A Grid por si só é uma grande ferramenta, mas uma vez que você começa a brincar com complexas composições, você terá que combinar seu poder com o do Snap to Grid / Pixel Grid, a fim de elevar seu jogo para um outro nível.

Eu me lembro que quando comecei, eu costumava criar sem dar a devida atenção para natureza de meus designs. Por sorte, não demorou para que percebesse que em minha linha de atuação (que é design de ícones), ser detalhista e obcecado com a forma que seus objetos se ajustam à Pixel Grid pode definir o rumo de seu trabalho.

Então, se você nunca usou a opção Snap to Grid / Pixel Grid do menu View, eu aconselho que comece a aprender e praticar em algum projeto, você descobrirá que ter a habilidade de criar com perfeição é tudo.

snap to grid optionsnap to grid optionsnap to grid option

Por alguns meses eu fiz parte da bancada de testes oficial da Adobe, onde tivemos a chance de ver o futuro da Snap to Pixel Grid e apesar de que a coisa vai mudar um pouco, você ainda estará à frente dos outros se gastar um par de horas para ler o que puder sobre o assunto.

Dito isso, eu vou deixar este artigo que fala profundamente sobre como a Pixel Grid funciona e mostra como utilizar corretamente a opção Snap to, a qual provavelmente será uma mão na roda em futuros projetos.

Hora de praticar!

Se você gastar um par de horas com cada ferramenta listada, eu garanto que você se tornará muito melhor no que faz. Estas são as ferramentas mais utilizadas que os melhores designers abraçam diariamente e elas têm provado ser as mais úteis.

Eu espero que você tenha gostado do artigo e que tenha descoberto algo novo ao longo do caminho.