CONTEDO

Unidade 1 - Introduo
1. Sobre o Curso ........................................................................................................................................................ 03
2. Estrutura do Curso ............................................................................................................................................. 03

Unidade 2 - Conhecendo o Illustrator

1. Vetor x Bitmap ........................................................................................................................................................ 05
2. A rea de Trabalho do Illustrator ........................................................................................................ 06
3. Criando um novo documento .................................................................................................................. 07
4. Editando as Pranchetas (Artboars) ..................................................................................................... 08
5. Modos de Visualizao e Zoom ............................................................................................................ 08

Unidade 3 - Trabalhando com o Illustrator

1. Conhecendo as Ferramentas do Illustrator ...................................................................................... 10
Galeria de ferramentas de seleo ..................................................................................................... 10
Galeria de ferramentas de desenho .................................................................................................... 10
Galeria de ferramentas de texto ............................................................................................................. 12
Galeria de ferramentas de pintura ........................................................................................................ 12
Galeria de ferramentas de remodelagem ........................................................................................ 13
Galeria de ferramentas de simbolismo ................................................................................................ 15
Galeria de ferramentas de grfico ....................................................................................................... 16
Galeria de ferramentas de movimento e zoom .......................................................................... 17
Galeria de ferramentas de corte e criao de fatias ....................................................... 17
2. Imprimindo e exportando pranchetas .................................................................................................. 18
3. Trabalhando com camadas (layers) ................................................................................................... 20
4. Noes bsicas sobre desenho vetorial .......................................................................................... 21
5. Desenhando figuras simples ......................................................................................................................... 23
6. Trabalhando com cores no Illustrator ................................................................................................... 25
7. Gradiente e Opacidade ............................................................................................................................... 27
8. Mscaras de recorte ......................................................................................................................................... 29
9. Trabalhando com a Tipografia no Illustrator ................................................................................. 30
10. Aplicando efeitos nos objetos .................................................................................................................... 33
11. Criando objetos em 3D ................................................................................................................................... 39
12. Trabalhando com Perspectivas ................................................................................................................. 41

Unidade 4 - Utilizando Modelos e Elementos

1. Modelos e elementos disponveis para download ..................................................................... 44
2. Importanto os modelos no Illustrator ...................................................................................................... 45

Referncias ............................................................................................................................................................................ 46

1
 Unidade 1
Introduo

2
1.1 Sobre o Curso
O mundo est cada vez mais digital, e com isso uma srie de novas profisses e ati-
vidades acabaram ganhando destaque. Profissionais que trabalham com design digital e
produo de ilustraes e imagens para web ou para impresso e outras mdias acabaram
se tornando muito valorizados pela indstria, alm de ter oportunidade de abrir o prprio
negcio.
Mas para se tornar um profissional completo importante dominar a maior quantidade
de ferramentas possvel. E uma dica fundamental antes da pessoa se atirar em cursos mais
caros na rea comear a produzir na sua prpria casa, at mesmo para entender o que
preciso para atender as demandas dos clientes, bem como comear a criar portflios.
O Illustrator CC uma das ferramentas disponveis para usurios comearem a traba-
lhar com design e ilustraes de um modo geral. O programa trabalha com imagens vetoriais
e um dos grandes diferenciais em relao a outras ferramentas do mesmo segmento o fato
dele ter uma interface amigvel com outros programas da Adobe.
O Curso Adobe Illustrator CS6: Design Vetorial apresenta aos alunos as principais fer-
ramentas da ltima verso do programa, fornecendo inmeras dicas e tcnicas para a apli-
cao de desenhos vetoriais.
Este curso traz o que h de mais atual quando trabalhamos com manipulao de ob-
jetos vetoriais. O aluno se surpreender com a facilidade e a eficincia deste programa que
tem a caracterstica de tornar fcil o difcil.
A curva de aprendizado, embora longa, no ngreme, pois os recursos do Illustrator
so de fcil manipulao. Em pouco tempo, o usurio do Illustrator deixar de preocupar-se
com botes e comandos e passar a concentrar-se na aparncia de seu trabalho.

1.2 Estrutura do Curso

As primeiras unidades apresentam a interface grfica deste software, como trabalhar
com a area til do Illustrator e formas de zoom. Agrega, tambm, as ferramentas de desenho
e as formas geomtricas deste software.
As unidades seguintes abordam tpicos como: smbolos, brushes, transformaes e textos.
O curso traz tambm informaes sobre criar e manipular elementos visuais como: ma-
lhas, efeitos 3D com mapeamento e importao de arquivos.
Durante o transcorrer de todo o curso o aluno aprender a trabalhar de forma aut-
noma e criativa com este software, conhecendo as mudanas e novidades incorporadas ao
programa.

3
 Unidade 2
Conhecendo
o Illustrator

4
2.1 Vetor x Bitmap
A funo do Illustrator basicamente trabalhar com vetores. Quase todas as ferramen-
tas criam e editam objetos neste formato. Mesmo assim, o Illustrator permite que importemos
objetos bitmap em uma pgina. Embora se trate de um editor vetorial, ele possibilita a ma-
nipulao de imagens bitmap com grande desenvoltura e exibilidade, permitindo a elabo-
rao de layouts complexos. Mesmo assim importante ressaltar que o ideal manipularmos
bitmap com o Photoshop.

- Grfico Bitmaps: so imagens formadas por pixels (pic-

ture elements). Um pixel nada mais do que um ponto em seu
monitor, pequenos com cor e brilho variados, indicados para
representao de imagens com alto nvel de detalhes.
Os arquivos bitmaps por serem formados dispondo a ima-
gem pixel a pixel, se tiverem seu tamanho aumentado sofreram
distores considerveis, pois cada ponto transformado em
blocos maiores para compor a imagem maior.

- Grficos Vetoriais: os grficos vetoriais nada mais so

que imagens formadas por clculos matemticos executados
pelo computador. Se criarmos um quadrado pequeno e depois
aumentar seu tamanho em 200 vezes, o quadrado continuar o
mesmo, com a mesma definio e qualidade, no dependendo
de resoluo. Agora imagine fazer isso em imagens bitmaps. O
quadrado vai ficar embaado, perdendo resoluo.
Os grficos vetoriais so utilizados em impresses, arte
para revistas, folders, web. Com uma ferramenta de ilustrao
vetorial cria-se o croqui que mais tarde trabalhado em pro-
gramas de edio bitmaps, para aplicao de detalhes, ou
seja, para se dar vida a ela.

5
2.2 A rea de Trabalho do Illustrator
Quando abrimos o Illustrator e criamos um novo documento pela primeira vez (logo aps
sua instalao), a disposio dos elementos de trabalho assemelha-se a imagem abaixo:

Temos o painel de controle no topo, a janela do documento no centro, a caixa de

ferramentas esquerda e os painis direita. A caixa de ferramentas rene um conjunto de
botes que ativam as ferramentas de trabalho do Illustrator.

Devido ao grande nmero de ferramentas disponveis, di-

versas delas so agrupadas em uma mesma posio da cai-
xa de ferramentas. Para acess-las basta manter o boto do
mouse pressionado na pequena seta preta no canto inferior
direito de cada boto.
Quando uma ferramenta oculta ativada, seu cone pas-
sa a ocupar o lugar do anterior. Podemos deixar visveis todos
os botes da ferramenta selecionada.

Os painis da direita podem ser expandidos

clicando no boto localizado no canto superior es-
querdo, ao lado do seu respectivo nome.

6
2.3 Criando um novo documento
Para criarmos um novo arquivo a qualquer momento, acessamos o menu Arquivo >
Novo. Como resultado a janela abaixo se abre. Nela existem diversas confguraes impor-
tantes que definiro o nosso trabalho.

Dentre as configuraes do novo documento, podemos selecionar um formato padro

para (conforme os modelos predefinidos) ou configuramos suas medidas nos itens Largura
e Altura.
Na opo Unidade podemos escolher qual a unidade de medida do documento, e em
Orientao definimos se a pgina estar no formato Retrato ou Paisagem.
A maior mudana a partir do Illustrator CS4 foi a possibilidade de criao de vrias
pginas em um mesmo documento. No Illustrator essas pginas so chamadas de pranchetas
(artboards). No momento da criao de um novo documento possvel escolher quantas
pginas o documento ter, no item Pranchetas.
O menu Sangria outra novidade importante para os designers grficos, principalmen-
te quando o documento ser enviado para impresso em empresas especializadas. Com ele
possvel estabelecer qual a rea de sangria do documento em suas 4 dimenses.
Em relao ao Modo de cores, podemos selecionar o modo CMYK ou RGB. As cores
CMYK (Ciano, Magenta, Amarelo e Preto) so referentes s cores utilizadas para impres-
so, enquanto que as cores RGB (Vermelho, Verde, Azul) so as utilizadas para visualizao
em dispositivos eletrnicos. Ento, a escolha do sistema de cores ir depender da finalidade
do material que ser produzido.

7
2.4 Editando as Pranchetas (Artboards)
Mesmo aps a criao do documento possvel criar ou modificar qualquer prancheta,
basta selecionar a Ferramenta Prancheta (na barra de ferramentas esquerda da tela).
Ao selecionar essa ferramenta, aparecer o painel de controle a seguir na parte superior:

Nele possvel alterar a predefinio (modelo padro) da prancheta, sua orientao

