Livro Illustrator Cs6

Adobe illustrator CS6
sumrio
InTroduo . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Windows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Mac OS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Conhecendo a interface do Illustrator . . . . . . . . . 10

Welcome . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Painel Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Painel Control . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Painis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Trabalhando com documentos no Illustrator . . . . 13

Configurando novo documento . . . . . . . . . . . . . . . . . . 13
View e zoom no Illustrator . . . . . . . . . . . . . . . . . . . . . 15
Rguas, ponto zero, guias e grades . . . . . . . . . . . . . . . . . 16
Ferramentas de desenho . . . . . . . . . . . . . . . . . . . . 17
Grupo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
Alinhando os objetos . . . . . . . . . . . . . . . . . . . . . . . . 21
Duplicando o Objeto . . . . . . . . . . . . . . . . . . . . . . . . 21
1
Adobe Illustrator CS6
Cores e preenchimentos . . . . . . . . . . . . . . . . . . . . 24
Definio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
Modelos de cores . . . . . . . . . . . . . . . . . . . . . . . . . 24
O trabalho com cores no Illustrator . . . . . . . . . . . . . . . . 25
Transparncia . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
Painel Stroke . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
Opes do painel Stroke . . . . . . . . . . . . . . . . . . . . . . 30
Paleta Pathfinder . . . . . . . . . . . . . . . . . . . . . . . . 32
Shape Modes . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Pathfinders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
O trabalho com Textos no Illustrator . . . . . . . . . . 34

Texto Artstico . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Texto de pargrafo . . . . . . . . . . . . . . . . . . . . . . . . . 34
Ferramenta Texto . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Opo da Ferramenta Texto . . . . . . . . . . . . . . . . . . . . 35
Vetorizao . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
Imagens Bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . 45
Imagens Vetoriais . . . . . . . . . . . . . . . . . . . . . . . . . . 47
O Desenho no Illustrator . . . . . . . . . . . . . . . . . . . . . . 50
Converter um ponto ncora com preciso, usando a ferramenta Con-
vert Anchor Point Tool . . . . . . . . . . . . . . . . . . . . . . . 50
Componentes de um Path . . . . . . . . . . . . . . . . . . . . . 52
Ferramenta Pencil . . . . . . . . . . . . . . . . . . . . . . . . . 53
Ferramentas de edio de caminhos . . . . . . . . . . . . . . . . 54
Clean Up . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
Ferramenta Width . . . . . . . . . . . . . . . . . . . . . . . . 54

2
Camadas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
Criar novas camadas . . . . . . . . . . . . . . . . . . . . . . . . 59
Painel Artboard . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
Painel Appearance . . . . . . . . . . . . . . . . . . . . . . . . . 61
Manipulando objetos . . . . . . . . . . . . . . . . . . . . . . . . 63
O Trabalho com smbolos . . . . . . . . . . . . . . . . . . . . . 64
Traos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68
Traar automaticamente o trabalho artstico . . . . . . . . . . . . 68
Ferramenta Paintbrush . . . . . . . . . . . . . . . . . . . . . . . 69
Mscaras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77
Mascarando outras mscaras . . . . . . . . . . . . . . . . . . . . 78
Liberando Mscaras . . . . . . . . . . . . . . . . . . . . . . . . 78
FERRAMENTA BLEND TOOL . . . . . . . . . . . . . . . . . . . . 78
Efeitos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80
Referncia rpida sobre efeitos . . . . . . . . . . . . . . . . . . . 81
Impresso . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98
Configurao do documento . . . . . . . . . . . . . . . . . . . . 98
Gerando PDFs de qualidade no Illustrator . . . . . . . . . . . . . 99
Gerando o PDF . . . . . . . . . . . . . . . . . . . . . . . . . . 102

3
MDULO 01
I nTroduo
O Adobe Illustrator considerado o mais profissional dos programas de arte vetorial em uso. No Brasil,
o seu mercado ainda pequeno pelo fato de seus concorrentes terem se estabilizado primeiro, mas a Ado-
be est conseguindo o seu lugar no mercado graas compatibilidade existente entre seus programas.
A mais nova verso do programa, a verso CS5, que faz parte de toda a famlia CS5 (Creative Sute), traz
novidades que, com certeza, possui grandes inovaes. Inovaes como, por exemplo, a possibilidade de
se trabalhar com formas isomtricas simulando 3D e a possibilidade de se exportar arte criada para a sute
Office. Estas so algumas das muitas novas ferramentas disponibilizadas pelo programa Illustrator CS5.
Windows
yy MICROSOFT
yy Processador: Processador Intel Pentium 4 ou AMD Athlon 64;
yy Memria: 1 GB;
yy Espao livre: 2 GB;
yy Resoluo da tela: 1024 x 768;
yy Windows XP com Service Pack 3;
yy Windows Vista Home Premium, Business, Ultimate, Enterprise com Service Pack 1;
yy Windows 7;
yy Conexo banda larga para servios online.
Mac OS
yy Processador: Processador Intel;
yy Memria: 1 GB;
yy Espao livre: 2 GB;
yy Resoluo da tela: 1024x768;
yy Mac OS X verso 10.5.7 ou 10.6;
yy Placa de vdeo de 16 bit;
yy Conexo Internet para servios online.
4
C onhecendo a interface do Illustrator
O Illustrator, quando aberto, exibe o seguinte layout:
Welcome
O programa Illustrator, assim que iniciado, apresenta uma tela Welcome.
Nesta tela, possuem duas principais opes:
Create New: Quando criar um novo documento, voc pode selecionar vrios fluxos de trabalhos dife-
rentes, que depois de selecionados, podem-se personaliz-los, sua interface e suas configuraes.
Open a Recent Iten...: Mostrar os ltimos arquivos abertos pelo programa Illustrator.
Caso no queira mais que esta tela aparea, selecione a caixa Dont show again.
Para reabilitar esta janela, v ao menu Help > Welcome Screen e desabilite a opo marcada.
Painel Tools
O Painel Tools contm ferramentas para a criao e a edio de imagens, arte-final, elementos de pgina
e assim por diante. As ferramentas relacionadas so agrupadas.
Painel Tools pode ser exibido com uma ou duas colunas e, para fazer isto, basta clicar sobre a seta dupla
branca na barra cinza.
Pode-se, tambm, arrast-lo e deix-lo solto em sua rea de trabalho. Clique sobre sua barra e arraste-o.
Para voltar para o lugar, s arrast-lo at o local desejado, at formar uma linha azul onde ir se encaixar.

5
Painel Control
Painel Control um painel de acesso rpido a opes, comandos e outros pai-
nis relacionados ao item da pgina atual ou objetos selecionados e tais informa-
es estaro sempre escritas no lado esquerdo da barra.
Para desloc-la para outro lugar, basta arrast-la e coloc-la onde quiser. Para vol-
tar, arraste at que aparea uma barra azul e solte-a.
Painis
Acesso rpido a muitas ferramentas do Illustrator, facilitando a modificao da
arte-final.
Todos os painis esto contidos em menu Window como, por exemplo: menu
Window > Layers, Type, Color, Pathfinder...
Dentro deste painel existem sub-painis que podem ser separados por grupos
ou no.
Como padro, o Illustrator iniciado com o Workspace Essentials, apresentan-

6
do este painel com cones.
Para mostrar os nomes dos cones, basta clicar entre a diviso da rea de
trabalho do Illustrator e o painel at formar uma seta com duas pontas e
arraste-os para a esquerda para ampli-los. Para visualizar as propriedades
de cada sub-painel, basta clicar sobre o cone, que ser aberto em abas
(grupos), e para apresentar o painel, j com os detalhes da ferramenta,
basta clicar duas vezes na barra.
Os sub-painis podem ser reposicionados para melhor atend-lo, basta
arrastar para fora do grupo e reposicion-lo. Seu redimensionamento
feito atravs da seta com suas pontas, selecionada entre a diviso dos sub-
-painis.
Workspace
Como padro o Illustrator iniciado com o Workspace Essentials, apre-
sentando este painel com cones, para alterar o workspace do programa,
ou seja, para alterar o layout ou a composio do painel de ferramentas
ou das paletas, o Illustrator disponibiliza alguns padres pr- definidos,
como:Essentiasl, Painting, Typography,Web, etc.
Para salvar seu prprio workspace v ao menu Window> Workspace
> Save Workspace, ou clique na aba Essentials>Save workspace , e salve
com o nome desejado as configuraes que desejar. Toda vez que abrir
o Illustrator voc poder aplicar suas configuraes atravs do menu
window>Workspace> e selecione o workspace que havia criado, ou cli-
que diretamente na aba Essentials> nome de seu workspace.

7
T rabalhando com documentos no Illustrator
Configurando novo documento
A opo New Document ou menu File>New permite que se comece a arte da estaca zero. A opo
New From Template abre a pasta de modelos do Adobe Illustrator CS5 para voc fazer as suas alteraes,
a partir de um modelo pronto. A opo Open document, abre um novo existente.
A escolher a opo New Document, ser mostrada a tela de configurao do seu documento.
Com esta opo, voc pode definir qual o tamanho do documento a ser criado e escolher tamanhos
pr-defindos no menu Size, ou configurando nas caixas de width (largura) e height (altura). Outra opo
muito importante a criao de novos Artboards, ou seja, novas pginas na opo Number of Artboards,
e, a partir deste, definir a distribuio do documento, o espaamento e o nmero de colunas; definir as
unidades de medidas a serem trabalhadas, a orientao do documento e a escolha dos modos de cores
RGB (quando o resultado final de sua arte for em tela) e CMYK (quando o resultado final de sua arte for
a impresso profissional).
Assim que todas as configuraes estiverem definidas, clique em OK e ser exibida como na imagem:

8
Mesmo aps o documento criado, seus padres no sero fixos, todos podem ser editados e alterados de
alguma forma. Neste caso, vamos alterar a cor de visualizao e de finalizao em Bitmap do documento.
No menu File>Document Color Mode> CMYK ou RGB.
Para salvar a sua arte no Adobe Illustrator, basta clicar no
menu File > Save ou utilizar as teclas de atalho CTRL+S. Aps
definir o nome, ele atribuir ao seu arquivo a extenso e sal-
vando o arquivo, ele perguntar sobre a compatibilidade de
fontes, PDF e Compresso.
As opes de se salvar um arquivo, com exceo do formato
.AI (Adobe Illustrator), so: .PDF(Portable Document For-
mat), .EPS(Encapsulated PostScript), .AIT(Adobe Illustrator
Template).
Ainda h outras opes de se salvar o arquivo como, por
exemplo: de criar grficos para a WEB, a opo Save for Web
& Devices.
H, tambm, a opo Save as Copy, na qual podemos criar
uma cpia de nosso trabalho. Possui, tambm, a opo Save as
Template, na qual podemos criar um modelo de documento
o mesmo ser criado com a extenso .AIT(Adobe Illustrator
Template) na pasta Template.
Podemos, tambm, exportar as imagens criadas no Adobe Illustrator para muitos formatos. Alguns
deles so: JPG, .PSD, PNG, TGA, TXT, TIFF e WMF. As opes de formatos compatveis para serem
importados pelo Adobe Illustrator so: AI, .AIT, .PDF,.CDR, .EPS, .GIF, .JPG, .PSD, .PNG, .TXT, .TIFF e
WMF. Lembrando que para abrir os arquivos, v ao menu File>Open.

9
View e zoom no Illustrator
Visualizar a arte-final
Ao abrir um arquivo, ele sempre ser visualizado no modo Preview, que mos-
trar como a arte-final ser impressa.
Na opo View, voc encontrar outras opes de visualizao do seu arqui-
vo.
View > Outline - Apenas o contorno dos objetos ser mostrado, mais co-
nhecido como modo aramado. Muito til para deixar seu arquivo mais leve
para a edio e, tambm, para encontrar arquivos que no modo Preview no
se encontrava.
View > Preview - Para ver todos os atributos da arte-final.
Observao: Para alterar entre os modos Preview e Outline, utilize o atalho Ctrl
+ Y.
View > Overprint Preview - Para visualizar quaisquer linhas ou formas que
foram configuradas para a impresso sobreposta. Esta visualizao til para
aqueles que, na indstria de impresso, precisam ver a maneira como as tintas
se integram quando configuradas. Impresso sobreposta.
View > Pixel Preview - Para visualizar a aparncia da arte-final, quando ela
rasterizada e visualizada na tela em um navegador Web.
Outras opes no menu View so muito utilizadas como, por exemplo:
View >Fit in window - Para visualizar sua pgina inteira, ou seja, centraliz-la em sua visualizao (mo-
nitor).
View > fit all in window - Mostra toda a tela utilizada, centralizada em seu monitor.
Observao: O atalho Ctrl+ 0 centraliza a rea de trabalho na tela.
Trabalhando com zoom

Para podermos aplicar zoom em nosso documento, alm da opo da barra de status, temos a opo do
uso do boto direito do mouse da ferramenta zoom. Ela, no estado normal, amplia e, se pressionarmos
a tecla ALT e a mantermos pressionada, a ferramenta muda para reduo. Podemos, tambm, utilizar as
opes de zoom do menu View, onde temos Zoom In, Zoom out, Fit In Window, que traz a tela completa
de seu desenho e a opo Actual Size, que mostra o tamanho atual.
Para ajudar na visualizao, quando se trabalha com do-
cumentos grandes e diversas reas de zoom, use sempre a
ferramenta Hand e a paleta Navigator localizada no menu
Window>Navigator..
No programa Illustrator, o Zoom poder ser utilizado por v-
rios atalhos. O primeiro a ferramenta localizada no painel de
ferramentas Zoom e poder ser utilizado arrastando-a. Em se-
guida, ser formada uma caixa de seleo e o que estiver contido
nesta caixa ser ampliado com o zoom; ou clicando at aproxi-
mar. Para conseguir um zoom out (negativo), basta manter a tecla Alt pressionada.

10
Observao: O atalho para a ferramenta zoom a letra do teclado (z), que pode ser utilizada tambm
com o atalho Ctrl+ + e Ctrl+ -, com a barra de espao + Ctrl e espao+Ctrl+Alt ou com a tecla Alt + ao
rolar o scroll do mouse.
Ferramenta Hand
Utilize a ferramenta Hand (H): para rolar para diferentes reas do documento, ou utilize a barra
de espao como atalho para selecion-la.
Rguas, ponto zero, guias e grades

