ADOBE ILLUSTRATOR

NO MUNDO REAL
5 dicas para dominar

João Faraco
Saudações!

Esse aqui é o meu guia rápido de

como dominar o Illustrator.
Aqui, eu separei 5 dicas que vão
fazer a diferença na hora de domar
essa incrível ferramenta, e fazê-la
trabalhar por você. São dicas que eu
destaquei do meu próprio dia-a-dia
de trabalhar com o Illustrator, e que
eu me vejo usando repetidamente
pra obter o melhor aproveitamento
de tempo, e continuar produzindo
com qualidade.
CAp. 1
Domine o painel Appearance

3
A grande vantagem de trabalhar no Illustrator é que tudo produzido nele
é baseado em pontos matemáticos no espaço, significando que não há
limites de escala, e não há perda de informação durante transformações
da sua arte. Ou seja, você pode criar arte que será reproduzida de
qualquer tamanho sem perder qualidade. Mas também quer dizer que
você pode criar arte de forma mais inteligente – de forma não-destrutiva.
É aí que o painel Appearance se torna o seu melhor amigo.

Um objeto criado de forma não-destrutiva é Melhor então é desenhar um retângulo Se você resolver transformar o retângulo,
construído usando efeitos e atributos. Esses normal e aplicar o Effect > Stylize > Round suas bordas continuam redondas na
efeitos e atributos são instruções que o Corners. Você define o raio com um proporção original. E pra editar o efeito, é
Illustrator está dando pra modificar a aparência preview de como vai ficar, e ainda pode só selecionar o objeto e clicar em Round
do seu objeto básico original, através dos seus voltar e fazer modificações. Corners, no painel Appearance.
respectivos parâmetros ajustáveis.
Sendo assim, você sempre pode voltar e
modificar os parâmetros necessários, sem
perda de informação na arte.
Isso é feito no painel Appearance.

Exemplo 1:
Você quer criar um retângulo com bordas
arredondadas, mas não sabe se o raio das
bordas vai acabar mudando mais tarde. Se
você criar usando a ferramenta Rounded
Rectangle Tool, vai se lascar, pois ela cria um
retângulo com bordas arredondadas de raio
pré-definido. Pra mudar isso com precisão
mais tarde seria uma dor de cabeça. Sem
contar que se você alterar as dimensões
do retângulo, as bordas arredondadas vão
distorcer junto, e sair da proporção original.

4
 ExEmplo 2
Você quer criar uma forma preenchida com
um degradê de um tom mais claro pra um
tom mais escuro de uma cor. Mas e se quiser
mudar essa cor mais tarde?
É inteligente criar a forma com o
preenchimento base, e em seguida adicionar
outro preenchimento com degradê de branco
pra preto logo acima, e aplicar um modo de
transparência (Blend Mode), como overlay ou
multiply ao preenchimento degradê. Dessa
forma, o degradê vai afetar a cor base, pra que
você possa trocá-la com facilidade mais tarde,
sem perder o efeito de variação de tom.

Para que os seus efeitos e

contornos se transformem
proporcionalmente com o seu
objeto, marque a opção “Scale
Strokes & Effects”, no menuzinho
do painel Transform.

5
Exemplo 3
Você está fazendo um layout para web, e
definiu que todo texto de título vai ter um
efeito de baixo relevo. Normalmente isso pode
ser feito duplicando o texto pra trás (Ctrl +
C, Ctrl + B), deslocando a cópia 1 pixel pra
baixo e aplicando branco com um pouco de
transparência (dependendo da cor do texto).
Mas e se você quiser mudar o texto? Vai ter
que mudar o original e a cópia branca. Fica
muito mais trabalhoso pra manipular também,
especialmente se você quiser escalonar os
dois textos de uma vez.

É muito melhor nesse caso, fazer o seguinte:

1 Crie um novo preenchimento para o texto

(no menuzinho do painel Appearance, “Add
New Fill”).