(retrato/paisagem), criar ou excluir uma prancheta, modificar seu nome e suas dimenses, en-
tre outras opes.
Para facilitar a forma de trabalhar no Illustrator, dependendo do tipo de documento
que est sendo criado, possvel editar livremente as dimenses e a posio das pranchetas.
Por exemplo, se voc alterar a posio de uma prancheta no espao de trabalho, tudo o
que tiver sido criado nela ser levado junto para a nova posio.

2.5 Modos de Visualizao e Zoom

Quanto mais detalhes tiver o seu trabalho, mais difcil se tor-
na edit-lo ou at mesmo visualiz-lo em sua rea de trabalho.
Isto acontece pois a quantidade de objetos e pontos de ncora
contidas no trabalho exige mais processamento de sua mquina,
tornando lentos alguns procedimentos. Voc pode melhorar isto
usando a Visualizao em Contorno (Outline).
No Menu Exibir, selecione a opo Contornar. Isto far com
que o objeto do seu arquivo seja apresentado somente em con-
tornos, exigindo menos processamento, uma vez que o preenchi-
mento do objeto est oculto. Este processo tambm facilita a loca-
lizao de determinados pontos de ncoras para seleo, o que
bastante complicado de se fazer em um trabalho que tenha um
grande nmero de objetos sobrepostos. Para voltar a visualizao
normal, selecione a opo Exibir > Exibio GPU/CPU.

Em condies normais, os objetos que criamos e editamos so exibidos

em uma janela totalmente configurvel, a janela de ilustrao. Nesta jane-
la podemos exibir a pgina em diferentes graus de magnificao (fator
Zoom) e/ou exibir informaes configurveis.
Ao criarmos ou editarmos um objeto, precisaremos trabalhar com dife-
rentes fatores de zoom para ajuste de toda espcie.
Para modificar o zoom da janela, podemos utilizar o menu Exibir, a
Ferramenta Zoom, na barra esquerda, ou a seleo na barra inferior, como
na imagem ao lado. Outro atalho para aumentar e diminuir o zoom da tela
a combinao Alt + roda do mouse.

8
 Unidade 3
Trabalhando com
o Illustrator

9
3.1 Conhecendo as Ferramentas do Illustrator
O Illustrator fornece vrias ferramentas para criar e manipular trabalhos artsticos. Essas
galerias fornecem uma rpida viso geral para cada ferramenta.

Galeria de ferramentas de seleo

A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta

Seleo (V) Seleo direta Seleo Varinha mgica Lao (Q) Prancheta cria
seleciona (A) seleciona de grupos (Y) seleciona seleciona pranchetas
objetos inteiros. pontos ou seleciona objetos com pontos ou separadas
segmentos de objetos e atributos segmentos de para imprimir ou
caminho dentro grupos dentro semelhantes. caminho dentro exportar.
de objetos. de grupos. de objetos.

Galeria de ferramentas de desenho

A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta

Caneta (P) Adicionar Excluir ponto Converter Segmento Arco desenha
desenha linhas ponto de de ancoragem ponto de de linha segmentos de
retas e curvas ancoragem (+) (-) exclui pontos ancoragem (\) desenha curva cncavos
para criar adiciona pontos de ancoragem (Shift+C) segmentos ou convexos
objetos. de ancoragem de caminhos. transforma de linha reta individuais.
a caminhos. pontos suaves individuais.
em pontos de
canto e vice-
versa.

10
 A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta
Espiral desenha Grade Grade polar Retngulo Retngulo Elipse (L)
espirais em retangular desenha (M) desenha arredondado desenha crculos
sentido horrio desenha grades grades de quadrados e desenha e formas ovais.
e anti-horrio. retangulares. grficos retngulos. quadrados
circulares. e retngulos
com cantos
arredondados.

A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta

Polgono Estrela desenha Claro cria Lpis (N) Suavizar Borracha de
desenha formas estrelas com efeitos de desenha e edita suaviza caminho apaga
regulares com vrias pontas. exploso solar linhas mo caminhos de caminhos e
vrios lados. ou brilho de livre. Bzier. pontos de
lentes. ancoragem do
objeto.

A ferramenta A ferramenta Seleo

Grade de de perspectiva
perspectiva permite colocar
permite criar objetos, textos
e renderizar e smbolos em
trabalhos artsticos perspectiva, alm
em perspectiva. de mover objetos
em perspectiva
e mover objetos
perpendicularmente
sua direo atual.

11
Galeria de ferramentas de texto

A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta

Tipo (T) cria Tipo de rea Tipo no Tipo vertical Tipo de Tipo no
texto individual transforma caminho cria texto rea vertical caminho
e contineres de caminhos transforma vertical e transforma vertical
texto, permitindo fechados em caminhos em contineres de caminhos transforma
que voc insira contineres de caminhos de texto vertical, fechados em caminhos em
e edite texto. texto, permitindo texto, permitindo permitindo que contineres de caminhos de
que voc insira que voc insira voc insira e texto vertical, texto vertical,
e edite o texto e edite o texto edite o texto permitindo que permitindo que
dentro deles. dentro deles. vertical. voc insira e voc insira e
edite o texto edite o texto
dentro deles. dentro deles.

Galeria de ferramentas de pintura

A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta

Pincel (B) Malha (U) cria Gradiente Conta-gotas Balde de Seleo de
desenha linhas e edita malhas (G) ajusta os (I) obtm pintura em pintura em
caligrficas e e envelopes de pontos inicial e amostras e tempo real tempo real
mo livre, alm malhas. final e o ngulo aplica atributos (K) pinta faces (Shift+L)
de traados de dos gradientes de cor, texto e bordas de seleciona faces
pincis artsticos, dentro de e aparncia, grupos de e bordas em
de padro e objetos ou incluindo efeitos, Pintura em grupos de
de cerdas em aplica um a partir de tempo real com Pintura em
caminhos. gradiente aos objetos. os atributos tempo real.
objetos. atuais de
pintura.

12
 A ferramenta A ferramenta
Medida mede a Pincel irregular
distncia entre (Shift+B) desenha
dois pontos. caminhos que
expandem e mesclam
automaticamente
caminhos de pincis
caligrficos que
compartilham a
mesma cor e esto
adjacentes na ordem
de empilhamento.

Galeria de ferramentas de remodelagem

A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta

Girar (R) gira Refletir (O) Escala (S) Distorcer inclina Alterar forma Transformao
objetos ao vira objetos ao redimensiona objetos ao ajusta pontos livre (E)
redor de um redor de um objetos ao redor de um de ancoragem dimensiona, gira
ponto fixo. eixo fixo. redor de um ponto fixo. selecionados ou inclina uma
ponto fixo. enquanto seleo.
mantm intactos
os detalhes
gerais do
caminho.

13
 A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta
Mistura (W) Largura Deformar Redemoinho Esvaziar Inflar infla
cria uma srie (Shift+W) (Shift+R) molda cria distores esvazia um um objeto
de objetos permite criar um objetos com o de redemoinho objeto movendo afastando
misturados traado com movimento do em um objeto. os pontos de os pontos de
entre a cor e a largura varivel. cursor (como controle em controle do
forma de vrios moldar argila, direo ao cursor.
objetos. por exemplo). cursor.

A ferramenta A ferramenta A ferramenta A ferramenta

Guirlanda Cristalizar Vincar adiciona Construtor
adiciona adiciona detalhes de formas
detalhes curvos detalhes semelhantes mescla formas
aleatrios ao pontudos a rugas ao simples para
contorno de um aleatrios ao contorno de um criar formas
objeto. contorno de um objeto. complexas e
objeto. personalizadas.

14
Galeria de ferramentas de simbolismo
As ferramentas de simbolismo permitem criar e modificar conjuntos de instncias de
smbolo. Voc cria um conjunto de smbolos usando a ferramenta Pulverizar smbolos. Em
seguida, pode usar as outras ferramentas de simbolismo para alterar a densidade, a cor, o
local, o tamanho, a rotao, a transparncia e o estilo das instncias no conjunto.

A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta

Pulverizar Deslocar Comprimir Dimensionar Girar smbolos Colorizar
smbolos smbolos move smbolos smbolos gira instncias smbolos colore
(Shift+S) as ocorrncias aproxima ou redimensiona de smbolos. instncias de
insere vrias de smbolos distancia instncias de smbolos.
instncias de e altera a instncias de smbolos.
smbolo como ordem de smbolos.
um conjunto na empilhamento.
prancheta.

A ferramenta A ferramenta
Transparncia Estilizar
de smbolos smbolos
aplica aplica o estilo
opacidade a selecionado a
instncias de instncias de
smbolos. smbolos.

15
Galeria de ferramentas de grfico
O Illustrator oferece nove ferramentas de grficos, cada uma para criar um tipo diferente
de grfico. O tipo de grfico escolhido depende das informaes que voc deseja comunicar.

A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta

Grfico de Grfico de Grfico de Grfico Grfico de linhas Grfico de
colunas (J) colunas barras cria de barras cria grficos que reas cria
cria grficos empilhadas grficos que empilhadas usam pontos para grficos que
que comparam cria grficos so semelhantes cria grficos representar um ou so semelhantes
valores usando semelhantes a grficos de que so mais conjuntos de a grficos
colunas a grficos de coluna, mas semelhantes valores, com uma de linha, mas
verticais. coluna, mas posiciona a grficos linha diferente enfatiza os
empilha as colunas as barras de coluna unindo os totais e as
uma em cima da horizontalmente empilhada, pontos em cada alteraes nos
outra, em vez de em vez de mas empilha conjunto. Esse valores.
lado a lado. Esse verticalmente. as barras tipo de grfico
tipo de grfico horizontalmente frequentemente
til para mostrar o em vez de usado para
relacionamento de verticalmente. mostrar a
partes com o todo. tendncia de um
ou mais objetos
de estilo no
decorrer de um
perodo de tempo.