Quando o seu desenho precisar de medidas exatas, uma das primeiras coisas a se fazer, aps a definio
da configurao de seu documento, mostrar as rguas em seu documento no menu View>Show Rulers.
Podemos alterar as medidas das rguas, clicando sobre elas com o boto direito de seu mouse.
A definio de seu ponto zero tambm importante para que seu desenho fique nas medidas e posies
corretas.
Ao se atribuir as rguas, possvel criar linhas guias para facilitar o posicionamento de seu objeto de
desenho.
Para criar as linhas guias, basta apenas clicar sobre uma das rguas e depois arrast-la para a tela. Ao soltar
a linha guia, a mesma ficar bloqueada. Para manipular as linhas guias, utilize o menu View > Guides, onde
temos as opes Hide Guides, Lock Guides, Make Guides, Release Guides e Clear Guides.
Podemos, tambm, utilizar as opes de Grades, menu View>Show Grid. Para alterar as opes de guias
e grades, utilize a seguinte opo menu Edit> Preferences>Guides & Grid. O Adobe Illustrator tem uma
opo que permite ao artista visualizar ngulos, tipo de arte utilizada, etc. Esta opo chama-se Smart
Guides e ela poder ser acessada pelo menu View.

11
F erramentas de desenho
1. Ferramenta Retngulo
Para desenhar retngulos e quadrados, clique sobre a ferramenta retngulo e desenhe em sua tela. Para
j definir, no desenho, as dimenses de seu objeto, apenas clique sobre a tela e ser aberta uma caixa de
dilogo para que voc especifique as dimenses a serem colocadas para o desenho.
Para desenhar quadrados sem a utilizao da caixa de dilogo, pressione SHIFT enquanto desenha.
Para que o seu desenho ao ser puxado para esquerda mantenha as mesmas dimenses para a direita,
utilize a tecla ALT e o mesmo processo funciona tambm de baixo para cima.
2. Ferramenta Retngulo de Cantos Arredondados

Funciona da mesma forma que a ferramenta Retngulo, porm seus cantos so arredondados.
Ao clicar na tela, na caixa de dilogo ter tambm a opo para o raio de arredondamento dos cantos.

12
3. Ferramenta Elipse
A ferramenta Elipse permite desenhar ovais e circunferncias. Para desenhar circunferncias perfeitas,
pressione SHIFT enquanto desenhar ou apenas clique na tela e defina as mesmas dimenses para altura
e largura.
4. Ferramenta Polgono
Permite desenhar polgonos perfeitos, com no mnimo 3 lados e no mximo 1000 lados.
5. Ferramenta Estrela
Permite desenhar estrelas perfeitas, com no mnimo 3 lados e no mximo 1000 lados.
6. Ferramenta Flare
Esta uma ferramenta que simula um brilho na lente, deve ser utilizada em contraste com outros dese-
nhos em sua tela. Ao selecion-la e clicar na tela a as tela de configurao mais complexa, permitindo que
se configure o dimetro, Grau de opacidade, brilho, Nmero de raios, etc...
Todas estas ferramentas de forma para formar um shape, apenas dando um clique na tela aparecero, em
seguida, basta adicionar os dados e ser criado a forma com estes.
1. Ferramenta Linha
Permite desenhar linhas retas em qualquer ngulo. Ao clicar sobre a tela abre- se a caixa de dilogo para
definir as dimenses da reta e o ngulo a ser utilizado.
2. Ferramenta Curva
Permite desenhar curvas em seu desenho. Atravs da caixa de dilogo pode-se configurar a forma de
como ser feito o arco.
3. Ferramenta Grade Retangular

Permite desenhar em sua tela um retngulo como se fosse um papel grfico, ou seja, com clulas (linhas
e colunas).
4. Ferramenta Grade Polar

Funciona de maneira semelhante grade retangular, mas ao invs de um quadrado, ele vai desenhar um
crculo polar.
Estas ferramentas tambm possuem um sistema parecido com a anterior, dando apenas um clique na
tela e decidindo os parmetros da forma. O mesmo se adapta ao pressionar SHIFT e ALT.

13
Caixa Style Fill e Stroke
A- Fill: defini a cor do preenchimento do objeto

B- Stroke: defina a cor do contorno do objeto
C- Color: habilita modo de cores solidas
D- Gradient: habilita o modo de cores gradiente
E- None: retira preenchimento ou contorno
Ao clicar na caixa Fill ou Stroke, abrir a janela Color Picker:
Ferramentas de seleo
Selection Tool : Quando passar esta ferramenta sobre objetos (paths), uma seta aparecer ao
lado da ferramenta , mostrando que o item pode ser selecionado. Quando clicar sobre o objeto, uma
caixa delimitadora de oito alas aparecer. Esta caixa proporcionar a distoro e rotao do objeto sele-
cionado. Para selecionar mais de um objeto, existem vrias formas e uma delas formando uma caixa de
seleo contendo os objetos que deseja selecionar. Outra forma clicando sobre o objeto e segurando a
tecla Shift para selecionar um ou mais objetos. Este princpio segue para retirar da seleo, ou clicando em
uma rea no selecionada.

14
Pressionando as teclas Ctrl+A para selecionar todas as artes.
ROTAO
ESCALA
Direct Selection Tool : Novamente, sem clicar sobre o objeto, coloque a ferramenta sobre um
ponto de ancoragem. Voc saber que conseguiu quando aparecer um quadrado branco ao lado da ferra-
menta. Esta ferramenta serve para alterar os pontos de ancoragem do objeto e seu mtodo de seleo o
mesmo da ferramenta Selection.
Observao: Para saber quando o ponto est selecionado, repare se ele est com uma cor e com o preenchimen-
to branco no selecionado.
Observao: Para saber quando o ponto est selecionado, repare se ele est com uma
cor e com o preenchimento branco no selecionado.
Ferramenta Magic Wand : Esta ferramenta seleciona os objetos que possuem a mesma cor de
preenchimento de cor. Mantendo a tecla Alt pressionada, remover a seleo.
Grupo
Para adicionar grupo a dois ou mais objetos, basta selecion-los, ir ao menu Object > Group (para
agrup-los) e Object> Ungroup (para desagrup-los), ou selecione os objetos, clique com o boto direito
sobre a tela e d Group ou Ungroup.

15
Isole o grupo ou o objeto selecionado
O programa Illustrator possui a grande vantagem de existir um mtodo muito fcil de isolar os objetos,
ou seja, alter-los sem o perigo de alterar ou selecionar outros. Para isso, basta clicar 2 sobre o grupo ou o
objeto para isol-los separadamente e para saber se o objeto foi separado, basta reparar a barra sobre a rea
de trabalho, deste modo os outros objetos no podem ser movidos nem alterados. Para voltar ao Layout,
basta dar dois cliques fora do objeto ou apertar a seta no canto superior do arquivo.
Alinhando os objetos
A partir da verso CS4, h 3 tipos de alinhamentos. Este painel est
localizado no menu Window>Aling.
Neste Painel, existem trs formas de alinhamento:
Aling Objects: utilizado para alinhar pelo centro dois ou mais
objetos.
Distribute Objects: utilizado para gerar um espaamento igual
entre dois ou mais objetos.
Distribute Spacing: utilizado para distribuir os objetos vertical-
mente ou horizontalmente.
O comando Aling To mostra como ser sua seleo e atravs de que ser alinhada, existem, nela, trs
opes:
Aling to Selection: alinhamento da seleo, selecionando
dois ou mais objetos e alinhando-os entre si.
Aling to Artboard: alinhamento da sua rea de criao,
onde tudo ser alinhado sua rea de arte e o terceiro o alinha-
mento com objeto chave. Voc far a seleo de dois ou mais ob-
jetos e, em seguida, clique sobre o objeto que deseja ser a chave,
aquele que os outros tero como referncia.
Duplicando o Objeto
O programa Illustrator trabalha com algumas formas de duplicao do objeto bem interessantes.
A forma mais famosa copiar e colar, com os atalhos Ctrl+C e Ctrl+V. Outros modos de duplicar o
objeto pressionar Alt quando o objeto estiver selecionado. Observe que a ferramenta de seleo se tor-
nar duas setinhas uma preta e uma branca . Arraste o objeto para o local desejado e crie sua cpia.
Outro atalho muito utilizado o Ctrl+b. Assim que o objeto for copiado com este atalho, a sua cpia
ser colada atrs do original. O atalho Ctrl+f coloca o objeto copiado colado na frente.
Observao: Estes atalhos tambm esto disponveis em menu Edit>....

16
P aleta Pathfinder
O principal objetivo da paleta Pathfinder a edio de caminhos que de forma manual seria muito
difcil e demorada.
As opes do painel Pathfinder modificam o modo de interao entre dois ou mais caminhos.
Para selecionar a paleta menu Window>Pathfinder.
As opes da paleta Pathfinder so classificadas em trs categorias: de combinao, de diviso e as op-
es de Mix/TRAP que misturam as cores de caminhos sobrepostos ou geram automaticamente a reten-
o, de acordo com as suas especificaes.
Shape Modes
yy Unite - Unifica dois ou mais objetos, preva- yy Intersect - Deixar somente visvel onde os ca-
lecendo as caractersticas do objeto que est minhos formam interseco.
frente
yy Exclude - Exclui a parte onde os objetos sobre-

yy Minus Front - Ao desenhar dois objetos so- postos formam uma interseco, prevalecendo
brepostos, a rea em que se sobrepe o objeto de as propriedades do objeto do nvel superior.
nvel superior cortar o nvel inferior.

17
Pathfinders
yy Ferramenta Divide - Verifica onde os cami- yy Ferramenta Crop - Funciona quase como as
nhos selecionados se sobrepem e, em seguida, mscaras, exceto pelo fato de que tudo o que es-
cria novos caminhos em todas as interseces tiver fora da rea recortada ser eliminado e no
destes caminhos, gerando novos caminhos se somente mascarado.
necessrios.
yy Ferramenta Outline - Cria pequenas sees de

caminhos onde quer que os caminhos se cruzem
e aplica cor aos traos e peso de 1 pt. Este recur-
yy Ferramenta Trim - Remove sees de cami- so til para a reteno localizada, porque gera,
nhos sobrepostas por outros caminhos. Os ca- automaticamente, as sees necessrias que de-
minhos mais frente so os nicos que perma- vem ser escolhidas para a impresso sobreposta,
necem. embora em algumas ocasies as cores sejam in-
corretas.
yy Ferramenta Merge - Combina caminhos so- yy Minus Back Retira dos caminhos seleciona-
brepostos que possuem um preenchimento dos mais frente todos os caminhos seleciona-
idntico. Mesmo que o preenchimento apresen- dos na parte de trs deste mesmo caminho. O
te uma diferena mnima, o recurso Merge gera objeto posicionado na parte de trs eliminado
dois caminhos separados. e a rea em que se encontrava este ltimo objeto
tambm excluda.

18
Exerccios
Exerccio - Criando com formas bsicas

A partir dos contedos aprendidos neste mdulo redesenhe, utilizando formas simples, o de-
senhos abaixo:
Voc vai presizar aplicas os conceitos de

pathfinder, align e preenchimento para fina-
lizar seu desenho.
Voc precisa se preocupar com o formato
do desenho e tentar ao mximo fazer como
no desenho ao lado.
19
Exerccios
Exerccio - Refaa as logomarcas

Muitas vezes a eficcia de uma marca no tem a ver com a complexidade dela. Experimente
recriar algumas das marcas mais conhecidas mundialmente e veja como elas, tecnicamente, no
tem um grau de dificuldade alto.
Voc vai precisar aplicar os conceitos de pathfinder e align para finalizar seu desenho.
20
Exerccios
Exerccio - Criando cones vintage

Apenas com as formas bsicas possvel criar cones cheios de estilos que podem compor uma
ilustrao ou funcionar como botes.
Refaa os cones abaixo. Use o modelo e a ferramenta eyedropper tool para copiar as cores utiliza-
das.
Para dar acabamento a ilustrao abra o arquivo textura.ai disponibilizado pelo professor e posicione
por cima de sua composio. Ele vai dar um efeito desgastado, explicitando o ar vintage da pea.
Voc vai precisar aplicar os conceitos de preenchimento e align para finalizar seu desenho.
21
Links teis
yy http://ideiasportalcriativo.com.br/como-criar-e-usar-fontes-personalizadas/
yy http://ideiasportalcriativo.com.br/10-dicas-para-um-portifolio-melhor/
yy http://ideiasportalcriativo.com.br/mock-ups/
yy http://ideiasportalcriativo.com.br/vetores/
yy http://ideiasportalcriativo.com.br/texturas/
yy http://ideiasportalcriativo.com.br/conheca-tambem-a-lista-de-sites-para-fazer-portifolio-gratuito-
-sete-locais-para-voce-ser-apresentado-para-mudar-e-conquistar-novos-mercados/
yy http://ideiasportalcriativo.com.br/15-dicas-de-como-gerenciar-seu-tempo/
yy http://ideiasportalcriativo.com.br/10-dicas-para-criar-uma-logo-perfeita/
yy http://ideiasportalcriativo.com.br/sites-para-fazer-logomarcas/
yy http://ideiasportalcriativo.com.br/10-dicas-para-finalizar-bem-o-job/
yy http://ideiasportalcriativo.com.br/os-top-mais-ideias-sites-com-atalhos-para-illustrator/
yy https://helpx.adobe.com/br/illustrator/topics.html
yy http://marcozero.rec.br/tutoriais-3-fechamento-de-arquivo-no-illustrator-cs5
yy http://www.revistatecnologiagrafica.com.br/index.php?option=com_content&view=ar
ticle&id=4240:boas-praticas-para-a-arte-finalizacao-e-geracao-de-arquivos-para-impressao-
-digital&catid=113:digitec
yy http://rangelsales.com.br/blog/archives/413
yy http://designcafeinado.com.br/2014/03/o-que-sao-cores-rgb-cores-cmyk-e-cores-pantone/
yy http://designcafeinado.com.br/2014/03/o-que-e-ppi-dpi-lpi-e-como-saber-a-resolucao-de-
-uma-imagem/
yy http://www.designsprint.net/
yy http://clubedodesign.com/2013/10/algumas-maneiras-de-simplificar-o-caminho-ou-reduzir-
-pontos-extras-no-illustrator/
yy http://clubedodesign.com/2012/08/aprenda-a-usar-a-ferramenta-gradient-mesh-do-illustrator/
yy http://macmais.com.br/tutoriais/abrindo-os-horizontes/
yy http://www.revistatecnologiagrafica.com.br/index.php?option=com_content&view=article&id=
2471:turbine-seus-graficos-no-illustrator&catid=107:tutorial&Itemid=205
22
MDULO 01
C ores e preenchimentos
Definio
A cor um fenmeno ptico (parte da Fsica que estuda os fenmenos luminosos e os fenmenos da
viso) provocado pela ao de um feixe de ftons sobre clulas especializadas da retina, que transmitem
atravs de informao pr-processada no nervo ptico, impresses para o sistema nervoso.
A cor de um material determinada pelas mdias de frequncia dos pacotes de onda que as suas mo-
lculas constituintes refletem. Um objeto ter determinada cor se no absorver justamente os raios cor-
respondentes frequncia daquela cor. Assim, um objeto vermelho se absorver preferencialmente as
frequncias fora do vermelho.
A cor relacionada com os diferentes comprimentos de onda do espectro eletromagntico. So perce-
bidas pelas pessoas em faixa especfica (zona do visvel) e por alguns animais atravs dos rgos de viso,
como uma sensao que nos permite diferenciar os objetos do espao com maior preciso.
Considerando as cores como luz, a cor branca resulta da sobreposio de todas as cores, enquanto a cor
preta a ausncia de luz. Uma luz branca pode ser decomposta em todas as cores (o espectro) por meio
de um prisma. Na natureza, esta decomposio origina um arco-ris.
Modelos de cores
Aqui, neste material, iremos abordar apenas dois modelos de cores, os mais utilizados no Illustrator. Vale
lembrar, apenas, estes modelos de cores. Vamos conhecer os modelos RGB e CMYK.
yy RGB - o modelo de cor da Luz, conhecido como cores aditivas e a soma de suas cores formam a
cor branca. O RGB composto por trs cores primrias:
23
(R) Vermelho
(G) Verde
(B) Azul
Cada uma destas cores pode variar entre 256 nveis de intensidade
(denominando valores de brilho).
yy CMYK - O sistema CMYK utilizado pela indstria grfica nos diversos processos de impresso,
como, por exemplo, o Off-Set e o processo Flexogrfico, bastante usado na impresso de etiquetas e
embalagens. Funciona devido absoro de luz, pelo fato de que as cores que so vistas vm da parte
da luz que no absorvida.
(C) Cyan (ciano)

