Apostila Illustrator CS3

getpac@dtp.com.
br
Getulino iniciou sua carreira desenvolvendo trabalhos

artsticos atravs de tcnicas tradicionais. Foi a
partir de seu contato com agncias de publicidade que,
passou a atuar no segmento da arte digital, transpondo
todo seu conhecimento em tcnicas convencionais de
design e ilustrao para o mundo dos softwares,
especializando-se em aplicativos profissionais como
Illustrator, Photoshop e Painter. Atua na Revista Desktop
e Photoshop Pro, na criao de imagens e capas, alm de
assinar colunas de tutoriais sobre arte digital nas
mesmas publicaes.
Ministra cursos de Illustrator, Painter e Photoshop
pela diviso de cursos e eventos da Desktop. Sua
formao inclui participao em treinamentos e cursos
com especialistas como Alexandre Keese, Emanuel
Infante, Srgio Aguirre, Carlos Bonilla, Jack Davis,
entre outros.
2007 PROIBIDA A PRODUO PARCIAL OU TOTAL SEM AUTORIZAO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.BR
Organizao da rea de trabalho

O Illustrator CS3 apresenta uma rea de trabalho mais prtica e inteligente onde pode
se trabalhar com as paletas posicionada
como painis ou cones.
A forma Defaut do aplicativo j associa as
ferramentas que, na maioria das vezes, so
usadas juntas, o que ajuda o usurio na
hora de localizlas.
Clicar sobre as setas na parte superior

direita do grupo de paletas faz com
que o grupo set ransforme-se em
cones ou em forma de painel
O mesmo se consegue na paleta

lateral de ferramentas.
Se desejar acrescentar
mais paletas ao grupo,
voc simplesmente pode
abrir a paleta que deseja
incluir e arrast-la na
lateral ou parte inferior do
grupo. Automaticamente
a paleta ir se encaixar a
esse grupo.
03
O Illustrator permite ainda que voc tambm personalize sua rea de trabalho,
organizando o grupo de paletas de acordo
com a sua necessidade.
Para isto, organize as paletas nas posies
desejadas e salve esta nova organizao em
Window> Workspace> Save Workspace. Esta
nova configurao pode ser ativada e desativada quando quiser, bastando ativar a opo
salva no Workspace.
possvel visualizar seu documento com

fundo transparente.
Pressione Shift + Comand + D para habilitar
a funo e o mesmo comando para desativar.
Para visualizar uma grade de apoio no

fundo do seu documento pressione
Comand +
Pressionando Comand + K habilitada a paleta Preferences onde, em Constrain Angle,

pode se mudar o ngulo da grade.
04
Mude o modo de visualizao de tela do Illustrator, caso deseje visualizar seu arquivo em tela
cheia ou sem alguns detalhes como, por exemplo, ocultar a janela com as barras de rolagem
ou o Menu de opes na Barra superior. Para isto
navegue pelas opes de visualizao localizadas no ltimo cone da caixa de ferramentas ou
pressione a tecla F para ocult-las.
Para ocultar as paletas e a caixa de ferramentas
pressione Tab.
Dicas para melhorar a performance

de algumas ferramentas
Padres de medidas
A maioria das paletas de modificaes do Illustrator est vinculada a
medidas, como as rguas e objetos,
que podem ser aplicadas com tipos
de medidas pr-especificadas ou
alteradas posteriormente.
O Illustrator trabalha com vrios
padres de medidas que podem ser
alteradas em Illustrator > Preferences> Units & Display Performance.
Rguas
Para acionar as rguas no Illustrator v em
View> Show Rulers.
Clique sobre a rgua e arraste para puxar uma
guia em seu arquivo.
Voc pode esconder a visualizao das rguas
pressionando as teclas Comand+; ou eliminlas de seu arquivo em View> Guides > Clear
Guides.
As Guias da rgua do aplicativo no s servem
como delimitadores de medidas, mas tambm,
e alguns casos, atuam como um objeto.
05
Como padro do aplicativo as guias ao

serem arrastadas para o arquivo permanecem travadas.
Para destrav-las, v em View> Guides
e acione Look Guides.
Com a rgua livre possivel rotacionla, delet-la ou us-la como um objeto
que aceita funes de algumas ferramentas, como por exemplo :
Ao ser usada a guia em conjunto com
Pathfinder, pode ser utilizada para se
dividir objetos.
Assim como possvel converter
Guides em objetos, tambm podemos
converter qualquer objeto em guides.
Selecione o objeto e v em
View> Guides> Make Guides.
A funo Smart Guides Reguas Inteligentes possui informaes sobre
medidas, ngulos e centralizaes de
objetos que aparecem ao lado das
quias conforme ocorrem as operaes.
Esta funo pode ser ativada ou desativadas em View> Smart Guides ou
pressionando as teclas Comand + U.
Alinhamento de objetos
Ao selecionar um ou mais objetos no
Illustrator automaticamente as opes
de alinhamento de objetos aparecem
na barra superior do Menu de Opes
representada por um
pequeno cone.
Ao clicar sobre ele as opes surgem
sua direita.
Para fazer o alinhamento basta
selecionar os objetos e clicar sobre
um dos cones de alinhamento que
corresponde a forma de alinhamento
desejado.
No CS3 voc pode determinar se o
alinhamento do objeto ou conjunto de
objetos iro ser alinhados pela margem do documento ou por uma marca
de corte definida no documento.
Clique na seta localizada a direita do
cone de alinhamento, e detemine entre Align to Crop ou Align to Artboard.
06
Quando se alinha um grupo de

objetos por exemplo em um plano
vertical e as opes Align Crop ou
Align Artboard estiverem desativadas,
normal que o Illustrator procure
uma mdia entre os elementos e os
alinhe em um canto qualquer em seu
documento.
Para que um determinado objeto permanea fixo em uma parte qualquer
do seu documento e que as demais
se alinhem tendo ele como referncia,
basta selecionar todos os objetos que
se deseja alinhar e em seguida, com a
tecla Alt pressionada, clique sobre o
objeto de referncia e faa o
processo de alinhamento.
Algumas opes de distribuio de
objetos no podem ser encontrados
na Barra de Menu de opes, sendo
necessrio abrir a paleta Align em
Window> Align.
Estas funes encontradas na parte
inferior da paleta podem serem usadas de duas formas: automtica ou
numrica.
Quando a opo automtica estiver
acionada e aplicada a um grupo de
objetos selecionados a distribuio
ser feita automaticamente com espaos j predefinidos pelo Illustrator.
Agora, se precisar determinar com
maior preciso a distncia entre um
objeto e outro, ative ento a funo
numrica.
Porm, o segredo para que esta
funo funcione direitinho
seguir os seguintes procedimentos:
aps ter selecionados os objetos e ter
colocado o valor de espaamento
desejado na paleta, pressione a tecla
Alt e clique sobre o grupo de objetos selecionados, e s depois ento
clique sobre o cone de distribuio
desejado.
Este processo necessrio para habilitar a funo numrica da paleta.
07
Scale Strokes & Effects

V em Illustrator> Preferences> General e ative caso, no esteja ativada, a
opo Scale Strokes & Effects.
Esta funo ativada se torna muito importante, pois permite que um efeito
ou espessura de linhas aplicados em
um objeto ou fonte permanea com
aspecto proporcional toda vez que o
objeto ou fonte sejam reduzidos ou
ampliados.
Scale Strokes & Effects desativado.
Scale Strokes & Effects ativado.
Path Stroke
As ferramentas Pen e Pencil so usadas
para se traar linhas. As linhas no Illustrator so conhecidas como caminhos e os
pontos que surgem sobre ele quando est
selecionado se chamam pontos de ncora.
Quando um trao comea em um ponto
e termina em outro chamado Caminho
Aberto. Quando comea em um ponto e
termina no mesmo ponto se chama
Caminho Fechado.
As linhas que surgem saindo dos pontos de
ncora so chamadas de alas, usadas para
para mudar as coordenadas do Caminho.
Ao utilizar aferramenta Pen desative antes
o preenchimento na caixa de ferramentas
do Illustrator para que a ferramenta
construa o trao sem preenchimento; j
a ferramenta Pencil elimina automaticamente o preenchimento ao ser utilizada.
Exemplo de Caminho Aberto