A ferramenta A ferramenta A ferramenta

Grfico de Grfico de Grfico de
disperso cria pizza cria radar cria
grficos que grficos grficos que
plotam pontos circulares comparam
de dados cujas fatias conjuntos de
como conjuntos representam as valores em
correlacionados porcentagens determinados
de coordenadas relativas pontos no
ao longo dos dos valores tempo ou em
eixos x e y. comparados. categorias
particulares,
sendo exibida
em formato
circular.

16
Galeria de ferramentas de movimento e zoom

A ferramenta Mo (H) A ferramenta Imprimir A ferramenta Zoom

move a prancheta do diviso em blocos (Z) aumenta e
Illustrator dentro da grficos ajusta a diminui a ampliao
janela de ilustrao. grade da pgina da exibio na
para controlar onde janela de ilustrao.
o trabalho artstico
aparece na pgina
impressa.

Galeria de ferramentas de corte e criao de fatias

A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta Faca

Fatia divide o Seleo de fatia Borracha (Shift+E) Tesoura (C) corta objetos e
trabalho artstico (Shift+K) seleciona apaga qualquer recorta caminhos caminhos.
em imagens da fatias da Web. rea do objeto em pontos
Web separadas. sobre a qual voc especificados.
arrastar.

17
3.2 Imprimindo e exportando pranchetas
Todas as pranchetas de um documento compartilham o mesmo formato de tipo de mdia,
como Impresso. Voc pode imprimir cada prancheta individualmente, lado a lado ou com-
binada em uma pgina. Se voc salvar um documento do Illustrator com vrias pranchetas
em uma verso anterior do Illustrator, como o CS3, poder optar por salvar cada prancheta
como um arquivo separado, junto com um arquivo mestre que inclui todas as pranchetas
mescladas.
Voc pode visualizar as pranchetas a partir da caixa de dilogo Arquivo > Imprimir
antes de imprimi-las. As configuraes de impresso escolhidas so aplicadas a todas as
pranchetas selecionadas para impresso.

Por padro, todo o trabalho artstico recortado em uma prancheta, e todas as pran-
chetas so impressas como pginas individuais. Para imprimir pginas especficas use a op-
o Intervalo, na caixa de dilogo Imprimir.
Para combinar toda a arte em uma nica pgina, ou agrupar o trabalho artstico lado
a lado, selecione Ignorar pranchetas e especifique opes de posicionamento.
No Illustrator a partir da verso CS5, as pranchetas de um documento podem girar au-
tomaticamente para imprimir no tamanho de mdia escolhido. Selecione a caixa de seleo
Girar automaticamente na caixa de dilogo Imprimir de modo a definir a rotao autom-
tica para documentos do Illustrator.

18
 Para exportar as pranchetas em arquivos de outros formatos, como PDF, JPG e PNG, o
Illustrator CC oferece duas opes no menu Arquivo > Exportar.
Exportar para telas: permite visualizar e selecionar cada prancheta que ser expor-
tada de maneira mais fcil, alm das configuraes de exportao, como o local onde ser
salvo o arquivo exportado e o formato do arquivo.

Exportar como: a forma de exportao existente at a verso CS6. Contm, basi-

camente, as mesmas funces da opo anterior, porm em uma interface mais semelhante s
janelas de salvamento e abertura de documentos.

19
3.3 Trabalhando com camadas (layers)
O painel Camadas (Layers) lista e organiza qualquer coisa que esteja no nosso arquivo
(vetores, bitmaps, grficos, etc). Quanto mais detalhes tem um trabalho, maior a necessida-
de de se usar camadas para poder trabalhar com elementos diferentes.
Trabalhar com este painel indispensvel, pois muitas vezes, ser a melhor maneira de
selecionarmos, mudarmos a ordem de empilhamento e organizar nossos trabalhos.
Abaixo temos um exemplo de trabalho desenvolvido com diversas camadas, para poder
separar e atribuir configuraes diferentes a cada grupo de elementos.

Toda vez em que um objeto estiver selecionado, um pequeno ponto surge no lado direi-
to da tarja de layers, indicando a seleo do objeto. No pequeno crculo ao lado pode-se
selecionar ou deselecionar objetos de um layers apenas clicando sobre ele.
Um objeto pode ser transferido de um layer para outro apenas clicando e arrastando
o pequeno ponto que indica a seleo do objeto. Uma cpia de um objeto selecionado
tambm pode ser transferida para um novo layers da mesma forma. Porm, faa o processo
com a tecla alt pressionada.
Caso queira ocultar ou exibir alguma cadama, basta clicar no olho ao lado do nome
da camada, e para bloquear a camada para que no sejam feitas alteraes nela, basta
clicar no cadeado.

20
3.4 Noes bsicas sobre desenho vetorial
Grficos vetoriais (s vezes chamados de formas vetoriais ou objetos vetoriais) so
compostos de linhas e curvas definidas por objetos matemticos chamados de vetores, que
descrevem uma imagem de acordo com suas caractersticas geomtricas.
possvel mover ou modificar grficos vetoriais livremente sem perda de detalhes ou
clareza, porque eles no dependem da resoluo eles mantm arestas bem definidas ao
serem redimensionados, impressos em uma impressora PostScript, salvos em um arquivo PDF ou
importados para um aplicativo de imagens grficas baseado em vetores. Como resultado, os
grficos vetoriais so a melhor opo para arte-final, como logotipos, que sero usados em
diversos tamanhos e em vrias mdias de sada.

medida que se desenha, uma linha chamada demarcador criada. Um demarcador

composto de um ou mais segmentos retos ou curvados. O incio e o fim de cada segmento
so marcados por pontos de ancoragem, que funcionam como pinos mantendo um arame
no lugar. Um demarcador pode ser fechado (por exemplo, um crculo) ou aberto, com extre-
midades distintas (por exemplo, uma linha ondulada).
possvel alterar a forma de um demarcador arrastando os pontos de ancoragem, os
pontos de direo no final das linhas de direo que aparecem em pontos de ancoragem,
ou o prprio segmento de demarcador.

A. Extremidade selecionada (slida)

B. Ponto de ancoragem selecionado
C. Ponto de ancoragem no selecionado
D. Segmento de demarcador curvado
E. Linha de direo
F. Ponto de direo

Os demarcadores podem ter dois tipos de pontos de ancoragem: pontos de vrtice e

pontos suaves. Em um ponto de vrtice, o demarcador muda repentinamente de direo. Em
um ponto suave, os segmentos do demarcador so conectados como uma curva contnua.
possvel desenhar um demarcador usando qualquer combinao de pontos de vrtice e
pontos suaves. Se voc desenhar o tipo errado de ponto, sempre possvel alter-lo.

A. Quatro pontos de vrtice

B. Quatro pontos suaves
C. Combinao de pontos de vrtice e suaves

21
 O contorno de um demarcador chamado de traado. Uma cor ou um degrad apli-
cados a uma rea interior aberta ou fechada do demarcador so chamados de preen-
chimento. Um traado pode ter espessura, cor e um padro de trao. Aps criar um demar-
cador ou uma forma, voc pode alterar as caractersticas do seu traado e preenchimento.

Quando voc seleciona um ponto de ancoragem que conecta segmentos curvados

(ou seleciona o prprio segmento), os pontos de ancoragem dos segmentos de conexo
exibem alas de direo, que consistem em linhas de direo que finalizam em ponto de
direo. O ngulo e o comprimento das linhas de direo determinam a forma e o tamanho
dos segmentos curvados. A movimentao dos pontos de direo remodela as curvas. As
linhas de direo no aparecem na sada final.
Um ponto suave sempre tem duas linhas de direo, que se movem juntas como uma
unidade nica e reta. Quando uma linha de direo movida em um ponto suave, os seg-
mentos curvados de ambos os lados do ponto se ajustam simultaneamente, mantendo uma
curva contnua naquele ponto de ancoragem.
Em comparao, um ponto de vrtice pode ter duas, uma ou nenhuma linha de direo,
dependendo se ela junta dois, um ou nenhum segmento curvado, respectivamente. As linhas
de direo do ponto de vrtice mantm o vrtice usando ngulos diferentes. Ao mover uma
linha de direo em um ponto de vrtice, s ajustada a curva do mesmo lado do ponto
que a linha de direo.

Aps selecionar um ponto de ancoragem ( esquerda), as linhas de direo aparecem

em quaisquer segmentos curvados conectados pelo ponto de ancoragem. Nesse exemplo (
direita), foi feito um ajuste de linhas de direo em um ponto suave e em ponto de vrtice.

22
3.5 Desenhando figuras simples (ferramenta Caneta)
O demarcador mais simples que voc pode desenhar com a ferramenta Caneta uma
linha reta, feita com a seleo da ferramenta Caneta para criar dois pontos de ancoragem.
Se voc continuar clicando, criar um demarcador composto de segmentos de linha reta
conectados por pontos de vrtice.

Para criar segmentos de linha reta:

1. Selecione a ferramenta Caneta;
2. Posicione a ferramenta Caneta no local de incio do segmento reto e clique para definir
o primeiro ponto de ancoragem (no arraste);
Obs.: O primeiro segmento que voc desenhar no ficar visvel at voc clicar em um
segundo ponto de ancoragem. Alm disso, se aparecerem linhas de direo, voc deve
ter arrastado a ferramenta Caneta acidentalmente; escolha Editar > Desfazer, e clique
novamente.
3. Clique novamente onde voc deseja que o segmento termine (clique com a tecla Shift
pressionada para restringir o ngulo do segmento a um mltiplo de 45);
4. Continue clicando para definir pontos de ancoragem para segmentos retos adicionais;
Obs.: O ltimo ponto de ancoragem a ser adicionado sempre um quadrado slido, in-
dicando que ele est selecionado. Os pontos de ancoragem anteriormente definidos tor-
nam-se vazados e desmarcados conforme mais pontos de ancoragem so adicionados.
5. Complete o demarcador executando um dos seguintes procedimentos:
Para fechar o demarcador, posicione a ferramenta Caneta sobre o primeiro ponto de
ancoragem (vazio). Um pequeno crculo aparecer junto ao ponteiro da ferramenta
Caneta quando ela estiver posicionada corretamente. Clique ou arraste para fechar o
demarcador;
Para deixar o demarcador aberto, clique em qualquer lugar longe de todos os objetos
com a tecla Ctrl pressionada. Voc tambm pode selecionar uma ferramenta diferente ou
escolher Selecionar > Cancelar seleo, ou voc tambm pode pressionar Enter para sair
de um caminho aberto.

23
 Voc cria uma curva adicionando um ponto de ancoragem onde uma curva muda de
direo e arrastando as linhas de direo que formam a curva. O comprimento e a inclina-
o das linhas de direo determinam a forma da curva.
As curvas so mais fceis de serem editadas e seu sistema pode exibi-las e imprimi-las
mais rpido se elas forem desenhadas usando o menor nmero de pontos de ancoragem
possvel. O uso de muitos pontos tambm pode gerar salincias indesejadas em uma curva.
Em vez disso, desenhe pontos de ancoragem bem espaados e pratique a formatao das
curvas ajustando o comprimento e os ngulos das linhas de direo.

Para criar curvas:

1. Selecione a ferramenta Caneta;
2. Posicione a ferramenta Caneta no local de incio da cur-
va e mantenha o boto do mouse pressionado. O primeiro
ponto de ancoragem aparece e o ponteiro da ferramen-
ta Caneta muda para uma seta.
3. Arraste para definir a inclinao do segmento curvado que voc estiver criando e, em
seguida, solte o boto do mouse;
Obs.: Pressione a tecla Shift para restringir a ferramenta a mltiplos de 45.
4. Posicione a ferramenta Caneta no local em que deseja que o segmento curvado termine
e execute um dos procedimentos a seguir:
Para criar uma curva em forma de C, arraste em uma direo
oposta linha de direo anterior. Em seguida, solte o boto
do mouse;
Para criar uma curva em forma de S, arraste na mesma direo
da linha de direo anterior. Em seguida, solte o boto do mou-
se.
5. Continue arrastando a ferramenta Caneta a partir de locais diferentes para criar uma
srie de curvas suaves. Observe que voc est colocando os pontos de ancoragem no
incio e no final de cada curva, no na ponta da curva;
Obs.: Para interromper as linhas de direo de um ponto de ancoragem, arraste as linhas
com a tecla Alt pressionada.
6. Complete o demarcador executando um dos seguintes procedimentos:
Para fechar o demarcador, posicione a ferramenta Caneta sobre o primeiro ponto de
ancoragem (vazio). Um pequeno crculo aparecer junto ao ponteiro da ferramenta
Caneta quando ela estiver posicionada corretamente. Clique ou arraste para fechar o
demarcador;
Para deixar o demarcador aberto, clique em qualquer lugar longe de todos os objetos
com a tecla Ctrl pressionada. Voc tambm pode selecionar uma ferramenta diferente ou
escolher Selecionar > Cancelar seleo.

As ferramentas Caneta e Lpis oferecem maior liberdade no desenho, podendo definir

detalhes das linhas e de cada ponto de ancoragem. Porm, com as demais ferramentas dis-
ponveis no Illustrator (apresentadas anteriormente), possvel criar segmentos de reta, arcos,
espirais, e muitas outras formas de maneira mais direta, simplificando o trabalho de desenho.

24
3.6 Trabalhando com cores no Illustrator
Aplicar cores a um trabalho artstico uma tarefa comum do Adobe Illustrator e que
exige um certo conhecimento de modelos e modos de cores. Modelos de cores descrevem
as cores que vemos e com as quais trabalhamos em grficos digitais. Cada modelo de cor,
como RGB, CMYK ou HSB, representa um mtodo diferente para descrever e classificar cores.

RGB
Uma grande porcentagem do espectro visvel pode ser
representada pela mistura da luz colorida vermelha, verde e
azul (RGB) em vrias propores e intensidades. Nos pontos
em que as cores se sobrepem, elas criam ciano, magenta e
amarelo.
Cores RGB so chamadas de cores aditivas porque o
branco produzido com a adio de R, G e B ao mesmo
tempo; ou seja, toda a luz refletida de volta ao olho. Cores
aditivas so usadas para iluminao, televiso e monitores de
computador. Por exemplo, seu monitor, cria cores ao emitir luz
atravs de fsforos vermelhos, verdes e azuis.

CMYK
Enquanto um modelo RGB depende de uma fonte
de luz para criar cores, o modelo CMYK tem como base
a qualidade de absoro da luz da tinta impressa no
papel. medida que a luz branca incide sobre tintas
translcidas, uma parte do espectro absorvida. A cor
no absorvida refletida de volta ao olho.
Combinar pigmentos puros de ciano (C), magenta
(M) e amarelo (Y) resultaria em preto com a absoro, ou
subtrao, de todas as cores. Por esse motivo, elas so
chamadas de cores subtrativas. A tinta preta (K) adicio-
nada para melhorar a densidade das sombras. A letra K utilizada porque o preto (black
em ingls) a cor chave (key em ingls) para o registro de outras cores e porque a letra
B tambm representa o azul (blue em ingls). A tcnica de combinao dessas tintas para
reproduzir cores chamada de impresso de processo em quatro cores.

HSB
Com base na percepo humana da cor, o modelo HSB descreve as trs caractersticas
fundamentais da cor:
Matiz: Cor refletida de ou transmitida por meio de um objeto. medida como um local
no disco de cores padro, expresso como um grau entre 0 e 360. No uso comum, a matiz
identificada pelo nome da cor, como vermelho, laranja ou verde.

25
 Saturao: Intensidade ou pureza da cor (s vezes, de-
nominada croma). A saturao representa a intensidade de
cinza na proporo da matiz, medida como uma porcentagem
de 0% (cinza) a 100% (totalmente saturado). No disco de cores
padro, a saturao aumenta do centro para a aresta.
Brilho: A luminosidade ou escurecimento relativo da cor,
geralmente medido como a porcentagem de 0% (preto) a 100%
(branco).

Escala de cinza
A escala de cinza usa tons de preto para representar um objeto. Cada objeto em es-
cala de cinza tem um valor de brilho que varia de 0% (branco) a 100% (preto). As imagens
produzidas com o uso de scanners em preto-e-branco ou em escala de cinza so geralmen-
te exibidas em escala de cinza.
A escala de cinza tambm permite converter o trabalho artstico colorido em trabalho
artstico em preto-e-branco de alta qualidade. Nesse caso, o Adobe Illustrator descarta
todas as informaes de cores no trabalho artstico original, e os nveis (tons) de cinza dos
objetos convertidos representam a luminosidade dos objetos originais.

Painel Seletor de Cores

possvel selecionar cores para um trabalho artstico a partir de vrias ferramentas,
painis e caixas de dilogo no Illustrator. A forma de seleo das cores depende das neces-
sidades do trabalho artstico em questo. Por exemplo, se voc deseja usar cores especficas
aprovadas pela sua empresa, convm selecionar cores na biblioteca de amostras aprovada
pela empresa. Se voc deseja corresponder as suas cores com as cores em outro trabalho
artstico, use o conta-gotas ou o Seletor de cores e insira valores de cor exatos.
Com o Seletor de cores, voc pode selecionar a cor de preenchimento ou traado de
um objeto escolhendo um espectro e um campo de cor, definindo cores numericamente ou
clicando em uma amostra.

A. Campo de cor
B. Valores de cor HSB
C. Novo retngulo de cor
D. Retngulo de cor original
E. Seletor de cor
F. Espectro de cores
G. Valores de cor RGB
H. Valor de cor hexadecimal
I. Valores de cor CMYK

