Neste vídeo apresento algumas dicas do Adobe Illustrator explorando funcionalidades e atalhos que fazem parte do meu dia a dia de trabalho.

Se você está começando a utilizar Illustrator ou já utiliza mas gostaria de se familiarizar um pouco mais com atalhos e algumas funcionalidades não tão óbvias, este vídeo pode ajudar.

Caso já tenha assistido o vídeo e queira ler as 10 dicas e atalhos extras, clique aqui.

Espero que goste.

Abaixo segue a transcrição do vídeo.

E aí galera, beleza?

Meu nome é Walter Mattos e hoje eu volto para o Illustrator com um tutorial que tem como objetivo te ajudar a agilizar um pouco o seu fluxo de trabalho. Para este vídeo eu decidi escolher 15 atalhos e funcionalidades que eu certamente uso, e a maioria uso até com bastante frequência, mas você também pode encontrar estas 15 dicas mais 10 dicas extras em formato de artigo lá no meu site, waltermattos.com.

Assim você pode revisar as dicas que vou mostrar aqui sem ter que abrir o vídeo.

O link para esta versão transcrita está aí na descrição.

1 – Cópias com base no movimento do mouse

Sem perder muito tempo vamos para a primeira dica, que é na verdade uma funcionalidade meio escondida e ao mesmo tempo um atalho, e serve para criar cópias de um objeto com base no movimento do mouse.

Então eu vou selecionar a ferramenta “Elipse” e antes de começar a desenhar eu vou manter pressionada a tecla “aspas” ou “til”, dependendo aí da configuração do seu teclado. Normalmente é o botão que fica logo abaixo do “Esc”.

Mantendo essa tecla pressionada enquanto eu desenho você pode ver ele vai replicando o objeto de acordo com o movimento que eu faço no mouse.

Você também pode acrescentar a tecla “Shift” para restringir o ângulo do desenho, o “Alt” para iniciar o desenho do centro para fora de forma livre, ou pressionar “Shift + Alt” juntos para desenhar partindo do centro com o ângulo restrito.

E você pode explorar à vontade outras ferramentas, pois este efeito não se limita apenas à elipse, ok?

2 – Alinhar textos

Eu tenho este bloco de texto alinhado à esquerda, mas se eu quiser posso alinhar pela direita com o atalho “Ctrl + Shift + R”, pelo centro com o atalho “Ctrl + Shift + C”, ou posso justificar este texto com o atalho “Ctrl + Shift + J”.

Para voltar com o alinhamento pela esquerda o atalho é “Ctrl + Shift + L”.

Não sei se você reparou, mas, “R”, “C”, “J” e “L” são as letras iniciais de “direita”, “centro”, “justificar” e “esquerda” em inglês. Assim fica mais fácil de decorar.

3 – Entrelinha e Entreletra

Se eu quiser aumentar a Entrelinha (Leading), ou o espaço entre as linhas dessa massa de texto eu posso utilizar o atalho “Alt + Seta para baixo”, e para diminuir o espaço entre estas linhas, “Alt + Seta para cima”.

Caso eu queira aumentar a Entreletra (Tracking), ou espaço entre as letras, pressiono “Alt + Seta para a direita”, e para diminuir este espaço, “Alt + Seta para a esquerda”.

4 – Tamanho da fonte

Este é bem conhecido e talvez um dos que eu mais utilizo.

“Ctrl + Shift + >” aumenta o tamanho da fonte, e “Ctrl + Shift + <” diminui o tamanho da fonte.

5 – Sair da caixa de texto

Você está digitando seu texto e quer, por exemplo, mover a tela, mas se eu pressionar a “barra de espaço”, que é o atalho para mover a tela, vai dar um espaço no seu texto.

Para sair temporariamente da sua caixa de texto você pode pressionar o “Ctrl” e clicar fora da sua caixa de texto. Assim você pode mover a tela para a posição que você quiser e depois continuar digitando seu texto.

Porém, quando você tem uma imagem no fundo, como no caso desse segundo exemplo, se você pressionar “Ctrl” e clicar fora do texto, na verdade vai acabar clicando nessa imagem de fundo. Então, para evitar isso você pode usar o atalho “Ctrl + Shift + A”, para cancelar qualquer seleção.

Isso vale para várias outras situações, ok? É um atalho que eu considero bastante útil.

6 – Selecionar objetos

Eu tenho essa camada aqui com objetos dentro e fora da minha área de trabalho, certo?

Se eu quiser selecionar todos os objetos dessa camada eu posso pressionar o “Alt” e clicar no nome da camada. É o mesmo que clicar ao lado desse círculo aqui na miniatura da camada.

Você nota que ele não selecionou o triângulo, pois ele está em outra camada.