Ala
Caminho
Ponto de ncora
Exemplo de Caminho Fechado
08
Ao utilizar as alas para mudar as coordenadas do caminho note que os pontos de

ncoras continuam fixos, e somente os
caminhos se movem.
Obs: Para mover as alas ou mudar a
posio do ponto de ncora, utilize a ferramenta Direct Selection
Em um caminho, por exemplo, com trs
pontos de ncora, ao mover um dos lados
da ala do ponto de ncora central, note
que o caminho antes e depois do ponto se
movem ao mesmo tempo.
Para mover apenas parte do caminho
antes ou depois do ponto de ncora
necessrio quebrar as coordenadas do
caminho.
Para isto, ative a ferramenta Convert Anchort Point nas opes da ferramenta Pen.
Clique com a ferramenta diretamente
sobre a ala e as coordenadas do caminho
podero ser manipuladas de forma independente.
A ferramenta Pencil funciona exatamente
como um lpis, porm, caso voc erre o
trao, s passar o lpis novamente sobre
a parte errada e corrigi-la.
Esta funo pode ser desabilitada , caso
precise usar a ferramenta para traar vrios
traos sobrepostos , sem que um novo
trao no altere a forma do trao anterior.
Para isto, d dois cliques sobre o cone da
ferramenta Pencil e na caixa de dilogo
que surge desabilite a funo Edit Selected
Paths.
Para pagar determinada parte de um trao
utilize a opo Path Eraser.
Para suavizar traos tremidos utilize opo
Smoot. medida em que se passa a ferramenta sobre o trao, suas linhas so suavizadas.
Voc pode alterar a espessura da Linha
atravs da paleta stroke, bem como suas
terminaes, caso, por exemplo, queira que
o final de uma linha seja arredondada ou
reta. A funo Dashed Line faz com que o
trao fique pontilhado.
09
Ao selecionar sobre um caminho alguns pontos

de ncora, na barra superior do Menu de opes
surgem ferramentas de edio de ncoras e
caminhos, entre elas a ferramenta Align.
Com este recurso possvel alinhar rapidamente
um grupo de pontos de ncora .
Por exemplo, voc pode fazer com que uma
linha curva se torne reta em poucos instantes.
Outro recurso tambm interessante a ferramenta Convert, que

converte rapidamente um Caminho
com cantos retos em cantos arredondados ou vice-versa.
10
Para um controle mais preciso

dos pontos de ncora, v em
Object> Path opo Averange.
Atravs desta paleta possvel
alinhar os pontos de ncora na
vertical e na horizontal ou fazer
com que os pontos fiquem
soprepostos, partindo de um
nico ponto, bastando selecionar com ferramenta Direct Selection um grupo de pontos e
aplicar a funo Both na Paleta
Averange.
Modos de visualizao para

trabalhar com documentos complexos
Quanto mais detalhes tiver o seu
trabalho, mais difcil se torna edit-lo ou
at mesmo visualiz-lo em sua rea de
trabalho. Isto acontece pois a
quantidade de objetos e pontos de
ncora contidas no trabalho exige mais
processamento de sua mquina,
tornando lentos alguns procedimentos.
Voc pode melhorar isto usando alguns
recursos :
Visualizando em Outline
Na barra principal no Menu de Opes
acione em View a opo Outline.
Isto far com que o objeto do seu arquivo
seja apresentado somente em contornos
exigindo menos processamento, uma
vez que o preenchimento do objeto est
oculto. Este processo tambm facilita a
localizao de determinados pontos de
ncoras para seleo, o que bastante
complicado de se fazer em um trabalho
que tenha um grande nmero de objetos
sobrepostos.
Para voltar a visualizao
normal View> Preview
11
Se seu trabalho estiver separado em Layers voc tem a opo

de visualizar em aramado somente detalhes do trabalho.
Com a tecla Command pressionada, clique sobre o olho de
visualizao na paleta Layers.
Somente o objeto contido
neste Layer ir ser apresentado
em Outline.
Navigator e Shortcuts para visualizao

Para trabalhar com arquivos complexos e ampliados em sua tela ,
voc pode utilizar a ferramenta
Navigator ou criar um atalho de
visualizao.
Usando o Navigator.
Acione a ferramenta em Window>
Navigator.
A Paleta da ferramenta apresenta
uma miniatura do documento
com um retngulo vermelho
sobre ele.
Esta marcao em vermelho
representa as dimenses de sua
tela. Ao ampliar ou reduzir o
documento, esta marcao tambm ir aumentar ou diminuir e
somente aquilo que estiver dentro
da marcao ser apresentado em
sua tela. Voc pode clicar sobre
a marcao e arrastar para outra
parte da miniatura e outra parte
do documento ser apresentada
na mesma proporo de ampliao em sua tela.
12
Criando Shortcuts
Criar um atalho para visualizar partes
ampliadas de seu trabalho em sua tela
pode ser uma alternativa ainda mais
verstil e prtica, pois se trata de um
processo onde a posio e porcentagem de ampliao podem ser salvas,
bastando
acessar estas informaes
atravs de comandos que voc mesmo
poder criar.
Amplie na visualizao de sua tela
parte da imagem que se deseja gravar.
Em seguida v ao Menu principal de
opes e acione View> New View.
Na paleta de dilogo que surge d um
nome para a visualizao que deseja
gravar.
Volte acionar no Menu a opo View e
note que, nas opes que seguem logo
abaixo das opes New View, surge o
nome que voc salvou a visualizo.
Repita o mesmo processo para criar
novas visualizaes.
Crie agora os atalhos para ativar estas
visualizaes, v em Edit> Keyboard
Shortcuts.
Na paleta Shortcuts pode se mudar os
comandos tanto do menu de comandos como de todas as ferramentas.
No caso do atalho que est sendo criado se encontrar no Menu de comandos,
ative a funo na Paleta Shortcuts.
Procure na lista de comandos que surge
a funo New View.
Voc pode salvar at dez atalhos diferentes para esta opo.
Digite na frente de Custom View o
comando que deseja acrescentar e d
ok. Uma caixa de dilogo surge, digite
um nome para salvar suas novas visualizaes.
Este nome vai ser acrescentado no Set
da paleta, na qual voc pode deix-lo
ativado ou voltar no modo Defaut do
aplicativo.
Agora, s usar os comandos criados
para ativar as visualizaes.
13
Eraser Tool
A ferramenta Borracha na paleta de ferramentas funciona como se fosse uma
borracha usada no Photoshop, com a diferena que elimina vetores.
Basta passar a ferramenta sobre o um objeto ou grupo de objetos e pronto.
simples assim!
Criando pginas mltiplas no PDF

O Illustrator um aplicativo
criado, como o nome j diz, para
ilustrao, portanto, ele no trabalha com paginao.
Porm, se algum projeto exigir
a impresso direta do Illustrator
com uma sequncia de pginas,
podemos determinar esta funo
do Tile de impresso ou ao fechar
um PDF do arquivo.
No caso do exemplo temos a
arte montada em uma folha A4
e mais outras duas semelhantes
com a mesma medida. Comece
aumentando seu documento em
File > Document Setup de forma
que as trs lminas estejam dentro do artboard.
Para que o tamanho do artboard
fique no tamanho perfeito s
fazer o clculo; no caso foi s multiplicar por 3 a largura do A4
14
Ajuste agora o Tile de impresso,

em File > Print.
Na paleta Print acione Setup em
Tiling escolha a opo Tile Full
Pages , perceba que a miniatura do
documento exibida na paleta foi
dividida em trs partes.
Se fizer a impresso diretamente
deste ponto voc poder gerenciar
em sua impressora para que estas
partes sejam impressas individualmente.
Para gerar um PDF com pginas
mltiplas pressione Done para
voltar ao arquivo.
Seu documento vai estar dividido,
no caso, por 3 Tiles de impresso e
na parte inferior esquerdo de cada
um surge um pequeno nmero
indicando o numero de pginas.
D Save As e escolha o formato PDF.
Na caixa do gerenciador de PDF
acione o item Creat Multi-page PDF.
Clique em Salve PDF para gerar o
arquivo.
Abra o PDF gerado e confira a sequncia de pginas no arquivo.
Gerenciando cores com o Live Color