2 Arraste o novo preenchimento pra baixo do

preenchimento principal, ou dos “Characters”.

3 Defina preto (ou branco) como a cor do
preenchimento e se quiser, dê um pouco de
transparência a ele.
4 Aplique o efeito Effect > Transform
ao preenchimento, com -1px de
deslocamento vertical.
Voilà! Baixo relevo não destrutivo e reutilizável!
Lembre-se, isso tudo é feito ao preenchimento
que você criou para o texto. Assim, se quiser
editar o efeito, basta alterar os atributos
desse preenchimento.
Repare que objetos de texto têm o elemento “Characters” no painel
Appearance. É um exemplo de como o Appearance tem níveis, que seguem
os níveis dos objetos e seus respectivos grupos. Basicamente o Characters
é o grupo de caracteres selecionado, que pode ter sua aparência própria. Se
você clicar duas vezes nele, vai ver os atributos dos caracteres. Então fique
atento, pois pode ser que o objeto do texto não esteja, mas os caracteres em
si que estejam com o preenchimento que você está vendo. Se isso estiver
atrapalhando, nada impede de excluir o preenchimento dos caracteres e criar
um preenchimento para o objeto de texto com a cor que você quiser. Assim,
você só perde a habilidade de ter uma cor pra cada caractere, mas ganha um
preenchimento geral que pode ser replicado para outro objeto.

6
Cap. 2
Conquiste o Pathfinder

7
O pathfinder é o que transforma objetos básicos em formas complexas.
Pode parecer uma ferramenta boba, mas é uma das mais poderosas, e
quando usado com planejamento e inteligência, vai ser uma mão na roda
na hora de criar novas formas precisas e editáveis. Muitas vezes é melhor
criar um objeto usando o pathfinder do que usando a bezier, já que ele
permite que você faça mudanças na essência da forma mais tarde.

O painel do Pathfinder é bastante auto-
explicativo, cujos botões são ícones
mostrando o que cada ferramenta faz com os
objetos selecionados. Mas os que eu me vejo
usando com mais frequência são esses:
Unite
Minus Front
ExEmplo 1 E se você está satisfeito com o resultado, e
Você quer desenhar uma lua. Em vez de tem certeza que não vai mudar, basta clicar no
tentar criar a forma usando a Bezier, é melhor botão “Expand” no painel Pathfinder, que ele
desenhar dois círculos, um deles um pouco vai expandir a sua forma para um objeto único.
maior que o outro, e ambos se intercalando.
Pra criar a forma da lua, basta selecionar os
dois círculos e apertar o botão minus Front,
do Pathfinder.

Intersect Mas e se em algum dado momento você

Divide
Essas ferramentas podem parecer bem
similares às existentes em outros pacotes de
edição vetorial, como o Corel e o Freehand.
Mas uma grande vantagem do Pathfinder do
Illustrator é a abilidade de combinar formas
e ainda manter as formas originais editáveis.
Desse jeito, fica fácil de voltar atrás e mudar
a estrutura, em vez de ter que lidar com a
nova forma.
resolver que a sua Lua Minguante deve ser
na verdade uma Quarto Minguante? Se não
tivesse usado o Pathfinder, teria que sacar a
Bezier e ajustar os pontos um a um.
Ao clicar no botão Minus Front com Alt
pressionado, o Pathfinder faz a operação de
subtração, mas mantêm os dois círculos ali,
pra você mexer quando quiser, usando a seta
branca, ou clicando duas vezes pra entrar no
modo de edição do grupo. Assim, pra fazer a
sua Lua Quarto Minguante, basta aumentar um
dos círculos e deslocá-lo um pouco pra fora. Alt