(M) Magenta
(Y) Yellow (amarelo)
(K) Black (preto)
O trabalho com cores no Illustrator
Paleta Colors
Permite trabalhar com os seguintes padres de cores: Grayscale, RGB, CMYK, HSB e WebSafe.
possvel para uma melhor escolha da
cor, clicar sobre o valor que est na paleta de
cores e, ento, somar, subtrair, multiplicar e
dividir os valores de cores para encontrar a
melhor tonalidade.
Rampa de cores: So as cores abaixo da
paleta principal de cores. Ao arrastar o mou-
se sobre ela, a mesma transforma-se em um
conta-gotas, permitindo capturar a cor. Para
alternar entre uma cor de preenchimento e
outra, utilize a tecla X.
Recolor Artwork
Depois de desenhar e colorir alguns objetos, se pretender mudar as suas cores, e quiser a ajuda da nova
funcionalidade Recolor Artwork, selecione os objetos pretendidos, com a seta preta, e clique sobre o
cone deste comando, na barra de opes:

24
Uma janela nova ir abrir, onde pode mudar as cores interativamente (separador Edit). Quando estiver
satisfeito com as cores obtidas, poder dar OK e sair da janela, mas poder tambm guardar este grupo de
cores para utilizao posterior noutros objetos, clicando sobre o cone da pasta. Este grupo fica guardado
na paleta Swatches.
Paleta Swatches
Swatches, que so as suas amostras de cores salvas, ou Color Models, que o padro, onde voc tem
uma gama de cores para escolher. A paleta Swatches est localizada no menu Window > Show Swatches.

25
No menu Windows>Swatches Libraries, abrem-se as outras possibilidades de amostras de cores pos-
sveis de se utilizar com Swatches. Estas alteraes de adio de cores ficaro disponveis na memria do
documento atual.
Podemos criar qualquer forma de preenchimento e depois adicionar este preenchimento nossa paleta
Swatches.
Swatches ou Amostras so cores, tons, gradientes e padres nomeados. As amostras associadas a um do-
cumento aparecem no painel Amostras. Estas amostras podem aparecer individualmente ou em grupos.
Voc pode abrir bibliotecas de amostras a partir de outros documentos do Illustrator e vrios sistemas
de cores. Bibliotecas de cores aparecem em painis parte e no so salvas com o documento.
O painel Amostras e os painis de bibliotecas de amostras podem conter os seguintes tipos de amostras:
yy Cores de processo: Uma cor de processo impressa com o uso de uma combinao das quatro
tintas de processo padro: ciano, magenta, amarelo e preto. Por padro, o Illustrator define novas amos-
tras como cores de processo
yy Cor Spot: Uma cor de spot uma tinta especial pr-misturada que usada em substituio ou em
acrscimo s outras, ou alm das tintas de processo e que exige sua prpria chapa na impressora comer-
cial. Use as cores de spot quando forem especificadas poucas cores e a preciso da cor for importante.
As tintas de cor de Spot podem reproduzir, com preciso, as cores que esto fora do gamut de cores de
processo. O gamut a faixa de frequncia da luz que um objeto ou um corpo interpreta. Entretanto, a
aparncia exata da cor de spot impressa determinada pela combinao da tinta conforme misturada
pela impressora comercial e o papel em que impressa, e no pelos valores de cores especificados, nem
pelo gerenciamento de cores. Ao especificar valores de cor de spot, voc est descrevendo a aparncia
simulada da cor de seu monitor e da impressora composta apenas (sujeita s limitaes de gamut)
desses dispositivos. As cores Pantone se encaixam nessa classe, pois so cores especiais definidas por
tintas pr misturadas.
yy Gradientes: Uma gradiente uma mistura gradual entre duas ou mais cores ou tons da mesma cor
ou de cores diferentes. Cores de gradiente podem ser atribudas como cores de processo CMYK, co-
res RGB ou uma cor especial. A transparncia aplicada a um limite de gradiente preservada quando a
gradiente salva como amostra de gradiente. Os valores de proporo e ngulo de gradientes elpticos
(criados com o ajuste da proporo ou do ngulo de uma gradiente radial) no so salvos.
yy Padres: So caminhos repetitivos (lado a lado), caminhos compostos, texto com preenchimentos
slidos ou nenhum preenchimento.
yy Nenhum: A amostra Nenhum (a) remove o traado ou o preenchimento de um objeto. No
possvel editar nem remover esta amostra.
Nota: Se voc usar a cor de Registro para digitao e, em seguida, separar o arquivo e imprimi-lo, a digitao
talvez no seja registrada corretamente, e a tinta preta pode ter uma aparncia turva. Para evitar isso, use tinta
preta para digitao.

26
Color Guide
A partir de uma nica cor ou de um grupo de cores guardado na paleta Swatches, com o painel Co-
lor Guide, possvel criar outros grupos de cores, com diferentes tendncias: cores fortes, contrastantes,
quentes, frias, etc. Basta clicar na seta que surge frente da(s) cor(es) selecionada(s) e escolher um dos
conjuntos sugeridos na lista que se abre.
O conjunto escolhido pode ser guardado na paleta

Swatches, com um clique sobre o cone da pasta, na
base da paleta Color Guide.
Este Painel pode ser habilitado no menu

Window>Color Guide, ou atravs do atalho Shift+F3
Ferramenta Eyedroper :
A ferramenta Eyedroper colhe informaes sobre o estilo de pintura de um caminho ou de uma imagem
colocada, alm de armazenar as informaes na caixa Style Fill e Stroke.
Live Paint Bucket :

A ferramenta Live Paint uma tima ferramenta do Illustrator
que possibilita a voc colorir reas que no so objetos.
Normalmente, quando se quer colorir uma rea, fechada de
pontos em todos os lados um crculo ou um quadrado, por
exemplo , o problema que no se pode colorir uma rea que
no um objeto como o exemplo abaixo, uma rea entre sobre-
posio de objetos.
Selecione os objetos, pressione a ferramenta Paint e passe so-
bre seus objetos transformando-os em um Live Paint Group.
Uma vez que o objeto faz parte de um live paint group, selecione
uma cor dentro da paleta Swatches e clique na rea que voc de-
seja pintar.
Gradientes
Para mostrar/ocultar a paleta gradiente, utilize a tecla F9 ou v ao menu Window>Gradient, s poss-
vel aplicar gradientes aos preenchimentos de caminhos.

27
Dentro deste painel, temos as propriedades:
yy Type: onde voc pode escolher qual tipo de gra-

diente ir aplicar, radial ou linear.
yy Reverse Gradient: que reverte o sentido do gra-
diente.
yy Angle: seleciona o ngulo que o gradiente ir atuar.
yy Aspect Ratio: pode ser utilizada somente com o
gradiente radial. Ele deforma o gradiente, deixando-o
achatado.
yy Gradiente Slinder: barra de cores que sero aplica-
das no degrad. Para criar mais cores, basta clicar so-
bre a barra e perceber que a ferramenta de seleo ir
ficar branca com um smbolo +. Para delet-lo, clique
sobre ele e arraste para baixo.
yy Opacity: define a opacidade do degrad como um todo ou somente em um comando de cor.
yy Location: mostra onde o comando de cor est localizado em relao barra de degrad e pode variar
de 0% a 100%.
Malha de Gradiente: Permite transformar um caminho normal preenchido em um objeto multicolo-

rido com um clique de boto. Clique e crie uma nova cor no ponto que recebeu o clique. A nova cor
combinar sem problemas cor original do objeto.
O gradiente tambm pode ser aplicado com Gradiente Tool , localizado no painel de ferramen-
tas. Com um clique ou clicando e arrastando, conseguimos definir a cor do gradiente, bem como o incio
e o fim, e outras propriedades.
Pattern
Uma definio simples para pattern padronagem, ou seja, uma forma criada a partir da juno de ele-
mentos que podem ou no ser contnuos. A juno desses elementos deve representar algo novo. Esse
conceito de padronagem est inserido, em um contexto mais amplo: o design de superfcie. Assim, quem
trabalha nesta rea desenvolve o tratamento das mais variadas superfcies utilizando tcnicas e ferramen-
tas prprias, levando em conta a esttica, a conceituao, processos criativos e apresentando variadas so-
lues para a estamparia, malharia, papelaria, web e outros.
Criao do mdulo
Padres geralmente so feitos em vetor, pois podem ser ampliados e duplicados com facilidades. Por
isso utilizaremos o Illustrator, pois trata-se de um programa prtico para a construo do desenho vetorial,
da transformao deste em mdulo e da aplicao no sistema.
yy Crie um documento novo no Illustrator, pode ser um A4, pois geralmente necessrio fazer mais
de um teste vetorial;

28
yy Se sua padronagem foi desenhada primeiro e escaneada necessrio importar a imagem, para isso
selecione menu File > Place;
yy Para auxiliar a criao do desenho vamos utilizar um grid. Para habilitar o grid selecione menu View
> Show Grid;
yy Utilizando a Pen Tool para desenhar e a Direct Selection Tool para consertar os ns e curvas que
no ficaram to bons, vetorize o desenho escaniado. Caso esteja fazendo sem um molde desenhe li-
vremente;
yy Use o Color Picker para preencher com cores slidas os objetos de seu mdulo.
Depois de preenchido e finalizado, abra o painel swatches atravs do menu Window > Swatches;
Basta agrupar todos os seus elementos (ctrl + G) reduzir o tamanho do mdulo para ficar no tamanho
ideal de aplicao.
Em seguida, arrasta o mdulo para dentro do painel swatches;

29
Crie uma forma qualquer, no exemplo abaixo foi criado um modelo de envelope com aplicao na aba.
Notas: O mdulo. geralmente, possui sempre lados iguais. No devemos esquecer que, quando se trata
de estampa corrida o mdulo no deve ser ressaltado, para isso ele tem que ter lados simtricos, onde co-
mear uma linha do lado direito, por exemplo, do lado esquerdo ela dever ter a mesma altura.
Utilizando o painel pattern

O illustrator oferece uma cartela de pattern ou estampas corridas prontas para aplicar e so dividias em
grficos bsicos, geometricas e naturais.
Para acessr as patterns:
1. Se seu painel swatches no estiver nos seus atalhos de painis, v ao menu window > swathes
2. Abras a opes do painel selecione Open Swatch Library > Pattern > escolha uma das opes dispo-
nveis.

30
Voc pode aplic-las como est disponvel ou modific-las. Para isso arraste a estampa escolhida para
sua rea de trabalho modifique o que desejar e arraste novamente para dentro do painel swatches.
Veja alguns exemplos de patterns do prprio illustrator.

31
Transparncia
A transparncia uma parte to integral do Illustrator que possvel adicionar transparncia a um traba-
lho artstico sem mesmo perceb-la. A principal definio o valor da opacidade, que voc pode usar para
definir o nvel de opacidade a ser aplicado ao objeto. Possui tambm uma listagem drop-dow de Modos
de Combinao. Estes modos de combinao definem como as cores dos objetos do fundo se combinam
aos objetos transparentes.
Os modos so:
yy Normal : A cor de combinao no afetada pela cor bsica.
yy Multiply : Resulta sempre em uma cor mais escura.
yy Screen: Este modo resulta sempre em uma cor mais clara.
yy Overlay: A cor bsica misturada cor de combinao para gerar uma cor mais clara ou mais escura,
dependendo da cor bsica.
yy Soft Light: As cores so clareadas, se a cor de combinao for clara, ou escura, se a cor de combinao
for escura. Este modo de combinao como emitir uma luz branda sobre o objeto.
yy Hard Light: As cores so projetadas, se a cor de combinao for clara, ou escura, se a cor de combi-
nao for escura. Este modo de combinao como emitir uma luz contrastante escura sobre o objeto.
yy Color Dodge: As cores so clareadas tendendo para a cor de combinao.
yy Color Burn: As cores so escurecidas tendendo para a cor de combinao.
yy Darken: Todas as cores mais claras que a cor de combinao so substitudas pela cor de combina-
o. As cores mais escuras permanecem intactas.
yy Lighten: Todas as cores mais escuras que a cor de combinao so substitudas pela cor de combina-
o. As cores claras permanecem intactas.
yy Difference: Subtrai da outra cor a cor mais clara dentre duas cores.
yy Exclusion: Tambm subtrai da outra cor mais clara dentre duas cores, mas resulta um contraste mais
acentuado.
yy Hue: Preserva o matiz da cor de combinao e absorve a luminosidade e saturao da cor bsica.
yy Saturation: Preserva a saturao da cor de combinao e absorve a luminosidade e o matiz da cor
bsica.
yy Color: preserva o matiz e a saturao da cor de combinao e absorve a luminosidade da cor bsica.
yy Luminosity: Preserva a luminosidade da cor de combinao e absorve o matiz e a saturao da cor
bsica.

32
Use o painel Transparncia para especificar a opacidade e o modo de mistura de objetos, para criar
mscaras de opacidade ou para separar uma parte de um objeto com a parte sobrejacente de um objeto
transparente.
P ainel Stroke
Opes do painel Stroke
O contorno de um objeto formado por trs partes: cor, peso e estilo. Os traados aparecem onde
existem caminhos ou ao redor de bordas de um tipo. Assim como os preenchimentos, todo caminho ou
objeto s pode ter um tipo de traado.
As opes de cor de traado so Branca, Preta, sombreados, cores de processo e cores spot, padres,
opacidade e nenhum.
O peso de um traado est relacionado sua espessura. Os traados podem ter entre 0 e 1.000 pontos
de espessura.
O estilo do traado consiste em vrias partes, como estilo da terminao, estilo da juno, limite da es-
quadria e padro de tracejado. Normalmente, o padro de um traado slido, mas voc pode criar vrios
padres de tracejados para obter efeitos diferentes.
Cap (arremate): Selecione um estilo de arremate para