Caso voc no seja um expert
em combinaes de cores para
conseguir desenvolver um trabalho que tenha harmonia de
tons, no se preocupe.
O Illustrator d uma forcinha.
Com a paleta Color Guide e o
gerenciador de cores Live Color
fica muito mais fcil de estudar
uma combinao de cores para
seu trabalho.
Por exemplo, basta clicar sobre
a cor de um objeto qualquer e
verificar na paleta Color Guide
que automaticamete a cor
complemetar da referncia
escolhida j foi encontrada.
15
Alm da cor complementar, na

prpria paleta, voc encontra
pronta uma grande variao de
combinaes de cores feitas atravs
da referncia escolhida.
Voc pode transferir todas ouqualquer referncia de cores geradas na paleta Color Guide para a
paleta Swatches.
Clique no pequeno set localizado
na parte inferior da paleta Color
Guide e a referncia escolhida
ir ser acrescentada na paleta
Swacthes.
Para ativar o gerenciador de cores
Live Color, selecione um grupo de
cores em sua arte. No exemplo foram selecionadas as cores do rtulo
da lata. Ative o cone localizada na
barra de Menu principal.
A paleta Live Color surge

apresentando todas as cores que
compem o rtulo selecionado.
Para fazer alteraes de cores no
modo Assign, em Corrent Colors,
clique sobre a cor que se deseja
alterar .
Crie a nova cor no Slider Color e
automaticamente a cor selecionada
ser substituda no objeto.
16
Para fazer alteraes de cores no

modo Edit, clique no boto Edit e
um crculo cromtico surge com
vrios pontos coloridos localizados
sobre ele.
Estes pontos representam as cores
do grupo selecionado e a localizao de cada uma das cores no
crculo cromtico.
Para aterar qualquer cor basta clicar
e arrastar qualquer ponto de uma
cor para outra e automaticamenta
a cor selecionada no grupo ser
substituida pela outra cor onde o
ponto foi posicionado.
Da mesma forma que a paleta
Color Guide gera uma variao de
um tom selecionado, a paleta Live
Colors gera variaes de grupos
de cores selecionados que podem
serem aplicados diretamente sobre
a arte, possibilitando em tempo
real fazer comparaes das
referncias aplicadas.
17
getpac@dtp.com.br

mesmas publicaes.
entre outros.
Trabalhando com Layers

A paleta Layers no Illustrator
usada para gerenciar e organizar
objetos. Quanto mais detalhes tem
um trabalho, maior a necessidade
de se usar os Layers.
Miniatura do arquivo
Nome do arquivo
Visualizao
Acesso ao
Sub Layers
Acesso ao
Sub Menu
da paleta
Elimina
Layers
Mscara
Novo Layers
Acrescenta
Sub Layers
Toda vez em que um objeto estiver

selecionado, um pequeno ponto
surge no lado direito da tarja de
Layers, indicando a seleo do
objeto. No pequeno crculo ao lado
pode-se selecionar ou deselecionar objetos de um Layers apenas
clicando sobre ele.
Um objeto pode ser transferido

de um Layer para outro apenas
clicando e arrastando o pequeno
ponto que indica a seleo do
objeto. Uma cpia de um objeto
selecionado tambm pode ser
transferida para um novo Layers da
mesma forma.
Porm, faa o processo com a tecla
Alt pressionada.
19
A seta no lado esquerdo da

miniatura da acesso ao Sub Layers.
Todo o objeto que for criado ou
acrescentado neste layer ser apresentado de forma individual dentro deste Sub Layers.
Isto possibilita gerenciar os objetos
de forma especfica dentro de um
mesmo Layer.
Para fazer com que um grupo de

objetos sejam distribudos em Layers separados, clique sobre a tarja
do Layers e no Sub Menu da paleta
acesse a opo Release to Layers
Sequence.
Isto far com que todos os objetos
fiquem em Layers individuais com
seus respectivos Sub Layers.
Para nomear o Layers, clique duas
vezes sobre ele e na caixa de dilogo digite o nome.
A paleta layers possui tambm

recurso de mscara.
Posicione um objeto sobre
o outro e clique no primeiro
cone a esquerda na parte inferior da paleta.
O objeto de primeiro plano servir de mscara para o objeto
de segundo plano.
20
Trabalhando com Mscaras

Mscara um recurso fantstico no Illustrator pois permite esconder rapidamente
parte de elementos ou detalhes de alguma
imagem que no desejamos usar em determinado trabalho.
um recurso bastante verstil, pois, mesmo
aps ter sido aplicado, possvel editar
tanto a mscara como o contedo.
No Illustrator, podemos trabalhar com dois
tipos de mscaras.
Uma Mscara de modo simples aquela
que aplicada usando uma forma, fonte
ou objeto para mascarar uma imagem ou
um elemento qualquer. A a mscara de
opacidade que usada atravs da paleta
Transparency.
Mscara simples
Digite, por exemplo, uma palavra sobre
uma imagem, em seguida v ao Menu
principal e em Object > Clipping acione
Make.
Aps ter usado uma fonte para mascarar a imagem ainda possvel editar
essa fonte com o contedo da imagem
inserido dentro dela.
Pode-se ainda inserir mais elementos
dentro dessa mscara.
No exemplo, posicionamos uma borboleta sobre a imagem mascarada pela
fonte. E, em seguida, com a borboleta
selecionada, aplicamos nela Edit Cut.
A imagem da borboleta eliminada da
tela e est gravada na memria.
Mude para ferramenta Direct Selection
e clique sobre a mscara. Volte em Edit
aplique Paste in Front.
A borboleta foi inserida na mscara e
aplicada sobre a imagem.
Para desabilitar a mscara v em Object
> Clipping opo Release.
21
Outro mtodo de criar uma

mscara usando o prprio contorno de uma imagem aberta no
Illustrator.
Clique sobre a imagem e na
barra do Menu principal; acione o
boto Mask .
Com a ferramenta Direct Selection edite a mscara formada
sobre a imagem.
Ainda na barra do Menu principal
existem dois cones que habilitam para mexer s na mscara ou
s no seu contedo.
Quando usar vrios elementos
separados como referncia de
mscara, o segredo selecionar
todos os objetos envolvidos e
sold-los com a ferramenta Pathfinder antes de fazer o procedimento.
Ativa edio s para o contedo

Ativa edio s para a mscara
Mscara sem solda
Mscara com solda
Mscara de Opacidade
A mscara de opacidade utilizada para
esmaecer gratativamente reas, bordas ou
parte de uma imagem.
O processo usado muito semelhante
ao do Photoshop, ou seja, as reas com
preenchimento preto escondem informao e as brancas revelam.
Selecione uma imagem ou elemento que
deseja mascarar e em seguida ative a
paleta Transparency e em seu Sub Menu
ative Show Thumbnails.
Volte ainda no Sub Menu e ative Make
Opacity Mask. Ao fazer esse processo
note que a imagem em seu arquivo desapareceu e, ao lado da miniatura da imagem na paleta Transparency, surge um
quadrado preenchido com preto, que a
nossa mscara.
Lembre-se de que neste processo o preto
esconde informaes, por isso, a imagem
no pode ser vista no documento.
22
Mude a cor de preenchimento na caixa de

ferramentas para branco.
Clique sobre a mscara na paleta Transparency e em seguida abra em seu documento qualquer forma que esteja preenchida
com branco.
A imagem que estava oculta ir aparecer
somente dentro da forma que voc aplicou
pois ela estava preenchida com branco.
Voc pode usar um gradiente para esmaecer parte de sua imagem.
Clique na mscara na paleta Transparency.
Escolha um tipo de gradient na paleta
Swatches que seja composto com preto e
branco e aplique sobre a mscara.
Isto far com que parte da imagem desaparea gradativamente graas suavidade do
gradient aplicado.
Utilize a ferramenta Gradient para alterar a
direo do gradiente.
Traballhando com a mscara