26
3.7 Gradiente e Transparncia
Use preenchimentos de gradiente para aplicar uma mistura graduada de cores, como
aplicaria qualquer outra cor. Criar um preenchimento de gradiente uma boa maneira de
criar uma gradao de cores suave entre um ou mais objetos. Voc pode salvar um gradien-
te como uma amostra para facilitar a sua aplicao a vrios objetos.
Voc pode usar o painel Gradiente (Janela > Gradiente) ou a ferramenta Gradiente
para aplicar, criar e modificar gradientes.
Cores de gradientes so definidas por uma srie de limites ao longo do seletor de
gradiente. O limite marca o ponto no qual um gradiente passa de uma cor para a prxima,
sendo identificado por um quadrado abaixo do seletor de gradiente. O quadrado exibe a
cor atualmente atribuda a cada limite de gradiente. Com um gradiente radial, o limite de
gradiente na extremidade esquerda define o preenchimento de cor do ponto central, que
irradia para fora, em direo cor do limite de gradiente na extremidade direita.
Usando as opes no painel Gradiente ou com a ferramenta Gradiente, possvel es-
pecificar o nmero e o local dos limites, o ngulo no qual as cores so exibidas, a proporo
de um gradiente elptico e a opacidade de cada cor.

Painel Gradiente
No painel Gradiente, a caixa Preenchimento do gradiente exibe as cores atuais e o tipo
do gradiente. Ao clicar na caixa Preenchimento do gradiente, o objeto selecionado pre-
enchido com o gradiente. Diretamente direita desta caixa, encontra-se o menu Gradiente,
que lista todos os gradientes padro e pr-salvos que voc pode escolher. Na parte inferior
da lista, existe um boto Salvar gradiente no qual voc pode clicar para salvar as configu-
raes do gradiente atual como uma amostra.
Por padro, o painel inclui uma caixa de cor inicial e uma caixa de cor final, mas
possvel adicionar mais caixas de cor clicando em qualquer ponto ao longo do seletor de
gradiente. Clicar duas vezes em um limite de gradiente abre o painel da cor de limite, onde
voc pode escolher uma cor no painel Cores ou no painel Amostras.

A. Caixa de preenchimento Gradiente

B. Menu Gradiente
C. Gradiente de preenchimento
D. Gradiente de traado
E. Gradiente reverso
F. Pontos intermedirios
G. Parada de cor
H. Opacidade
I. Local
J. Menu de painel
K. Tipo de gradiente de traado
L. ngulo
M. Proporo
N. Excluir parada

27
Ferramenta Gradiente
Use a ferramenta Gradiente para adicionar
ou editar gradientes. Quando voc clica com a
ferramenta Gradiente em um objeto preenchido
desmarcado e sem gradiente, ela preenche esse
objeto com o ltimo gradiente usado. A ferramenta
Gradiente tambm fornece a maioria dos mesmos
recursos que o painel Gradiente.
Quando voc seleciona um objeto preenchido com gradiente e escolhe a ferramen-
ta Gradiente, um anotador de gradiente aparece nesse objeto. O anotador de gradiente
pode ser usado para modificar o ngulo, o local, a difuso de um gradiente linear ou do
ponto focal, a origem e a difuso de um gradiente radial. Se voc posicionar a ferramenta
diretamente sobre o anotador de gradiente, ela se transformar em um seletor (como no pai-
nel Gradiente), com limites de gradiente e indicadores de local.

Opacidade e Transparncia
A transparncia uma parte to integral do Illustrator que possvel adicionar trans-
parncia a um trabalho artstico sem mesmo perceb-la. Voc pode adicionar transparncia
ao trabalho artstico seguindo qualquer um destes procedimentos:
Diminuindo a opacidade dos objetos de forma que o trabalho artstico subjacente
fique visvel;
Usando mscaras de opacidade para criar variaes na transparncia;
Usando um modo de mistura para alterar como as cores interagem entre objetos
sobrepostos;
Aplicando gradientes e malhas que incluem transparncia;
Aplicando efeitos ou estilos grficos que incluem transparncia, como sombras pro-
jetadas.
Use o painel Transparncia (Janela > Transparncia)
para especificar a opacidade e o modo de mistura de obje-
tos, para criar mscaras de opacidade ou para separar uma
parte de um objeto com a parte sobrejacente de um objeto
transparente.

28
3.8 Mscaras de recorte
Uma mscara de recorte um objeto cuja forma mascara outro trabalho artstico, de
modo que apenas as reas que se encontram dentro da forma ficam visveis, cortando de
fato esse trabalho artstico de acordo com a forma da mscara. A mscara de recorte e os
objetos mascarados so chamados de conjunto de recorte. Voc pode criar um conjunto
de recorte a partir de uma seleo de dois ou mais objetos ou de todos os objetos em um
grupo ou camada.
Conjuntos de recorte em nvel de objeto so combinados como um grupo no painel
Camadas. Se voc criar conjuntos de recorte em nvel de camada, o objeto no topo da
camada recortar todos os objetos abaixo dele. Todas as operaes executadas em um
conjunto de recorte em nvel de objeto, como transformaes e alinhamentos, tm como base
o limite da mscara de recorte e no o limite no mascarado. Uma vez criada uma mscara
de recorte no nvel do objeto, voc s poder selecionar o contedo recortado usando o
painel Camadas, a ferramenta Seleo direta, ou isolando o conjunto de recorte.

Para ocultar partes de objetos com uma mscara de recorte:

1. Crie o objeto que voc deseja usar como mscara. Esse objeto chamado de caminho
de recorte. Apenas objetos de vetor podem ser caminhos de recorte;
2. Move o caminho de recorte acima dos objetos que voc deseja mascarar na ordem de
empilhamento;
3. Selecione o caminho de recorte e os objetos a serem mascarados;
4. Selecione Objeto > Mscara de recorte > Criar.
Obs.: Para criar um caminho de recorte a partir da rea na qual dois ou mais objetos se
sobrepe, agrupe esses objetos primeiro.

29
3.9 Trabalhando com a Tipografia no Illustrator
A tipografia a arte e o processo de criao na composio de um texto, fsica ou
digitalmente. Assim como no design grfico em geral, o objetivo principal da tipografia dar
ordem estrutural e forma comunicao escrita.
O termo tipo o desenho de uma determinada famlia de letras como por exemplo:
verdana, futura, arial, etc. As variaes dessas letras (ligth, itlico e negrito, por exemplo) de
uma determinada famlia so as fontes desenhadas para a elaborao de um conjunto com-
pleto de caracteres que consta do alfabeto em caixa alta e caixa baixa, nmeros, smbolos
e pontuao.
Os tipos constituem a principal ferramenta de comunicao. As faces alternativas de
tipos permitem que voc d expresso ao documento, para transmitir instantaneamente, e
no-verbalmente, atmosfera e imagem.
No uso da tipografia o interesse visual realizado atravs da escolha adequada de
fontes tipogrficas, composio (ou layout) de texto, a sensibilidade para o tom do texto e
a relao entre texto e os elementos grficos na pgina. Todos esses fatores so combina-
dos para que o layout final tenha uma atmosfera ou ressonncia apropriada ao contedo
abordado.
O conhecimento adequado do uso da tipografia essencial aos designers que traba-
lham com diagramao, ou seja, na relao de texto e imagem. Logo, a tipografia um dos
pilares do design grfico e uma matria necessria aos cursos de design.
Na tipografia, as fontes tipogrficas (ou apenas fontes) so classificadas em 4 grupos
bsicos: as com serifas, as sem serifas, as cursivas e as fontes dingbats.

30
 No Illustrator possvel inserir texto da duas formas diferentes: inserir em um ponto da
arte, ou em uma rea (objeto existente ou criar uma caixa de texto).

Inserir texto em um ponto

1. Selecione a ferramenta Tipo ou a ferramenta Tipo vertical;
Obs.: O ponteiro se transforma em um cursor em I dentro de uma caixa pontilhada. A pe-
quena linha horizontal pero da parte inferior do cursor em I marca a posio da linha de
base, na qual o texto est disposto.
2. (Opcional) Defina opes de formao de texto no Painel de controle, no painel Carac-
tere ou no painel Pargrafo;
3. Clique no local em que voc deseja que a linha de texto comece;
Obs.: Certifique-se de no clicar em um objeto existente, pois isso converte o objeto de
texto em texto de rea ou texto em um caminho. Se um objeto existente estiver localizado
onde voc deseja inserir texto, bloqueie ou oculte esse objeto.
4. Insira o texto. Pressione Enter para iniciar uma nova linha de texto dentro do mesmo objeto
de texto;
5. Quando terminar de inserir texto, clique na ferramenta Seleo para selecionar o objeto
de texto. Como alternativa, clique no texto com a tecla Ctrl pressionada.

Inserir texto em uma rea

O texto de rea (tambm denominado texto de pargrafo) usa os limites de um objeto
para controlar o fluxo de caracteres, horizontalmente ou verticalmente. Quando um texto
atinge um limite, ele quebrado automaticamente para se ajustar em uma rea definida.
Essa maneira de inserir texto til quando voc deseja criar um ou mais pargrafos, como
em uma brochura.

1. Defina a rea delimitadora:

Selecione a ferramenta Tipo ou a ferramenta Tipo vertical e arraste diagonalmente para
definir uma rea delimitadora retangular;
Desenhe o objeto que voc deseja usar como rea delimitadora. (No importa se o ob-
jeto tem atributos de preenchimento ou traado, pois o Illustrator os remove automatica-
mente.) Em seguida, selecione a ferramenta Tipo, Tipo vertical, Tipo de rea ou Tipo de
rea vertical e clique em qualquer local no caminho do objeto.

31
 Obs.: Se o objeto for um caminho aberto, ser necessrio usar a ferramenta Tipo de rea