especificar a aparncia das extremidades de um caminho
aberto:
yy Butt Cap (arremate limitado): cria extremidades
quadradas que limitam os pontos finais;
yy Round Cap (arremate arredondado): cria extremi-
dades semicirculares que estendem metade da largura
do traado alm dos pontos finais;
yy Projecting Cap (arremate projetado): cria extremida-
des quadradas que estendem metade da largura do tra-
ado alm dos pontos finais.Esta opo faz a espessura
do traado se estender igualmente em todas as direes
ao redor do caminho.
Join: Especifica a aparncia do traado em pontos an-

gulares:
yy Miter Join: cria cantos pontiagudos que se estendem
alm do ponto final quando o comprimento do mitre
est dentro do limite de mitre;
yy Round Join: cria cantos arredondados que estendem metade da largura do traado alm dos pontos
finais;
yy Bevel Join: cria cantos quadrados que limitam os pontos finais.
Nota: possvel especificar opes de mitre para um caminho que no use pontos angulares. No entanto, estas
opes no sero aplicadas at que sejam criados pontos angulares, a partir da adio ou converso de pontos
suaves. Alm disso, os mitres so mais fceis de visualizar em espessuras de traados mais finas.

33
Limite: acessada somente quando a funo Juno de Mitre(Miter join) estiver selecionada, poden-
do ser alterado de 1 a 500. Nesta opo, voc escolher qual o chanfro dos cantos dos objetos.
Aling Stroke: Clique em um cone para especificar a posio do traado em relao a seu caminho.
Dashed Line: Quando habilitado, cria linhas pontilhadas, que sero definidas nas opes de pontos
(unidade de medida) preenchidas em Gap (espao) ou Dash (pontilhado, tracejado).
Ao lado direito da ferramenta Dashed line, h duas opes. A primeira preserva o trao e o espao da
configurao padro. A segunda alinha os traos para os cantos e extremidades de caminho, ajustando
comprimentos para ocupar os espaos.
Arrowheads: Cria pontas de seta nos vetores no ponto inicial e no ponto final do path.
yy Scale: com esta ferramenta, conseguimos aumentar o tamanho das setas;
yy Align: decide estender ponta da flecha final, alm do caminho e ponta de seta, lugar no final do ca-
minho.
Profile: Define como vai ser a aplicao de presso no path e a sua forma.
O
grafo.
trabalho com Textos no Illustrator
H dois tipos de texto que voc pode adicionar nos projetos o texto artstico e o texto de par-
O texto artstico pode ser usado para adicionar linhas curtas s quais pode ser aplicada uma grande
variedade de efeitos, como sombreado.
O texto de pargrafo pode ser usado para corpos maiores de texto que tm maiores requisitos de for-
matao. Voc pode adicionar tanto o texto de pargrafo quanto o texto artstico diretamente na rea de
trabalho.
Texto Artstico
Para voc usar este tipo de texto no seu trabalho, basta selecionar a ferramenta Texto e dar um clique no
espao inicial que desejar. Ser exibido um ponto de insero para que voc possa digitar o texto. Depois
de digitar, poder esticar ou expandir o texto, arrastando um dos pontos que envolvem a seleo. ideal
para incluir textos em um caminho.
Texto de pargrafo
Ao adicionar texto de pargrafo necessrio primeiro criar um box de texto. Por padro, o box de texto
de pargrafo permanece do mesmo tamanho, independente de quanto texto contenha. Qualquer texto
que passe pela borda inferior direita da moldura de texto fica oculto at que se amplie ou se vincule uma
moldura outra.
Para criar um box de texto de pargrafo, selecione a ferramenta Type e arraste, criando um box do tama-
nho desejado para o texto. Quando soltar o boto do mouse, o cursor exibido para que voc possa digi-
tar o texto desejado, tendo como limite as dimenses do quadro tracejado. Mas tais dimenses podero
ser alteradas de uma forma bem simples, ou seja, apenas arrastando um dos pontos de dimensionamento.

34
Podemos ainda colocar texto dentro de um objeto vetorial fechado. Desenhe um objeto, selecione-o,
posicione a ferramenta Type na borda do lado de dentro do vetor e d um clique. Agora s digitar.
Ferramenta Texto
1. Type: A primeira opo, que a prpria Type, permite criar caracteres de ponto. Ao clicar e arrastar,
permitido gerar caracteres de rea. Ao pressionar a tecla SHIFT, ele mudar para a opo Vertical Type.
2. rea Type: Preenche caminhos abertos ou fechados com caracteres e at mesmo os caminhos com-
postos podem ser preenchidos.
3. Type on a Path: utilizada para fluir caracteres ao longo de qualquer caminho no Illustrator.
4. Ferramenta Vertical Type: Permite criar textos de forma vertical, possui tambm variaes para a
ferramenta rea Type e Path Type; bem como Caracteres de Ponto, Caracteres de rea e Caracteres de
caminho.
5. Vertical rea Type: Preenche caminhos abertos ou fechados com caracteres. O preenchimento da
direita para a esquerda e at mesmo os caminhos compostos podem ser preenchidos.
6. Vertical Area on a Path: utilizada para fluir caracteres ao longo de qualquer caminho no Illustrator,
sendo escritos com os caracteres na vertical.
Create Outlines: Esta opo pode ser acessada clicando com o boto direito sobre o texto e, depois, com
a opo Create Outlines, transforme o texto em formas, podendo assim ser editado em forma de curvas e
aplicado alguns efeitos como, por exemplo, gradiente.
Type on a path: Inserir texto em um caminho

Siga um destes procedimentos:
Para criar um texto horizontal ao longo de um caminho, selecione a ferramenta Type on a path tool, que
est oculta na ferramenta Type. Posicione o ponteiro no caminho e clique. (No importa se o caminho
tem atributos de preenchimento ou traado, pois o Illustrator os remove automaticamente).
Nota: Se o caminho estiver fechado em vez de aberto, ser necessrio usar a ferramenta Tipo em um caminho.
Insira o texto. Quando terminar de inserir texto, clique na ferramenta Seleo para selecionar o objeto de
texto. Como alternativa, clique no texto com a tecla Ctrl (Windows) pressionada.
Se voc digitar mais texto do que possvel ajustar em uma rea ou ao longo de um demarcador, uma
pequena caixa contendo um smbolo de adio (+) ser exibida prxima parte inferior da rea delimi-
tadora.
Text Wrap
Permite fazer um bloco de texto se desviar de um grfico ou outro bloco de texto. Para isso, selecione o
objeto que deseja e v o menu Object>Text Wrap > Make.

35
Opo da Ferramenta Texto
Character
Para acess-la, selecione menu Window>Type>character
yy Font size: tamanho da fonte;

yy Kerning: espao entre letras;
yy Leading: espao entre linhas;
yy Tracking: quantidade de espao entre todas as letras atualmente selecionadas.
Paragraph
Para acess-la, selecione menu Window>tipe>Paragraph

yy Aling Left: alinha o texto esquerda;
yy Aling Center: alinha o texto ao centro;
yy Aling Right: alinha o texto direita;
yy Justify with las line alinged left: justifica o texto e alinha esquerda;
yy Justify with las line alinged center: justifica o texto e alinha ao centro;
yy Justify with las line alinged right: justifica o texto e alinha direita;
yy Justify all lines: justifica todas as linhas.
No painel Paragraph, existem tambm opes de propriedades de pargrafos:

yy Left indent: recuo esquerda;
yy First-line Left indent: primeira linha recuo esquerda do pargrafo;

36
yy Right indent: recuo direita;
yy Space before paragraph: espao antes do pargrafo;
yy Space after paragraph: espao depois do pargrafo.
yy Hyphenate: marque a opo para hifenizao automtica.
Open Type
um formato de fontes de computador escalvel. Tem como algumas propriedades:

A codificao baseada no Unicode suportando vrias linguagens, como o cirlico, hebraico, grego,
entre outras e, num s arquivo, suporta at 65,536 grafemas. Dispe de opes avanadas de tipografia,
suportando tratamentos tipogrficos complexos de algumas linguagens, como as ligaduras entre carac-
teres. Os arquivos podem ser utilizados em Mac OS, Windows e alguns sistemas Unix. As extenses de
arquivos OpenType, normalmente, so .OTF, mas tambm podem ser .TTF ou .TTC.

37
Exerccios
Exerccio - Colorindo
Efeito urso
Agora vamos colocar cor no urso criado na primeira aula. Abra o arquivo criado na primeira aula .
Etapa da cor
Para colorir nosso desenho, utilize a ferramenta de gradiente no modo radial.
38
Etapa do volume
Para valorizar e dar mais profundidade ao desenho, faa as sombras e os brilhos como sinalizado ao lado.
Etapa de finalizao
Uma forma de acabamento simples situando seu objeto no espao. Dessa forma, basta fazer um gra-
diente em baixo do urso do marrom para o branco.

39
Exerccios
Exerccio - Marca
Efeito Midia Mag
Ao longo do curso desenvolveremos, materiais e ilustraes para o projeto de revista Midia
Mag. Hoje desenvolveremos sua marca, criada a partir de formas bsicas o logotipo (terminologia
para a tipografia usada nas marcas) da revista, que ser desenvolvida nos mdulos de inDesign.
M AG
Voc vai precisar aplicar os conceitos de pathfinder, align e preenchimento para finalizar seu desenho.
40
Desenhe as formas ao lado.
Com a ferramenta unite do painel pa-

thfinder una as forma do M e preecha de
preto. MA
MA
MA
Escreva com a fonte confortaa light e dis-

tora a palavra at ficar como na imagem.
M AG
M AG
M AG

41
Exerccios
Exerccio - Selo
Efeito
para campanha de chocolateria
Vamos desenvolver um selo de qualidade de uma chocolateria utilizando crculos com efeitos
de luz criados a partir de gradientes e um splash feito a mo livre com a ferramenta pen tool.
42
CRIANDO OS CRCULOS CROMADOS
Passo 1
Faa crculo (segure shift, para que ele fique proporcional) no tamanho 8 x 8cm. Preencha a forma cria-
do com o seguinte gradiente:
C 55 C 60
M 70 M 70
Y 80 Y 75
K 70 K 80
Passo 2
Faa outro crculo com 7.7cm de dimetro e centralize com o primeiro circulo criado. Preencha a forma
criado com o seguinte cor:
Passo 3
Faa novamente crculo (segure shift, para que ele fique proporcional) no tamanho 7,5 x 7,5cm. Preen-
cha a forma criado com a seguinte cor:

43
Passo 4
Faa o quarto crculo (segure shft, para que ele fique proporcional) no tamanho 7,1 x 7,1cm. Prancha a
forma criado com a seguinte cor:
Passo 5
Faa crculo tno tamanho 6,4 x 6,4cm. Preencha a forma criada com o seguinte gradiente:
C 50 C 60
M 66 M 70
Y 85 Y 75
K 60 K 77
Passo 6
Faa outro crculo com 6,2cm de dimetro e centralize com os demais crculos criados. Preencha a for-
ma criado com o seguinte cor:

44
Passo 7
Faa crculo no tamanho 5,9 x 5,9cm. Preencha a forma criada com o seguinte gradiente:
C 50 C 60
M 68 M 70
Y 80 Y 74
K 70 K 80
Finalizado nossos crculos com gradiente o resultado ser o seguinte:

45
CRIANDO OS SPLASHES DE CHOCOLATE
Passo 1
Com a ferramenta pen tool crie uma forma orgnica semelhante ao exemplo.
Passo 2
Crie os respingos ao redor da forma principal

Passo 3

46
Repita o passo anterior com uma cor mais escura simulando um sombreado
Passo 4
Crie pontos de brilhos e reflexos na cor branca.

Agora basta juntar os crculos com os splash.

47
Links teis
-uma-imagem/
48
MDULO 01
V etorizao
Sem dvida, a dcada de 60 foi muito especial para o design. Foi nesta mesma dcada que o enge-
nheiro mecnico francs, Pierre Bzier, criou a curva Bzier, que se transformou em uma das mais impor-
tantes ferramentas do design vetorial. Com ela, possvel criar linhas soltas, formas realsticas, redesenhar
formas como logos e criar grficos com qualidade. Vamos fazer um exerccio com elas.
Existem dois tipos de arquivos fundamentais na computao grfica: bitmap e vetorial. Alguns progra-
mas mais conhecidos que criam arquivos bitmap (pixel) so: Adobe PhotoShop, Corel Photopaint, Corel
Painter, Paint Shop Pro e outros. J programas que criam arte vetorial (tambm conhecidas como arte
orientada a objeto) so CorelDRAW, Illustrator, Freehand, RealDraw, Xara. O programa Flash tambm
trabalha com vetorial, porm ele destinado construo de artes para a Internet e animao. Os pro-
gramas Adobe cada vez mais se integram em uma mesma manipulao trabalhando com dois tipos de
arquivos.
Imagens Bitmap
Imagens bitmap so construdas com a formao de quadrados muito pequenos chamados pixel. Para
demonstrar essa construo esto abaixo as ilustraes, nas quais esto demonstradas as caractersticas
principais. Na grade de base, cada quadrado representa um pixel. Vejamos um simples exemplo, ao criar
um crculo preto com 20 pixels de dimetro. O nmero de pixels determina a resoluo do arquivo. O
computador registra este arquivo pela gravao da exata localizao e cor de cada pixel. O computador
no tem ideia que isso um crculo, somente que um aglomerado de pequenos pontos.
49
Cada pixel tem uma coordenada. O contedo deste pixel gravado e salvo no arquivo. No exemplo
dado, ns vemos cada pixel individualizado e o crculo muito blocado, duro e irregular. Com o acrs-
cimo de pixels, a resoluo ser aumentada e podemos fazer este crculo parecer mais suave, porque os
pixels so muito menores. Naturalmente, quanto maior a resoluo, maior ser o tamanho do arquivo no
disco rgido HD, porque o computador ter mais informaes em pixels para armazenar. O problema se
agrava quando tentamos alargar, aumentar (em escala ou aleatoriamente) o bitmap, porque a resoluo
existente, quando modificada em tamanho/imagem, somente alarga o tamanho do pixel, o que resulta
no efeito de pixelizao da imagem, a imagem fica pixelada. No caso de imagens com 16 milhes de
bits, elas produzem o desfoque e reas quadriculadas, uma pixelizao bem suave. De qualquer forma, h
perda de qualidade.

