You are on page 1of 24

ADOBE ILLUSTRATOR

NO MUNDO REAL
5 dicas para dominar
Joo Faraco
Saudaes!
Esse aqui o meu guia rpido de
como dominar o Illustrator.
Aqui, eu separei 5 dicas que vo
fazer a diferena na hora de domar
essa incrvel ferramenta, e faz-la
trabalhar por voc. So dicas que eu
destaquei do meu prprio 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.
3
CAP. 1
Domine o painel Appearance
4
A grande vantagem de trabalhar no Illustrator que tudo produzido nele
baseado em pontos matemticos no espao, signicando que no h
limites de escala, e no h perda de informao durante transformaes
da sua arte. Ou seja, voc pode criar arte que ser reproduzida de
qualquer tamanho sem perder qualidade. Mas tambm quer dizer que
voc pode criar arte de forma mais inteligente de forma no-destrutiva.
a que o painel Appearance se torna o seu melhor amigo.
Um objeto criado de forma no-destrutiva
construdo usando efeitos e atributos. Esses
efeitos e atributos so instrues que o
Illustrator est dando pra modicar a aparncia
do seu objeto bsico original, atravs dos seus
respectivos parmetros ajustveis.
Sendo assim, voc sempre pode voltar e
modicar os parmetros necessrios, sem
perda de informao na arte.
Isso feito no painel Appearance.
EXEMPLO 1:
Voc quer criar um retngulo com bordas
arredondadas, mas no 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
retngulo com bordas arredondadas de raio
pr-denido. Pra mudar isso com preciso
mais tarde seria uma dor de cabea. Sem
contar que se voc alterar as dimenses
do retngulo, as bordas arredondadas vo
distorcer junto, e sair da proporo original.
Melhor ento desenhar um retngulo
normal e aplicar o Efect > Stylize > Round
Corners. Voc dene o raio com um
preview de como vai car, e ainda pode
voltar e fazer modicaes.
Se voc resolver transformar o retngulo,
suas bordas continuam redondas na
proporo original. E pra editar o efeito,
s selecionar o objeto e clicar em Round
Corners, no painel Appearance.
5
Para que os seus efeitos e
contornos se transformem
proporcionalmente com o seu
objeto, marque a opo Scale
Strokes & Efects, no menuzinho
do painel Transform.
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
transparncia (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 variao de tom.
6
Repare que objetos de texto tm o elemento Characters no painel
Appearance. um exemplo de como o Appearance tem nveis, que seguem
os nveis dos objetos e seus respectivos grupos. Basicamente o Characters
o grupo de caracteres selecionado, que pode ter sua aparncia prpria. Se
voc clicar duas vezes nele, vai ver os atributos dos caracteres. Ento que
atento, pois pode ser que o objeto do texto no 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.
EXEMPLO 3
Voc est fazendo um layout para web, e
deniu que todo texto de ttulo vai ter um
efeito de baixo relevo. Normalmente isso pode
ser feito duplicando o texto pra trs (Ctrl +
C, Ctrl + B), deslocando a cpia 1 pixel pra
baixo e aplicando branco com um pouco de
transparncia (dependendo da cor do texto).
Mas e se voc quiser mudar o texto? Vai ter
que mudar o original e a cpia branca. Fica
muito mais trabalhoso pra manipular tambm,
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 Dena preto (ou branco) como a cor do
preenchimento e se quiser, d um pouco de
transparncia a ele.
4 Aplique o efeito Efect > Transform
ao preenchimento, com -1px de
deslocamento vertical.
Voil! Baixo relevo no destrutivo e reutilizvel!
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.
7
CAP. 2
Conquiste o Pathnder
8
O pathnder o que transforma objetos bsicos em formas complexas.
Pode parecer uma ferramenta boba, mas uma das mais poderosas, e
quando usado com planejamento e inteligncia, vai ser uma mo na roda
na hora de criar novas formas precisas e editveis. Muitas vezes melhor
criar um objeto usando o pathnder do que usando a bezier, j que ele
permite que voc faa mudanas na essncia da forma mais tarde.
O painel do Pathnder bastante auto-
explicativo, cujos botes so cones
mostrando o que cada ferramenta faz com os
objetos selecionados. Mas os que eu me vejo
usando com mais frequncia so esses:
Unite
Minus Front
Intersect
Divide
Essas ferramentas podem parecer bem
similares s existentes em outros pacotes de
edio vetorial, como o Corel e o Freehand.
Mas uma grande vantagem do Pathnder do
Illustrator a abilidade de combinar formas
e ainda manter as formas originais editveis.
Desse jeito, ca fcil de voltar atrs e mudar
a estrutura, em vez de ter que lidar com a
nova forma.
EXEMPLO 1
Voc quer desenhar uma lua. Em vez de
tentar criar a forma usando a Bezier, melhor
desenhar dois crculos, um deles um pouco
maior que o outro, e ambos se intercalando.
Pra criar a forma da lua, basta selecionar os
dois crculos e apertar o boto Minus Front,
do Pathnder.
Mas e se em algum dado momento voc
resolver que a sua Lua Minguante deve ser
na verdade uma Quarto Minguante? Se no
tivesse usado o Pathnder, teria que sacar a
Bezier e ajustar os pontos um a um.
Ao clicar no boto Minus Front com Alt
pressionado, o Pathnder faz a operao de
subtrao, mas mantm os dois crculos ali,
pra voc mexer quando quiser, usando a seta
branca, ou clicando duas vezes pra entrar no
modo de edio do grupo. Assim, pra fazer a
sua Lua Quarto Minguante, basta aumentar um
dos crculos e desloc-lo um pouco pra fora.
Alt
E se voc est satisfeito com o resultado, e
tem certeza que no vai mudar, basta clicar no
boto Expand no painel Pathnder, que ele
vai expandir a sua forma para um objeto nico.
9
EXEMPLO 2
Voc acabou de desenhar um personagem, e
est na hora de detalhar com algumas reas
de sombra e highlights. Essas reas sempre
so pedaos da forma do personagem,
e muitas vezes acompanham as bordas.
Em vez de desenhar as formas tentando
acompanhar os limites do personagem, voc
pode desenhar uma rea maior, extrapolando
a borda, e depois cort-la usando a prpria
forma do personagem.
Vamos colocar uma sombra nesse detalhe
da camiseta...
1 Selecione a camiseta e copie (Ctrl + C). 2 Desenhe a rea da sombra usando o
lpis (N), ou a Bezier (P), ou qualquer outra
ferramenta que preferir. Pode extrapolar a
borda da camiseta, e at deixar a forma aberta.
No caso, so mais de uma rea, ento 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
boto Intersect do Pathnder. Ele manteve a
forma em comum s duas.
4 Com a nova forma da sombra selecionada,
cole a camiseta de volta, por baixo dela
(Ctrl + B). E pra nalizar, aplique
preenchimento preto com uma transparncia
e um Blend Mode de Multiply.
Alt
10
Segue de referncia, a lista completa das
operaes do Pathnder, e o que cada uma faz:
Unite
Traa 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 nvel mais alto, do
objeto que est no nvel mais baixo da seleo.
Intersect
Traa o contorno da regio comum entre os
objetos selecionados.
Exclude
Traa as reas que no se interseccionam,
e exclui as regies comuns entre os objetos
selecionados. Se o nmero de objetos par,
as reas em comum so excludas. Se for
mpar, as reas em comum so preenchidas.
Divide
Separa a arte em suas faces preenchidas. Uma
face uma rea que no dividida por um
segmento de linha. O resultado um grupo
de objetos.
Trim
Remove as partes ocultas de objetos
preenchidos. Remove qualquer contorno e
no mescla objetos da mesma cor que
esto juntos.
Merge
Remove as partes ocultas de objetos
preenchidos. Remove qualquer contorno
e mescla objetos da mesma cor que
esto juntos.
Crop
Mantm as faces que se sobrepem, e remove
partes que no se sobrepem com o objeto
que est no nvel mais alto. Tambm 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 nvel mais baixo,
do objeto que est no nvel mais alto da seleo.
Se seus objetos estiverem
separados, e voc quiser aplicar
um Unite para criar um objeto
composto, faa-o clicando no
Unite com a tecla Alt pressionada.
Isso transforma em um um
Compound Shape, e ao clicar no
boto Expand do Pathnder, vai se
tornar de fato um Compound Path
(objeto composto). Se voc por
acaso no 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.
11
CAP. 3
Invoque os atalhos
12
Cliente na guela e diretor de arte respirando na sua nuca, e voc tem que
entregar a campanha antes do almoo. Fome no desculpa pra no
dar conta da tarefa. Conhecer atalhos de teclado e saber macetes pode
tornar o seu uxo de trabalho mais eciente, e ajudar a entregar resultados
mais rpido. Esses so os atalhos que eu mais uso, que com o tempo vo
cando na cabea, e na ponta dos dedos:
M
L
T
/
D
X
X Shift
P
A
V
C Shift
Formas bsicas
Edio de pontos
Ferramenta
Bezier (caneta)
Ferramenta de
seleo de pontos
Ferramenta de
seleo de objeto
Ferramenta de
edio de ponto
Retngulo
Elipse
Texto
Aparncia do objeto
Aparncia bsica (contorno preto,
1pt, preenchimento branco)
Alterna o foco de edio entre
contorno e preenchimento
Troca o contorno com
o preenchimento
Aplica preenchimento/
contorno transparente
R
S
O
Ferramentas de transformao
Rotao
Escalonagem
Espelho
13
[ Ctrl
2 Ctrl
3 Ctrl
F Ctrl
Shift O
B Ctrl
D Ctrl
H Shift Ctrl
B Shift Ctrl
H Ctrl
[ Shift Ctrl
] Ctrl
] Shift Ctrl
2 Ctrl Alt
3 Ctrl Alt
Shift D Ctrl Alt
Automao
Repetir ltima tarefa
Transformar cada objeto
Exibio
Oculta/exibe
os pontos
Oculta/exibe
as artboards
Oculta/exibe
as bounding boxes
Ordenao e organizao
Ordena objeto
um nvel pra cima
Ordena objeto
pra cima de tudo
Ordena objeto
um nvel pra baixo
Ordena objeto
pra baixo de tudo
Trava o objeto
Destrava todos
os objetos travados
Oculta o objeto
Exibe todos os
objetos ocultos
Cola em frente
Cola atrs
Edio de artboards
Encontre junto com essa apostila, um PDF
com a cartela de atalhos para voc imprimir
e montar.
14
CAP. 4
Descubra os Blend Modes
15
A paleta Transparency do Illustrator controla a opacidade dos objetos,
e permite que voc aplique Blend Modes a eles. Blend Modes so
basicamente operaes matemticas que denem como as cores de
objetos sobrepostos devem interagir uma com a outra, o que acaba
criando efeitos bem variados. uma funo poderosa, presente na maioria
dos programas da Adobe, mas cujos nomes estranhos podem dicultar
um pouco o seu entendimento e espantar o seu uso.
Quando voc abre um novo documento
no Illustrator e desenha objetos na pgina, a
paleta Transparency exibe que a opacidade
padro 100% e o Blending Mode
Normal. Isso signica que seus objetos so
completamente opacos, e suas cores no vo
interagir com as cores de outros objetos no
nvel abaixo.
No momento que voc tiver objetos
sobrepostos, e mudar o Blending Mode do
objeto que est no nvel mais alto pra outro
diferente de Normal, suas cores comeam
a interagir com as cores dos objetos que
esto abaixo.
Para entender como funciona cada Blend
Mode, podemos separar a lista em 5 grupos e
simplicar a operao bsica que cada um faz:
Modos de escurecimento
Tudo que branco ca transparente
Modos de clareamento
Tudo que preto ca transparente
Modos de contraste
Tudo que cinza ca transparente
Modos comparativos
Cores iguais aparecem como preto, e
cores diferentes aparecem como branco
Modos de componente
Afetam os canais que compem as
cores: matiz, saturao, cor (matiz +
saturao) e brilho.
16
Note que o funcionamento dos Blend Modes
universal, ento essa referncia tambm
serve para outros programas Adobe que os
oferecem. Vou exemplicar cada um usando
uma camada com dois degrads em cima de
uma arte com variaes de tom:
Modos de escurecimento
Darken
Compara cada pixel de cor entre o objeto de
cima e o de baixo, e mantm o que for mais
escuro, substituindo completamente um pelo
outro e muitas vezes criando uma transio de
cores um pouco brusca, mesmo que seja um
degrad suave.
Multiply
Sem dvida o modo de escurecimento mais
usado. Ele multiplica os valores das cores dos
pixels, e produz um resultado mais escuro.
Ento, se a cor de cima for preto, ele mantm
o preto. Se for branco, ele no multiplica nada
e exibe a cor plena do objeto de baixo. O
comportamento do Multiply comparvel ao
de um vidro tintado sobre uma superfcie.
Color Burn
Basicamente faz o mesmo que o Multiply, mas
produz um resultado com mais contraste e
saturao. Quanto mais escura for a cor do
objeto de cima, mais intenso ser o efeito.
Se voc conhece Blend Modes
atravs do Photoshop, vai perceber
uma grande diferena entre ele e o
Illustrator. Enquanto no Photoshop
os Blend Modes s podem ser
aplicados a camadas inteiras (e
alguns efeitos e operaes), no
Illustrator eles so aplicados em cada
objeto. E mais - voc pode denir
um Blend Mode para o objeto inteiro,
e tambm ter diferentes Blend
Modes em cada preenchimento
e contorno desse objeto, criando
aparncias complexas mas simples
de manipular.
17
Modos de clareamento
Lighten
Esse modo o oposto do Darken. Nesse
caso, o Illustrator compara as cores dos
pixels sobrepostos e mantm aqueles que
so mais claros, substituindo um pelo outro
completamente.
Screen
Esse modo o oposto do Multiply. Cores
sobrepostas so multiplicadas de forma
inversa, o que produz um resultado mais claro.
Nesse caso, o que for branco, permanece
branco, e o que for preto no afeta o
objeto de baixo, e exibe sua cor plena. O
comportamento do Screen comparvel ao
de um projetor, que projeta imagens sobre
uma superfcie.
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 no lavado como o Screen.
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
mantm o brilho dos pixels do objeto de cima,
e a cor dos objetos de baixo. bom porque
clareia e escurece objetos de uma vez.
Soft Light
Enquanto Overlay uma mistura de Multiply
e Screen, Soft Light uma mistura de Darken
e Lighten, ento ele acaba produzindo
resultados mais sutis e suaves que o Overlay.
Hard Light
Bem parecido com Overlay, mas produz
resultados mais dramticos.
18
Modos comparativos
Diference
Compara as cores dos pixels e reages suas
diferenas. Cores iguais aparecem como
preto, cores opostas aparecem como branco,
e todas as outras cores aparecem invertidas.
Exclusion
Similar ao Diference, mas produz um
resultado menos contrastado.
Modos de componente
Hue
Aplica a matiz do objeto de cima aos objetos
de baixo, mas mantm seus nveis de
saturao e brilho.
Saturation
Aplica a saturao do objeto de cima aos
objetos de baixo, mas mantm suas matizes e
seus nveis de brilho.
Color
Aplica a saturao e a matiz do objeto de cima
aos objetos de baixo, mas mantm seus nveis
de brilho.
Luminosity
Aplica o brilho do objeto de cima aos
objetos de baixo, mas mantm seus nveis de
saturao e sua matiz.
19
CAP. 5
Recline e aprecie
20
A mquina e o software so ferramentas de clculo incrveis, ento porque
no aproveitar esse poder todo para aliviar um pouco o nosso trabalho?
Tarefas repetitivas, e que requerem um certo nvel de preciso so
perfeitos pra serem designados ao processador do computador. Vamos
ver algumas formas que o Illustrator permite esse tipo de designao -
efeitos, actions e scripts.
Efeitos
Efeitos so extenses que j vm com o
Illustrator, que atuam sobre a sua arte bsica
para criar resultados mais sosticados com
pouco esforo. Esses efeitos so os que a
Adobe avaliou que so os mais usados, e os
incluiu no Illustrator, na forma de painis com
parmetros ajustveis. No menu de efeitos,
a metade de cima so efeitos vetoriais, e a
metade de baixo so 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 esforo e
muita exibilidade, e os efeitos bitmap muitas
vezes evitam que algo tenha que passar pelo
Photoshop pra adquirir certa aparncia.
Sempre que um efeito aplicado
a um objeto, ele entra no painel
Appearance do objeto, para que
possa ser modicado a qualquer
hora. Se voc tem certeza que o
efeito nal, pode expand-lo em
Object > Expand Appearance.
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 Efect > Distort &
Transform > Transform. Ele basicamente
atua sobre seu objeto, modicando seu
tamanho, posio e rotao, e permite criar
cpias com os mesmos parmetros aplicados
incrementalmente. E como um efeito, ca
fcil de voltar atrs e modicar qualquer
parmetro.
Voc pode inclusive aplicar o efeito mais de
uma vez ao objeto, pra que ele atue sobre o
efeito anterior.
21
EXEMPLO 2
Voc tem um elemento grco 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 fcil usar o efeito Mezzotint no Illustrator:
1 Crie uma nova camada de preenchimento
e preencha com cinza 50%.
2 Com o preenchimento selecionado, v em
Efect > Pixelate > Mezzotint.
3 Selecione Fine Dots e d OK. 4 Aplique Soft Light e uma opacidade baixa
pra nalizar.
Obs.: Como o efeito bitmap, baseado em
pixels, o tamanho dos gros vai depender do
tamanho da sua arte.
22
Actions
Actions so como macros, que voc grava ao
fazer as tarefas. O Photoshop tem actions, e
funciona exatamente da mesma forma. Elas
so muito teis quando voc deve seguir os
mesmos passos repetidas vezes para obter um
resultado especco. Para gravar uma action,
basta clicar no boto Create New Action no
painel Actions e o Illustrator vai pedir o nome
da sua action e comear a gravar. partir da,
todas as suas aes sero listadas at voc
apertar o Stop.
EXEMPLO 3
O Illustrator sempre abre um documento
novo com um conjunto padro de paletas
de cor, brushes e smbolos. Mas nem sempre
queremos usar esses recursos default, e sim os
nossos prprios. A tarefa de limpar as paletas,
brushes e smbolos acaba sendo uma rotina
repetitiva. o momento de criar uma action.
Clique em Create New Action e d um
nome como Limpar paletas. Quando
comear 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 painis estaro
zerados rapidamente.
23
Scripts
Scripts so como plugins, que extendem
a capacidade do Illustrator e o tornam um
programa muito mais verstil e customizvel.
So como actions, mas podem ser mais
complexos, e atuam como efeitos, com
parmetros customizveis. So escritos
em JavaScript, AppleScript e VBScript, e se
copiados para a pasta de scripts do Illustrator
(Illustrator CS5/Presets/en_US/Scripts), cam
acessveis no menu File > Scripts.
Para os aventureiros dos cdigos, existe um
guia de scripting ocial da Adobe, mostrando
como possvel manipular as funes do
Illustrator usando JavaScript.
Mas se voc no sabe programar e quer
aproveitar essa alternativa, a maioria dos scripts
est disponvel gratuitamente no
Adobe Exchange.
24
joaofaraco.com.br