8
ExEmplo 2
Você acabou de desenhar um personagem, e
está na hora de detalhar com algumas áreas
de sombra e highlights. Essas áreas sempre
são pedaços da forma do personagem,
e muitas vezes acompanham as bordas.
Em vez de desenhar as formas tentando Alt
acompanhar os limites do personagem, você
pode desenhar uma área maior, extrapolando
a borda, e depois cortá-la usando a própria
1 Selecione a camiseta e copie (Ctrl + C). 2 Desenhe a área da sombra usando o
forma do personagem.
lápis (N), ou a Bezier (p), ou qualquer outra
Vamos colocar uma sombra nesse detalhe ferramenta que preferir. Pode extrapolar a
da camiseta... borda da camiseta, e até deixar a forma aberta.
No caso, são mais de uma área, então junte-
as clicando no Unite, segurando Alt, e em
seguida clique em Expand, pra criar um objeto
único composto (Compound Path).

3 Selecione a sombra e a camista e clique no 4 Com a nova forma da sombra selecionada,

botão Intersect do Pathfinder. Ele manteve a cole a camiseta de volta, por baixo dela
forma em comum às duas. (Ctrl + B). E pra finalizar, aplique
preenchimento preto com uma transparência
e um Blend Mode de multiply.

9

Se seus objetos estiverem
separados, e você quiser aplicar
um Unite para criar um objeto
composto, faça-o clicando no
Unite com a tecla Alt pressionada.
Isso transforma em um um
Compound Shape, e ao clicar no
botão Expand do Pathfinder, vai se
tornar de fato um Compound Path
(objeto composto). Se você por
acaso não segurar o Alt ao clicar
no Unite, o Illustrator vai agrupar
os objetos, o que acaba impedindo
de usá-los para criar um Clipping
Mask, por exemplo.
Segue de referência, a lista completa das
operações do Pathfinder, e o que cada uma faz:
Unite
Traça o contorno dos objetos selecionados,
como se fossem um único objeto unido. O
objeto resultante herda os atributos de cor do
objeto que estava no topo.
Minus Front
Subtrai o objeto que está no nível mais alto, do Remove as partes ocultas de objetos
objeto que está no nível mais baixo da seleção. preenchidos. Remove qualquer contorno
Intersect
Traça o contorno da região comum entre os
objetos selecionados.
Exclude
Traça as áreas que não se interseccionam,
e exclui as regiões comuns entre os objetos
selecionados. Se o número de objetos é par,
as áreas em comum são excluídas. Se for
ímpar, as áreas em comum são preenchidas.
Divide
Separa a arte em suas faces preenchidas. Uma
face é uma área que não é dividida por um
segmento de linha. O resultado é um grupo
de objetos.
Trim
Remove as partes ocultas de objetos
preenchidos. Remove qualquer contorno e
não mescla objetos da mesma cor que
estão juntos.
Merge
e mescla objetos da mesma cor que
estão juntos.
Crop
Mantém as faces que se sobrepõem, e remove
partes que não se sobrepõem com o objeto
que está no nível mais alto. Também remove
qualquer contorno.
Outline
Divide um objeto somente nos contornos e
remove os preenchimentos. O resultado é um
grupo de contornos separados.
Minus Back
Subtrai o objeto que está no nível mais baixo,
do objeto que está no nível mais alto da seleção.

10
CAp. 3
Invoque os atalhos

11
Cliente na guela e diretor de arte respirando na sua nuca, e você tem que
entregar a campanha antes do almoço. Fome não é desculpa pra não
dar conta da tarefa. Conhecer atalhos de teclado e saber macetes pode
tornar o seu fluxo de trabalho mais eficiente, e ajudar a entregar resultados
mais rápido. Esses são os atalhos que eu mais uso, que com o tempo vão
ficando na cabeça, e na ponta dos dedos:

Formas básicas Ferramentas de transformação

Retângulo M R Rotação

Elipse L S Escalonagem

Texto T O Espelho

Aparência do objeto Edição de pontos