Caso eu queira selecionar somente o que está dentro da minha área de trabalho eu uso o atalho “Ctrl + Alt + A”.

Você nota que dessa vez ele não selecionou o triângulo e o círculo externo. Somente o que está dentro da área de trabalho realmente.

Para selecionar tudo que estiver visível o atalho é “Ctrl + A”. E para cancelar todas as seleções o atalho é “Ctrl + Shift + A”, como você já viu na dica número 5.

7 – Editar objetos atrás de objetos

Imagine que eu queira acrescentar um ponto neste círculo, mas o quadrado está exatamente na frente do ponto que eu quero.

Eu tenho algumas opções aqui.

Posso ocultar o quadrado pressionando “Cltrl + 3” do teclado numérico, acrescentar o ponto que eu quero e pressionar “Ctrl + Alt + 3” do teclado numérico novamente para exibir todos os objetos.

Posso bloquear o quadrado com o atalho “Ctrl + 2”, acrescentar o ponto onde eu quero e utilizar “Ctrl + Alt + 2” para desbloquear qualquer objeto bloqueado.

Posso também recortar o círculo com o atalho “Ctrl + X”, selecionar o quadrado e utilizar o atalho “Ctrl + F” para colar o círculo na frente do quadrado, e consequentemente atrás do triângulo.

Depois que eu acrescentar o ponto posso selecionar o círculo, pressionar “Ctrl + X” novamente, selecionar o quadrado e agora utilizar o atalho “Ctrl + B” para colar o círculo atrás do quadrado novamente.

Só uma dica aqui, pessoal. O “Ctrl + V” que você já conhece cola o objeto exatamente no centro da tela, ok?

Por último, o método que eu mais gosto e provavelmente o que eu mais utilizo nesse caso, que é dar “dois cliques” no objeto para entrar no seu modo de isolamento. Isso me permite editar este objeto isoladamente sem influenciar nenhum outro. Depois que eu termino minha edição é só dar “dois cliques” novamente fora do objeto e tudo volta ao ponto onde estava.

8 – Mover objetos para outra camada

Se eu quiser mover o quadrado para uma nova camada, por exemplo, eu posso recortar e colar como a gente fez na dica número 7, mas outra maneira fácil de fazer isso é através desse quadradinho aqui na miniatura da camada, que é um indicativo de que temos um ou mais objetos selecionados nessa camada.

Se eu arrastar esse quadrado para outra camada eu levo tudo que estiver selecionado para essa nova camada. Então, só para confirmar, caso eu habilite essa outra camada eu vejo que o quadrado está lá.

9 – Repetir transformação

É provável que você conheça o atalho “Ctrl + D” como uma função que duplica um objeto, mas na verdade não é exatamente isso. Ele repete a última transformação feita.

Então, para dar um exemplo, se eu copiar e colar este objeto na frente dele mesmo utilizando os atalhos “Ctrl + C” e “Ctrl + F”, eu simplesmente copiei o objeto, não transformei ainda.

Agora eu vou apertar “R” para ir para a ferramenta “Rotate” e com o “Shift” pressionado vou girar esse objeto em 45 graus. Essa foi minha última transformação.

Então se eu copiar e colar na frente dele mesmo novamente, “Ctrl + C” e “Ctrl + F”, e agora pressionar o atalho “Ctrl + D”, ele repete a última transformação e gira esse objeto novo em 45 graus.

Logo, se eu continuar repetindo os últimos comandos, “Ctrl + C”, “Ctrl + F” e “Ctrl + D”, ele vai criando os novos objetos com o efeito de rotação.

10 – Converter objetos em guias

Imagine que eu tenha criado essa imagem aqui utilizando o atalho “Ctrl + D”, que acabamos de ver, e queira transformar esse padrão em guias. Para isso, basta utilizar o atalho “Ctrl + 5” do teclado numérico.

Para cancelar essa transformação você pode usar o atalho “Ctrl + Alt + 5” do teclado numérico também, e como sempre o “Alt” entrando aí para fazer o efeito inverso do comando que a gente acabou de dar.

Vou transformar tudo em guias novamente para mostrar outra forma que talvez você não conheça. Se eu pressionar o “Ctrl + Shift” e der dois cliques em uma dessas guias, também transformo essa guia em objeto.

11 – Calcular transformação

Tá aí uma função que eu uso quase diariamente. O Illustrator permite que a gente faça algumas operações matemáticas direto pela aba “Transform”.

Então, se eu quiser por exemplo dividir o tamanho total do triângulo por 2, eu mantenho o botão de “restringir proporções” ativado e digito “/2” em qualquer um dos campos de tamanho aqui da aba “Transform”. Depois disso é só pressionar “Enter”.