50
Imagens Vetoriais
A arte vetorial diferente do procedimento da criao em pixels individuais, pois so criados objetos,
como por exemplo, retngulos e crculos. Mas, nada, de coordenadas matemticas destas formas. O pro-
grama vetorial pode criar arquivos com uma frao do espao utilizado pelo bitmap (imagens rastreadas),
e o mais importante, possui a capacidade de serem ampliados indefinidamente sem perderem definio
e detalhamento.
Diferente da imagem Bitmap, o crculo vetorial aparece suave tanto 100% quanto em 500%.
O que vetor?
yy Vetor: segmento de reta orientado com origem e extremidade.
yy Origem: o incio do vetor, a sada.
yy Extremidade: a ponta da seta, a chegada. Onde termina o vetor dado.
O vetor uma grandeza com direo, sentido e intensidade;
Direo - o ngulo formado.

Sentido - da origem extremidade, de A para B, como no nosso exemplo.
Intensidade - o comprimento, medida de fora.

51
Quando se est desenhando ou vetorizando uma imagem no Illustrator, estamos executando operaes
com vetores. Principalmente, soma (quando estamos criando o caminho para depois transformar alguns
dos segmentos em curvas) na vetorizao.
O trabalho com vetores no Illustrator

medida que se desenha uma linha, criado um demarcador. Um demarcador composto de um ou
mais segmentos retos ou curvos. O incio e o fim de cada segmento so marcados por pontos de ancora-
gem, que funcionam como pinos mantendo um arame no lugar. Um demarcador pode ser fechado (por
exemplo, um crculo) ou aberto, com extremidades 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 demar-
cador.
Componentes de um 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: ponto de vrtice (corner) e ponto
suave (smooth). 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.

52
Pontos em um demarcador:
A. Quatro pontos de vrtices;

B. Quatro pontos suaves;
C. Combinao de pontos de vrtice e pontos suaves.
O contorno de um demarcador chamado de traado. Uma cor ou um degrad, aplicados a uma rea
interior aberta ou fechada do demarcador, so chamados de preenchimento. Um traado pode ter espes-
sura, cor e um padro de trao (Illustrator e InDesign), ou um padro de linha estilizado (InDesign). Aps
criar um demarcador ou uma forma, voc pode alterar as caractersticas do seu traado e preenchimento.
Um ponto de vrtice pode conectar tanto os segmentos retos quanto os curvados.
possvel converter os pontos em um caminho entre pontos de vrtice e pontos suaves. Usando as op-
es no painel de Controle, voc pode converter rapidamente vrios pontos ncora. Usando a ferramenta
Converter ponto ncora, voc pode optar por converter somente um lado do ponto e pode alterar a curva
com preciso medida que converte o ponto.
Quando um vrtice do vetor selecionado, abaixo da barra de Menu aparece a barra Anchor Point.
Nela, h alguns atalhos para ajudar na produo e na velocidade para desenvolver projetos vetoriais.
1 2 3 4 5 6 7

53
1. Converte o ponto selecionado em ponto vrtice (corner);
2. Converte o ponto selecionado em um ponto suave (smooth).
3. Mostra as alas dos pontos selecionados;
4. Esconde as alas dos pontos selecionados.
5. Remove os pontos selecionados;
6. Conecta os pontos finais selecionados;
7. Corta caminho e pontos de ncora selecionados.
O Desenho no Illustrator
Ferramenta Pen
1. Pen Tool: O caminho mais simples que voc pode desenhar com a ferramenta Caneta uma linha
reta, feita clicando na ferramenta Pen para criar dois pontos de ancoragem. Continuando, voc conse-
gue criar um caminho composto de segmentos de linhas retas ou curvas, conectadas a pontos (anchor
points).
2. Add Anchor Point: Clicando sobre uma linha adiciona um ponto.
3. Remove Anchor Point: Deleta o ponto quando clicado com esta ferramenta.
4. Convert Anchor Point: Transforma o ponto suave em um ponto vrtice, e vice- -versa.
Converter um ponto ncora com preciso, usando a fer-

ramenta Convert Anchor Point Tool
1. Selecione o caminho inteiro que voc deseja modificar para poder ver seus pontos ncora.
2. Selecione a ferramenta Converter ponto ncora , ou pressione o atalho Shift+C.
3. Posicione a ferramenta Converter ponto ncora sobre o ponto ncora a ser convertido e siga um
destes procedimentos:
yy Para converter um ponto de vrtice em ponto suave, arraste um ponto de direo para fora do ponto
de vrtice.
Arrastando um ponto de direo para fora de um ponto de vrtice para criar um ponto suave.

54
yy Para converter um ponto suave em ponto de vrtice sem linhas de direo, clique no ponto suave.
Clicando em um ponto suave para criar um ponto de vrtice.
yy Para converter um ponto suave em um ponto de vrtice com linhas de direo independentes, arras-
te uma dos pontos de direo.
Converso de um ponto suave em um ponto de vrtice.
yy Para converter um ponto de vrtice sem linhas de direo em um ponto de vrtice com linhas de
direo independentes, primeiro arraste um ponto de direo para fora de um ponto de vrtice (tor-
nando-o um ponto suave com linhas de direo). Solte apenas o boto do mouse (no solte nenhuma
das teclas que voc pressionou para ativar a ferramenta Converter Ponto de Ancoragem) e, em seguida,
arraste um dos pontos de direo.
Selecione a ferramenta Pen . Observe que, quando a ferramenta ainda no tiver inserida no pri-
meiro ponto, um x aparece direita do cone de caneta. Isto indica que voc est iniciando um novo
path. Clique e solte uma vez na parte inferior da rea de trabalho. Ao mover o mouse longe do ponto de
ancoragem original, o x desaparece.
Observao: O cone da Pen Tool pode ser alterado quando a tecla capslock estiver ativada, deixando a ferramenta com
um smbolo de cruz, o cursor preciso.

55
Para criar retas, basta pressionar a tecla Shift e sero criadas retas com padres de 45 - um dos vrios
benefcios da ferramenta Pen que pode criar vrios paths customizados e continuar a editar os pontos de
ancoragem que compem o path.
Com a ferramenta Selection , selecione o objeto criado com a ferramenta Pen Tool e perceba
que todos os pontos tornaram-se slidos, isto quer dizer que todos foram selecionados, ou seja, o objeto
ser deformado ou arrastado sem alterar os pontos de ncoras.
Com a ferramenta Direct Selection , clique duas vezes sobre um ponto qualquer do objeto
criado, com a ferramenta Pen Tool, ou clique e arraste para formar uma rea de seleo. O ponto ir se
mover, porm os outros continuaro estticos.
Para deletar uma reta ou segmento de reta, basta clicar sobre a mesma com a ferramenta Direct Selec-
tion, ou v ao menu Edit > Cut e pressione a tecla delete.
Para refazer esta linha, basta pegar a ferramenta Pen Tool, novamente, e posicione o cursor sobre
o ponto de ancoragem. Repare que na ferramenta Pen Tool ir aparecer um smbolo /, que significa a
continuao do path, clique e solte. Agora, v at outro ponto que voc quer que forme a reta e coloque o
cursor sobre o ponto de ancoragem. Observe que a ferramenta pen tool apresentou um novo cone
que significa que est conectado a outro path.
Componentes de um Path
Linha curva
Utilizando a ferramenta Pen tool , clique e arraste pressionada a tecla Shift; crie um segundo ponto
de ancoragem e arraste para baixo, mantendo Shift pressionado para arrastar a ala em linha reta. Pressione
a tecla Alt e posicione o mouse sobre o ltimo ponto de ancoragem criado ou sobre a ala de direo.
Note que um smbolo ^ ir aparecer na ferramenta. Isto mostra que pode movimentar a ala sem que
altere o formato da curva, o que influenciar no prximo ponto a ser criado. Coloque sobre outra ala, a
selecionada e continue a criar as curvas.

56
Para criar o prximo path, uma linha reta, clique no ltimo ponto criado para excluir as alas.
Ferramenta Pencil
1 2 3
1. Pencil tool: Ela permite que voc desenhe demarcadores abertos e fechados como se estivesse
desenhando com um lpis no papel. Um duplo clique seleciona a caixa de ferramentas Pencil Tools Pre-
ferences.
Fidelity: Controla a distncia (em px) em que curvas podem se desviar da linha pontilhada original.
Um valor baixo resulta em ngulos mais acentuados, um valor mais alto gera curvas mais suaves.
Smoothness: Controla a intensidade da suavizao (expressa em %) para manter o caminho menos

instvel ou irregular. Um valor baixo nesta opo resulta um caminho pesado e angular. Um valor alto gera
um caminho mais suave com menos pontos de ncora.
A tecla CapsLock pressionada muda a forma de ponta do lpis para um cruzamento.
2. Smooth tool: Edio de caminhos, facilitando a suavizao dos caminhos. Tambm permite mo-
dificar Fidelity e Smoothness. Elimina pontos sobressalentes.
3. Path Eraser tool: Tambm opera em qualquer caminho, permitindo apagar e cortar um caminho.
No possvel utilizar a ferramenta Erase em textos (a no ser que se transformem em contornos) nem
sobre malhas.

57
Ferramentas de edio de caminhos
Um dos grandes recursos da arte vetorial a possibilidade de se editar caminhos mesmo depois de os
mesmos estarem prontos. A seguir, vamos estudar algumas de nossas ferramentas de manipulao de
caminhos.
1 2 3
1. Ferramenta Eraser: Apaga pontos, vrtices e preenchimentos dos objetos.
2. Ferramenta Scissors: utilizada para dividir caminhos. Clicar com a ferramenta Scissors em um ca-
minho fechado torna o caminho aberto. Usando a ferramenta em caminhos abertos, divide o caminho.
3. Ferramenta Knife: fatia reas de caminho. No necessita de edio de caminhos selecionados, ela
corta os objetos.
Clean Up
Localizado no menu Object > Path > Clean Up. Remove trs elementos indesejveis:
yy pontos soltos;
yy objetos no pintados;
yy caminhos de textos vazios.
Ele opera no documento inteiro, independente do que est selecionado.
Ferramenta Width
Nova ferramenta do programa Illustrator que permite criar presses sobre o caminho. Clicando e arras-
tando em pontos ou em retas, cria uma espessura para o caminho.

58
Exerccios
Exerccio - Ilustrando
Efeito Personagem
Vamos ilustrar o personagem:
Passo 1
Vetorize as linhas a parte, para valori-
zar o trao manual (no utilize contorno
automtico).
Dica: agrupe os objetos criados e, no
painel layer, habilite o cadeado, para tra-
var a camada.
59
Passo 2
Uma forma muito simples de colorir
utilizando a live paint bucket. Para utili-
z-la corretamente voc precisa selecio-
nar seu objeto primeiro.
Agora voc j pode treinar em personagem mais complexos que necessitam de muitas
camadas de objetos para concluir o trabalho.
Passo 1
Vetorize as linhas a parte, para valorizar o
trao manual (no utilize contorno autom-
tico).

60
Passo 2
Crie uma nova camada e posicione-a abai-
xo da camada anterior para poder fazer os
novos objetos de cor por baixo do traado.
Passo 3
Faa o brilho e a sombra do cabelo para
adicionar volume a sua criao.

61
Links teis
-uma-imagem/
62
MDULO 01
C amadas
Ao se criar um trabalho artstico complexo, sempre ser um desafio controlar todos os itens na ja-
nela do documento. Os itens pequenos ficam ocultos embaixo de itens maiores e a seleo do trabalho
artstico se torna difcil. As camadas fornecem um modo de gerenciar todos os itens que compem o seu
trabalho artstico. Imagine-as como pastas transparentes que contm o trabalho artstico. Se voc rearran-
jar estas pastas, modificar a ordem de empilhamento dos itens no trabalho artstico. possvel mover
itens entre pastas e criar subpastas dentro de pastas.
A estrutura de camadas no seu documento pode apresentar o nvel de complexidade que voc desejar.
Por padro, todos os itens esto organizados em uma nica camada pai. Entretanto, possvel criar novas
camadas e mover itens para estas camadas, ou mover elementos de uma camada para a outra a qualquer
momento. O painel Camadas fornece uma maneira fcil de selecionar, ocultar, bloquear e alterar os atri-
butos de aparncia de um trabalho artstico.
Use o painel Camadas no menu Window>Layers ou pressione o atalho F7, para listar, organizar e editar
os objetos em um documento. Por padro, cada novo documento contm uma camada, e cada objeto
criado listado nesta camada. Entretanto, voc pode criar novas camadas e reorganizar itens para melhor
atender s suas necessidades.
63
Por padro, o Illustrator atribui uma cor exclusiva (at nove cores) a cada camada no painel Camadas.
A cor aparece ao lado do nome da camada no painel. A mesma cor exibida na janela de ilustrao, na
caixa delimitadora, no caminho, nos pontos ncora e no ponto central de um objeto selecionado. Esta cor
pode ser usada para localizar rapidamente a camada correspondente de um objeto no painel Camadas e
voc pode alterar a cor da camada para atender s suas necessidades. Camadas contm outros itens, um
tringulo branco aparece esquerda do nome deste item. Clique no tringulo para mostrar ou ocultar o
contedo. Se nenhum tringulo aparecer, significa que o item no contm itens adicionais.
1. Coluna de visibilidade: Indica se os itens nas camadas esto visveis ou ocultos (espao em bran-
co) ou se so camadas de modelo ou camadas de contorno.
2. Coluna de edio: Indica se os itens esto bloqueados ou desbloqueados. O cone de bloqueio

indica que o item est bloqueado e no pode ser editado, enquanto um espao em branco indica que o
item est desbloqueado e pode ser editado.
3. Coluna de destino: Indica se os itens esto direcionados aplicao de efeitos e edio de atribu-
tos no painel Aparncia. Quando o boto de destino aparece como um cone de anel duplo (ou) significa
que o item est direcionado, enquanto um cone de anel nico indica que o item no est direcionado.
4. Coluna de seleo: Indica se os itens esto selecionados. Uma caixa de cor exibida quando um
item est selecionado. Se um item, como uma camada ou um grupo, contiver alguns objetos selecionados
e outros no selecionados, uma caixa de cor de seleo menor aparecer ao lado do item pai. Se todos os
objetos no item pai estiverem selecionados, as caixas de cor de seleo tero o mesmo tamanho que as
marcas exibidas ao lado dos objetos selecionados.