Aparência básica (contorno preto, D P Ferramenta
1pt, preenchimento branco) Bezier (caneta)
Alterna o foco de edição entre X A Ferramenta de
contorno e preenchimento seleção de pontos
Troca o contorno com Shift X V Ferramenta de
o preenchimento seleção de objeto
Aplica preenchimento/ / Shift C Ferramenta de
contorno transparente edição de ponto

12
Ordenação e organização Automação
Ordena objeto Ctrl ] Ctrl D Repetir última tarefa
um nível pra cima
Ordena objeto Ctrl Shift ] Ctrl Shift Alt D Transformar cada objeto
pra cima de tudo
Ordena objeto Ctrl [
um nível pra baixo
Ordena objeto Ctrl Shift [ Exibição
pra baixo de tudo
Trava o objeto Ctrl 2 Ctrl H Oculta/exibe
os pontos
Destrava todos Ctrl Alt 2 Ctrl Shift H Oculta/exibe
os objetos travados as artboards
Oculta o objeto Ctrl 3 Ctrl Shift B Oculta/exibe
as bounding boxes
Exibe todos os Ctrl Alt 3
objetos ocultos
Cola em frente Ctrl F

Cola atrás Ctrl B

Edição de artboards Shift O

Encontre junto com essa apostila, um PDF

com a cartela de atalhos para você imprimir
e montar.

13
CAp. 4
Descubra os Blend Modes

14
A paleta Transparency do Illustrator controla a opacidade dos objetos,
e permite que você aplique Blend modes a eles. Blend Modes são
basicamente operações matemáticas que definem como as cores de
objetos sobrepostos devem interagir uma com a outra, o que acaba
criando efeitos bem variados. É uma função poderosa, presente na maioria
dos programas da Adobe, mas cujos nomes estranhos podem dificultar
um pouco o seu entendimento e espantar o seu uso.

Quando você abre um novo documento

no Illustrator e desenha objetos na página, a
paleta Transparency exibe que a opacidade
padrão é 100% e o Blending Mode é modos de escurecimento
“Normal”. Isso significa que seus objetos são Tudo que é branco fica transparente
completamente opacos, e suas cores não vão
interagir com as cores de outros objetos no modos de clareamento
nível abaixo. Tudo que é preto fica transparente
No momento que você tiver objetos
sobrepostos, e mudar o Blending Mode do
modos de contraste
objeto que está no nível mais alto pra outro
Tudo que é cinza fica transparente
diferente de “Normal”, suas cores começam
a interagir com as cores dos objetos que modos comparativos
estão abaixo. Cores iguais aparecem como preto, e
Para entender como funciona cada Blend cores diferentes aparecem como branco
Mode, podemos separar a lista em 5 grupos e modos de componente
simplificar a operação básica que cada um faz: Afetam os canais que compõem as
cores: matiz, saturação, cor (matiz +
saturação) e brilho.

15
Note que o funcionamento dos Blend Modes Modos de escurecimento
é universal, então essa referência também
Darken
serve para outros programas Adobe que os
Compara cada pixel de cor entre o objeto de
oferecem. Vou exemplificar cada um usando
cima e o de baixo, e mantém o que for mais
uma camada com dois degradês em cima de
escuro, substituindo completamente um pelo
uma arte com variações de tom:
outro e muitas vezes criando uma transição de
cores um pouco brusca, mesmo que seja um
degradê suave.

Se você conhece Blend Modes
através do Photoshop, vai perceber
uma grande diferença entre ele e o
Illustrator. Enquanto no Photoshop
os Blend Modes só podem ser
aplicados a camadas inteiras (e
alguns efeitos e operações), no
Illustrator eles são aplicados em cada
objeto. E mais - você pode definir
um Blend Mode para o objeto inteiro,
e também ter diferentes Blend
Modes em cada preenchimento
e contorno desse objeto, criando
aparências complexas mas simples
de manipular.
multiply
Sem dúvida é o modo de escurecimento mais
usado. Ele multiplica os valores das cores dos
pixels, e produz um resultado mais escuro.
Então, se a cor de cima for preto, ele mantém
o preto. Se for branco, ele não multiplica nada
e exibe a cor plena do objeto de baixo. O
comportamento do Multiply é comparável ao
de um vidro tintado sobre uma superfície.
Color Burn
Basicamente faz o mesmo que o Multiply, mas
produz um resultado com mais contraste e
saturação. Quanto mais escura for a cor do
objeto de cima, mais intenso será o efeito.

16
Modos de clareamento
lighten
Esse modo é o oposto do Darken. Nesse
caso, o Illustrator compara as cores dos
pixels sobrepostos e mantém aqueles que
são mais claros, substituindo um pelo outro
completamente.
Modos de contraste
overlay
É uma mistura de Multiply e Screen, em que
pixels mais escuros escurecem, e pixels mais
claros clareiam as cores do objeto abaixo. Ele
mantém o brilho dos pixels do objeto de cima,
e a cor dos objetos de baixo. É bom porque
clareia e escurece objetos de uma vez.

Screen
Esse modo é o oposto do Multiply. Cores Soft light
sobrepostas são multiplicadas de forma Enquanto Overlay é uma mistura de Multiply
inversa, o que produz um resultado mais claro. e Screen, Soft Light é uma mistura de Darken
Nesse caso, o que for branco, permanece e Lighten, então ele acaba produzindo
branco, e o que for preto não afeta o resultados mais sutis e suaves que o Overlay.
objeto de baixo, e exibe sua cor plena. O
comportamento do Screen é comparável ao
de um projetor, que projeta imagens sobre
uma superfície.
Hard light
Bem parecido com Overlay, mas produz
resultados mais dramáticos.
Color Dodge
Esse modo clareia os tons e aumenta o
contraste. Ele é o oposto do Color Burn, mas
nem sempre produz resultados exatamene
opostos. É bom pra criar brilhos coloridos, já
que o resultado não é lavado como o Screen.

17
Modos comparativos Modos de componente
Difference Hue
Compara as cores dos pixels e reageàs suas Aplica a matiz do objeto de cima aos objetos
diferenças. Cores iguais aparecem como de baixo, mas mantém seus níveis de
preto, cores opostas aparecem como branco, saturação e brilho.
e todas as outras cores aparecem invertidas.

Exclusion
Saturation
Similar ao Difference, mas produz um
Aplica a saturação do objeto de cima aos
resultado menos contrastado.
objetos de baixo, mas mantém suas matizes e
seus níveis de brilho.

Color
Aplica a saturação e a matiz do objeto de cima
aos objetos de baixo, mas mantém seus níveis
de brilho.

luminosity
Aplica o brilho do objeto de cima aos
objetos de baixo, mas mantém seus níveis de
saturação e sua matiz.

18
CAp. 5
Recline e aprecie

19
A máquina e o software são ferramentas de cálculo incríveis, então porque
Sempre que um efeito é aplicado
não aproveitar esse poder todo para aliviar um pouco o nosso trabalho?
a um objeto, ele entra no painel
Tarefas repetitivas, e que requerem um certo nível de precisão são Appearance do objeto, para que
perfeitos pra serem designados ao processador do computador. Vamos possa ser modificado a qualquer
ver algumas formas que o Illustrator permite esse tipo de designação - hora. Se você tem certeza que o
efeitos, actions e scripts. efeito é final, pode expandí-lo em
Object > Expand Appearance.

Efeitos
Efeitos são extensões que já vêm com o
Illustrator, que atuam sobre a sua arte básica
para criar resultados mais sofisticados com
pouco esforço. Esses efeitos são os que a
Adobe avaliou que são os mais usados, e os
incluiu no Illustrator, na forma de painéis com
parâmetros ajustáveis. No menu de efeitos,
a metade de cima são efeitos vetoriais, e a
metade de baixo são efeitos bitmap, parecidos
com os que o Photoshop oferece.
Isso economiza tempo de duas formas: alguns
efeitos vetoriais ajudam a produzir resultados
complexos e precisos com pouco esforço e
muita flexibilidade, e os efeitos bitmap muitas
vezes evitam que algo tenha que passar pelo
Photoshop pra adquirir certa aparência.
Exemplo 1
Você quer criar uma roda de objetos que
giram em torno de um ponto. Em vez
de duplicar e transformar cada objeto
incrementalmente e posicioná-los um a
um, você pode usar o Effect > Distort &
Transform > Transform. Ele basicamente
atua sobre seu objeto, modificando seu
tamanho, posição e rotação, e permite criar
cópias com os mesmos parâmetros aplicados
incrementalmente. E como é um efeito, fica
fácil de voltar atrás e modificar qualquer
parâmetro.
Você pode inclusive aplicar o efeito mais de
uma vez ao objeto, pra que ele atue sobre o
efeito anterior.

20
ExEmplo 2
Você tem um elemento gráfico e quer dar um
tratamento granulado de leve, como textura.
Você poderia entrar no Photoshop e criar
uma imagem de granulado usando Noise,
importado no Illustrator e criado um Clipping
Mask usando a forma do seu elemento. Mas é
mais fácil usar o efeito Mezzotint no Illustrator:

1 Crie uma nova camada de preenchimento 2 Com o preenchimento selecionado, vá em

e preencha com cinza 50%. Effect > pixelate > mezzotint.

3 Selecione “Fine Dots” e dê OK. 4 Aplique Soft Light e uma opacidade baixa
pra finalizar.
Obs.: Como o efeito é bitmap, baseado em
pixels, o tamanho dos grãos vai depender do
tamanho da sua arte.

21
Actions
Actions são como macros, que você grava ao
fazer as tarefas. O Photoshop tem actions, e
funciona exatamente da mesma forma. Elas
são muito úteis quando você deve seguir os
mesmos passos repetidas vezes para obter um
resultado específico. Para gravar uma action,
basta clicar no botão “Create New Action” no
painel Actions e o Illustrator vai pedir o nome
da sua action e começar a gravar. À partir daí,
todas as suas ações serão listadas até você
apertar o Stop.

ExEmplo 3
O Illustrator sempre abre um documento
novo com um conjunto padrão de paletas
de cor, brushes e símbolos. Mas nem sempre
queremos usar esses recursos default, e sim os
nossos próprios. A tarefa de limpar as paletas,
brushes e símbolos acaba sendo uma rotina
repetitiva. É o momento de criar uma action.

Clique em “Create New Action” e dê um

nome como “Limpar paletas”. Quando
começar a gravar, vá no menu de cada uma
das paletas (Swatches, Brushes e Symbols),
clique em “Select All Unused” e clique na
lixeira pra excluir. Assim que terminado, clique
em Stop e sua action está pronta.

Agora, sempre que criar um arquivo novo,

basta rodar essa action e seus painéis estarão
zerados rapidamente.

22
 Scripts
Scripts são como plugins, que extendem
a capacidade do Illustrator e o tornam um
programa muito mais versátil e customizável.
São como actions, mas podem ser mais
complexos, e atuam como efeitos, com
parâmetros customizáveis. São escritos
em JavaScript, AppleScript e VBScript, e se
copiados para a pasta de scripts do Illustrator
(Illustrator CS5/presets/en_US/Scripts), ficam
acessíveis no menu File > Scripts.

Para os aventureiros dos códigos, existe um

guia de scripting oficial da Adobe, mostrando
como é possível manipular as funções do
Illustrator usando JavaScript.

Mas se você não sabe programar e quer

aproveitar essa alternativa, a maioria dos scripts
está disponível gratuitamente no
Adobe Exchange.

23
joaofaraco.com.br

24