de Opacidade de forma avanada
Utilizaremos agora a mscara de opacidade em um arquivo com Layers.
Neste exemplo, temos um arquivo
com trs Layers, no topo um texto com
efeito, no Layers logo abaixo uma elipse
e no ltimo um fundo preto.
Selecione a elipse v em Filter > Blur
opo Gaussian Blur para suavizar as
bordas da elipse de na sequncia um
Edit Copy. Abra um novo Layers acima
do Layers da elipse.
Desligue a visualizao do layers que
est no topo e crie no novo Layers um
retngulo aplicando nele um Pattern.
Selecione o retngulo e abra a paleta
Transparency. No sub Menu da paleta
ative Make Opacity Mask.
No Thumbnails da paleta clique sobre a
mscara e d um Edit Past in Front.
Neste momento voc tem o Pattern
mascarado pela elipse.
23
Voc pode editar o Pattern dentro da

mscara desativando o Link entre as duas
miniaturas no Thumbnails.
No exemplo clicamos sobre o cone do
Pattern e abrimos o retngulo do Pattern
at a parte superior da elipse.
Para esmaecer parte do Pattern aplicado
dentro da elipse siga os seguintes procedimentos:
Ative novamente o Links entre as miniaturas do Thumbnails; com a tecla Alt
pressionada, clique sobre a miniatura da
mscara.
A elipse vai ficar cinza. Ainda com a
miniatura selecionada, abra a paleta Color
e clique sobre o item preto da paleta para
preencher a elipse com preto.
Mude agora para paleta Swatches e
clique sobre o cone do gradient linear
preto e branco.
O fundo preto agora
foi substitudo pelo
gradient. Na paleta
Gradient mude o
ngulo para - 90.
Clique sobre a
miniatura do Pattern em Thumbnails
e a visualizao do
efeito aplicado na
mscara ser
ativada.
Para completar
ative avisualizao
do Layer do topo
desativado anteriormente.
24
A mscara de opacidade utilizada para

vrios fins, entre eles uma das formas mais
interessantes us-la para aplicar brilhos
em materiais lustrosos, como o capacete,
do exemplo.
A ilustrao pode ser iniciada somente com
traos. Em um segundo Layer, coloque o
preenchimento e em um terceiro Layer use
para colocar formas chapadas que identifiquem reas de luz e sombra, aplicando
individualmente, em cada forma, a mscara
de opacidade, conforme explicado anteriormente.
Tranparncia
O mtodo para aplicar transparncia em
objetos ou imagens no Ilustrator bastante
simples. Basta selecionar qualquer elemento em seu arquivo e na paleta de transparncia colocar o valor de transparncia
desejado.
Ainda na paleta encontramos o recurso do
Blendig Mode que so efeitos de
transparncia prontos, como o Multiply
Overlay e outros que, sobrepostos a outra
imagem ou tons, produzem efeitos diferentes da opacidade normal.
Voc ainda pode trabalhar com transparncia utilizando recursos da paleta
Appearence. Atravs desta paleta, voc
pode, por exemplo, determinar em um
objeto composto de preenchimento e
contorno qual desses dois elementos ser
aplicado transparncia.
Selecione o objeto, acesse a paleta
Appearence e selecione nela o item que
desejar aplicar a transparncia.
Ao alterar o valor de opacidade na paleta
Transparency, somente o item selecionado
sofrer a alterao sobre o objeto selecionado.
25
Criando
efeito de
exploso com
Mscara e o
Object Mosaic
O ltro Object Mosaic um
ltro antigo no Illustrator, porm
no muito conhecido pelos
usurios e, muitas vezes, os
poucos que o conhecem no
encontram uma utilidade prtica para o efeito. Neste tutorial, mostrarei que, usando um
pouco de criatividade, pode se
conseguir resultados surpreendentes com ltro que poderia
ser mais explorado.
O ltro Object Mosaic, ao ser aplicado sobre uma imagem qualquer,
aberta no Illustrator, rasteriza os
tons da mesma em pequenos blocos convertidos em vetor.
Obs: Esta funo no destri a imagem original; os blocos vetorizados
so criados sobre ela.
a) A idia neste tutorial foi criar algo
como se metade de um rosto
estivesse se desfazendo em vrios
pedacinhos formados por pequenos
blocos.
Posicionei em um novo arquivo a
imagem escolhida atravs de File
Place.
b) Para acessar o ltro cliquei sobre a imagem e em Filter > Create
acionei Object Mosaic. A paleta d
acesso s opes de ajustes de
quantidade e tamanhos em que
se deseja gerar os blocos sobre a
imagem.
26
No caso da imagem escolhida, em

Number of Tiles, coloquei um valor de
40 em Width e tambm 40 em Height e
dei ok.
O resultado que se tem de uma imagem toda pixalizada.
2) Espalhando os blocos
a) Como foi mencionado anteriormente
o efeito criado se forma sobre a imagem original sem a destru-la
Abri um novo Layer e arrastei o efeito
para esta novo Layer.
Obs: Ative e desative a visualizao
da camada e perceba que o efeito est
agora em um Layer e a imagem
original em outro.
b) Desagrupei os elementos do efeitoem Object > Ungroup.
Ao ser aplicado o ltro, cosequentemente o fundo branco, no caso da
imagem que escolhi, tambm foi convertido em vrios blocos - agora, quero
delet-los.
Todos esses blocos que compem o
fundo tm o mesmo preenchimento
de branco e a forma mais rpida e
prtica para delet-los selecionar
um dos blocos brancos e, em Select >
Same, ativar a opo Fill Collor. Esta
funo seleciona de forma automtica,
ao mesmo tempo, todos os elementos
com preenchimentos idnticos,
bastando a seguir pressionar a tecla
delete para elimin-los.
C) Selecionei os blocos restantes e fui
em Object > Transform > Transform
Each.
D) Nesta paleta possivel fazer com
que cada um os blocos se mova e se
espalhe em posies aleatrias.
No exemplo ativei primeiramente o
Preview e utilizei o Move para mover
os quadrados, apliquei um ngulo de
160 e ativei tambm o item Random
para que os quadrados fossem espalhados de forma aleatria
27
2) Aplicando o efeito
sobre o rosto
Apenas aplicar o efeito sobre o rosto
ainda no ir causar a impresso de
que o rosto da gura esteja se desfazendo.
Para isto, foi necessrio criar uma
mscara para esconder pontos sobre o
rosto da gura.
Criando a Mscara
A) Dupliquei o Layer dos blocos espalhados para criar uma cpia e ocultei a
visualizao do Layer original.
B) Selecionei todos os blocos deste
novo Layer e em seguida utilizei a
opo Add to Shape Area da Paleta
Pathinder para soldar os blocos.
C) Criei um retngulo envolvendo todos os elementos soldados e o joguei
para trs destes elementos soldados,
observando tambm se a dimenso
deste retngulo envolvia toda a gura
do rosto do Layers abaixo.
D) Com este retngulo, mais os elementos soldados selecionados,
apliquei a opo Subtract Front Area
da Paleta Pathinder. Esta funo fez
com que a forma dos elementos soldados vazassem o retngulo formando
assim um novo elemento.
E) Em seguida selecionei este novo
elemento, mais a gura do rosto, e
apliquei a mscara em Object> Clipping Mask > Make.
F) Ativei a visualizao do Layer oculto
anteriormente e travei todos os outros
Layers; com a ferramenta de seleo
fui clicando e arrastando os quadradinhos para revelar o efeito da Mscara
sobre o rosto.
28
getpac@dtp.com.br

mesmas publicaes.
entre outros.
Efeito 3d no Illustrator Cs3
O efeito 3D no Illustrator CS permite facilmente projetar e trabalhar com objetos em