64
Criar novas camadas
Se pressionar a tecla ALT ao clicar no boto Create New Layer, abrir a caixa de opes da camada.
As opes so nome, cor, a cor dos caminhos e pontos quando os objetos desta camada so seleciona-
dos.
A opo Template diz camada que a mesma ser utilizada como uma camada de modelo.
A opo Show torna os objetos contidos na camada visveis.
A opo Preview permite que voc possa ver os objetos em suas cores de preenchimentos e contornos e
ao desmarcar esta opo, ela somente ir mostrar os caminhos dos objetos contidos na camada.
A opo Lock bloqueia os objetos contidos na camada.
A opo Print permite a impresso dos objetos contidos na camada.
A opo Dim Images To esmaece as imagens colocadas na camada, tornando-as mais claras
Para poder selecionar as propriedades das camadas, basta dar um duplo clique sobre a camada.
A primeira coluna da esquerda mostra as formas de visualizao das camadas.
Os olhos slidos representam a camada no modo preview. Os olhos vazados exibem uma camada no
modo oultlines (CTRL+clique no olho), sem os olhos camada oculta. Se a camada for um template ser
mostrado o desenho dos objetos. A segunda coluna permite bloquear ou desbloquear a camada.
Ao desenhar os objetos dentro da camada, ser mostrada uma seta junto camada e ela poder ser
expandida ou recuada, mostrando assim as subcamadas. As ordens das camadas definem a ordem de
empilhamento dos objetos. Os quadradinhos mostrados junto a cada objeto da camada permitiro que
se possa arrastar um objeto de uma camada para outra. Para arrastar as propriedades de uma camada para
outra, arraste o crculo.
Usar camadas de modelo para traar manualmente o trabalho artstico

Camadas de modelo so camadas bloqueadas e no imprimveis que podem ser usadas para traar ima-
gens manualmente. Estas camadas so esmaecidas em 50%, para que voc possa ver facilmente todos os
caminhos desenhados na frente dela.
possvel criar camadas de modelo ao inserir uma imagem ou a partir de camadas existentes.
yy Para inserir uma imagem como camada de modelo para traado, escolha File > Place, selecione o
arquivo de imagem rasterizada que deseja traar, selecione Template e clique em Place. Uma nova ca-
mada de modelo aparece abaixo da camada atual no painel.

65
yy Para traar uma imagem existente, verifique se ela est em sua prpria camada, clique duas vezes
nesta camada, localizada no painel Camadas, selecione Template e clique em OK. Como alternativa,
selecione a camada e escolha Template no menu do painel.
yy O cone de olho substitudo pelo cone de Template e a camada bloqueada.
yy Traceje sobre o arquivo usando a ferramenta Caneta ou Lpis.
yy Para transformar uma camada de modelo em uma camada comum, clique duas vezes nessa camada
no painel Layers, cancele a seleo de Template e clique em OK.
Para treinar um pouco, vamos fazer um rpido exerccio de organizao das camadas e dos objetos con-
tidos nelas, chegando a este resultado:
Para isso, pegue o arquivo coca-cola_rotulo_layers, organize as camadas, alinhe os objetos e deixe-os
organizados.
Painel Artboard
Quando criamos um novo documento, existe a possibilidade de criao de um artboard na opo
Number of artboard.

66
O Illustrator apresenta um painel novo na verso CS5, Artboards, que pode ser localizado no menu
Window>Artboard.
1. Edit Artboard: Com um clique sobre o cone de

pgina, voc consegue definir o tamanho, a sangria e ou-
tras propriedades de seu artboard.
2. Move up: Move o artboard selecionado para cima.
3. Move down: Move o artboard selecionado para
baixo.
4. New Artboard: Cria um novo artboard.
5. Delete Artboard: Deleta o artboard selecionado.
Para alterarmos o artboard, podemos utilizar a ferra-

menta Artboard tool.
Com um clique na ferramenta, voc consegue alterar o
tamanho do artboard selecionado. Para cancelar a ferra-
menta, basta clicar em outra ferramenta.
Painel Appearance
1 2 3 4 5 6
Para abrir este painel, v ao Menu>Window>Appearance. Ele funciona como um registro de imuniza-
o de um objeto e contm uma lista de atributos atuais aplicados a um objeto. Estes atributos so a cor
de preenchimento, a cor do trao, a espessura do trao ou o nome do pincel, a definio de transparncia,
o modo de combinao e todos os efeitos aplicados ao objeto.

67
1. Add New Fill: Adiciona um novo preenchimento ao objeto.
2. Add New Stroke: Adiciona um novo contorno ao objeto.
3. Add New Effect: Adiciona um efeito ao objeto, pode ser acessada tambm pelo menu Effect.
4. Clean Apparence: Todas as definies do objeto so deletadas, deixando somente a cor e o con-
torno transparentes.
5. Duplicated Selected Item: Duplica o item selecionado.
6. Delete Selected Item: Deleta o item selecionado.
Graphic Styles
So recursos includos no Illustrator, que permitem salvar atributos definidos da aparncia e reaplic-los
aos objetos. Este um mtodo fcil de manter a consistncia em uma variedade de grficos. Para abrir este
painel, v ao menu Window>Graphic Styles. Outros recursos teis includos no Illustrator so os efeitos.
Voc aplicar os efeitos aos objetos para modificar a aparncia, quase como os filtros, mas sem modificar a
estrutura bsica dos objetos, de modo a permitir a edio do texto como texto. Pode-se tambm modificar
e editar normalmente os caminhos que possuem efeitos aplicados, alm de remover e editar os efeitos,
usando a paleta Appearance.
A aparncia de um objeto o modo como ele se apresenta e muito mais do que isso. As propriedades
da aparncia so propriedades de objeto que voc pode editar e remover para retorn-lo ao estado inicial.
Tais propriedades abrangem a cor de preenchimento, as propriedades de traos, a transparncia ou qual-
quer efeito que modifiquem o perfil de um objeto.
Aps definir os atributos da aparncia de um objeto, voc poder salvar o estilo para aplic-lo ao outro
objeto em outra ocasio. Estilos so apenas um mtodo para salvar definies da paleta Appearance.
possvel aplicar estilos a um objeto, apenas arrastando o estilo at o objeto.
Podemos aplicar um estilo a uma camada, basta apenas selecionar a camada e clicar sobre o estilo.
Tambm possvel aplicar estilos com as ferramentas Eyedroper e Paint Bucket.

68
Manipulando objetos
Podemos transformar nossos objetos de qualquer forma, girando, refletindo, redimensionando, etc. Para
isso, existem algumas ferramentas especficas localizadas abaixo das ferramentas Pen e Pencil. Pode-se
utilizar tambm a paleta Transform.
Para acessar este painel, v em Menu>Window>Transform.
Ferramenta Rotate : Gira os objetos selecionados dentro de um documento. Clicar duas

vezes na ferramenta Rotate exibe a caixa de dilogo rotate. Por padro, ele gira em torno de seu centro.
Manter pressionada a tecla ALT e clicar em algum local de seu documento tambm abre a caixa de dilo-
go rotate, mas definindo como eixo de rotao onde voc clicou.
Ferramenta Scale : Redimensiona os objetos com ou sem uniformidade. Ao marcar a caixa Scale
Strokes & Effects, far com que os traados e/ou efeitos sejam dimensionados proporcionalmente ao
objeto sendo redimensionado.
Ferramenta Reflect : Gera uma imagem espelhada dos objetos selecionados, refletida atravs de um
eixo de reflexo. Para refletir manualmente, clique uma vez para definir o ponto de origem e outra vez em
outro local do eixo de reflexo. A tecla ALT pressionada permite criar uma cpia.
Ferramenta Shear : Permite dar inclinao ao objeto selecionado. A sua manipulao manual com-
plexa.
Movendo: Embora esta opo seja bem pouco utilizada, j que temos a possibilidade de utiliz-la ma-
nualmente, mas muitas vezes ser necessrio que este processo seja feito com maiores detalhes. Clique no
Menu Object > Transform > Move, na janela que se abre e defina as propriedades.
Transform Each: um mtodo de executar vrias transformaes de uma s vez. Um aspecto ex-
clusivo desta ferramenta que cada objeto selecionado transforma-se separadamente, ao contrrio da
transformao conjunta de todos os objetos selecionados. Localiza-se no menu Object > Transform >
Transform Each.

69
O Trabalho com smbolos
Para abrir este painel, v ao menu Window>Symbols. um objeto que armazenado no painel Sym-
bols e pode ser reutilizado. Como por exemplo, criar grama ou folhas, e for necessrio, reutiliz-la vrias
vezes sem ter de duplicar vrias vezes o mesmo objeto. Para adicionar seu objeto ao painel Symbols,
necessrio convert-lo em smbolo com o atalho F8 ou arrast-lo at o painel e assim que aparecer um
(+) solte-o no painel. Quando o fizer, aparecer uma nova janela pedindo algumas informaes para seu
prximo smbolo.
O Illustrator possui uma tima comunicao entre os programas Adobe e tambm um sistema de com-
patibilidade com o programa Flash em relao aos smbolos e quando for criado, ser um smbolo grfico
ou um movie clip, que o padro de smbolos do Flash.

70
Exerccios
Exerccio - Ilustrando
Efeito a capa da revista MidiaMag
O tema da revista deste semestre criao com temticas da natureza e susten-
tabilidade. Por isso vamos vetorizar a ilustrao do arquivo base.jpg e colorir de
forma bsica, atravs da ferramenta live paint. Durante o curso de photoshop vamos
dar acabamento ilustrao.
71
Vetorize os sketches conforme a imagem refern-
cia. Para Abrir o sketch v ao menu file> place e
abra o arquivo base.jpg.
Em seguida separe os elementos, colora o trao de preto. Agora pode deletar ou ocultar
a imagem base.jpg
Crie um novo arquivo (menu file > new) configure o tamanho dele para 42.4 x 27.5cm.
Cole os elementos soltos nesse novo arquivo.
Usando a ferramenta live paint bucket colora as par-

tes no preenchidas. A paleta de cores sugerida est no
arquivo paleta.ai.

72
Depois de todos os elementos coloridos, monte os elementos no papel.
Finalizada a etapa agrupe os objetos. Faa um retngulo por cima dos elementos no
mesmo formato do arquivo, selecione o grupo e o retngulo, clique com o boto direito
e selecione a opo make clipping mask.
Faa um retngulo, posicione-o como ltima camada e escolha uma cor de fundo.

73
Links teis
-uma-imagem/
74
MDULO 01
T raos
possvel traar um trabalho artstico existente de modo a utiliz-lo como base para um novo dese-
nho. Por exemplo, voc poder criar um grfico com base em um esboo a lpis, desenhado em papel ou
uma imagem rasterizada salva em outro programa grfico, trazendo-o para o Illustrator e traando sobre
ele.
A maneira mais fcil de realizar o trabalho artstico abrir ou inserir um arquivo no Illustrator e tra-lo
automaticamente com o comando Trao em tempo real. possvel controlar o nvel de detalhes e como
o traado preenchido. Quando estiver satisfeito com os resultados do traado, voc poder convert-lo
em caminhos de vetor ou em um objeto de pintura em tempo real.
Traar automaticamente o trabalho artstico
Abra ou insira um arquivo a ser usado como imagem de origem para o traado.
Com a imagem de origem selecionada, siga um destes procedimentos:
yy Para traar a imagem usando as opes de traado padro, clique em Live Trace (1), no painel de
Controle, ou escolha menu Object > Live Trace > Make. Para traar a imagem usando uma pr-
-definio automtica de traado, clique no boto com uma seta chamado Tracing prasents and
options (2), abaixo painel de Controle e selecione uma pr-definio.
yy Para definir opes de traado antes de traar a imagem, clique no boto Tracing presets and
options, no painel de Controle e escolha Tracing Options. Como alternativa, escolha Object >
Live Trace > Tracing Options.
75
Nesta Imagem, foi utilizada a opo Photo Hight Fidelity
Ferramenta Paintbrush
Esta ferramenta funciona de maneira semelhante s outras de pincel da maioria dos programas grficos.
Ela tem uma espessura definida e voc poder pintar com o pincel usando esta espessura em qualquer
local do documento. A grande diferena entre os pincis da maioria dos programas de pintura a ferra-
menta PaintBrush e que, ao terminar de pintar, a mesma se transformar em um traado.
Para usar a ferramenta PaintBrush, escolha a ferramenta, selecione um pincel na paleta Brushes e come-
ce a desenhar.
Para modificar a espessura do traado do pincel (o valor padro 9 pontos), clique duas vezes no pincel
na paleta Brush (no na caixa de ferramentas) e digite o valor desejado na campo Diameter.
Para facilitar o seu desenho, pode-se ligar a tecla CAPS LOCK, permitindo que o curso do paintbrush
se transforme em uma cruz diagonal e no em um pincel.
As propriedades da paleta brushes variam de acordo com a forma a ser escolhida.
Paleta Brushes
Este painel est localizado no menu Window>Brushes. O

Illustrador inicia este painel com alguns brushes pr-defini-
dos. Atravs do menu Window>Brushes> Library, podemos
acrescentar novas paletas para o nosso trabalho.

76
A paleta Brushes composta de vrios grupos de desenho:
Calligraphic Brush.
Os pincis deste grupo so semelhantes a pincis de caligrafia. Para utiliz-los, basta definir o ngulo e o
tamanho. Para poder ativar somente este grupo, clique na seta lateral da paleta brushes e desmarque todas
as outras opes mantendo somente a Calligraphic Brushes.
As opes da caixa so:
yyName: Permite atribuir um nome ao pincel.
yyAngle: Para imitar a escrita feita a mo ao estilo caligrfico, o ngulo deve ser definido com 45, ou
-45 se for canhoto.
yy Roundness: Esta opo define o grau de esfericidade do pincel.
yy Diameter: Define o dimetro mximo do pincel.
yy Variation: A variao do ngulo representa um grau que voc deseja variar a partir da definio
original.
Scatter Brush
Para serem visualizadas as opes Scatter, necessrio no Pop-up da paleta chamar um dos estilos de
paleta.

77
A ferramenta Scatter Brush copia e espalha um objeto pr-definido ao longo de um caminho. Existem
alguns padres de scatter brushes para voc escolher, como pegadas de cachorro, joaninhas, etc.
As opes da ferramenta Scatter Brush so:
yySize: Na rea de tamanho, existem duas opes pop-up: Fixed e Random. Se voc escolher Fixed, o
controle de tamanho s exibir as opes da esquerda. Com a opo Random, voc poder configurar
imagens pequenas e grandes dispersas.
yySpacing: Esta opo ajusta o espao existente entre os objetos.
yyScatter: A opo ajusta o modo como os objetos seguiro o caminho original em cada lado do
caminho.
yy Rotation: Esta opo ajusta a rotao de um objeto em relao posio original.
yy Rotation relative to: Esta opo oferece duas alternativas em um menu pop-up Page e Path.
yy Colorization: Existem quatro opes de colorizao: None, Tints, Tints and Shades e Hue Shift.
Art Brush
A Art Brush usa um objeto ao longo de um caminho, mas ao contrrio da Scatter Brush, ela alonga o
objeto at o comprimento do caminho, em vez de repetir e espalhar o objeto.
As opes desta ferramenta so:
yyDirection: Permite especificar quatro direes para o pincel.
yySize: Esta opo amplia a arte quando alongada.
yyFlip: Permite inverter o objeto ao longo ou atravs do caminho.
yyColorization: Existem quatro opes de colorizao: None, Tints, Tints and Shades e Hue Shift.
yyOverlap: Possui duas opes: a primeira no ajusta, automaticamente, as dobras e cantos e a segun-
da ajusta, automaticamente, dobras e cantos para evitar superposio.

