10 dicas incríveis para trabalhar com o Illustrator
![10 dicas incríveis para trabalhar com o Illustrator](assets/10-dicas-trabalhar-com-Illustrator/10-dicas-trabalhar-com-Illustrator.jpg)
Introdução
O Illustrator é o principal software do mercado de design para desenho vetorial e uma opção muito popular para criação de peças gráficas, tanto para visualização em tela quanto para impressão. Quando falamos de um programa para criar logos, desenhar ícones, elaborar grafismos e preparar artes mais curtas, pensamos no Illustrator. Além disso, a maior parte das empresas e escritórios de design usam-no para criar seus projetos.
Nesse artigo vamos conversar sobre 10 dicas incríveis que vão te ajudar a otimizar o seu fluxo de trabalho no Illustrator e criar ótimos resultados”. São elas:
- Duplicar transformações;
- Atalho para inverter preenchimento e traçado;
- Adicionar mais de um traçado a um objeto;
- Trabalhar com o prancheta transparente;
- Visualização dos pontos-âncora;
- Criar paletas de cores;
- Traçados e efeitos escaláveis;
- Alinhar texto a outros objetos;
- Texto sobre caminhos;
- Recolorir o projeto.
Vamos conhecê-las?
![Banner da Escola de UX e Design: Matricula-se na escola de UX e Design. Junte-se a uma comunidade de mais de 500 mil estudantes. Na Alura você tem acesso a todos os cursos em uma única assinatura; tem novos lançamentos a cada semana; desafios práticos. Clique e saiba mais!](assets/alura-matricula-maior-escola-tecnologia-brasil-mais-500-mil-estudantes/matricula-escola-ux-design-alura-saiba-mais-versao-mobile.png)
1. Duplicar transformações
Você talvez já tenha realizado alguma transformação em um objeto que deseja repetir depois, como por exemplo criar um linha e rotacioná-la.
![Gif animado que mostra uma linha sendo duplicada e depois rotacionada em 30º com a ferramenta Transform.](assets/10-dicas-trabalhar-com-Illustrator/Img1.gif)
Primeiro, é necessário realizar a ação em si. Neste caso, a rotação do objeto original em 30°, por meio da ação Transform > Rotate.
![Gif animado que mostra novas linhas inclinadas em 30° sendo adicionadas à composição somando-se às linhas anteriores.](assets/10-dicas-trabalhar-com-Illustrator/Img2.gif)
Para não precisar repetir esse caminho, basta duplicar a transformação com o atalho Ctrl + D, mantendo o último objeto criado selecionado.
2. Atalho para inverter preenchimento e traçado
Podemos colorir as imagens vetoriais de duas maneiras distintas: ou preenchendo-as por completo com cores e gradientes ou atribuindo as mesmas cores e gradientes ao traçado.
![Gif animado que mostra a cor preta de preenchimento de um círculo sendo invertida para se tornar a cor de traçado do objeto.](assets/10-dicas-trabalhar-com-Illustrator/Img3.gif)
Você, provavelmente, já sabe que para inverter o preenchimento pelo traçado basta clicar na setinha dupla junto às amostras de cores no final da barra de ferramentas.
Só que há uma maneira ainda mais rápida: usando a tecla X.
3. Adicionar mais de um traçado a um objeto
Todos os elementos vetoriais criados no Illustrator podem, por padrão, ser preenchidos e ter um traçado.
![Gif animado que mostra um quadrado vermelho, sobre o qual é aplicada uma linha de contorno preta de 3 pontos de espessura.](assets/10-dicas-trabalhar-com-Illustrator/Img4.gif)
Dentro do painel Window > Appearance há a opção de se escolher uma cor de traçado, assim como poderia ser feito no cabeçalho de propriedades do Illustrator ou na amostra ao final da barra de ferramentas.
![Gif animado que mostra uma linha de traçado azul sendo adicionada sobre a linha de traçado preta que já existia no quadrado.](assets/10-dicas-trabalhar-com-Illustrator/Img5.gif)
A diferença é que aqui se pode adicionar mais traçados aos objetos. Ao clicar no botão +, com Stroke selecionado, um novo traçado é inserido acima do que já existe. Importante ajustar as espessuras para que ambos fiquem visíveis.
4. Trabalhar com o prancheta transparente
O fundo branco que vemos nas pranchetas criadas no Illustrator é apenas uma forma do software marcar visualmente este espaço e conferir contraste com os elementos dispostos no documento. Contudo, por vezes desejamos criar artes sem fundo e com elementos brancos.
![Gif animado que mostra num primeiro um fundo branco e que se transforma num quadrado de fundo composto por uma malha de quadrados em tons de cinza. Lê-se também o texto Escola de UX & Design e o logo da Alura.](assets/10-dicas-trabalhar-com-Illustrator/Img6.gif)
A princípio, parece não haver nada na prancheta, certo? Mas ao executar o comando Ctrl + Shift + D enxergamos o grid de transparência (a malha de quadrados em tons de cinza) e, por consequência, o que está disposto no documento.
Talvez a sua malha seja mais clara que a minha e ainda assim seja difícil visualizar o conteúdo branco. Para ajustar as cores e o quão clara ou escura é a malha, siga o caminho File > Document Setup… ou a atalho Ctrl + Alt + P.
![Gif animado que mostra o painel Document Setup. Nele, é ajustado o parâmetro Grid Colors e é selecionada uma das amostras de cor da malha de transparência.](assets/10-dicas-trabalhar-com-Illustrator/Img7.gif)
Na seção Transparency and Overprint Options você pode definir como será o grid de transparência. Por padrão, os quadrados serão brancos e cinza claro, conforme indicado em Grid Colors pela seleção da opção Light. Eu escolhi a configuração Dark para ter maior contraste com as palavras e o logo, que são brancos. Você pode selecionar qualquer cor que desejar clicando nas amostras ao lado da miniatura da malha.
5. Visualização dos pontos-âncora
A edição dos pontos-âncora é um dos trabalhos mais fundamentais do Illustrator. Contudo, é comum termos certa dificuldade em enxergá-los.
![Imagem de uma ilustração de escafandro em que se vê pontos-âncora muito pequenos e na mesma cor do traçado do objeto.](assets/10-dicas-trabalhar-com-Illustrator/Img8.jpg)
Em vetores com muitos pontos e em cores similares ao azul a visualização pode ser complicada, como no caso acima.
Há duas maneiras de se resolver essa questão:
![Gif animado que mostra a dimensão dos pontos-âncora sendo ajustados. Eles ficam maiores e mais visíveis.](assets/10-dicas-trabalhar-com-Illustrator/Img9.gif)
A primeira delas é aumentar as dimensões dos pontos-âncora. Para isso, vá em Edit > Preferences > Selection & Anchor Display…. No menu, altere o tamanho no deslizante segundo a sua preferência.
![Gif animado que mostra a dimensão a cor dos pontos-âncora sendo trocada do azul para o laranja, o que os torna ainda mais visíveis.](assets/10-dicas-trabalhar-com-Illustrator/Img10.gif)
Em combinação com o ajuste anterior, você pode também mudar a cor da camada. Com isso, a indicação da seleção dos elementos que fazem parte dela poderá ser num tom diferente do conteúdo em si. Abra a janela Layers (Window > Layers) para verificar a cor atribuída à camada e dê um duplo nela. Note como a cor padrão do Illustrator é um azul praticamente igual ao da imagem vetorial. Selecionar o laranja, por exemplo, traz contraste e facilita o entendimento.
6. Criar paletas de cores
Teoria das cores é um assunto muito importante para o design de um modo geral e para a comunicação visual. Porém, nem todos nós que trabalhamos temos tempo ou mesmo interesse em ir muito a fundo no tema. Desta forma, uma tarefa comum em projetos gráficos, a criação de uma paleta de cores pode se transformar num empecilho.
![Gif animado que mostra um retângulo azul onde se lê, dentro dele, a palavra cor. Ao lado do quadrilátero está o menu Color Guide onde, após se clicar na cor azul, surgem diversas opções de paletas de cores.](assets/10-dicas-trabalhar-com-Illustrator/Img11.gif)
Para resolver esse problema, o Illustrator oferece paletas prontas a partir de uma única cor de referência, seguindo variadas harmonias cromáticas. Selecione um objeto com a sua cor de base e depois acesse o Color Guide em Window para testar as combinações ofertadas. Se tiver vontade de mergulhar no mundo das cores, participe do nosso curso Cores no design: teoria e prática.
7. Traçados e efeitos escaláveis
Ao incorporar traçados e efeitos à vetores no Illustrator eles não se adaptam conforme redimensionamos os vetores.
![Gif animado que mostra a palavra Alura sendo redimensionada para um tamanho bem menor. Nela, estão aplicados um traçado azul e um efeito de sombra projetada, que se mantém iguais mesmo com a palavra estando num tamanho menor.](assets/10-dicas-trabalhar-com-Illustrator/Img12.gif)
Note como tanto o traçado quanto a sombra projetada aplicados à palavra Alura mantém as suas configurações originais. Embora elas façam sentido para o objeto com as dimensões originais, quando ele é redimensionado elas não funcionam: o traçado se torna exageradamente espesso e a sombra muito grande para a palavra.
Para evitar esse resultado, é necessário pedir ao Illustrator para que ele ajuste tanto o traçado quanto o efeito no momento da transformação do objeto sobre o qual eles estão dispostos.
![Gif animado que mostra a opção Scale Strokes & Effects sendo selecionada no menu Preferences.](assets/10-dicas-trabalhar-com-Illustrator/Img13.gif)
Mais uma vez no menu Preferences, na seção General (atalho Ctrl + K), habilite Scale Strokes & Effects.
![Gif animado que mostra a palavra Alura com os efeitos de traçado e sombra projetada aplicados, mas agora com eles se adaptando ao menor tamanho da palavra.](assets/10-dicas-trabalhar-com-Illustrator/Img14.gif)
Pronto! Agora o redimensionamento adapta os parâmetros.
8. Alinhar texto a outros objetos
Aposto que você já tentou fazer com que o texto escrito no Illustrator em relação a algum outro objeto e o alinhamento não ficou do jeito que você havia imaginado.
![Gif animado que mostra a palavra Alura sendo alinhada centralizada verticalmente em relação a um retângulo azul atrás dela.](assets/10-dicas-trabalhar-com-Illustrator/Img15.gif)
No exemplo acima, pedi que o Illustrator alinhasse a palavra Alura ao centro vertical do retângulo.
![Imagem onde se vê a palavra Alura acima de um retângulo azul e com linhas na cor magenta sobrepostas a ela.](assets/10-dicas-trabalhar-com-Illustrator/Img16.jpg)
Ao fazer a conferência, notamos que, na verdade, o alinhamento não está exatamente correto. As linhas na cor magenta indicam qual seria a posição realmente centralizada. E por que isso aconteceu? Porque o Illustrator está fazendo o alinhamento levando em conta a caixa delimitadora da palavra. Atente para o traçado vermelho no gif anterior que forma um retângulo em torno na palavra e como ele dá folgas tanto na parte inferior quanto superior das letras. Esse respiro existe para que as palavras não se misturem nas linhas que volumes maiores de textos têm.
![Gif animado que mostra a opção Point Text sendo selecionada. Após a seleção dela, a ação de alinhamento vertical centralizado é executada novamente e, desta vez, a palavra Alura assume a posição correta.](assets/10-dicas-trabalhar-com-Illustrator/Img17.gif)
No nosso caso não precisamos desse espaçamento. Então, vamos pedir ao programa que faça o alinhamento do tipo Point Text e não o tradicional.
9. Texto sobre caminhos
Uma técnica muito útil para estilizar os textos no Illustrator é colocá-los sobre caminhos.
![Gif animado que mostra a ferramenta Type on path sendo selecionada. Na sequência, é escrita a palavra Alura sobre uma linha curva.](assets/10-dicas-trabalhar-com-Illustrator/Img18.gif)
Com o caminho desenhado, selecione a ferramenta Type on a Path e escreve o que deseja que, automaticamente, o texto seguirá o contorno do objeto.
![Gif animado que mostra a palavra Alura sendo deslocada sobre a linha em que ela está posicionada sobre.](assets/10-dicas-trabalhar-com-Illustrator/Img19.gif)
Você pode controlar a posição da palavra clicando no pequeno quadrado ao lado dela.
![Imagem do menu Type on a Path.](assets/10-dicas-trabalhar-com-Illustrator/Img20.jpg)
Por último, indo em Type > Type on a Path > Type on a Path Options… você terá acesso às configurações da ferramenta.
10. Recolorir o projeto
Por último, vamos falar sobre como o Illustrator nos permite recolorir todo o projeto segundo uma paleta de cores.
![Gif animado que mostra uma ilustração de uma figura feminina com um smartphone na mão, trocando de cor ao mexer no círculo cromático.](assets/10-dicas-trabalhar-com-Illustrator/Img21.gif)
Selecione todos os elementos que deseja recolorir e na sequência vá em Edit > Edit Colors > Recolor Artwork…. No menu flutuante, você pode trocar as cores dentro do círculo cromático e atribuir o estilo que preferir.
Concluindo
O Illustrator é um programa com mil possibilidades criativas e maneiras de se construir projetos. Neste artigo, vimos 10 dicas de como melhor utilizar o software para ter tanto um ganho de produtividade quanto descobrir novas funcionalidades.
Até a próxima!
Créditos
- Redação: Felipe Labouriau
- Apoio didático: Isabela Teodoro