3 dimenses, sendo possvel editar, controlar e acessar facilmente todos os lados de
um objeto tridimensional, e ainda aplicar
ilustraes ou imagens nas diversas faces
desse objeto renderizado. Alm disso, os
recursos de edio variam de acordo com a
vontade do usurios.
Renderizando uma forma
Se a forma a ser renderizada um quadrado, retngulo ou qualquer
outra forma geomtrica, tudo o que se
tem que fazer selecionar
o objeto e ativar Effect 3D > Extrude &
Bevel. Coloque um valor em Extrude
Depth para dar profundidade ao objeto,
lembrando sempre de que, quanto
maior for o valor, maior ser essa
profundidade.
Ative o preview e rotacione o cubo na
paleta do filtro para poder visualizar e
escolher o posicionamento desejado
do objeto. No caso de fontes, o procedimento o mesmo, porm, no
necessrio quebr-las em curvas. Aps
ter aplicado o filtro, voc pode editar normalmente o seu texto, pois os
efeitos aplicados automaticamente se
adaptaro ao novo texto digitado.
Ative o preview e rotacione o cubo na

paleta do filtro para poder visualizar e
escolher o posicionamento desejado
do objeto.
Voc pode editar normalmente o

seu texto, e os efeitos aplicados
automaticamente se adaptaro s
modificaes.
Projetando a face
de uma embalagem
A) Como primeiro passo, com a ferramenta Pen, desenhe um dos lados da
embalagem.
30
B) Selecione a forma e aplique o filtro,

como mostrado anteriormente.
C) Crie as ilustraes que sero aplicadas
nos lados da embalagem, segundo as
suas propores.
D) Arraste as ilustraes, uma de cada
vez, para dentro da paleta Symbols.
E) Selecione o objeto com o efeito 3D

aplicado. Na paleta Appearence, clique
duas vezes sobre o item 3D. Isto far com
que a paleta 3D seja aberta automaticamente exibindo a mesma configurao
aplicada no objeto anteriormente.
F) Uma vez acionada a paleta 3D,

ative a opo Map Art, fazendo
um mapeamento em toda a
estrutura do objeto renderizado,
exibindo em seu preview partes
separadas da imagem. Veja
individualmente as partes do objeto avanando ou voltando as
setas do Sliders Surface, localizado na parte superior da paleta.
31
G) Para aplicar as ilustraes,

escolha a superfcie desejada,
conforme mostrado
no passo anterior. Na opo
Symbols, localizada no canto
superior esquerdo dapaleta,
procure a ilustrao que deseja
aplicar e simplesmente
arraste-a sobre o preview da
paleta, fazendo os ajustes
necessrios.
Formas cilindricas
Para projetar formas cilndricas,
como por exemplo uma lata
ou garrafa, ative Effect > 3D > Revolve. O efeito obtido ser praticamente o mesmo, com o mesmo
layout de aspecto realista.
Basta que se siga a maioria dos passos descritos at aqui, mas com
uma importante diferena: neste
caso, o filtro necessita de apenas
metade do desenho do objeto para
renderiz-lo. Por exemplo,
para uma taa, desenhe apenas
metade dela e o filtro se encarregar
de fazer o restante!
32
Extrude e Bevel
O efeito 3D projeta uma forma
e a opo Bevel na Paleta
3D molda os cantos do objeto
projetado.
Basta escolher uma das vrias
formas de cantos prontas nas
opes da paleta e aplic la.
Veja nesta demonstrao como
utilizr o Bevel.
O objetivo desenvolver a
ilustrao de uma barra de
chocolate.
A) Comece desenhando uma
das laterais da barra,selecione
o objeto e v em Effect > 3D >
Extrude & Bevel para ativar a
paleta de opes do efeito.
B) Ative o item Preview
da paleta para visualizar o
efeito sendo aplicado no
objeto.
C) Em Extrude Depth digite um valor; quanto maior o
valor, maior ser a projeo
do objeto. Digite tambm um
valor em Perspective para se
conseguir uma perpectiva mais
real do objeto projetado.
D) Ative as opes de Bevel.
No caso do exemplo foi
selecionado a opo Complex
3. Ao aplicar essa opo o
objeto foi dividido em vrias
reparties curvas, lembrando
um tablete de chocolate.
E) Faa, se necessrio, alguns
ajustes em Bevel para melhorar a aparncia da forma aplicada
33
Trabalhando com Symbols

Criar elementos de diferentes naturezas
est mais fcil e rpido, pois o software
traz ferramentas especficas para utilizao e combinao de smbolos com
objetos de desenho, textos, imagens ou
qualquer outro elemento, direcionandoos tanto a criaes para Web quanto
para artes vetoriais a serem impressas.
A partir de uma arte qualquer, o usurio
pode simplesmente acrescentar a ilustrao paleta SYMBOL do aplicativo,
bastando que para isso escolha a opo
NEW SYMBOL com a figura selecionada.
Uma vez criado um novo smbolo, podese utiliz-lo em vrias aplicaes atravs
dos recursos oferecidos pelas ferramentas de smbolos,conforme mostrado na
tabela abaixo. Entre as opes encontram-se oito efeitos: Sprayer para
aplicao aleatria dos elementos de
smbolo, Shifter para alterar a posio de
elementos individualmente, Scruncher
para espaar de formaproporcional e
controlada os objetos, Sizer para alterao das dimenses, Spinner para rota-
o, Stainer para sobreposio gradual de

cores, Screener parautilizao de transparncias, e Styler para determinar um outro
estilo sobreposto ao smbolo escolhido.
Para editar o objeto original, deve-se selecion- lo e acionar o comando BREAK LINK
TO SYMBOL, que quebrar a ligao entre
aimagem matriz e sua cpia aplicada pgina. Isso possibilitar que se crie verses
diferentes o mesmo objeto, modificando-o
quanto acor, formato etc., uma vez que este
no estar mais vinculado ao objeto original na paleta de smbolos.
Alm disso, todos os smbolos podem ser
salvos em livrarias e reutilizados em outros
trabalhos ou ainda editados novamente;
para se alterar o
elemento quanto as suas cores
eformato devese selecion-lo
e escolher o opo REDEFINE
SYMBOL.
34
Criando estilos
A paleta Graphic Styles funciona
como se fosse um plug-in de efeitos.
Atravs dela pode aplicar diversos
efeitos prontos sobre um objeto ou
fonte.
Basta selecionar o objeto e na paleta
Style aclicar sobre o efeito desejado.
Um Style e criado ou editado atravs
da paleta Appearence funciona
como um gerenciador de efeitos,
onde possvel criar ou editar um
Style aplicado. Qualquer combinao de efeitos vibrantes, preenchimentos, contornos e comandos
de transparncias podem serem
transformados atravs da paleta.
Quando voc aplica esses atributos
a um objeto selecionado, eles so
listados na nova paleta Appearences
e podem ser gravados, apagados,
editados etc.
O Illustrator apresenta um nmero
de estilos grficos pr-definidos.
Para observar a composio desses
estilos, clique na paleta Styles e veja
os atributos listados na paleta
Appearence. Para criar novos estilos,
voc pode comear a partir de um
estilo pr-definido e fazer modificaes, ou pode aplicar comandos
separadamente para um determinado objeto e, ento, com o elemento
ainda selecionado,
escolher New Style.
No confundir Filtros com Efeitos
No Menu principal de opes temos
as opes Filter e Effect.
Apesar de encontrar em ambos
filtros que tm o mesmo nome e funo, existe uma diferena entre eles.
Filter aplica o filtro e no te d a opo de reedit-los novamente caso
precise.
J a opo Effect aplica a aparncia
do filtro porm dando a possibilidade de reedit los atravs da paleta
Appearence.
Filter
Effect
35
Vetorizando com o Live Trace

Com a ferramenta Live Trace do
Illustrator possivel converter
em pouco passos uma imagem
em vetor.
A) Posicione uma imagem
qualquer em seu documento.
B) Com ela selecionada,
v ao Menu Principal e abra as
opes de Live Trace.
Voc pode escolher entre as
vrias opes j estabelecidas
ou acionar Tracing Options para
abrir a paleta de opes.
C) Nesta paleta, alm de voc
ter acesso a todas as opes
do Live Trace, voc pode
editar cada uma das opes
de acordo com a necessidade do trabalho.
Ative na paleta a opo
Preview para visualizar
as alteraes na imagem.
O
T
A
R
T
S
U
L
Tige
I L
Com este ltro ca muito mais fcil e rpido criar