78
Pattern Brush
Repete um objeto enfileirado ao longo de um

caminho. Esta ferramenta pode apresentar um
enfileiramento nas laterais, canto interno, canto
externo incio e fim. Para adicionar os brushes do
Pattern, basta criar at 5 tipos de padres e adicio-
nar a paleta Swatches, que j aparecer, automati-
camente, em seu painel para selecionar.
As opes da Pattern Brush so:
yy Name: Permite atribuir um nome ao pin-
cel.
yy Scale: Tamanho em uma proporo.
yy Spacing: Espao entra as fileiras.
yy Flip: Espelha horizontalmente (Flip
Along) ou verticalmente (Flip Across).
yyFit: Esta ferramenta se divide em: Stretch to fit, que alonga ou encurta uma fileira para encaixar
no objeto; Add space to fit, que adiciona um espao em branco entre as fileiras para se encaixar no
caminho proporcionalmente; e Approximate Path, que faz a fileira encaixar o mais prximo possvel
ao caminho original sem alterar as fileiras.
Bristle Brush
Com o Illustrator CS5, temos um novo Bristle

Brush que nos leva a um passo prximo pintura
natural com vetores. A pintura criada com o novo
pincel de cerdas se parece muito com as pince-
ladas do mundo real. Outro caractersitca que
voc pode controlar a transparncia dos cursos e,
tambm, criar sobreposies realistas de cores que
lembram a pintura natural.
Para criar um novo Bristle Brush, v ao painel de
Brush> Create New Brush> Bristle Brush.
As opes da Bristle Brush so:

yyName: Nome que ser dado ao novo pincel.
yyShape: Define o pincel que ser utilizado.
yySize: O tamanho do pincel.
yyBristle Lenght: Comprimento das cerdas.
yyBristle Density: Define a densidade de pelos do pincel.
yyBristle Thickness: Define a espessura das cerdas do pincel.
yy Paint Opacity: Define a opacidade da pintura do pincel.

79
Exerccios
Exerccio - Criando
Efeito estampas originais
O illustrator possui um modo muito dinmico de criar estampas corridas. Atravs do painel swa-
tches.
Passo 1
Desenhando os elementos
80
Para desenhar os elementos acima, vamos comear pelos crculos externos. Para facilitar o alinhamento,
centralize o primeiro crculo na folha atravs do painel align.
Habilite a rgua (ctrl+R) e crie duas linhas guias no centro do objeto, uma horizontal e outra vertical.
Crie os crculos centralizados e agrupe-os (ctrl+G)

81
Fao os crculos pequenos
Vamos duplic-los e rotacion-los manualmente nos orientando pelas linhas guias criadas. Ento sele-
cione os pequenos crculos criados e agrupe-os.
Selecione a ferramenta rotate tool.
Posicione o centro desse objeto no centro das linhas guias e pressionando alt e arrastando mova o ob-
jeto 90o.
Para repetir o processo automaticamente, basta utilizar o comando de duplicar (crt+D). Para dar certo
voc no pode ter sado da ferramenta rotate tool.

82
Selecione as quatro bolinhas e rotacione novamente, lembre-se de deixar o centro do objeto no centro
do papel, no encontro das linhas guias.
Repita esse processo mais uma vez para ter o nmero exato de bolinhas do nosso exemplo.
Para fazer os tringulos, repita o processo de rotao das bolinhas.

83
Pronto, sua primeira mandala est terminada.
Agora voc pode fazer as outras trs mandalas restantes
Passo 2
Criando os mdulos.
Mdulo a unidade bsica de repetio, a menor forma possvel de um objeto ser repetido para criar
as estampas.
Para fazer com que o nosso mdulos se repita perfeitamente, ou seja, sem que haja cortes na imagem,
vamos desenhar um quadrado e posicionar as mandalas que sero cortadas.

84
Voc pode posicionar o restante das mandalas como quiser, lembrando que as mandalas que pocisona-
mos anteriormente deve ser mantida.
Agrupe as mandalas, deixando o quadrado fora do grupo. Selecione as mandalas e quadrado. Clique
com o boto direito e selecione a opo Make Clipping Mask.

85
Feito isso basta arrastar seu mdulo para o painel swatches. Teste em um objeto. Caso no esteja como
voc quer, voc pode edit-lo. Basta arrastar o mdulo para sua rea de trabalho (documento) edit-lo e
arrast-lo novamente.

86
Exerccios
Exerccio - Ilustrao
Efeito estilizada com brushes
Criar os prprios brushes uma boa forma de otimizar um trabalho de ilustrao. Vamos, ento
criar uma ilustrao com folhas de forma dinmica.
87
As cores deste exerccio ficam a critrio do aluno, uma boa dica usar a extenso do Adobe: o Kuler
Extension.
Menu window > extensions > kuler
Crie um arquivo novo no formato a4 paisagem.
Em seguida, abra o arquivo arvore.jpg, menu file > place.
Com a pen tool vetorize alguns galhos da rvore.
Delete a imagem arvore.jpg.

Agora, vamos preparar nosso brush.
Desenhe uma pequena flor.

88
Selecione a flor desenhada, em seguida selecione as opes do painel brush > new brush.

89
Depois de escolhido a opo Scatter Brush configure as opes como na imagem abaixo:
Com a ferramenta brush tool, pincele sobre o galho seu brush at ficar como na imagem abaixo:

90
Agora s finalizar sua ilustrao. Escolha as cores da rvore e das flores, coloque um fundo que combi-
ne com as cores escolhidas e simule algum texto, no exemplo um poema do autor Pablo Neruda.

91
Links teis
-uma-imagem/
92
Links teis
-uma-imagem/
93
Links teis
-uma-imagem/
94
Links teis
-uma-imagem/
95
MDULO 01
M scaras
As mscaras so objetos que mascaram tudo. Exceto, os caminhos formados por esta ferramenta.
As mscaras podem ser abertas, fechadas ou caminhos compostos. O objeto de mscara aquele cujos
caminhos formam a mscara e este objeto deve estar posicionado frente de todos os objetos sendo
mascarados.
Para se criar uma mscara bsica, proceda da seguinte forma:

yy Importe ou desenhe o seu objeto..
yy Desenhe a forma que ser mostrada na mscara.
yy Selecione ambos os objetos, depois menu Object > Clipping Mask > Make. Ou selecione o
objeto que ser a mscara, lembrando-se sempre de que este deve estar em uma camada superior ao
objeto que ser mascarado e selecione o objeto que ser mascarado. Com o boto direito, clique sobre
os objetos e escolha Make Clipping Mask.
96
Mascarando outras mscaras
possvel mascarar objetos que esto mascarando outros objetos. Basta certificar-se da seleo de todos
os objetos em cada mscara e, assim como com outros objetos, de que estejam posicionados atrs do
caminho que ser utilizado para um objeto de mscara.
Liberando Mscaras
Object > Mask > Release
Quanto maior a quantidade de mscaras em um documento, e se a mscara possuir muitos pontos, mais
demorada ser a interpretao da impressora postscript para a impresso do documento. Voc tambm
pode optar por clicar sobre a mscara com o boto direito e escolher a opo Release Clipping Mask.
FERRAMENTA BLEND TOOL

A ferramenta Blend cria etapas intermedirias na rea entre dois caminhos, onde o estilo de pintura e a
forma de um caminho se transformam no estilo de pintura e forma do segundo caminho.
Ela utilizada para criar combinaes que so um grupo de caminhos que mudam de forma e de cor,
medida que cada caminho criado mais prximo ao caminho extremo oposto.
Para criar um Blend ou Object > Blend Make:

A opo de combinao padro cria uma cor suave entre as duas formas. Podem-se editar os caminhos
individuais que formam a combinao. Para isso, selecione o objeto com a ferramenta Selection e clique
duas vezes na ferramenta Blend na caixa de ferramentas.

97
Combinaes Lineares
As combinaes lineares so feitas, criando dois caminhos extremos, geralmente, com forma e tama-
nhos idnticos, atribuindo a cada caminho diferentes atributos de estilo de pintura e criando uma srie de
etapas entre eles com a ferramenta Blend. Quanto maior a quantidade de caminhos criados, tanto maior
a quantidade de cores que voc poder criar.
Opes de combinao
As opes so Make, Release, Blend Options, Expand, replace Spine, Reverse Spine e Rerverse Front to
Back. A ferramenta Blend permite combinar pontos especficos e com a opo Live Blend do Illustrator
no necessrio expandir uma combinao para modific-la.
As opes de combinao so:
yy Smooth Color: Define, automaticamente, o nmero de etapas necessrias para tornar a aparncia
da combinao o mais suave possvel.
yy Specified Steps: Permite selecionar a distncia entre uma das etapas da combinao e outra.
yy Specified distance: Permite digitar a distncia entre as etapas.
yy Align to Page: Executa a combinao verticalmente ou horizontalmente, dependendo da orien-
tao da pgina.
yy Align to Path: Executa a combinao perpendicularmente ao caminho.
yy Orientation: H duas opes de alinhamento: alinhar pela pgina e alinhar pelo caminho (path).
Expandindo uma combinao

Para editar os elementos individuais de uma combinao, necessrio liber-la primeiramente. Ao se-
lecionar Object, Blend, Expand, a combinao se expande para um conjunto de formas. Todas as formas
ainda estaro agrupadas, mas voc pode edit-las individualmente aps desagrup-las.

98
Efeitos
So como truques de mgica no sentido de que fazem aparecer algo que no existia antes. Os efeitos
podem mudar a aparncia de um objeto sem modific-lo definitivamente.
Os efeitos so em tempo real. Isto significa que voc pode aplicar um efeito a um objeto e, em seguida,
modificar as opes do efeito ou remover o efeito a qualquer momento usando o painel Appearance.
Neste painel, possvel ainda 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 so divididos em duas partes. Na metade superior do menu Effect, so efeitos de vetor.
Voc apenas pode aplicar estes efeitos a objetos de vetor ou ao preenchimento ou traado de um objeto
de bitmap no painel Appearance. Os efeitos e categorias de efeito a seguir na seo superior so excees
a esta regra e podem ser aplicados a objetos de vetor e de bitmap: efeitos 3D, Filtros SVG, efeitos de De-
formao, efeitos de Transformar, Sombra, Difuso, Brilho interno e Brilho externo.
Os efeitos, na metade inferior do menu Effect, so efeitos de rasterizao. Voc pode aplic-los a
objetos de vetor ou de bitmap.
Aplicando um efeito
Selecione o objeto ou o grupo (ou direcione uma camada no painel Layers). Se quiser aplicar um efeito
a um atributo especfico de um objeto, como seu preenchimento ou traado, selecione o objeto e, em
seguida, selecione o atributo no painel Appearance.
yy Escolha um comando no menu Effect.
yy Clique em Adicionar novo efeito no painel Appearance e escolha um efeito.
yy Se uma caixa de dilogo aparecer, defina opes e clique em OK.
Para aplicar o efeito e as configuraes utilizadas na ltima vez, escolha Effect > Apply [nome do efeito].
Para aplicar o ltimo efeito usado e definir suas opes, escolha Effect > [nome do efeito].
Efeitos de rasterizao
Efeitos de rasterizao so efeitos que geram pixels em vez de dados de vetor. Tais efeitos incluem Filtros
SVG, todos os efeitos na seo inferior do menu Effect e os comandos Sombra, Brilho interno, Brilho
externo e Difuso no submenu Effect > Stylize.
Sempre que um efeito de rasterizao aplicado, o Illustrator utiliza as configuraes de efeitos de raste-
rizao do documento para determinar a resoluo da imagem resultante. Estas configuraes de efeitos
de rasterizao do documento tm grande impacto sobre o trabalho artstico resultante e, por isso, im-
portante verific-las antes de comear a trabalhar com efeitos.
Defina opes de rasterizao para um documento, escolhendo Effect > Document Raster Effects Set-
tings (Configuraes de efeitos de rasterizao do documento).
Considere as seguintes informaes ao aplicar efeitos, especialmente, a objetos de bitmap:
yy Efeitos no funcionam em objetos de bitmap vinculados. Se voc aplicar um efeito a um bitmap
vinculado, ele ser aplicado a uma cpia incorporada do bitmap e no ao original. Para aplicar o efeito
ao original, possvel incorporar o bitmap no documento.

99
yy O Adobe Illustrator oferece suporte para efeitos de plug-in de produtos da Adobe, como o Adobe
Photoshop, e de outros desenvolvedores de software. Uma vez instalada, a maioria dos efeitos de plug-
-in aparece no menu Efeito, funcionando de maneira idntica aos efeitos internos.
yy Alguns efeitos podem usar muita memria, principalmente, quando aplicados a uma imagem bit-
map de alta resoluo.
Referncia rpida sobre efeitos

Efeito 3d > Extrude and Bevel
Permite criar extruses de sua arte e definir a forma da concavidade da extruso.
Vrios padres podem ser alterados para construirmos vrias formas e estilos diferentes de formas 3D.
Para isso, veremos algumas propriedades bsicas.
1. Position: Possui algumas posies bsicas como frente, lado, costas, isomtricas, etc.
2. Object Rotation: Estas setas mostram em quantos ngulos vamos rotacionar o objeto, atravs dos
eixo X ( seta vermelha), Y (seta verde) e Z (Azul). Podemos, tambm, rotacionar o objeto, clicando na
imagem do quadrado para alterar seus ngulos.
3. Perspective: Aplica perspectiva ao objeto podendo variar de 0 a 100.
4. Extrude Depth: Mostra o valor em pt e qual a profundidade do objeto.
5. Cap: Aplica a propriedade de tornar o objeto slido ou oco, atravs de sua tampa.
6. Bevel: Define qual a forma da profundidade do objeto atravs de contornos diferentes.

100
Quando a opo Bevel alterada de seu padro None, outras duas propriedades so abertas.
yyHeight: Define a altura desses novos contornos;
yyBevel extent out: Chanfro adicionado ao objeto original;
yyBevel extent in: Chanfro subtrado do objeto original.
7. Surface: Especifica um estilo de renderizao; temos: Wireframe, no Shading, Diffuse shading e

Plastic Shading.
Revolve:
D a extruso de forma cilndrica em seus objetos.
Rotate:
Permite rotacionar a sua arte e adicionar perspectiva.

101
Exerccios
Exerccio - vasos
Efeito de cermica personalizados
Neste exerccio vamos criar vasos customizados com as estampas que criamos
em modulos anteriores. Uma tima forma de mostrar aplicao das estampas em
portfolios.
102
Passo 1
Criando os vasos
Com a pen tool desenho metade de um vaso, conforme a imagem.
No h necessidade de fechar o objeto.
Com o objeto selecionado direcione-se ao menu effect > 3D > re-
volve
Configure o painel como o da imagem abaixo.