Eu estou trabalhando com pixels nesse arquivo mas caso eu queira aumentar o círculo em 10 centímetros, basta eu digitar “+10cm” em um dos dois campos aqui e apertar “Enter”.

Eu também posso reduzir esse quadrado em 30% se eu quiser. Basta eu digitar “-30%” em qualquer um dos campos, e “Enter” mais uma vez.

Vou dar um exemplo de uma situação real. Imagine que você tenha que duplicar essa assinatura de forma que o símbolo fique exatamente do mesmo tamanho que o símbolo maior, e o logotipo acompanhe essa proporção.

Se fosse somente o símbolo seria fácil. O problema é que temos o logotipo acompanhando, então como fazer isso?

Você pode duplicar e tentar ajustar manualmente, no olho mesmo, mas eu acho que tem uma forma mais fácil de fazer.

Vou utilizar o próprio símbolo como referência e pegar a altura do símbolo maior, 270 e dividir pela altura do símbolo menor, que é 85. O resultado é 3,176.

Agora eu só preciso duplicar o símbolo e escolher qualquer um dos campos, largura ou altura, contanto que o botão de restringir proporções esteja ativado.

Multiplico o valor por “3,176”, aperto “Enter”, e pronto. Nossa assinatura está exatamente do tamanho que a gente queria.

12 – Alinhamento e distribuição com base no “key object”

Se eu selecionar os 3 objetos e depois mantendo os 3 objetos selecionados clicar no quadrado, esse quadrado se torna o meu “key object”. Isso quer dizer que eu posso, por exemplo, clicar no menu “Align” e alinhar os outros objetos selecionados pela esquerda do quadrado clicando aqui na opção de alinhamento à esquerda. Ou seja, o quadrado é referência para qualquer ajuste que eu fizer aqui.

Então se eu apertar “Ctrl + Z”, clicar novamente no quadrado e alinhar pela direita, o quadrado permanece no mesmo lugar.

Nota que aqui no campo “Align to” tem um desenho de uma chave, que significa que você está alinhando pelo seu “objeto chave”.

Mas além disso eu também posso distribuir os objetos entre si a uma distância específica baseada na posição do quadrado. Então, mantendo o quadrado como “key object” eu posso digitar “100” aqui no campo “Distribuite spacing” e clicar no botão de distribuição horizontal.

Os objetos agora têm intervalos de 100 pixels entre eles.

Um bom exemplo de aplicação dessa funcionalidade é na hora de fazer um menu.

Eu seleciono todas as palavras, marco uma delas como “key object”, escolho o valor que eu quero para distanciar as palavras e clico no botão de distribuição horizontal neste caso.

As palavras agora possuem exatamente o mesmo espaço entre elas.

13 – Efeito “blend” para criar degradê

Talvez você ainda não saiba, mas é possível criar efeitos de degradê bem convincentes utilizando o “blend”.

Eu vou selecionar estas duas linhas e pressionar “Ctrl + Alt + B” para criar o efeito de mistura. Você pode ver que esse efeito seria bem difícil de reproduzir com o “gradiente” convencional do Illustrator.

Caso eu queira editar as opções de “blend” eu também tenho um atalho para você. É só pressionar “W” para ir para a ferramenta “blend” e depois pressionar “Enter”. Tá aí o seu menu de opções do “blend”.

14 – Efeito “blend” em ilustração 3D

Eu tenho aqui essa bola de sinuca que eu criei utilizando o efeito 3D do próprio Illustrator. Do lado esquerdo a original e do lado direito uma cópia que eu apenas apliquei um efeito de giro.

Apenas lembrando que caso você queira saber como eu criei esse efeito você pode visitar o link que deixei aí na descrição do vídeo, pois essa é uma das dicas extras que eu deixei por lá.

Bom, eu posso selecionar as duas ilustrações, pressionar “W” e “Enter” para abrir o menu de “Blend” e vou digitar “4” para o número de cópias entre uma bola e outra e pressionar “Enter”.

Agora eu uso o atalho “Ctrl + Alt + B” para criar o “blend” e como você pode ver ele não só criou cópias, como também fez uma espécie de transição, ou giro baseado na posição de cada bola.

15 – Substituir caminho do “blend”

Eu tenho aqui um efeito de “Blend” que criei entre dois círculos, um laranja e um verde, e atrás uma espiral. Essa espiral está pontilhada apenas como exemplo, ok? Ela não precisa estar pontilhada para o efeito que eu vou criar.

Eu quero substituir o caminho desse efeito pela forma da espiral.

Para fazer isso eu seleciono tudo, vou em “Object/Blend/Replace Spine”. Prontinho, agora o nosso efeito de “blend” está percorrendo um caminho baseado no desenho da espiral.