para definir a rea delimitadora. O Illustrator desenha uma linha imaginria entre os pon-
tos finais do caminho para definir os limites.
2. (Opcional) Defina opes de formao de texto no Painel de controle, no painel Carac-
tere ou no painel Pargrafo;
3. Insira o texto. Pressione Enter para iniciar um novo Pargrafo;
4. Quando terminar de inserir texto, clique na ferramenta Seleo para selecionar o objeto
de texto. Como alternativa, clique no texto com a tecla Ctrl pressionada.

Obs.: Se voc inserir mais texto do que possvel ajustar em uma rea,
uma pequena caixa contendo um smbolo de adio (+) ser exibida
prxima parte inferior da rea delimitadora.
possvel redimensionar a rea de texto ou aumentar o demarcador
para exibir o estouro de texto. Voc pode tambm encadear o texto
em outro objeto.

32
3.10 Aplicando efeitos nos objetos
O Illustrator inclui vrios efeitos que voc pode aplicar a um objeto, grupo ou camada
para alterar suas caractersticas.
Aps a aplicao de um efeito a um objeto, esse efeito aparece no painel Aparncia.
No painel Aparncia, possvel editar o efeito, mov-lo, duplic-lo, exclu-lo ou salv-lo como
parte de um estilo grfico. Ao utilizar um efeito, voc deve expandir o objeto antes de poder
acessar os novos pontos.
Os efeitos na metade superior do menu Efeitos so efeitos de vetor. Voc apenas pode
aplicar esses efeitos a objetos de vetor ou ao preenchimento ou traado de um objeto de
bitmap no painel Aparncia. Os efeitos e categorias de efeito a seguir na seo superior
so excees a essa regra e podem ser aplicados a objetos de vetor e de bitmap: efeitos
3D, Filtros SVG, efeitos de Deformao, efeitos de Transformar, Sombra, Difuso, Brilho interno e
Brilho externo.
Os efeitos na metade inferior do menu Efeitos so efeitos de rasterizao. Voc pode
aplic-los a objetos de vetor ou de bitmap.

Para aplicar um efeito:

1. Selecione o objeto ou o grupo (ou direcione uma camada no painel Camadas). Se qui-
ser aplicar um efeito a um atributo especfico de um objeto, como seu preenchimento ou
traado, selecione esse objeto e, em seguida, selecione o atributo no painel Aparncia;
2. Siga um destes procedimentos:
Selecione um comando no menu Efeito;
Clique em Adicionar novo efeito, no painel Aparncia, e escolha um efeito.
3. Se uma caixa de dilogo aparecer, defina opes e clique em OK.
Obs.: Para aplicar o efeito e as configuraes utilizadas na ltima vez, escolha Efeito >
Aplicar [nome do efeito]. Para aplicar o ltimo efeito usado e definir suas opes, escolha
Efeito > [nome do efeito].

Efeitos artsticos
Os efeitos artsticos se baseiam em rasterizao e usam as configuraes de efeitos de
rasterizao do documento sempre que so aplicados a um objeto de vetor.
Lpis de cor: Desenha uma imagem usando lpis de cor em um plano de fundo slido. As
arestas importantes so mantidas e recebem uma aparncia de hachura, enquanto as cores
do plano de fundo slido aparecem atravs das reas mais suaves.
Recorte de arestas: Retrata uma imagem como se ela fosse formada por recortes irregulares
de papel colorido. As imagens de alto contraste aparecem como uma silhueta, e as imagens
coloridas so compostas de vrias camadas de papel colorido.
Pincel a seco: Pinta as bordas da imagem usando uma tcnica de pincel a seco (entre leo
e aquarela). O efeito simplifica uma imagem ao reduzir seu intervalo de cores.
Foto granulada: Aplica um padro uniforme aos tons mdios e de sombra de uma imagem.
Um padro mais suave e saturado adicionado s reas mais claras da imagem. Esse efeito
til para eliminar bandas em misturas e unificar visualmente os elementos de diversas fontes.

33
Afresco: Pinta uma imagem de forma grosseira usando traados curtos e arredondados
como se tivesse sido aplicado com pressa.
Non: Adiciona vrios tipos de brilho aos objetos na imagem. Esse efeito til para colorir
uma imagem enquanto suaviza sua aparncia. Para selecionar uma cor de brilho, clique na
caixa de brilho e selecione uma cor no seletor de cores.
Toques de Tinta: Permite escolher entre vrios tamanhos (de 1 a 50) e tipos de pincel para
obter um efeito de pintura. Os tipos de pincel incluem simples, spero claro, spero escuro,
ntido largo, borro largo e cintilao.
Esptula: Reduz os detalhes em uma imagem para proporcionar um efeito uma tela pintada
com pouca tinta, revelando a textura subjacente.
Plastificao: Reveste a imagem como se ela estiver com plstico brilhante, acentuando os
detalhes da superfcie.
Arestas posterizadas: Reduz o nmero de cores em uma imagem de acordo com o valor
de Posterizao definido e, em seguida, localiza as arestas da imagem, desenhando linhas
pretas sobre elas. As reas mais amplas da imagem tm sombreado simples, enquanto os de-
talhes finos e escuros so distribudos pela imagem.
Pastis speros: Faz com que uma imagem parea como se tivesse sido traada com giz
pastel colorido em um plano de fundo texturizado. Em reas com cores brilhantes, o giz apa-
renta ser espesso com pouca textura e, em reas mais escuras, aparenta estar raspado para
revelar a textura.
Basto de Borrar: Suaviza uma imagem usando traos diagonais curtos para borrar ou
manchar as reas mais escuras das imagens. As reas mais claras se tornam mais brilhantes
e perdem os detalhes.
Esponja: Cria imagens com reas altamente texturizadas de cores contrastantes, como se
tivessem sido pintadas com uma esponja.
Tinta-base: Pinta a imagem sobre um plano de fundo texturizado e, em seguida, pinta a
imagem final sobre ele.
Aquarela: Pinta a imagem em estilo de aquarela, simplificando os detalhes e usando um pin-
cel mdio carregado com gua e cor. Quando ocorrem alteraes tonais significativas nas
bordas, o efeito satura a cor.

Efeitos de desfoque
Os comandos no submenu Desfoque do menu Efeito so baseados em rasterizao e
usam as configuraes de efeitos de rasterizao do documento sempre que um efeito
aplicado a um objeto de vetor.
Desfoque gaussiano: Desfoca rapidamente uma seleo de acordo com um valor ajustvel.
Esse efeito remove detalhes de alta frequncia e pode produzir um efeito turvo.
Desfoque radial: Simula o desfoque suave criado pela aplicao de zoom ou rotao da
cmera. Selecione Giro para desfocar as linhas circulares concntricas e especifique um grau
de rotao. Selecione Zoom para desfocar linhas radiais, como se aplicasse mais zoom ou
menos zoom imagem, e especifique um valor de 1 a 100. A qualidade do desfoque varia
entre Rascunho, para resultados mais rpidos, mas granulados, ou Boa e Mxima, para resul-
tados mais suaves, que so totalmente indistinguveis, exceto em uma seleo grande. Espe-
cifique a origem do desfoque arrastando o padro na caixa Centro do desfoque.

34
Desfoque Inteligente: Desfoca uma imagem com preciso. possvel especificar o raio, o
limiar e a qualidade do desfoque. O valor de Raio determina o tamanho da rea procurada
para pixels diferentes. O valor de Limiar determina o nvel de diferena dos pixels antes de
serem afetados. Tambm possvel definir um modo para a seleo inteira (Normal) ou para
as arestas das transies de cores (Somente Arestas e Sobrepor Arestas). Nos locais em que
ocorrem contrastes significativos, Somente Arestas aplica arestas pretas e brancas, e Sobre-
por Arestas aplica arestas brancas.

Efeitos de traados de pincel

Os efeitos de Traados de pincel se baseiam em rasterizao e usam as configuraes
de efeitos de rasterizao do documento sempre que so aplicados a um objeto de vetor.
Arestas Acentuadas: Acentua as arestas de uma imagem. Quando o controle Brilho da
borda est definido como um valor alto, os destaques se parecem com giz branco. Quando
definido como um valor baixo, os destaques se parecem com tinta preta.
Traado angular: Pinta uma imagem novamente usando traados diagonais. As reas mais
claras da imagem so pintadas em traados em uma direo, enquanto as reas mais escu-
ras so pintadas em traados na direo oposta.
Hachura: Preserva os detalhes e as caractersticas da imagem original, ao mesmo tempo em
que adiciona textura e torna mais speras as arestas nas reas coloridas da imagem, simu-
lando hachuras a lpis. A opo Intensidade controla o nmero de passadas de hachura
(de 1 a 3).
Traado escuro: Pinta reas escuras de uma imagem mais prximas do preto com traados
curtos e pinta reas mais claras da imagem com traados longos e brancos.
Rastro de tinta: Redesenha uma imagem com linhas finas e delicadas sobre os detalhes ori-
ginais, em estilo bico-de-pena.
Respingo: Reproduz o efeito de um aergrafo. Aumentar os valores das opes simplifica o
efeito geral.
Traado borrifado: Pinta novamente uma imagem usando suas cores dominantes, com tra-
ados de cores borrifados angulares.
Sumi-e: Pinta uma imagem em estilo japons como se usasse um pincel molhado cheio de tinta
preta em papel de arroz. O efeito so bordas suaves e borradas com tons intensos de preto.