103
Repita os procedimentos anteriores com as demais formas de vasos.
cor
C - 50
M-0
Y - 15
K-0
No final desta etapa os vasos estaro dessa forma. Posicione-os como no exemplo ao
lado.

104
Vamos dar acabamento aos vasos. Para isso, faremos a sombra do inte-
rior dele criando a impresso de um vaso oco.
Crie o elipse no formato

da borda do vaso.
Aplique um gradiente linear do claro para o escuro.
Repita o procedimento nos demais vasos, lembrando que no vaso azul voc, deve usar
tonalidades prximas do vaso.

105
Passo 2
Aplicando as estampas
Abra seu arquivo de estampas criado no mdulo anterior. Utilizamos as estampas de duas formas, uma
direta utilizando do clipping mask para daptar o formato e como pattern swatches.
Para fazer a estampa como swatches basta criar o formato de aplicao com a pen tool e selecionar a
estampa desejada no painel swatches.
Em seguida trabalhe a opacidade do objeto criado.
A tcnica do clipping mask muito simples tambm, mas permite que voc posicione as estampas da
forma que quiser.

106
Ento crie composies interessantes com as formas criadas no mdulo anterior. Em seguida, com apen
tool, faa um shape s formato do vaso onde voc quer posicionar sua estampa.
Selecione a composio criada, ela deve estar agrupada, e selecione tambm a forma do vaso. Clique no
boto direito e selecione a opo make clipping mask.

107
Trabalhe a opacidade dessa estampa da mesma forma da anterior.
Crie a composio do terceiro vaso, como na imagem abaixo.
Passo 3
Acabamento
Vamos criar as sombras embaixo dos vasos, dando profundidade a nossa composio. Repita o mesmo
procedimente para os demais vasos.

108
Faa sombras atrs dos vasos, para aumentar ainda mais a sensao de profundidade.
Resultado final.

109
Exerccios
Exerccio - Tipagrafia
Efeito 3D
Vamos explorar outro recurso 3D, a extruso, para incrementar uma tipografia j existente.
Vamos usar a font Pimp regular. Comece escrevendo a palavra MERCADO letra por letra nas
seguintes configuraes de cores.
Agora, com uma letra selecionada, v ao menu effect > 3D > extrude & bevel. Configure cada letra
como mostrado nas imagens.
110
111
112
113
Terminada a extruso, ajuste as letras deixando elas um pouco embaralhadas. As que esto no fundo
vamos usar o efeito blur.

114
Varie a configurao do blur de acordo com as distncias entre as letras e a profundidade que que voc
quer dar a composio. Veja o exemplo:
Finalize com algums desenhos e formas geomtricas, um fundo claro, pois a composio j muito
chamativa.

115
Links teis
-uma-imagem/
116
MDULO 01
I mpresso
possvel imprimir documentos do Illustrator de duas maneiras. Como uma composio, que uma
sada impressa nica contendo todas as cores e matizes utilizados, e como uma srie de separaes de
cores, uma sada impressa de cada cor. As separaes de cores so necessrias para as ilustraes impressas
em uma grfica.
Configurao do documento
Selecione File > Document Setup. Permite definir o tamanho da pgina inicial de uma ilustrao por
meio da arte. As opes esto divididas em trs reas diferentes - ArtBoard, Printing & Exporting e Trans-
parency.
Opo Print Setup contm opes de configurao de impresso especficas de sua impressora.
Opes da caixa de dilogo Imprimir

Cada categoria de opes na caixa de dilogo Imprimir, desde opes gerais at opes resumidas, est
organizada de forma a orient-lo durante o processo de impresso de um documento. Para exibir um
conjunto de opes, selecione o nome do conjunto no lado esquerdo da caixa de dilogo. Muitas dessas
opes so pr-definidas pelo perfil de inicializao que voc escolheu quando iniciou seu documento.
yy General (Geral): Define o tamanho e a orientao da pgina, especifica quantas pginas sero
impressas, dimensiona o trabalho artstico, especifica opes de diviso em blocos grficos e escolhe
as camadas a serem impressas.
yy Marks and Bleed (Marcas e sangrias): Seleciona marcas da impressora e cria uma sangria.
yy Output (Sada): Cria separaes de cores.
yy Graphics (Grficos): Define opes de impresso para caminhos, fontes, arquivos PostScript,
gradientes, malhas e misturas.
yy Color Management (Gerenciamento de cores): Seleciona um perfil de cor e um mtodo de
renderizao para impresso.
yy Advanced (Avanado): Controla o nivelamento (ou a possvel rasterizao) do trabalho artstico
de vetor durante a impresso.
117
yy Summary (Resumo): Visualiza e salva um resumo das configuraes de impresso.
Gerando PDFs de qualidade no Illustrator

Alguns procedimentos que devem ser observados antes de enviar seu documento do Illustrator para a
grfica ou mesmo antes de criar o seu PDF.
yy Cheque o formato do documento em File>>Document Setup;
yy Cheque o modo de cor do documento em File>Document Color Mode;
yy Cheque a resoluo dos efeitos em Effects>Document Raster Effects Settings;
yy Conforme a tela abaixo, selecione a resoluo adequada ou digite a resoluo no campo Other.
yy Marque Transparent ou White para o Background das imagens geradas;

yy Marque a opo Anti-alias para suavizao dos serrilhados nas bordas dos vetores que sero trans-
formados em imagens;
yy Caso queira que os objetos com efeitos sejam envolvidos por uma mscara de recorte (clipping
mask), marque Create Clipping Mask e especifique o valor a ser adicionado em torno dos mesmos;
yy Se tiver usado cores Spot, marque a opo Preserve. Cores Spot com transparncias podem no ser
preservadas.
No menu Edit>>Transparency Flattener Presets, cheque a resoluo e selecione High, Medium ou Low.

118
Cheque no painel links, localizado no menu Window>Links,
se as imagens esto incorporadas (embbed) ao arquivo. Caso
no apresente o cone do lado direito da lmina correspondente
a cada imagem, elas devero ser salvas na mesma pasta em que
for salvo o arquivo do illustrator (apenas para o caso de gerar a
sada do documento no formato Illustrator). Aproveite para che-
car se as imagens no incorporadas esto em CMYK. Imagens
incorporadas so automaticamente convertidas para o modo de
cor do documento.
Ative a visualizao do Overprint no menu View>Overprint Preview e cheque se algum ob-

jeto est em Overprint. Se os Overprints no foram propositais, voc poder modific-los no menu
Window>Attributes desmarcando a opo Overprint Fill (preenchimento em Overprint) ou Over-
print Stroke (contorno em Overprint) do objeto selecionado.
Acesse o painel Swatches no menu Window>Swatches e selecione no menu do painel a opo Add
Used Colors para que todas as cores usadas no documento sejam exibidas no painel Swatches.

119
Em seguida, selecione a opo Select All Unused. Feito isso, verifique se existe alguma cor spot na bi-
blioteca. As cores spot geram chapas extras e so caracterizadas no painel Swatches por um tringulo
branco com um ponto preto localizado no lado direito da miniatura da cor. Caso estes Spots no estejam
no seu projeto, converta para Process Colors.
O documento estar pronto para ser enviado no formato Illustrator. Caso queira usar o formato PDF,
pode salvar como direto de dentro do Illustrator, menu File>Save as. Escolhendo o formato Adobe PDF,
pode-se criar um PDF mais consistente, gerando um arquivo .ps de dentro da janela de impresso. Todos
os procedimentos vistos acima devem ser mantidos.

120
Gerando o PDF
Comande a impresso em File>Print. Vamos supor que estamos usando as preferncias anteriormente
marcadas nos procedimentos acima descritos.
Menu General
Na opo Printer, selecione adobe PDF para criar um PDF usando as configuraes selecionadas no
seu Acrobat Distiller, ou selecione Adobe PostScript File para criar um arquivo .ps e depois criar o PDF
pelo Acrobat Distiller.
Caso no tenha o PPD da impressora de destino, selecione Adobe PDF 7.0. Verifique se o formato do
papel est correto na opo Media>>Size. Para que o formato seja automaticamente alterado para o mes-
mo do seu documento, basta clicar na opo Custom. Se estiver trabalhando em um arquivo com reas de
sangria, aumente o formato para dar espao para as reas e mais uma rea para serem impressas as marcas
de registro e corte, cerca de 1,5 cm para cada lado.
Menu Compression

121
Ao salvar sua arte em Adobe PDF, voc pode comprimi-lo, e, tambm, comprimir as imagens bitmap
downsample. Dependendo das configuraes escolhidas, a compactao e reduo da resoluo podem
reduzir significativamente o tamanho de um arquivo PDF com pouca ou nenhuma perda de detalhe e
preciso.
A rea de compresso da caixa de dilogo Salvar Adobe PDF estar dividida em trs sees. Cada seo
fornecer opes para compactao e reamostragem de cores, tons de cinza ou imagens monocromticas
em seu trabalho artstico.
Menu Marks and Bleed
Marcas de corte, de cor, de registro e informaes podem ser selecionadas, conforme a necessidade do
documento.
Na opo Bleeds, determine o quanto de sangria dever ser impresso.
Menu Output

122
Se no estiver fazendo separaes de cores, marque a opo Composite. Aproveite para checar se algu-
ma cor Spot est sendo utilizada. Aparecer um canal extra, alm dos quatro da policromia. Neste caso,
se quiser fazer a converso de Cores Spot para Cores de Processo, basta marcar Convert All Spot Colors
to Process, mas mais seguro (por questes de correspondncia de cores) fazer esta alterao dentro do
documento editando o Spot Color no painel Swatches.
Menu Advanced
No modo Composite (selecionado no Menu Output), Overprints no so preservados. Caso queira

que a aparncia dos Overprints seja mantida, marque Simulate. Caso no queira utiliz-los, selecione Dis-
card. A opo Preserve funciona apenas no modo Separations.
Na opo Preset, selecione a resoluo escolhida em Transparency Flattener Presets, no nosso caso,
High Resolution para converter Gradients e Meshes para 300 dpi.
Menu Security
Este menu utilizado para colocar uma senha no seu arquivo PDF e algumas permisses.

123
Menu Sumary
Faa uma checagem das opes marcadas e clique em salvar.

124
Exerccios
Exerccio - final
EfeitoEstampa de camiseta
O objetivo deste exerccio trabalhar com os conhecimentos adquiridos ao longo de todo o
curso de Illustrator. A Ideia criar estampas para uma marca de roupa que deseja explorar melhor
algumas tribos urbanas.
Cliente: Urbana Camiseteria
Briefing: Criar estampa localizada baseada na tribo urbana Geek.
O que so Geeks:
Geek um sinnimo para nerd, e ambas so uma gria muito usada para caracterizar pessoas com um
jeito peculiar, que exercem diversas atividades intelectuais e que geralmente tm muita afinidade com
tecnologia, eletrnica, jogos eletrnicos ou de tabuleiro e etc.
Alm de nerd, existem outros sinnimos para geek, como dweeb e dork , grias em ingls bastante usa-
das pelos adolescentes americanos, mas que tm significados semelhantes. Richard Clarke, um antigo
funcionrio do Governo americano, disse que a diferena entre nerds e geeks que os geeks fazem acon-
tecer. Para adeptos do modo de vida dos geeks, eles os definem o termo como algum que um autodi-
data, algum que apaixonado pelo que faz e pelo que entende.
A palavra geek teve seu primeiro registro em 1876, como sinnimo de bobo e depois passou a designar
artistas de rua que faziam performances bizarras, como arrancar a cabea de uma galinha viva com os
dentes ou comer insetos (bugs em ingls). Depois, por analogia, passou-se a designar um computer geek
aquele que ganha a vida comendo bugs de computador. Os geeks ou nerds s passaram a ser bem vistos
e no sofrer mais tanto preconceito, a partir dos anoas 90, onde a tecnologia ganhou status e tornou-se
objeto de desejo por muitas pessoas.
125
Resultado final

126
127
Links teis
-uma-imagem/
128

Livro Illustrator Cs6

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Livro Illustrator Cs6

Încărcat de

Drepturi de autor:

Formate disponibile

Adobe illustrator CS6

Conhecendo a interface do Illustrator . . . . . . . . . 10

Trabalhando com documentos no Illustrator . . . . 13

O trabalho com Textos no Illustrator . . . . . . . . . . 34

Adobe Illustrator CS5

Adobe Illustrator CS5

Adobe Illustrator CS5

Adobe Illustrator CS5

Adobe Illustrator CS5

Adobe Illustrator CS5

Adobe Illustrator CS5

Trabalhando com zoom

Adobe Illustrator CS5

Rguas, ponto zero, guias e grades

Adobe Illustrator CS5

2. Ferramenta Retngulo de Cantos Arredondados

Adobe Illustrator CS5

3. Ferramenta Grade Retangular

4. Ferramenta Grade Polar

Adobe Illustrator CS5

A- Fill: defini a cor do preenchimento do objeto

Ao clicar na caixa Fill ou Stroke, abrir a janela Color Picker:

Adobe Illustrator CS5

Adobe Illustrator CS5

Adobe Illustrator CS5

yy Exclude - Exclui a parte onde os objetos sobre-

Adobe Illustrator CS5

yy Ferramenta Outline - Cria pequenas sees de

Adobe Illustrator CS5

Exerccio - Criando com formas bsicas

Voc vai presizar aplicas os conceitos de

Exerccio - Refaa as logomarcas

Exerccio - Criando cones vintage

(C) Cyan (ciano)

O trabalho com cores no Illustrator

Adobe Illustrator CS5

Adobe Illustrator CS5

Adobe Illustrator CS5

O conjunto escolhido pode ser guardado na paleta

Este Painel pode ser habilitado no menu

Live Paint Bucket :

Adobe Illustrator CS5

yy Type: onde voc pode escolher qual tipo de gra-

Malha de Gradiente: Permite transformar um caminho normal preenchido em um objeto multicolo-

Adobe Illustrator CS5

Adobe Illustrator CS5

Utilizando o painel pattern

Adobe Illustrator CS5

Adobe Illustrator CS5

Adobe Illustrator CS5

Cap (arremate): Selecione um estilo de arremate para

Join: Especifica a aparncia do traado em pontos an-

Adobe Illustrator CS5

Adobe Illustrator CS5

Type on a path: Inserir texto em um caminho

Adobe Illustrator CS5

yy Font size: tamanho da fonte;

Para acess-la, selecione menu Window>tipe>Paragraph

No painel Paragraph, existem tambm opes de propriedades de pargrafos:

Adobe Illustrator CS5

um formato de fontes de computador escalvel. Tem como algumas propriedades:

Adobe Illustrator CS5

Adobe Illustrator CS5

Com a ferramenta unite do painel pa-