estilizaes sobre fotos,
uma vez que o ltro permite
vetorizar reas da prpria
imagem oferecendo controles para ajustes da funo e
diversos tipos diferentes de
vetorizao com preview.
Acompanhe um destes processos neste exemplo.
Estilizando com o Live Trace
36
1) Abrindo a imagem no arquivo

a) Atravs da funo File> Place abre
se a imagem no arquivo.
Obs: A imagem usada necessariamente no
precisa estar em alta resoluo, porm importante que no seja muito pequena pois o ltro ir usar
a informao dos pixels da imagem para gerar o
vetor.
Portanto, quanto mais detalhes da imagem puder
se visualizar no tamanho 100% em seu monitor
melhor ser o resultado do ltro.
b) Clique sobre a foto e note que

novas funes surgem na barra do
Menu principal do aplicativo.
Clique na seta ao lado da opo Live
Trace e ative Tracing Options para
abrir a paleta de ajustes do ltro.
2) Vetorizando
Cada tipo de foto consequentemente
ter um ajuste diferente para se conseguir a estelizao desejada.
No caso da imagem do tigre usada
neste tutorial usei os seguintes ajustes:
a) Primeiro ativa se a funo preview
para poder visualizar em tempo real o
efeito sobre a imagem.
b) Em Max Colors apliquei um valor
de 5 e consegui um bom resultado.
Apliquei 2 px em Blur para que as
bordas das formas criadas cassem
um pouco mais arredondadas.
Cliquei em Trace para concluir os
ajustes.
Obs: tentador colocar um valor mais alto em Max
Color para que o aspecto da estilizao que mais
colorida e com maior nmeros de detalhes.
Porm o truque aqui outro.
No se preocupe com o resultado das cores ao
ajustar o ltro e sim na obteno de detalhes que
possa identicar a imagem com a menor quantidade de detalhes possvel, lembre se que estamos
criando uma estilizao e no uma ilustrao realista. Quanto s cores, vamos coloriz-la detalhadamente aps termos conseguido a composio
dos elementos vetorizados da imagem.
c) Conclua a vetorizao clicando

primeiro em Live Paint e depois em
Expand. Desagrupe os objetos em
seguida em Object > Ungroup.
37
2) Colorindo o tigre
a) Para selecionar de maneira rpida
e prtica formas com tons similares,
clique em uma rea qualquer da ilustrao .
V em Select > Same > Fill Collor,
isso far com que todas as formas
que contenham o mesmo preenchimento na ilustrao sejam selecionados ao mesmo tempo.
Obs: Voc Pode tambm pode utilizar
a ferramenta Live Trace para fazer a
substituio das cores.
No caso do tutorial comecei selecionando as reas mais escuras do fundo e depois, apenas com um clique, o
deletei.
a)
b)
c)
d)
b) Em seguida, utilizando o mesmo

processo, selecionei as reas com
preenchimento marrom e as substitui
pela cor laranja.
c) Cliquei de forma individual em algumas manchas para aplicar um tom
amarelado.
d) Os tons de cinza mais escuros deixei um pouco mais claros e os tons de
cinzas que j eram mais claros substitu por branco.
Para nalizar trabalhei mais detalhadamente nos olhos e nariz do tigre.
2) Criando Brushes para serem

aplicados em fontes
A ferramenta de Brushes muito
prtica e verstil para aplicar efeitos
sobre caminhos ou contornos.
Porm, como seria possvel aplicar
esses efeitos no contorno de uma
fonte mantendo a mesma ainda editvel?
O Segredo converter o Brush em
um Style.
Veja o procedimento abaixo.
3) Abra a paleta Graphics Styles e

arraste este quadrado com o efeito
para dentro da paleta
4) Criando o estilo basta aplic lo
sobre a fonte.
Veja que a fonte aceitou o estilo
e contiua editvel.
1) Digite algo com qualquer fonte.

2) Abra um pequeno quadrado que
tenha o mesmo tamanho da fonte.
2) Ative em Window > Brush Libraries > Artistic > Artistic Paint Brush,
escolha um desses Brush e aplique
no quadrado.
Obs: Voc pode usar, se preferir,
qualquer outra biblioteca de Brushes.
38
Ferramenta Mesh
A ferramenta MESH do llustrator possibilita que voc obtenha resultados
surpreendentes ao sombrear ou iluminar ilustraes, bastando para isso
arrastar a cor desejada sobre os ndulos
predefinidos pela ferramenta, tendo
ainda a opo de edit-los quanto cor
e tambm s posies dos ndulos.
Creat Gradient Mesh
Para se ter um controle mais especfico de
sombreamento, use a opo CREAT GRADIENT MESH que se encontra no menu OBJECT; ela permite que voc edite na figura
colunas verticais e horizontais alm de
permitir uma iluminao de base no objeto
ativando essa opo no item Appearence
da paleta.
Utiizando o Mesh
Ao aplicar a ferramenta Mesh em um
objeto, toda a rea do objeto preenchida
com uma trama. Nesta trama, como j foi
visto, possvel adicionar pontos de cores e
arrastar esses pontos para partes diferentes
do objeto.
Apesar dessa facilidade de manipulao em
um trabalho em que se pretenda mostrar
volume ou brilho, a forma mais correta de
se trabalhar com a ferramenta e aplic-la
sobre grupos de objetos sobrepostos sobre
um fundo opaco.
O processo consiste em criar
formas sobre um objeto com uma
cor chapada. Todas essas formas
criadas tm que ter a mesma cor
de preenchimento do objeto de
base.
No exemplo do pimento que
mostramos aqui separamos um
grupo de formas para as reas
de luz e um outro grupo para as
reas de sombra e a forma geral do
pimento preenchido com vermelho.
Desta forma, fica mais fcil trabalhar na localizao de luzes
e sombras em objetos, pois so
formas independentes.
39
getpac@dtp.com.br

mesmas publicaes.
entre outros.
Exportando layers ativos do Illustrator

para o Photoshop e vice versa
O Illustrator tem total integrao com o
Photoshop, uma vez que so da mesma
famlia.
Para exportar um arquivo em camadas para
o Photoshop basta ir em File > Export e
escolher a extenso PSD.
Ative na paleta Export Options o item Write
Layers para que o arquivo exportado mantenha a hierarquia dos Layers.
Se caso voc queira tambm manter em
seu arquivo como um texto editvel acione
na paleta Preserve Text Editability.
Para abrir no Illustrator um aquivo em
Layers do Photoshop d Open no arquivo
PSD e uma paleta opes de importao
ir se abrir. Acione Show Preview para visualizar a miniatura do arquivo e ative o item
Convert Photoshop Layers to Objects para
que o Layers permaneam ativos.
Exportando um Shape
para o Photoshop
O Photoshop trabalha com um sistema
de vetor chamado Shape Layers, que so
formas vetoriais que podem ser manipuladas no Illustrator. Existe uma biblioteca no
aplicativo com vrios Shapes pr-definidos
que, ao serem aplicados no arquivo, automaticamente abrem um novo Layer com
as opes de ajuste de cores para a forma.
Voc pode criar o seu Shape no Illustrator e
export-lo para o Photoshop.
A) Crie no Illustrator a forma.
B) Com a forma selecionada abra a paleta
Pathfinder e no Sub Menu da paleta ative a
opo Make Compound Shape; essa opo
ir manter a forma em vetor ao ser exportado para o Photoshop.
Ao abrir o arquivo no Photoshop esta
forma j estar em Shape Layers.
41
Salvando um Layers Shape

na biblioteca do Photoshop
Voc pode salvar um Shape Layers importado do
Illustrator na biblioteca de Shapes do Photoshop.
Clique no Layers Shape e v em
Edit> Dene Custon Shape.
Seu novo Shape j foi acrescentado a biblioteca de
shape.
Abrindo um Layer Comps do