Efeitos de distoro
Os comandos de Distoro podem consumir bastante memria. Eles se baseiam em ras-
terizao e usam as configuraes de efeitos de rasterizao do documento sempre que
so aplicados a um objeto de vetor.
Brilho difuso: Renderiza uma imagem como se ela estivesse sendo visualizada atravs de um
filtro de difuso suave. O efeito adiciona rudo branco transparente a uma imagem e o brilho
desaparece a partir do centro de uma seleo.
Vidro: Faz com que uma imagem parea como se estivesse sendo visualizada atravs de
diferentes tipos de vidro. Voc pode escolher um efeito de vidro predefinido ou criar a sua
prpria superfcie de vidro usando um arquivo do Photoshop. possvel ajustar configura-
es de dimensionamento, distoro e suavidade, bem como opes de texturizao.

35
Marola: Adiciona ondulaes aleatoriamente espaadas ao trabalho artstico, fazendo com
que ele parea estar debaixo da gua.

Efeitos de pixelizar
Os efeitos de Pixelizar se baseiam em rasterizao e usam as configuraes de efeitos
de rasterizao do documento sempre que so aplicados a um objeto de vetor.
Meio-tom em cores: Simula o efeito de usar uma tela de meio-tom ampliada em cada canal
da imagem. Para cada canal, o efeito divide a imagem em retngulos e substitui cada um
deles por um crculo. O tamanho do crculo proporcional ao brilho do retngulo.
Cristalizar: Agrupa cores em formas poligonais.
Meia-tinta: Converte uma imagem em um padro aleatrio de reas em preto-e-branco
ou com cores totalmente saturadas em uma imagem colorida. Para usar o efeito, escolha um
padro de pontos no menu pop-up Tipo da caixa de dilogo Meia-tinta.
Pontilhar: Decompe a cor de uma imagem em pontos posicionados de maneira aleatria,
como em uma pintura de pontilhismo, e utiliza a cor do plano de fundo como uma rea de
tela de desenho entre os pontos.

Efeitos de nitidez
O comando Mscara de nitidez no submenu Nitidez do menu Efeito focaliza imagens
borradas aumentando o contraste dos pixels adjacentes. Esse efeito se baseia em rasteriza-
o e usa as configuraes de efeitos de rasterizao do documento sempre que apli-
cado a um grfico de vetor.
Mscara de nitidez: Localiza as reas na imagem em que ocorrem alteraes de cor sig-
nificativas e aplica nitidez a essas reas. Use o efeito Mscara de nitidez para ajustar o
contraste dos detalhes da borda e produzir uma linha mais clara e outra mais escura em
cada lado da borda. Esse efeito reala a borda e cria a iluso de uma imagem mais ntida.

Efeitos de croqui
Muitos dos efeitos de Croqui usam preto-e-branco para redesenhar a imagem. Esses
efeitos se baseiam em rasterizao e usam as configuraes de efeitos de rasterizao do
documento sempre que so aplicados a um grfico de vetor.
Baixo-relevo: Transforma uma imagem para que ela parea entalhada em baixo relevo e ilu-
minada para acentuar as variaes na superfcie. As reas escuras da imagem so coloridas
com preto, enquanto as reas claras so coloridas com branco.
Giz e carvo: Redesenha os realces e os tons mdios de uma imagem com um plano de
fundo cinza, de tom mdio slido, com giz grosso. As reas de sombra so substitudas por
linhas de carvo na diagonal. O carvo desenhado em preto e o giz, em branco.
Carvo: Redesenha uma imagem de forma a criar um efeito manchado e posterizado. As
bordas principais so desenhadas energicamente, enquanto os tons mdios so traados de
maneira diagonal. O carvo colorido com preto e o papel, com branco.
Cromo: Trata a imagem como se ela fosse uma superfcie de cromo polida. Os realces so os
pontos altos e as sombras so os pontos baixos na superfcie refletora.

36
Crayon cont: Reproduz a textura de escuro denso e branco puro do Crayon cont em uma
imagem. O efeito Crayon cont usa preto para reas escuras e branco para reas claras.
Bico de pena: Usa traados de tinta finos e lineares para capturar os detalhes da imagem
original. Esse efeito substitui as cores na imagem original usando preto para tinta e branco
para papel. Ele especialmente impressionante com imagens digitalizadas.
Matriz de meio-tom: Simula o efeito de uma tela de meio-tom, ao mesmo tempo em que man-
tm o intervalo contnuo de tons.
Papel de carta: Cria uma imagem que parece ter sido criada com papel feito mo. Esse
efeito simplifica uma imagem e combina o efeito do comando Granulado (submenu Textura)
com uma aparncia em alto-relevo. As reas escuras da imagem aparecem como perfura-
es na camada superior do papel, cercadas por branco.
Fotocpia: Simula o efeito de fotocopiar uma imagem. As reas amplas de escurecimento
tendem a ser copiadas somente ao redor de suas bordas, enquanto os tons mdios se dis-
solvem gradualmente em preto slido ou branco.
Gesso: Molda uma imagem como se usasse um gesso e ento colore o resultado usando
preto-e-branco. As reas escuras ficam em relevo e as reas claras, afundadas.
Reticulao: Simula a reduo e a distoro controladas da emulso do filme para criar
uma imagem que parea estar concentrada nas reas de sombra e levemente granulada
nos realces.
Estampa: Simplifica a imagem de forma que ela parea estampada com estampa de madei-
ra ou borracha. Esse comando melhor usado com imagens em preto-e-branco.
Arestas rasgadas: Reconstri a imagem como papis rasgados e irregulares e ento a co-
lore usando preto-e-branco. Esse comando til para imagens que consistem em objetos de
texto ou de alto contraste.
Papel molhado: Usa toques manchados que parecem pintados em papel fibroso e mido,
fazendo as cores escorrerem e se mesclarem.

Efeitos estilizar
O efeito Arestas brilhantes se baseia em rasterizao e usa as configuraes de efeitos
de rasterizao do documento sempre que aplicado a um grfico de vetor.
Arestas brilhantes: Identifica as arestas de cor e adiciona a elas um brilho de non.

Efeitos de textura
Os efeitos de Textura se baseiam em rasterizao e usam as configuraes de efeitos
de rasterizao do documento sempre que so aplicados a um grfico de vetor.
Craquel: Pinta uma imagem em uma superfcie de gesso em alto relevo, produzindo uma fina
rede de fendas que segue os contornos da imagem. Use esse efeito para criar um efeito de
entalhe com imagens que contm inmeros valores de cor ou de escala de cinza.
Granulado: Adiciona textura a uma imagem simulando diferentes tipos de granulado (regu-
lares, suaves, com respingos, agrupados, contrastantes, ampliados, pontilhados, horizontais,
verticais ou salpicados). Para obter mais informaes sobre como usar essas opes de tex-
turizao, consulte Usar controles de textura e superfcie de vidro.

37
Ladrilhos do mosaico: Desenha a imagem como se ela fosse feita por pequenas lascas ou
ladrilhos, adicionando argamassa entre os ladrilhos. (Em contrapartida, o comando Pixelizar
> Mosaico divide a imagem em blocos de pixels de cores diferentes.)
Bordado: Divide uma imagem em vrios quadrados preenchidos com a cor predominante
nessa rea da imagem. Esse efeito reduz ou aumenta aleatoriamente a profundidade dos
ladrilhos para reproduzir realces e sombras.
Vitral: Pinta novamente uma imagem como clulas adjacentes de cor nica contornadas
pela cor do primeiro plano.
Texturizador: Aplica a textura selecionada ou criada para uma imagem.

Efeitos de vdeo
Os efeitos de Vdeo se baseiam em rasterizao e usam as configuraes de efeitos de
rasterizao do documento sempre que so aplicados a um grfico de vetor.
Desentrelaamento: Suaviza imagens em movimento capturadas em vdeo, removendo as
linhas pares ou mpares entrelaadas em uma imagem de vdeo. Opte por substituir as linhas
descartadas por duplicao ou interpolao.
Cores NTSC: Restringe a gama das cores s gamas aceitveis para reproduo em televi-
so, evitando que as cores excessivamente saturadas sangrem pelas linhas de varredura da
televiso.

38
3.11 Criando objetos em 3D
Efeitos 3D permitem criar objetos tridimensionais (3D) a partir de um trabalho artstico
bidimensional (2D). Voc pode controlar a aparncia de objetos 3D com iluminao, som-
breamento, rotao e outras propriedades. Tambm pode fazer o mapeamento do trabalho
artstico para cada superfcie de um objeto 3D.
Existem duas maneiras de criar um objeto 3D: por extruso ou revoluo. Alm disso,
voc tambm pode girar um objeto 2D ou 3D em trs dimenses. Para aplicar ou modificar
efeitos 3D para um objeto 3D existente, selecione o objeto e, no painel Aparncia, clique
duas vezes no efeito.

Criar um objeto 3D por extruso

A extruso estende um objeto 2D ao longo do eixo z do objeto para adicionar profun-
didade a ele. Por exemplo, se voc aplicar extruso a uma elipse 2D, ela se transformar em
um cilindro.
Obs.: O eixo do objeto sempre fica perpendicular superfcie frontal do objeto e se mo-
ver em relao ao objeto se este for girado na caixa de dilogo Opes de 3D.