Caso você tenha tentado fazer e a sua espiral não tenha ficado desse jeito exatamente experimenta vir novamente em “Object/Blend”, e dessa vez clicar em “Reverse Spine”. Isso vai inverter a posição dos círculos e te dar um desenho diferente.

Encerramento

É isso, pessoal. Espero que você tenha gostado deste vídeo, que ele tenha sido útil de alguma forma e que você consiga aplicar pelo menos pouco do que viu no seu dia a dia de trabalho.

Não esquece de visitar o meu site, waltermattos.com, pois além de dicas, reflexões e tutoriais relacionados a design, você também vai encontrar a versão transcrita do vídeo de hoje com novos exemplos.

Caso você queira ser notificado sobre as atualizações do canal basta vir aqui ao lado do seu botão de inscrição, clicar nessa engrenagem e marcar a opção “Enviar atualizações”.

Fique à vontade para deixar sua opinião aí nos comentários.

Um abraço e até a próxima.

10 dicas e atalhos extras

Abaixo seguem mais 10 dicas e atalhos que você não encontra no vídeo.

16 - Zoom

Ctrl + (+) - Amplia o zoom

Manter "Ctrl" e "Barra de espaços" pressionados enquanto move o mouse - Amplia o zoom

Alt + Scroll para cima - Zoom in

Ctrl + (-) - Reduz o zoom

Manter "Alt ", Ctrl e Barra de espaços pressionados enquanto move o mouse -  Reduz o zoom

Alt + Scroll para baixo - Zoom out

Ctrl + 1 - 100% de zoom.

Ctrl + 0 - Ajusta artboard ao tamanho da tela

17 - Preenchimento e contorno

D - Cor padrão (branco para o preenchimento e preto para o contorno)

X - Alterna entre contorno e preenchimento

Shift + X - Inverte as cores (inclusive no objeto selecionado)

/ - Exclui a cor ativa (inclusive no objeto selecionado)

< - Abre paleta de preenchimento

> - Abre paleta de gradiente

18 - Colar cópia em todas as artboards

Ctrl + Shift + Alt + V - Cola objeto copiado em todas as artboards. Não é uma "página-mestre" do Indesign mas ajuda bastante.

19 - Criar máscara

Ctrl + 7 - Criar máscara. O famoso "Power Clip" do Corel.

20 - Criar linhas pontilhadas

Escolha a espessura do seu traço;

Marque a opção "Round Cap";

Clique na opção "Dashed Line";

Digite "0" para a opção "dash" e experimente o dobro da espessura para a opção "gap". Assim você terá espaços do mesmo tamanho que a espessura.

21 - Alterar unidade de medida

É possível alterar a unidade de medida direto pela régua.

Habilite a régua com o atalho "Ctrl + R". Em seguida clique com o botão direito na régua e escolha uma unidade de medida para o seu arquivo.

22 - Alterar perfil de cores

Pressione "Shift" e clique na barra de cores para alternar entre CMYK, RGB, HSB, Grayscale e Web Safe RGB.

23 - Dessaturar cor

Pressione "Ctrl"e deslize o "slider" de qualquer cor para dessaturar essa cor.

24 - Criar nova camada

Ctrl + L - Cria nova camada

Ctrl + Alt + L - Cria nova camada com opções

25 - Criar objeto 3D com "Map Art"

Criar um objeto 3D no Illustrator é bem simples. Neste caso vamos utilizar a opção "Revolve" para criar a bola de sinuca que foi apresentada neste tutorial. Podemos girar o objeto para criar o 3D, portanto é comum que neste caso utilizemos apenas metade do objeto como base para o giro.

A opção "Map Art" permite que você insira um objeto (símbolo) dentro do seu objeto 3D, criando uma ilusão de estampa/adesivo.

Veja o passo-a-passo:

1 - Crie um círculo apenas com contorno utilizando a ferramenta "Elipse (L)" e exclua a metade direita;

2 - Crie o objeto que será usado como "Map Art" - no nosso caso, o número "8".

3 - Abra a janela de símbolos (Shift + Ctrl + F11) e arraste o número "8" para dentro desta janela. Em seguida dê um nome ao seu símbolo e clique "Ok".

4 - Clique no menu Effect/3D/Revolve, habilite o "Preview" e marque a opção "Offset" como "Right Edge". Isso fará com que seu efeito seja criado com base no lado direito da sua ilustração.

5 - Clique na opção "Map Art" e em seguida, na opção "Symbol" selecione o símbolo que você criou.

6 - Posicione o símbolo de forma que ele apareça no seu 3D e clique "Ok" para fechar a janela "Map Art".

7 - Clique "Ok" novamente para encerrar.