Photoshop no Illustrator
O Layers Comps no Photoshop uma
opo usada para salvar visualizaes
de arranjos em deteterminado trabalho.
O processo para se salvar um Layer
Comps no Photoshop simples,
Abra a paleta Layer Comps em Window > Layer Comps.
Faa alteraes em seu arquivo como
ocultar ou acrescentar elementos atravs dos Layers de seu arquivo.
No Sub Menu da paleta acione New
Layer Comps e salve com momes diferentes cada alterao que zer.
Para visualizar s clicar nos nomes
salvos na paleta.
Salve o arquivo.
Abrindo o Layer Comps
no Illustrator
D um Open ou Place no Illustrator e
localize o arquivo salvo com o Layer
Comps no Photoshop.
Quando surgir a paleta de opes de
importao acione Show Preview e
escolha no item Layer Comp a visualizao que deseje abrir no arquivo.
42
Smart Object
Smart Object um processo que permite trabalhar com vetor no Photoshop
mas, linkado ao Illustrator, ou seja, voc
tem no Photoshop uma referncia do
vetor que nativo do Illustrator, possibilitando com isso que se ampliem ou
reduzam objetos s vontade sem ter
problemas com serrilhas.
Tudo o que se tem que fazer para realizar esse processo primeiramente ter
os dois aplicativos abertos.
A) Selecione o objeto no Illustrator e d
um copy.
B) No Photoshop abra um novo arquivo
e d um Paste.
C) A caixa de dilogo que surge oferece
quatro opes de Paste.
Escolha ento Smart object e d ok.
E) Aps ter dado o Paste note que um
pequeno cone surge na parte inferior
direita da miniatura da paleta Layer, indicando o Link com o Illustrator.
F) A partir da voc pode ampliar ou
reduzir a imagem o quanto quiser.
Para fazer alteraes nela, d dois
cliques no cone e automaticamente
o arquivo do Illustrator entra em ao.
Mesmo que o aplicativo esteja fechado
ele ser aberto automaticamente.
Faa no Illustrator as alteraes que quiser e salve o arquivo.
Volte para o Photoshop e veja que seu
arquivo j foi atualizado.
Exportar Paths do Photoshop
para o Illustrator
A) Crie o Path.
B) V em File Export Paths do Illustrator e
salve o arquivo.
C) Abra o arquivo no Illustrator.
Ao abrir, o arquivo ir parecer que est em
branco, mas s clicar e arrastar o cursor
sobre ele e a seleo do Path importado vai
aparecer.
43
Composio de Imagem e Ilustrao

A unio do Illustrator com o Photoshop
sempre aumenta a capacidade do poder
de criao de ambos aplicativos, podendo se chegar a nveis de se criar elementos com formas simples e de forma
verstil no Illustrator, e aplic-las com
aspecto realista a uma composio de
imagem no Photoshop.
1) Construindo a
estrada no Illustrator
Comeamos criando um stroke na posio vertical de aproximadamente 50
pt na cor cinza.
Em seguida ativamos a Paleta Appearence e na prpria paleta criamos uma
cpia deste stroke.
Mudamos a cor do stroke na parte superior da paleta para branco e diminuimos sua espessura para 45 pt.
Repetimos o processo e no prximo
stroke alteramos a cor novamente para
cinza e a espessura para 40 pt.
Repetimos o processo mais duas vezes
sendo que antepenltima alteramos a
cor para amarelo com 2 pt de espessura, e a ltima 0,5 pt na cor cinza.
44
2) Distorcendo
a estrada
Posicionamos a imagem a ser usada
para a composio em um Layer abaixo
da ilustrao da estrada.
Em seguida, selecionamos a estrada e no
menu da barra de opes acionamos Object > Flatten Transparency.
Este filtro fez com que todas as linhas
que formavam a estrada se transformem
em objetos.
Na caixa de ferramentas selecionamos a
ferramenta Free Transform e pocisionamos o cursor no canto inferior direito da
estrada.
Pressionamos juntas as teclas Shift + Alt
+ Command e sem solt-las clicamos
e arrastamos o mouse horizontalmente
para a direita, dando assim ilustrao
uma perspectiva.
Continuamos a distorcer e a achatar a
forma at que ela fique na posio desejada sobre a imagem.
3)Transferindo para o Photoshop

Exportamos o arquivo para o formato Ps.
Obs: Ao exportar verifique na paleta Photoshop
Export Options se a funco Write Layers est ativada. Este item importante, pois ele manter a
hierarquia dos Layers ativa no Photoshop.
45
4) Ajustando a estrada
no Photoshop
Abrimos o arquivo no Photoshop,
selecionamos o Layer da estrada e abaixamos um pouco a
transparncia com a finalidade
de facilitar a visualizao, para
um melhor ajuste do asfalto sobre a estrada de terra.
Obs: Para se fazer os ajustes v
em Edit > Transform > Distort
5) Pavimentando
a estrada
A) Aps ter feito os ajustes, criamos uma seleo em torno da
estrada, pressionando a tecla
Command e clicando sobre o
Layer da estrada.
B) Com a seleo ativa selecionamos agora o Layer da imagem
e pressionamos as teclas Command + J para criarmos uma
cpia da parte selecionada da
estrada de terra.
Atravs deste comando obtemos
uma cpia da estrada de terra
posicionada na mesma posio
da imagem original, mas em um
novo Layer .
C) Em seguida descolorizamos
a cpia em Image > Ajustmentsments > Desaturate.
D) Aplicamos o Filter > Blur >
Motion Blur.
Nas opes da paleta do filtro em
Angle aplicamos o valor 0, para
que o desfoque ocorra no sentido
horizontal.
Em Distance um valor mdio o
suficiente para se perceber o
desfoque.
E) Voltamos agora para o Layer
da estrada e retornamos opacidade normal da imagem.
Aplicamos sobre ela um pouco
de rudo em Filter > Noise > Add
Noise para se criar a textura no
asfalto.
Obs. Na opo Amount da paleta
coloque valores baixos o suficiente para se conseguir a impresso
da textura no asfalto.
46
F) Aps ter aplicado a textura ajustamos

o tom do asfalto atravs do Curves.
Fizemos a seleo do asfalto e criamos
uma mscara.
G) Na galeria de brushes do Photoshop
providenciamos um pincel de forma irregular.
Com a cor preta e no modo Dissolve aplicamos o pincel nas bordas da mscara,
conseguindo produzir os desgastes na lateral do asfalto.
Convertendo Imagens
em Linhas Editveis
Com a nova verso do
Illustrator CS2
possvel converter
facilmente uma
imagem em linhas
editaveis, porm, nem
sempre a imagem a ser
vetorizada ca com um
bom resultado. Usamos
o Photoshop para
preparar a imagem antes
de mand-la para o
Illustrator e aplicar o
ltro e obtemos um
excelente resultado.
47
1) Preparando a imagem no Photoshop

A idia fazer com que atravs de
recursos do Photoshop, a imagem que
com o aspecto de linhas. Obviamente
ainda no editveis. Para isso a imagem
a ser preparada tem que ter uma boa
qualidade e alta ressoluo. A imagem
utlilzada neste tutotial tem 14cm X 19cm
e 300 de resoluo.
Quanto mais ntidos forem os detalhes
da imagem melhor ser o resultado ao
convert-la em linhas no nal do
processo.
Iniciamos criando uma cpia do
Layer da foto e em seguida, em Image Adjustments, aplicamos a opo
Desaturate,descolorizando a imagem.
Tornamos a criar uma nova cpia, mas
desta vez da camada descolorida e em
Filter aplicamos Blur > Gaussian Blur.
Na opo Radius da paleta digitamos o
valor de 3 pixels.
Agora com a mesma camada selecionada ativamos em Image > Ajustments a
opo Invert que criou um negativo da
imagem.
Em seguida aplicamos sobre esta camada o blending no modo Color Dodge e
pronto. A imagem j est pronta para ser
enviada para o Illustrator.
2) Vetorizando a imagem no Illustrator
Abrimos um novo documento no Illustrator
e atravs de Place inserimos a imagem no
arquivo.
Ao inserir a imagem no arquivo automaticamente as ferramentas de vetorizao
surgem na barra do menu
superior do Illustrator.
Clicamos na seta localizada bem ao lado do
boto Live Paint, para abrir as opes de de
vetorizao e entre elas escolhemos Inked
Drawing.
Esta opo converteu a imagem formada por
pixels em linhas 100% editveis.
Clicando sobre o boto Live Paint conclumos a vetorizao,
Conseguimos ainda ganhar mais
detalhes no desenho aumentando a quantidade de Threshold que acrescenta mais
linhas ilustrao.
48
Criando Ilustraes Tridemensionais