1. Selecione o objeto;
2. Selecione Efeito > 3D > Extruso e chanfrado;
3. Clique em Mais opes, para ver a lista completa de opes, ou Menos opes, para
ocultar as opes extras;
4. Selecione Visualizar para visualizar o efeito na janela do documento;
5. Especifique opes:
Posio: Define como o objeto girado e a perspectiva a partir da qual voc visualiza;
Extruso e chanfrado: Determina a profundidade do objeto e a extenso de qualquer
chanfrado adicionado a esse objeto ou recortado dele;
Superfcie: Cria uma ampla variedade de superfcies, desde superfcies foscas e sem som-
bra at superfcies brilhantes e realadas que se parecem com plstico;
Iluminao: Adiciona uma ou mais luzes, varia a intensidade de iluminao, altera a cor
de sombreamento do objeto e move as luzes ao redor do objeto, para efeitos dramticos;
Mapear: Mapeia o trabalho artstico nas superfcies de um objeto 3D.
6. Clique em OK.

39
Criar um objeto 3D por revoluo
A revoluo varre um caminho ou perfil em direo circular ao redor do eixo y global
(eixo de revoluo) para criar um objeto 3D. Como o eixo de revoluo fixo verticalmente,
o caminho aberto ou fechado que revolvido normalmente precisa representar metade do
perfil do objeto 3D desejado em uma posio vertical voltada para a frente. Em seguida,
possvel revolver a posio do objeto 3D na caixa de dilogo do efeito.

1. Selecione o objeto;
Obs.: Aplicar o efeito Revoluo 3D a um ou mais objetos simultaneamente revolve cada
objeto ao redor do seu prprio eixo. Cada objeto reside no seu prprio espao 3D e no
pode fazer interseo com outros objetos 3D. Por outro lado, aplicar o efeito Revoluo
a um grupo ou camada direcionado revolve os objetos ao redor de um nico eixo.
2. Selecione Efeito > 3D > Revoluo;
3. Selecione Visualizar para visualizar o efeito na janela do documento;
4. Clique em Mais opes, para ver a lista completa de opes, ou Menos opes, para
ocultar as opes extras;
Posio: Define como o objeto girado e a perspectiva a partir da qual voc visualiza;
Revoluo: Determina como varrer o caminho ao redor do objeto, para transform-lo em
trs dimenses;
Superfcie: Cria uma ampla variedade de superfcies, desde superfcies foscas e sem som-
bra at superfcies brilhantes e realadas que se parecem com plstico;
Iluminao: Adiciona uma ou mais luzes, varia a intensidade de iluminao, altera a cor
de sombreamento do objeto e move as luzes ao redor do objeto, para efeitos dramticos;
Mapear: Mapeia o trabalho artstico nas superfcies de um objeto 3D.
5. Clique em OK.

40
3.12 Trabalhando com Perpectivas
No Illustrator voc pode desenhar ou renderizar facilmente a arte em perspectiva, usan-
do um conjunto de recursos que funciona com base em leis estabelecidas de desenho em
perspectiva.
A grade de perspectiva permite fazer uma representao aproximada de uma cena
em uma superfcie plana, pois naturalmente captada (pelo olho humano). Por exemplo, uma
estrada ou um par de trilhos, que parecem se encontrar ou desaparecer na linha de viso.
O Illustrator fornece predefinies para perspectivas de um, dois e trs pontos. Para se-
lecionar uma das predefinies de grade de perspectiva padro, clique em Exibir > Grade
de perspectiva e selecione a predefinio desejada.

Desenhar novos objetos em perspectiva

Para desenhar objetos em perspectiva, use as ferramentas de grupo de linhas ou as fer-
ramentas de grupo de retngulos enquanto a grade estiver visvel. Ao usar as ferramentas de
grupo de linha ou retngulo, voc pode alternar para a ferramenta Seleo de perspectiva,
pressionando Ctrl.
Voc tambm pode alternar o plano ativo usando os atalhos de teclado 1 (plano es-
querdo), 2 (plano horizontal) e 3 (plano direito) com estas ferramentas selecionadas.
possvel usar valores numricos para qualquer das ferramentas de grupo de retngu-
los ou grupo de linhas (exceto a ferramenta Claro). possvel especificar valores de altura e
largura para o objeto exatamente como voc desenharia no modo normal. No entanto, nesse
caso, o objeto desenhado em perspectiva. Alm disso, os valores representam dimenses
reais dos objetos.

41
Anexar objetos perspectiva
Se voc j tiver criado objetos, o Illustrator oferecer a opo de associar objetos a um
plano ativo na grade de perspectiva.
Para adicionar um objeto grade esquerda, direita ou horizontal:
1. Selecione o plano ativo no qual voc deseja colocar o objeto. possvel selecionar o
plano ativo usando o comando de atalho do teclado 1, 2 ou 3 ou clicando em uma das
faces do cubo no Widget de grade de perspectiva;
2. Clique em Objeto > Perspectiva > Associar ao plano ativo.

Colocao de objetos em perspectiva

Ao colocar um objeto ou uma arte existente em perspectiva, sua aparncia e escala se-
ro alteradas. Para trazer objetos normais em perspectiva, faa o seguinte:
1. Selecione o objeto usando a ferramenta Seleo de perspectiva;
2. Selecione o plano ativo no qual voc deseja colocar o objeto, usando o widget de Alter-
nncia de plano ou usando o atalho de teclado 1 (plano esquerdo), 2 (plano horizontal),
3 (plano direito);
3. Arraste e solte o objeto no local desejado.

42
 Unidade 4
Utilizando Modelos
e Elementos

43
4.1 Modelos e elementos disponveis para download
Uma grande vantagem em utilizar o Illustrator para criao de desenhos vetoriais, alm
da sua vasta gama de ferramentas, a grande quantidade de modelos e elementos dispo-
nveis para download na internet, muitos deles de forma gratuita.
Em diversas situaes, no temos a necessidade de criar um elemento totalmente do
zero, o que tomaria muito tempo, ou tambm no temos uma ideia clara de como queremos
fazer o desenho final. Neste ponto, poder observar diversos modelos pr-desenvolvidos faci-
lita muito na questo criativa e na utilizao de elementos desses modelos em nosso prprio
trabalho.
Por exemplo: precisamos criar a arte de um convite de casamento, mas no temos ideia
ainda de um formato que mais nos agrade. Ao acessar algum site que disponibiliza modelos,
podemos observar vrias ideias diferentes para a confeco do convite, algumas at prati-
camente prontas, que poderemos utilizar, ou identificar elementos em modelos diferentes que
nos agradem e podem ser adaptados ao nosso convite.
A seguir, iremos apresentar algumas pginas que disponibilizam, gratuitamente, modelos,
elementos individuais e fontes para download, que podem ser utilizados livremente nos seus
trabalhos (em alguns casos, limita-se ao uso no comercial).

Freepik
www.freepik.com
Grande banco de dados de desenhos vetoriais nas mais diversas
reas, completamente gratuito.

Vecteezy
www.vecteezy.com
Comunidade de criadores e designers, com um grande arquivo de
modelos prontos.

Vector Characters
vectorcharacters.net
Banco de modelos gratuito, focado em pessoas e personagens.

Font Space
www.fontspace.com
Grande banco de fontes gratuito.

DaFont
www.dafont.com
Grande banco de fontes gratuito.

44
4.2 Importando os modelos no Illustrator
Existem, basicamente, duas formas de importar arquivos para o Illustrator. Quanto quere-
mos importar um arquivo inteiro, seja ele em qualquer formtato, o comando Inserir o prin-
cipal mtodo, pois oferece o maior nvel de suporte para formatos de arquivo, opes de
posicionamento e cores. Depois de inserir um arquivo, use o painel Vnculos para identific-lo,
selecion-lo, monitor-lo e atualiz-lo.
1. Abra o documento do Illustrator no qual voc deseja inserir o trabalho artstico;
2. Selecione Arquivo > Inserir e selecione o arquivo que voc deseja inserir;
3. Selecione Vnculo para criar um vnculo com o arquivo ou cancele a seleo de Vnculo
para incorporar o trabalho artstico no documento do Illustrator;
4. Clique em Inserir;
5. Se aplicvel, siga um destes procedimentos:
Se voc inserir um arquivo PDF com vrias pginas, poder escolher a pgina que deseja
inserir e como deseja cortar o trabalho artstico;
Se incorporar um arquivo do Adobe Photoshop, poder escolher como converter as ca-
madas. Se o arquivo contiver composies de camadas, voc tambm poder optar pela
verso da imagem a ser importada.
Caso a ideia seja inserir apenas parte de um modelo obtido da internet, a melhor opo
abrir o arquivo e selecionar os elementos que sero utilizados, copi-los e col-los no ar-
quivo em que se est trabalhando.
OBS.: sempre importante ficar atento como os elementos esto dispostos no arquivo
obtido na internet, pois eles podem estar agrupados, inseridos em mscaras de recorte ou
caminhos compostos, o que precisa ser verificado no momento da cpia e na posterior edi-
o dos elementos em seu trabalho.

45
 Referncias
ADOBE SUPPORT. Manual de Ajuda do Adobe Illustrator CC. 2016. Disponvel
em: < http://helpx.adobe.com/br/pdf/illustrator_reference.pdf >

ALFAMDIA PROW. Adobe Illustrator CS6: criao vetorial. 2012. Disponvel em:
< http://www.alfamidia.com.br/ap1/illustratorcs6.pdf >

GETULINO PACHECO JUNIOR. ILLUSTRATOR CS6: criao vetorial sem limites.

2010. Disponvel em: < http://pt.scribd.com/document/136031673/Apostila-AI-
-CS6 >

46