em Ai com acabamento em Ps
O recurso 3D do Illustrator
aumenta ainda mais as facilidades e possibilidades criativas deste fantstico aplicativo.
Trabalhando em conjunto
com o Photoshop conseguiremos resultados ainda mais
incrveis como o exemplo do
pneu deste tutorial.
1) Criando a forma
do pneu no Illustrator
Comeamos utilizando a ferramenta de formas do Illustrator,
opo retngulo com bordas arredondadas
Aps criarmos a forma tiramos o
preenchimento e engrossamos as
linhas do contorno na cor preta,
neste exemplo aplicamos 11 pt.
Arrastamos uma rgua vertcal
para o centro do retngulo e em
seguida eliminamos a metade da
forma usando a ferramenta Lpis
borracha.
2) Modelando a forma no 3d
Ative o efeito 3d em Effects > 3d
opo Revolve. Na paleta de opes
do efeito ativamos a opo Preview,
no item Form escolhemos Right Edge
e ativamos a opo Offset, este ltimo
recurso permitiu que crissemos o furo
central vazado do pneu tendo sido
possvel tambm visualizar as partes
internas do pneu.
Rotacionamos o cubo Position at
conseguirmos aposio desejada da
ilustrao e ok.
49
3) Criando e aplicando
os mapas de texturas
Para criarmos o desenho das salincias do pneu nos baseamos em um
desenho real j existente. Reproduzimos uma das formas e zemos
vrias cpias sucessivas no sentido
vertical e horizontal at formarmos a
textura de um pneu radial.
Criamos tambm outro tipo de
textura usando o mesmo processo
para ser aplicada no friso lateral do
pneu.
Aps criados as texturas as salvamos dentro da biblioteca da paleta
Symbols, bastando arrastar as
texturas uma de cada vez sobre a
paleta.
A seguir zemos uma cpia do layer do pneu

renderizado.
Obs: Para criar a cpia do layer basta arrastar a
miniatura sobre o segundo item da paleta localizado na parte inferior da paleta da direita para a
esquerda, este processo far com que a cpia
que exatamente posicionada sobre a forma
original. Desligamos a visualizao do layer
com a forma original e selecionamos o layer da
cpia.
Para aplicar as texturas feitas anteriormente foi
preciso localizar o mapeamento das partes
renderizadas do pneu.
Ento com a cpia selecionada, clicamos sobre
o item 3d localizado na paleta Appearence.
Isto acionou novamente a paleta 3d Revolve
Options com a congurao do objeto
renderizado.
Obs: Ative na paleta a opo Preview.
50
Clicamos na opo Map Art.

Ativamos na paleta a opo Invisible
Geometry que esconde o preenchimento do objeto e exibe somente
suas grades quando selecionadas.
Atravs do item Surface localizamos
a superfcie para aplicar a primeira
textura.
Uma extenso da paleta Symbols
encontrada dentro da prpria paleta,
bastando assim apenas localizar a
textura salva dentro da biblioteca,
aplicar e ajust-la sobre o mapa.
51
Em seguida zemos uma nova cpia

do pneu renderizado, acionamos
a paleta Appearence, clicamos no
cone 3d para abrir as conguraes
de renderizao, clicamos na opo
Map Art e repetimos os passos
descritos anteriormente para aplicar
uma nova textura no mapa. Desta
vez, aplicamos a segunda textura
criada na lateral do pneu.
Feito isto, voltamos para a paleta
Layers, acionamos a visualizao do
Layer que estava desativado
e exportamos o arquivo para o formato Ps.
Obs: Antes de exportar o arquivo
bom vericar se a forma do pneu renderizado e as duas demais texturas
esto em Layers individuais.
Na caixa de dilogo Photoshop
Export Options verique se a opo
Write Layers est ativada.
4) Concluindo a ilustrao no Photoshop

Abrindo o arquivo exportado no Photoshop vericamos
que a hierarquia dos layers continua exatamente como os
do arquivo do Illustrator. Isto possibilitou que aplicssemos
os efeitos do Layer Style em partes individuais da ilustrao.
Comeamos pelo desenho da borracha do pneu. Com a
ferramenta de seleo circular, selecionamos e deletamos
as partes desnecessrias do desenho.
52
Em seguida clicamos duas vezes no

Layer para a tivar o Layer Style, onde
aplicamos a opo Bevel and Emboss,
conseguindo assim criar as salincias
da borracha.
Ainda dentro das opes do Layer
Style ativamos Gradiente Overlay e,
editando o gradientes, aplicamos o
brilho na borracha.
Repitimos o mesmo processo para a
parte lateral da ilustrao.
53

Apostila Illustrator CS3

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Apostila Illustrator CS3

Enviado por

Direitos autorais:

Formatos disponíveis

getpac@dtp.com.

Getulino iniciou sua carreira desenvolvendo trabalhos

Organizao da rea de trabalho

Clicar sobre as setas na parte superior

O mesmo se consegue na paleta

possvel visualizar seu documento com

Para visualizar uma grade de apoio no

Pressionando Comand + K habilitada a paleta Preferences onde, em Constrain Angle,

Dicas para melhorar a performance

Como padro do aplicativo as guias ao

Quando se alinha um grupo de

Scale Strokes & Effects

Scale Strokes & Effects desativado.

Scale Strokes & Effects ativado.

Exemplo de Caminho Aberto

Exemplo de Caminho Fechado

Ao utilizar as alas para mudar as coordenadas do caminho note que os pontos de

Ao selecionar sobre um caminho alguns pontos

Outro recurso tambm interessante a ferramenta Convert, que

Para um controle mais preciso

Modos de visualizao para

Se seu trabalho estiver separado em Layers voc tem a opo

Navigator e Shortcuts para visualizao

Criando pginas mltiplas no PDF

Ajuste agora o Tile de impresso,

Gerenciando cores com o Live Color

Alm da cor complementar, na

A paleta Live Color surge

Para fazer alteraes de cores no

Getulino iniciou sua carreira desenvolvendo trabalhos

Trabalhando com Layers

Toda vez em que um objeto estiver

Um objeto pode ser transferido

A seta no lado esquerdo da

Para fazer com que um grupo de

A paleta layers possui tambm

Trabalhando com Mscaras

Outro mtodo de criar uma

Ativa edio s para o contedo

Mscara sem solda

Mscara com solda

Mude a cor de preenchimento na caixa de

Traballhando com a mscara

Voc pode editar o Pattern dentro da

A mscara de opacidade utilizada para

No caso da imagem escolhida, em

Getulino iniciou sua carreira desenvolvendo trabalhos

Efeito 3d no Illustrator Cs3

O efeito 3D no Illustrator CS permite facilmente projetar e trabalhar com objetos em

Ative o preview e rotacione o cubo na

Voc pode editar normalmente o

B) Selecione a forma e aplique o filtro,

E) Selecione o objeto com o efeito 3D

F) Uma vez acionada a paleta 3D,

G) Para aplicar as ilustraes,

Trabalhando com Symbols

o, Stainer para sobreposio gradual de

Vetorizando com o Live Trace

Com este ltro ca muito mais fcil e rpido criar

Estilizando com o Live Trace

1) Abrindo a imagem no arquivo

b) Clique sobre a foto e note que

c) Conclua a vetorizao clicando

b) Em seguida, utilizando o mesmo