Você está na página 1de 74

Capítulo 1 | Ferramentas de desenho

FERRAMENTAS DE DESENHO

Várias ferramentas são utilizadas no illustrator


para se criar linhas ou formas, tendo cada uma
uma peculiaridade especial tornando o uso das
mesmas bastante versátil e diversificado.

o illustrator trabalha com uma linguagem Post Script onde objetos


e linhas são criados com base em cálculos matemáticos e não
por quantidade de pixels como é o caso do Photoshop que um
aplicativo para edição de imagens..
Sendo assim toda forma criada no illustrator recebe o nome de
Vetor e pode ser ampliada ou reduzida para qualquer tamanho sem
a preocupação do surgimento de serrilhas nas formas dos objetos
e linhas criados.

no illustrator as linhas recebem o nome de caminhos e os pontos


de âncoras.

todo caminho criado se inicia com um ponto de âncora e é fina-


lizado com outro. Mais característica são dados a estes nomes
como caminhos abertos e caminhos fechados. uma linha reta é um
exemplo de um camiho aberto, já um circulo é um exemplo de um
caminho fechado.

as formas geométricas são também bastante utilizadas pois as


mesmas podem ser facilmente redimenssionadas , fatiadas ou sol-
dadas através de diversos comandos e filtros.
illuStrator

Pen
a ferramenta Pen está localizada na caixa de ferramentas.Clique
na setinha preta na parte inferior direita do ícone para acessar as
demais opções da ferramenta.

CrianDo uMa reta


na parte inferior da paleta de fer-
ramentas clique sobre a miniatura
de contorno e preenchimento para
resetar a paleta de cores e em
seguida clique no último quadra-
dinho localizado logo abaixo dos
ícones para anular o preenchimen-
to. Clique solte o botão do mouse, vá em um outro ponto do documento e
dê um novo clique.

CrianDo uMa CurVa


Clique solte o botão do mouse, vá em
um outro ponto do documento e dê
um novo clique, mantenha o botão
pressionado e arraste o mouse.
Clique sobre
a miniatura
para resetar eDitanDo uM CaMinho CurVo
as cores ao ser criado um caminho curvo sur-
gem alças nas laterais das âncoras que
servem para editar a distância e a dire-
ção da curva.estas alças são acessadas
com a ferramenta Direct Selection.

Clique sobre utilZe aS DeMaiS FunÇÕeS Da FerraMenta Para aS


o último
quadradinho SeguinteS oPÇÕeS:
para anular
opreenchimento

aDiCionar ânCoraS
Com esta ferramenta é possível acrescentar novos pontos de âncoras em
qualquer parte do caminho, bastando para isso clicar com a ferramenta
sobre o local desejado do caminho criado.
Capítulo 1 | Ferramentas de Desenho

Movendo curvas
Subtrair âncoras pontos de âncora:
Com esta ferramenta é possível subtrair pontos de âncoras de um camiho. Pode se alterar a direção
Para isso basta clicar com a ferramenta sobre o ponto de âncora indeseja- da curva de um caminho
do. através das alças do
ponto de âncora porém a
Mudar as coordenadas de um caminho distância e posicionamento
do caminho so pode
Esta ferramenta permite manipular as curvas de um caminho dividido por ser alterado mudando
uma âncora de forma idependente ou seja é possivel manipular a curva em a posição do ponto de
uma parte do camiho que esteja por exemplo do lado esquerdo de um âncora,
ponto de âncora sem afetar a curva que esta do lado direito ou vice versa.
Pode se tambêm com esta ferramenta converter um caminho curvo em reta
bastando para isto clicar com a ferramenta sobre o ponto de âncora em um
caminho curvo.

line
A ferramenta line está localizada
na caixa de ferramentas. Clique
e arraste o mouse para qualquer
direção para produzir retas com
ângulos diferentes.

editando grupos de
ponto de âncora
A direção dos caminhos feitos no Illustrator se submetem diretamente ao
posicionamento dos pontos de âncora. O Illustrator possui um menu de
opções exclusivos para editar automaticamente pontos ou grupos de anco-
ras. Estas funções estão localizadas no menu principal em Object> Path . No
exemplo a seguir utilizaremos a opção Averange para fazer com que estas
três retas paralelas possam se converger de um mesmo ponto. Para realizar
esta função utiliza se a ferramenta Direct selection para selecionar no caso
todos os pontos de âncoras do lado direito das linhas.
iLLUSTRATOR

A seguir no menu principal acionamos em Object> Path a opção Averange.


Encotramos aqui três opções de alinhamento a horizontal, vertical e Both
que é a opção que iremos usar. Este item como padrão da paleta já estará
ativado bastando clicar em ok e neste momento os pontos de âncora sele-
cionados anteriormente estarão sendo alinhados em um único ponto.
Utilize a opção
Horizontal ou Vertical:
Para alinhar por exemplo
pontos de âncoras em uma
forma criada que necessite
de tais ajustes

Esta mesma opção pode ser usada também em um caminho fechado, veja
oque acontece quando aplicado por exemplo em um círculo.

Acesse a paleta
pelo ícone do stroke
painel .
Para poder editar a espessura e outras especificações em um
caminho ou contornos utiliza se a paleta Stroke
Acesse a paleta Stroke em Window> Stroke ou pelo ícone da barra de
painéis localizados do lado direito da tela ou ainda pela barra do Menu
principal. Com o caminho ou contorno selecionado altere os valores da sua
espessura em Weight. Para acessar as demais opções clique na setinha preta
da paleta localizada na parte superior direita da paleta para abrir o sub
menu onde se ativa Show Options. Uma observação bastante importante
e verificar se a opção Scale Stroke está ativado em Preferences. Isto fará
Utilize Weight para controlar as
espessura do caminho.Acesse com que os contornos ou caminhos mantenham a proporção no caso de
as demais opções no submenu serem escalonados. Para acessar a paleta vá ao menu principal e acesse em
da paleta
Illustrator> Preferences> General o item Scale Strokes & Effects.

ATENÇÃO: Verifique em
preferences se a opção
Scale Strokes & Effects
está ativado para manter a
alteração automática de um
caminho ou contorno caso
seja escalonado.
Capítulo 1 | Ferramentas de Desenho

OPÇÕES DA PALETA STROKE


Ao ativar as opções da paleta surge do lado superior da paleta um grupo de seis
ícones que possibilitam aplicar uma variação de terminações no final de cada
caminho ou cotovelos nas curvas formadas pelo mesmo.

Terninação reta e cotovelos com cantos vivos Terminação redonda e cotovelos com cantos redondos

Terninação reta e cotovelos chanfrados Terminação redonda e cotovelos com cantos chanfrados

aline stroke
Esta função permite fazer com que um contor-
no fique posicionado no limite de um objeto
para dentro do limite ou para fora do limite

DASHED LINE
Esta função converte um segmento contínuo
em tracejado. Com o caminho selecionado cli-
que no item Dashed Line para tracejá lo. O valor
colocado em Weight e Dash determina o tama-
nho do traço ou ponto. Valores diferentes produzem proporções diferentes de
traços e em Gap se determina a distância de um traço a outro.

weight com 6px, weight com 6px, weight com 15px,


dashed 6px dashed 6px dashed 6px
gap 0 gap 6px gap 6px
iLLUSTRATOR

Path Outline
Criar ilustrações com precisão
simétrica somente usando linhas
e ainda depois transformar as
mesmas em objetos é mais
um dos recursos possíveis no
Illustrator. Como demonstração,
neste exemplo iremos utilizar
um asfalto com suas faixas de
sinalização que apresentem entre
si espaços simétricos e sinuosos.

passo 1- construindo o
asfalto
A) O primeiro passo é criar, com a a
ferramenta Path ou com o lápis, uma
linha sinuosa com qualquer número de
curvas , colocando uma espessura de
linha de 30 pontos na cor cinza
.
B) Em seguida, copie esta linha e dê um b
Past Front. Isso fará com que a cópia
desta linha caia exatamente em cima
da original. Mude a cor da linha para
branco e reduza a sua espessura para
28 pontos.
c
C) Dê novamente um Past in Front,
reduzindo a espessura desta cópia para
26 pontos.

D) Repita o procedimento mudando d


somente a espessura da linha para dois
pontos com a cor amarela.

E) Finalmente, dê um último Past in


Front mudando a espessura desta para 1 e
ponto com a cor cinza.
Capítulo 1 | Ferramentas de Desenho

PaSSo 2- aPliCanDo Path outtline

Selecione tudo e vá ao menu object/Path/outline Path.


isso fará com que todas as linhas selecionadas sejam
transformadas em objetos.Para dar uma perspectiva neste
asfalto, vá à caixa de ferramentas e acione a ferramenta Free
transform (e). Depois, clique em um ponto qualquer da
figura onde você queira fazer a transformação; ainda com o
botão do mouse apertado, acione também as teclas Shift -
option - Comand no Mac ou Shift - alt - Control no PCe, em
seguida, arraste o mouse.

CrianDo o eFeito Dentro De uM eStilo


o mesmo resultado pode ser também conseguido só que
construido dentro da as opções de estilos do illustrator. isto
significa que você fará o processo uma vez e após salvar pode
aplicá-lo sobre qualquer caminho criando quando quiser.

a) neste exemplo onde foram criadas as listras sobre o agasa-


lho primeitamente foi traçado um caminho com a espessura a b
de 1 pixel.

b) ativa -se a paleta appearence e verifica se as informações


sobre o caminho aplicado. Seleciona-se o item Stroke na
paleta appearence e aumemta-se a espessura da linha para
12 pixels.

C) Cria se uma cópia deste stroke alterando a cor para o C D


mesmo vermelho do agasalho diminuindo em seguida a
espessura para 7 pixels

D ) repete-se o processo apenas alterando novamente


a cor do stroke para branco e diminuindo a espessura
para 2 pixels

e) Com as listras ainda selecionadas arraste as para den-


tro da paleta graphic Styles para salvar o novo estilo. Se
preferir nomear o novo estilo abra o sub menu da paleta
clicando sob a seta preta localizada na parte superior
direita da paleta e ative newgraphic Styles.

Para aplicar o estilo em um outro caminho basta selecioná lo


e clicar sobre o ícone do novo estilo criado
10 iLLUSTRATOR

PENCIL
Ferramenta pencil ou lápis é uma ferramenta que produz traços
realmente como se estivesse rabiscando em um papel na forma
tradicional, porém com algumas vantagens como por exemplo
se caso errar não é necessário apagar , basta tornar passar o
lápis onde ouve o erro e mudar a direção do traço.

Na caixa de ferramentas clique sobre a setinha preta na parte inferior esquer-


da do ícone Pencil para exibir as outras opções da ferramenta

pencil
Traça se um caminho e com a própria ferramenta pode se alterar a dire-
ção do traço para a direção desejada.

Traçando a Alterando a
coordenada coordenada

Esta função pode ser desabilitada caso deseje clicando duas vezes
sobre o ícone da ferramenta e desativando o item Edit select paths na
caixa de diálogo que surge. Neste mesmo local também pode se con-
trolar a tolerância de suavidade e presição da ferramenta.

SMOOTH
Muito útil esta ferramenta pois
ela suaviza imperfeições em
um traço mal feito. Mesmo que
você não tenha muita habili-
dade em desenhar linhas per-
feitas usando um mouse ou
Tablet esta ferramenta dá um
jeitinho.
Capítulo 1 | Ferramentas de Desenho

Path Eraser
Esta ferramenta permite apagar um seguimento em
qualquer ponto bastando passar a ferramenta sobre o
local do segmento em que se deseja apagar

FERRAMENTAS DE AUXÍLIO
arc Esta ferramenta auxilia na constru-
ção de cantos arredondados em ajustes mais precisos:
uma forma. Ao arrastar a ferramen- Para editar ajustes mais
ta mantenha o botão do mouse precisos em qualquer
pressionado e clique nas setas uma das ferramentas de
derecionais do teclado para cima auxílio basta clicar duas
ou para baixo para mudar o ângulo vezes sobre o ícone da
da curva ferramenta para acionar
a caixa de ajustes das
spiral Ferramenta que cria uma forma spi- mesmas.
tal. Ao arrastar a ferramenta mante-
nha o botão do mouse pressionado
e clique nas setas direcionais do
teclado para cima ou para baixo
para aumentar ou diminuir o seg-
mento da spiral.

Ferramenta que cria grades Ao


retangular arrastar a ferramenta mantenha o
grid botão do mouse pressionado e cli-
que nas setas direcionais do tecla-
do para cima ou para baixo para
aumentar ou diminuir a quantidade
de linhas horizontais e para esquer-
da ou direita para aumentar ou
diminuir as retas verticais.

polar Cria circulos concêntricos com sub


grid divisões. Ao arrastar a ferramenta
mantenha o botão do mouse pres-
sionado e clique nas setas direcio-
nais do teclado para cima ou para
baixo para aumentar ou diminuir
a quantidade de circulos e paraes-
querda ou direita para aumentar ou
diminuir as sub divisões
iLLUSTRATOR

ESTILIZANDO COM A FERRAMENTA PENCIL

A ferramenta pencil pode ser usada por exemplo para delinear


traços sobre uma imagem e corrigi -los como explicado
anteriormente, porém podemos conseguir um resultado de
traços de estilização bastante interessante usando a ferramenta
de uma forma não convencional.

PASSO 1- PREPARANDO A IMAGEM PARA DECALCAR

Muito das ferramentas do Illustrator foram elaborados baseadas em técnicas


convencionais, como é o caso da técnica do decalque explicada a seguir.
Pocisione a imagem em seu documento e de dois cliques sobre a miniatura
Capítulo 1 | Ferramentas de Desenho

na paleta do Layer Style, para acionar Layer Options. Acione na paleta o


item Template e em outro item de nome Dim images, digite um valor
qualquer de porcentagem, quanto menor o valor mais rebaixada ficará a
imagem o que facilitrá a visualização dos traços feitos ao se decalcar sobre
a imagem. Esta técnica feita da forma tradicional como comentado ante-
riormente se constituia em se prender um papel transparente ou leitoso
sobre a imagem e dacalcá la.

passo 2- configurando o pincel


Dê dois cliques sobre o ícone da ferramenta pencil na caixa de ferramen-
tas para acionar a paleta de preferências. Desative na paleta o item Edit
select paths, verifique se Fill new pencil strokes está ativado e coloque
um pequeno valor em Smoothness para que as curvas produzidas pela
ferramenta fiquem mais suaves , no caso do exercício apliquei 23%. Deixe
a configuração de preenchimento (Fill) e strokes (Linhas) somente com o
preenchimento ativo

passo 3- decalcando
Abra um novo Layer sobre a imagem e comece a decalcar . Perceba que ao
delinear uma forma qualquer sobre a imagem os traços ficam com aspecto
de um pincel a nankin, dando um charme muito especial na estelização do
desenho.

Você pode estilizar e usar o mesmo processo para colorizar todo o dese-
nho, porém procure fazer os preenchimentos em camadas separadas. Por
exembro se você desejar aplicar
sobre os cabelos desta ilustração
alguns traços amarelos ou criar o
preenchimento da pele, faça isso
sempre em uma camada abaixo
dos traços correspondentes.

Desative e ative a visualização do


Layer da imagem para ver como
está ficando seu desenho.
iLLUSTRATOR

formas geométricas

O Illustrator tem um conjunto composto por cinco formas


geométricas que é o retângulo, retângulo com bordas
arredondadas, elipse, poligono e estrela que podem serem
editados e transformados facilmente em qualquer outras forma
através de comandos no teclado e filtros como o Pathfinder ou
por edição de ferramentas.

Transformando uma forma pela caixa de ajustes

Para transformar por exemplo um polígono em um triângulo através


de uma caixa de ajustes. clica -se sobre o ícone na paleta e em seguida
torna se a clicar em
qualquer lugar sobre o
documentpara aparecer
a caixa de ajustes, onde
podem ser feitos os
ajustes necessários.

Transformando pelo teclado

Para aumentar a quantidade de pontas de uma estrela clica- se sobre


o ícone da forma na
paleta arrastando-
a em seguida sobre
o documento onde
mantendo - se o
botão do mouse pres-
sionado, usa-se as
teclas direcionais para
cima ou para baixo para aumentar ou diminuir a a quantidade de pontas.
Para fazer com que as pontas fiquem mais compridas ou mais curtas con-
tinue mantendo pressionado o botão do mouse e pressionando-se a tecla
Command no Mac ou Control no PC e em seguida arrasta se o mouse para
fora da figura para esticar as pontas e para dentro para encurtá-las.

transformando por edição


Capítulo 1 | Ferramentas de Desenho

Ao manipular os pontos de âncora estamos mudando as coordenadas de


um caminho como vimos anteriormente., sendo assim pode se alterar uma
forma para uma outra apenas mudando a as posiçnoes do ponto de ânco-
ra.. Para isto utilizamos ferramentas de edição como a Direction Selection e
outras ferramentas de seleção.

Direct Selection
Clique sobre um ponto de âncora da figura e arraste.

lasso
Circunde dois ou mais pontos de âncora com esta ferramen-
ta, depois mude para a ferramenta Direct Selection e arraste
as pontas selecionadas para qualquer direção

transformando por filtros


Acessa a paleta do filtro Pathfinder no menu principal em
Window> Pathfinder. Os recursos deste filtros , possibilida soldar um objeto
a outro, subtrair uma forma sobreposta a outra ou fatiar vários objetos de
uma só vez usando se a própria intersseção das mesmas.

Soldando
Sobreponha ou selecione dois ou mais objetos e clique sobre o ícone da
paleta. Ao ser feita a solda entre os objetos sempre a cor do preenchimento
do objeto que está em primeiro plano irá prevalecer

SUBTRAINDO COM UMA FORMA de PRIMEIRO PLANO


Sobreponha dois objetos e clique sobre ícone. Ao ser feita a subtração note
que o objeto do primeiro plano é eliminado projetanto um corte com seu
formato na figura de segundo plano, porém a seleção do objeto eliminado
ainda permanece visível quando selecionado. Esta opção permite mover
a seleção sobre o objeto de segundo plano com o auxilio da ferramenta
Direct Selection, podendo assim editar os pontos do corte ou mudar a posi-
ção do corte apenas arrastando a seleção. A opção funciona na maioria dos
filtros da paleta e pode ser desativada clicando no botão Expand localizado
na paleta Pathfinder.
iLLUSTRATOR

interceptando uma área entre dois objetos

Sobreponha dois objetos e clique sobre o ícone isto fara que somente a
interssecção entre as duas formas fique visível.

excluíndo áreas internas

Sobreponha dois objetos e clique sobre o ícone isto fará com que a inters-
secção central entre os dois objetos seja eliminada.

dividindo objetos

Esta opção cria divisões através das intersecções de um grupo de objetos


sobrepostos

Subtraindo a mesma forma sobre um grupo de objetos

Aplicando o filtro sobre a sobrepocisão de um grupo com qualquer quanti-


dade de objetos, o objeto que estiver em primeiro plano não será eliminado
porém ira subtrair a sua forma em todos os demais ao mesmo tempo.

Subtraindo a forma com o mesmo tom de cor associado

Praticamente o filtro se comporta exatamente como o filtro mostrado no


item anterior, porém se o objeto que está em primeiro plano estiver sobre
um outro objeto que tenha a mesma cor no de preenchimento no grupo,
automaticamente o filtro associará os dois objetos como um único objeto e
aplicara o processo de subtração.

aparando arestas

Este filtro faz com que o objeto que está em primeiro plano sirva como
referência para eliminar as arestas formadas por qualquer outro objeto que
esteja em segundo plano

Convertendo em traços

Opção que converte um objeto preenchido ou grupo de objetos em out


line. As cores das linhas sempre serão correspondentes ao preenchimento
eliminado e onde ouver a interssecão dos objetos a cor que irá prevalecer
sempre será a cor do objeto de primeiro plano. Caso o objeto a ser converti-
do possui um contorno com uma cor diferente ou igual ao do preenchimen-
to ao aplicar o filtro os traços serão eliminados.
Capítulo 1 | Ferramentas de Desenho

Repetindo um comando
SUBTRAINDO COM UMA FORMA de do PATHIFINDER: Você
segundo PLANO pode repetir qualquer
comando aplicado pelo
Sobreponha dois objetos e clique sobre Pathfinder através do pop-
ícone. Ao ser feita a subtração note que o up da paleta Pathifinder
objeto do segundo plano é eliminado proje- repeat Pathifinder ou pelos
tanto um corte com seu formato na figura de comando Cmd/Ctrl-4
primeiro plan

Utilizando o Pathfinder na prática.

É infinita as possibilidades de se criar formas utilizando os


recursos dos filtros do Pathfinder. Confira isto neste exemplo de
elaboração de algumas formas na ilustração desta caneta.

Passo 1: Criando o corpo da caneta

A) Comece criando u retângulo

B) Com a ferrament Pen opção Add Anchor Point adicione dois pontos de âncora
como mostrado no exemplo.
iLLUSTRATOR

C) Em seguida com a ferramenta Direct Selection e selecione os dois pontos


da esquerda do retângulo. Mude para a ferramenta Free Transform, posi-
cione o cursor sobre um dos pontos selecionados e pressionando as teclas
Shift+ Alt+ Command MAC ou Shift+Alt+Control PC , arraste o cursor para o
centro dos dois pontos mantendo as teclas pressionadas, isto fará com que
as laterais do retângulo fiquem afuniladas.

D) Para criar o acrilico da caneta mude para a ferramenta Selection e clique


sobre o objeto. Vá ao menu principal e em Object> Path ative a opção
Offeset Path. Esta opção possibilita criar contornos expandidos ou contrai-
dos em torno de uma forma. No exemplo no item Offset do painel foi colo-
cado um valor negativo para se conseguir uma cópia contraida para dentro
do corpo da caneta. Preencha esta forma com um gradiente linear com tres
passagens. No exemplo apliquei Cyan nos dois sliders laterais do gradient e
branco no centro.
Capítulo 1 | Ferramentas de Desenho

E) Crie a carga da caneta simplesmente criando um retângulo com pre-


enchimento azul escuro e o pocisionando sobre a forma preenchida com
gradiente feita anteriormente.

F) Pra criar a parte vazia da carga da canrta trace uma linha vertical sobre a
lateral esquerda do retângulo azul. Selecione ambos e no painel Pathfinder
crique sobre a opcão Divide. Tendo agora então duas formas, aplique na
menor o mesmo gradiente usado para o preenchimento do acrilico.

Passo 2: Construindo a ponta

A) Pra criar a ponta da caneta crie uma elipse e mais duas formas como as
mostradas no exemplo, as pocisione e preencha com um gradiente linear
com tres passagens usando branco para o centro e dois diferentes tons de
laranja sendo que o tom mais escuro deve ser aplicado na parte debaixo . Na
elipse aplique o mesmo gradiente porém com a opção radial.
iLLUSTRATOR

B) A tampa da caneta pode ser construida


a partir de uma elipse onde usando um
retângulo pode se ir moldando a forma
da tampa utilizando o recurso Minus front
que possibilita eliminar partes indesejadas
de uma forma.

Passo 3: Construindo a tampa

a) O preenchimento da tampa deve ser feito com um azul escuro.

b) Crie pequenas formas como as demonstradas no exemplo e as preencha


com o mesmo azul usado na tampa. Apl;ique a ferramenta Mesh nestas
formas e no ponto central da malha formada pelo Mesh aplique branco.
Em seguida as pocisione sobre os elementos da tampa.
Capítulo 1 | Ferramentas de Desenho

Para concluir encaixe a ponta e a tampa ao corpo da caneta


iLLUSTRATOR

FATIANDO E COLORINDO FORMAS

Uma outra técnica para a aplicação da ferramenta e


criar a silueta de uma forma qualquer, fatiá-la e pintar
as partes resultantes. Neste exemplo utilizei a forma
de um boné.e sobre sua silueta tracei algumas linhas
para delimitar as divisões sobre ele, onde aplicarei
diferentes cores. E em seguida utilizei o modo Divide
do painel Pathfinder ,Isto faz com que as linhas desa-
pareçam e ao mesmo tempo fatiem a silueta, criando
diferentes partes onde então, utilizando a ferramenta
Live Paint Bucket posso aplicar as cores desejadas.
Capítulo 1 | Ferramentas de Desenho

Crie uma silueta

Trace linhas sobre a silueta para delimitar as áreas as erem


fatiadas Selecione tudo e aplique a opção Divide do painel
Phathifinder.

Utilize a ferramentaLive Paint Bucket


getpac@dtp.com.br
Organização da área de trabalho

O Illustrator CS3 apresenta uma área de tra-


balho mais prática e inteligente onde pode
se trabalhar com as paletas posicionada
como painéis ou ícones.
A forma Defaut do aplicativo já associa as
ferramentas que, na maioria das vezes, são
usadas juntas, o que ajuda o usuário na
hora de localizálas.

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.
O Illustrator permite ainda que você tam-
bém personalize sua área de trabalho,
organizando o grupo de paletas de acordo
com a sua necessidade.
Para isto, organize as paletas nas posições
desejadas e salve esta nova organização em
Window> Workspace> Save Workspace. Esta
nova configuração pode ser ativada e desati-
vada quando quiser, bastando ativar a opção
salva no Workspace.

É possível visualizar seu documento com


fundo transparente.
Pressione Shift + Comand + D para habilitar
a função e o mesmo comando para desati-
var.

Para visualizar uma grade de apoio no


fundo do seu documento pressione
Comand + “

Pressionando Comand + K é habilitada a pa-


leta Preferences onde, em Constrain Angle,
pode se mudar o ângulo da grade.
Mude o modo de visualização de tela do Illustra-
tor, caso deseje visualizar seu arquivo em tela
cheia ou sem alguns detalhes como, por exem-
plo, ocultar a janela com as barras de rolagem
ou o Menu de opções na Barra superior. Para isto
navegue pelas opções de visualização localiza-
das 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

Padrões de medidas

A maioria das paletas de modifi-


cações do Illustrator está vinculada a
medidas, como as réguas e objetos,
que podem ser aplicadas com tipos
de medidas pré-especificadas ou
alteradas posteriormente.
O Illustrator trabalha com vários
padrões de medidas que podem ser
alteradas em Illustrator > Preferenc-
es> Units & Display Performance.

Réguas

Para acionar as réguas no Illustrator vá em


View> Show Rulers.
Clique sobre a régua e arraste para puxar uma
guia em seu arquivo.
Você pode esconder a visualização das réguas
pressionando as teclas Comand+; ou eliminá-
las de seu arquivo em View> Guides > Clear
Guides.
As Guias da régua do aplicativo não só servem
como delimitadores de medidas, mas também,
e alguns casos, atuam como um objeto.
Como padrão do aplicativo as guias ao
serem arrastadas para o arquivo per-
manecem travadas.
Para destravá-las, vá em View> Guides
e acione Look Guides.
Com a régua livre é possivel rotacioná-
la, deletá-la ou usá-la como um objeto
que aceita funções de algumas ferra-
mentas, como por exemplo :
Ao ser usada a guia em conjunto com
Pathfinder, pode ser utilizada para se
dividir objetos.
Assim como é possível converter
Guides em objetos, também podemos
converter qualquer objeto em guides.
Selecione o objeto e vá em
View> Guides> Make Guides.
A função Smart Guides “Reguas In-
teligentes” possui informações sobre
medidas, ângulos e centralizações de
objetos que aparecem ao lado das
quias conforme ocorrem as operações.
Esta função pode ser ativada ou de-
sativadas em View> Smart Guides ou
pressionando as teclas Comand + U.

Alinhamento de objetos

Ao selecionar um ou mais objetos no


Illustrator automaticamente as opções
de alinhamento de objetos aparecem
na barra superior do Menu de Opções
representada por um
pequeno ícone.

Ao clicar sobre ele as opções 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 irão ser alinhados pela mar-
gem do documento ou por uma marca
de corte definida no documento.
Clique na seta localizada a direita do
ícone de alinhamento, e detemine en-
tre Align to Crop ou Align to Artboard.
Quando se alinha um grupo de
objetos por exemplo em um plano
vertical e as opções Align Crop ou
Align Artboard estiverem desativadas,
é normal que o Illustrator procure
uma média entre os elementos e os
alinhe em um canto qualquer em seu
documento.
Para que um determinado objeto per-
maneça fixo em uma parte qualquer
do seu documento e que as demais
se alinhem tendo ele como referência,
basta selecionar todos os objetos que
se deseja alinhar e em seguida, com a
tecla Alt pressionada, clique sobre o
objeto de referência e faça o
processo de alinhamento.
Algumas opções de distribuição de
objetos não podem ser encontrados
na Barra de Menu de opções, sendo
necessário abrir a paleta Align em
Window> Align.

Estas funções encontradas na parte


inferior da paleta podem serem usa-
das de duas formas: automática ou
numérica.
Quando a opção automática estiver
acionada e aplicada a um grupo de
objetos selecionados a distribuição
será feita automaticamente com es-
paços já predefinidos pelo Illustrator.
Agora, se precisar determinar com
maior precisão a distância entre um
objeto e outro, ative então a função
numérica.

Porém, o segredo para que esta


função funcione direitinho é
seguir os seguintes procedimentos:
após ter selecionados os objetos e ter
colocado o valor de espaçamento
desejado na paleta, pressione a tecla
Alt e clique sobre o grupo de ob-
jetos selecionados, e só depois então
clique sobre o ícone de distribuição
desejado.
Este processo é necessário para habili-
tar a função numérica da paleta.
Scale Strokes & Effects

Vá em Illustrator> Preferences> Ge-


neral e ative caso, não esteja ativada, a
opção Scale Strokes & Effects.
Esta função ativada se torna muito im-
portante, pois permite que um efeito
ou espessura de linhas aplicados em
um objeto ou fonte permaneça 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 são usadas


para se traçar linhas. As linhas no Illustra- Exemplo de Caminho Aberto

tor são conhecidas como caminhos e os


pontos que surgem sobre ele quando está Alça
selecionado se chamam pontos de âncora.
Quando um traço começa em um ponto
e termina em outro é chamado Caminho
Aberto. Quando começa em um ponto e
termina no mesmo ponto se chama Caminho Ponto de âncora
Caminho Fechado.
As linhas que surgem saindo dos pontos de
âncora são chamadas de alças, usadas para
para mudar as coordenadas do Caminho. Exemplo de Caminho Fechado
Ao utilizar aferramenta Pen desative antes
o preenchimento na caixa de ferramentas
do Illustrator para que a ferramenta
construa o traço sem preenchimento; já
a ferramenta Pencil elimina automatica-
mente o preenchimento ao ser utilizada.
Ao utilizar as alças para mudar as coorde-
nadas do caminho note que os pontos de
âncoras continuam fixos, e somente os
caminhos se movem.
Obs: Para mover as alças ou mudar a
posição do ponto de âncora, utilize a fer-
ramenta Direct Selection
Em um caminho, por exemplo, com três
pontos de âncora, ao mover um dos lados
da alça 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 é
necessário quebrar as coordenadas do
caminho.

Para isto, ative a ferramenta Convert An-


chort Point nas opções da ferramenta Pen.
Clique com a ferramenta diretamente
sobre a alça e as coordenadas do caminho
poderão ser manipuladas de forma inde-
pendente.

A ferramenta Pencil funciona exatamente


como um lápis, porém, caso você erre o
traço, é só passar o lápis novamente sobre
a parte errada e corrigi-la.
Esta função pode ser desabilitada , caso
precise usar a ferramenta para traçar vários
traços sobrepostos , sem que um novo
traço não altere a forma do traço anterior.
Para isto, dê dois cliques sobre o ícone da
ferramenta Pencil e na caixa de diálogo
que surge desabilite a função Edit Selected
Paths.

Para pagar determinada parte de um traço


utilize a opção Path Eraser.
Para suavizar traços tremidos utilize opção
Smoot. À medida em que se passa a ferra-
menta sobre o traço, suas linhas são suavi-
zadas.

Você pode alterar a espessura da Linha


através da paleta stroke, bem como suas
terminações, caso, por exemplo, queira que
o final de uma linha seja arredondada ou
reta. A função Dashed Line faz com que o
traço fique pontilhado.
Ao selecionar sobre um caminho alguns pontos
de âncora, na barra superior do Menu de opções
surgem ferramentas de edição de âncoras e
caminhos, entre elas a ferramenta Align.
Com este recurso é possível 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 também interes-


sante é a ferramenta Convert, que
converte rapidamente um Caminho
com cantos retos em cantos arre-
dondados ou vice-versa.
Para um controle mais preciso
dos pontos de âncora, vá em
Object> Path opção Averange.
Através desta paleta é possível
alinhar os pontos de âncora na
vertical e na horizontal ou fazer
com que os pontos fiquem
soprepostos, partindo de um
único ponto, bastando selecio-
nar com ferramenta Direct Se-
lection um grupo de pontos e
aplicar a função Both na Paleta
Averange.

Modos de visualização para


trabalhar com documentos complexos

Quanto mais detalhes tiver o seu


trabalho, mais difícil 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 máquina,
tornando lentos alguns procedimentos.
Você pode melhorar isto usando alguns
recursos :

Visualizando em Outline

Na barra principal no Menu de Opções


acione em View a opção 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 também facilita a
localização de determinados pontos de
âncoras para seleção, o que é bastante
complicado de se fazer em um trabalho
que tenha um grande número de objetos
sobrepostos.
Para voltar a visualização
normal View> Preview
Se seu trabalho estiver separa-
do em Layers você tem a opção
de visualizar em aramado so-
mente detalhes do trabalho.
Com a tecla Command pres-
sionada, clique sobre o olho de
visualização na paleta Layers.
Somente o objeto contido
neste Layer irá ser apresentado
em Outline.

Navigator e Shortcuts para visualização

Para trabalhar com arquivos com-


plexos e ampliados em sua tela ,
você pode utilizar a ferramenta
Navigator ou criar um atalho de
visualização.

• Usando o Navigator.
Acione a ferramenta em Window>
Navigator.
A Paleta da ferramenta apresenta
uma miniatura do documento
com um retângulo vermelho
sobre ele.

Esta marcação em vermelho


representa as dimensões de sua
tela. Ao ampliar ou reduzir o
documento, esta marcação tam-
bém irá aumentar ou diminuir e
somente aquilo que estiver dentro
da marcação será apresentado em
sua tela. Você pode clicar sobre
a marcação e arrastar para outra
parte da miniatura e outra parte
do documento será apresentada
na mesma proporção de ampli-
ação em sua tela.
Criando Shortcuts
Criar um atalho para visualizar
partes ampliadas de seu trabalho
em sua tela pode ser uma alterna-
tiva ainda mais versátil e prática,
pois se trata de um processo onde
a posição e porcentagem de ampli-
ação podem ser salvas, bastando
acessar estas informações
através de comandos que você
mesmo poderá criar.
Amplie na visualização de sua tela
parte da imagem que se deseja
gravar.
Em seguida vá ao Menu principal
de opções e acione View> New
View.
Na paleta de diálogo que surge dê
um nome para a visualização que
deseja gravar.
Volte acionar no Menu a opção
View e note que, nas opções que
seguem logo abaixo das opções
New View, surge o nome que você
salvou a visualizção.
Repita o mesmo processo para criar
novas visualizações.
Crie agora os atalhos para ativar
estas visualizações, vá em Edit>
Keyboard Shortcuts.
Na paleta Shortcuts pode se
mudar os comandos tanto do menu
de comandos como de todas as fer-
ramentas.
No caso do atalho que está sendo
criado se encontrar no Menu de
comandos, ative a função na Paleta
Shortcuts.
Procure na lista de comandos que
surge a função New View.
Você pode salvar até dez atalhos
diferentes para esta opção.
Digite na frente de Custom View o
comando que deseja acrescentar e
dê ok. Uma caixa de diálogo surge,
digite um nome para salvar suas
novas visualizações.
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 cria-
dos para ativar as visualizações.
Eraser Tool

A ferramenta Borracha na paleta de ferramentas funciona como se fosse uma


borracha usada no Photoshop, com a diferença que elimina vetores.
Basta passar a ferramenta sobre o um objeto ou grupo de objetos e pronto.
É simples assim!

Criando páginas múltiplas no PDF

O Illustrator é um aplicativo
criado, como o nome já diz, para
ilustração, portanto, ele não tra-
balha com paginação.
Porém, se algum projeto exigir
a impressão direta do Illustrator
com uma sequência de páginas,
podemos determinar esta função
do Tile de impressão 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 três lâminas estejam den-
tro do artboard.
Para que o tamanho do artboard
fique no tamanho perfeito é só
fazer o cálculo; no caso foi só mul-
tiplicar por 3 a largura do A4
Ajuste agora o Tile de impressão,
em File > Print.
Na paleta Print acione Setup em
Tiling escolha a opção Tile Full
Pages , perceba que a miniatura do
documento exibida na paleta foi
dividida em três partes.
Se fizer a impressão diretamente
deste ponto você poderá gerenciar
em sua impressora para que estas
partes sejam impressas individual-
mente.
Para gerar um PDF com páginas
múltiplas pressione Done para
voltar ao arquivo.
Seu documento vai estar dividido,
no caso, por 3 Tiles de impressão e
na parte inferior esquerdo de cada
um surge um pequeno número
indicando o numero de páginas.
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 se-
quência de páginas no arquivo.

Gerenciando cores com o Live Color

Caso você não seja um expert


em combinações de cores para
conseguir desenvolver um tra-
balho que tenha harmonia de
tons, não se preocupe.
O Illustrator dá uma forcinha.
Com a paleta Color Guide e o
gerenciador de cores Live Color
fica muito mais fácil de estudar
uma combinação 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 referência
escolhida já foi encontrada.
Além da cor complementar, na
própria paleta, você encontra
pronta uma grande variação de
combinações de cores feitas através
da referência escolhida.
Você pode transferir todas ou-
qualquer referência de cores gera-
das na paleta Color Guide para a
paleta Swatches.
Clique no pequeno set localizado
na parte inferior da paleta Color
Guide e a referência 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 fo-
ram selecionadas as cores do rótulo
da lata. Ative o ícone localizada na
barra de Menu principal.

A paleta Live Color surge


apresentando todas as cores que
compõem o rótulo selecionado.
Para fazer alterações 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á substituída no objeto.
Para fazer alterações de cores no
modo Edit, clique no botão Edit e
um círculo cromático surge com
vários pontos coloridos localizados
sobre ele.
Estes pontos representam as cores
do grupo selecionado e a locali-
zação de cada uma das cores no
círculo cromático.
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 variação de
um tom selecionado, a paleta Live
Colors gera variações de grupos
de cores selecionados que podem
serem aplicados diretamente sobre
a arte, possibilitando em tempo
real fazer comparações das
referências aplicadas.
getpac@dtp.com.br
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
Acesso ao
Sub Menu
da paleta
Visualização

Acesso ao
Sub Layers Elimina
Layers

Máscara 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 seleção do
objeto. No pequeno círculo ao lado
pode-se selecionar ou deselecio-
nar 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 seleção do
objeto. Uma cópia de um objeto
selecionado também pode ser
transferida para um novo Layers da
mesma forma.
Porém, faça o processo com a tecla
Alt pressionada.
A seta no lado esquerdo da
miniatura da acesso ao Sub Layers.
Todo o objeto que for criado ou
acrescentado neste layer será apre-
sentado de forma individual den-
tro deste Sub Layers.
Isto possibilita gerenciar os objetos
de forma específica dentro de um
mesmo Layer.

Para fazer com que um grupo de


objetos sejam distribuídos em Lay-
ers separados, clique sobre a tarja
do Layers e no Sub Menu da paleta
acesse a opção 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 diálo-
go digite o nome.

A paleta layers possui também


recurso de máscara.
Posicione um objeto sobre
o outro e clique no primeiro
ícone a esquerda na parte infe-
rior da paleta.
O objeto de primeiro plano ser-
virá de máscara para o objeto
de segundo plano.
Trabalhando com Máscaras

Máscara é um recurso fantástico no Illus-


trator pois permite esconder rapidamente
parte de elementos ou detalhes de alguma
imagem que não desejamos usar em deter-
minado trabalho.
É um recurso bastante versátil, pois, mesmo
após ter sido aplicado, é possível editar
tanto a máscara como o conteúdo.

No Illustrator, podemos trabalhar com dois


tipos de máscaras.
Uma Máscara de modo simples é aquela
que é aplicada usando uma forma, fonte
ou objeto para mascarar uma imagem ou
um elemento qualquer. A a máscara de
opacidade que é usada através da paleta
Transparency.
Máscara simples
Digite, por exemplo, uma palavra sobre
uma imagem, em seguida vá ao Menu
principal e em Object > Clipping acione
Make.
Após ter usado uma fonte para mas-
carar a imagem é ainda possível editar
essa fonte com o conteúdo da imagem
inserido dentro dela.
Pode-se ainda inserir mais elementos
dentro dessa máscara.
No exemplo, posicionamos uma bor-
boleta 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 memória.
Mude para ferramenta Direct Selection
e clique sobre a máscara. Volte em Edit
aplique Paste in Front.
A borboleta foi inserida na máscara e
aplicada sobre a imagem.
Para desabilitar a máscara vá em Object
> Clipping opção Release.
Outro método de criar uma
máscara é usando o próprio con-
torno de uma imagem aberta no
Illustrator.
Clique sobre a imagem e na
barra do Menu principal; acione o
botão Mask .
Com a ferramenta Direct Selec-
tion edite a máscara formada
sobre a imagem.
Ainda na barra do Menu principal
existem dois ícones que habili-
tam para mexer só na máscara ou
só no seu conteúdo.
Quando usar vários elementos
separados como referência de
máscara, o segredo é selecionar
todos os objetos envolvidos e Ativa edição só para o conteúdo
soldá-los com a ferramenta Path- Ativa edição só para a máscara
finder antes de fazer o procedi-
mento.

Máscara sem solda Máscara com solda

Máscara de Opacidade

A máscara 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 infor-
mação e as brancas revelam.
Selecione uma imagem ou elemento que
deseja mascarar e em seguida ative a pa-
leta 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 desapa-
receu e, ao lado da miniatura da imagem
na paleta Transparency, surge um
quadrado preenchido com preto, que é a
nossa máscara.
Lembre-se de que neste processo o preto
esconde informações, por isso, a imagem
não pode ser vista no documento.
Mude a cor de preenchimento na caixa de
ferramentas para branco.
Clique sobre a máscara na paleta Transpar-
ency e em seguida abra em seu documen-
to 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 esmae-
cer parte de sua imagem.
Clique na máscara na paleta Transparency.
Escolha um tipo de gradient na paleta
Swatches que seja composto com preto e
branco e aplique sobre a máscara.
Isto fará com que parte da imagem desapa-
reça gradativamente graças à suavidade do
gradient aplicado.
Utilize a ferramenta Gradient para alterar a
direção do gradiente.

Traballhando com a máscara


de Opacidade de forma avançada

Utilizaremos agora a máscara de opaci-


dade em um arquivo com Layers.
Neste exemplo, temos um arquivo
com três 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
opção Gaussian Blur para suavizar as
bordas da elipse de na sequência um
Edit Copy. Abra um novo Layers acima
do Layers da elipse.
Desligue a visualização do layers que
está no topo e crie no novo Layers um
retângulo aplicando nele um Pattern.
Selecione o retângulo e abra a paleta
Transparency. No sub Menu da paleta
ative Make Opacity Mask.
No Thumbnails da paleta clique sobre a
máscara e dê um Edit Past in Front.
Neste momento você tem o Pattern
mascarado pela elipse.
Você pode editar o Pattern dentro da
máscara desativando o Link entre as duas
miniaturas no Thumbnails.
No exemplo clicamos sobre o ícone do
Pattern e abrimos o retângulo do Pattern
até a parte superior da elipse.
Para esmaecer parte do Pattern aplicado
dentro da elipse siga os seguintes pro-
cedimentos:
Ative novamente o Links entre as min-
iaturas do Thumbnails; com a tecla Alt
pressionada, clique sobre a miniatura da
máscara.
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 substituído pelo
gradient. Na paleta
Gradient mude o
ângulo para - 90.
Clique sobre a
miniatura do Pat-
tern em Thumbnails
e a visualização do
efeito aplicado na
máscara será
ativada.
Para completar
ative avisualização
do Layer do topo
desativado anterior-
mente.
A máscara de opacidade é utilizada para
vários fins, entre eles uma das formas mais
interessantes é usá-la para aplicar brilhos
em materiais lustrosos, como o capacete,
do exemplo.
A ilustração pode ser iniciada somente com
traços. Em um segundo Layer, coloque o
preenchimento e em um terceiro Layer use
para colocar formas chapadas que identi-
fiquem áreas de luz e sombra, aplicando
individualmente, em cada forma, a máscara
de opacidade, conforme explicado anteri-
ormente.

Transparência

O método para aplicar transparência em


objetos ou imagens no Ilustrator é bastante
simples. Basta selecionar qualquer
elemento em seu arquivo e na paleta de
transparência colocar o valor de transparência
desejado.
Ainda na paleta encontramos o recurso do
Blendig Mode que são efeitos de
transparência prontos, como o Multiply
Overlay e outros que, sobrepostos a outra
imagem ou tons, produzem efeitos dife-
rentes da opacidade normal.
Você ainda pode trabalhar com transparên-
cia utilizando recursos da paleta
Appearence. Através desta paleta, você
pode, por exemplo, determinar em um
objeto composto de preenchimento e
contorno qual desses dois elementos será
aplicado à transparência.
Selecione o objeto, acesse a paleta
Appearence e selecione nela o item que
desejar aplicar a transparência.
Ao alterar o valor de opacidade na paleta
Transparency, somente o item selecionado
sofrerá a alteração sobre o objeto selecio-
nado.
Criando
efeito de
explosão com
Máscara e o
Object Mosaic

O filtro Object Mosaic é um


filtro antigo no Illustrator, porém
não é muito conhecido pelos
usuários e, muitas vezes, os
poucos que o conhecem não
encontram uma utilidade prá-
tica para o efeito. Neste tuto-
rial, mostrarei que, usando um
pouco de criatividade, pode se
conseguir resultados surpreen-
dentes com filtro que poderia
ser mais explorado.

O filtro Object Mosaic, ao ser apli-


cado sobre uma imagem qualquer,
aberta no Illustrator, rasteriza os
tons da mesma em pequenos blo-
cos convertidos em vetor.
Obs: Esta função não destrói a ima-
gem original; os blocos vetorizados
são criados sobre ela.

a) A idéia neste tutorial foi criar algo


como se metade de um rosto
estivesse se desfazendo em vários
pedacinhos formados por pequenos
blocos.
Posicionei em um novo arquivo a
imagem escolhida através de File
Place.

b) Para acessar o filtro cliquei so-


bre a imagem e em Filter > Create
acionei Object Mosaic. A paleta dá
acesso às opções de ajustes de
quantidade e tamanhos em que
se deseja gerar os blocos sobre a
imagem.
No caso da imagem escolhida, em
Number of Tiles, coloquei um valor de
40 em Width e também 40 em Height e
dei ok.
O resultado que se tem é de uma ima-
gem toda pixalizada.

2) Espalhando os blocos
a) Como foi mencionado anteriormente
o efeito criado se forma sobre a ima-
gem original sem a destruí-la
Abri um novo Layer e arrastei o efeito
para esta novo Layer.
Obs: Ative e desative a visualização
da camada e perceba que o efeito está
agora em um Layer e a imagem
original em outro.

b) Desagrupei os elementos do efeito-


em Object > Ungroup.
Ao ser aplicado o filtro, cosequente-
mente o fundo branco, no caso da
imagem que escolhi, também foi con-
vertido em vários blocos agora, quero
deletá-los.
Todos esses blocos que compõem o
fundo têm o mesmo preenchimento
de branco e a forma mais rápida e
prática para deletá-los é selecionar
um dos blocos brancos e, em Select >
Same, ativar a opção Fill Collor. Esta
função seleciona de forma automática,
ao mesmo tempo, todos os elementos
com preenchimentos idênticos,
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 posições aleatórias.
No exemplo ativei primeiramente o
Preview e utilizei o Move para mover
os quadrados, apliquei um ângulo de
160º e ativei também o item Random
para que os quadrados fossem espa-
lhados de forma aleatória
2) Aplicando o efeito
sobre o rosto
Apenas aplicar o efeito sobre o rosto
ainda não irá causar a impressão de
que o rosto da figura esteja se desfa-
zendo.
Para isto, foi necessário criar uma
máscara para esconder pontos sobre o
rosto da figura.

Criando a Máscara

A) Dupliquei o Layer dos blocos espa-


lhados para criar uma cópia e ocultei a
visualização do Layer original.

B) Selecionei todos os blocos deste


novo Layer e em seguida utilizei a
opção Add to Shape Area da Paleta
Pathifinder para soldar os blocos.

C) Criei um retângulo envolvendo to-


dos os elementos soldados e o joguei
para trás destes elementos soldados,
observando também se a dimensão
deste retângulo envolvia toda a figura
do rosto do Layers abaixo.

D) Com este retângulo, mais os ele-


mentos soldados selecionados,
apliquei a opção Subtract Front Area
da Paleta Pathifinder. Esta função fez
com que a forma dos elementos solda-
dos vazassem o retângulo formando
assim um novo elemento.

E) Em seguida selecionei este novo


elemento, mais a figura do rosto, e
apliquei a máscara em Object> Clip-
ping Mask > Make.

F) Ativei a visualização do Layer oculto


anteriormente e travei todos os outros
Layers; com a ferramenta de seleção
fui clicando e arrastando os quadradi-
nhos para revelar o efeito da Máscara
sobre o rosto.
getpac@dtp.com.br
Efeito 3d no Illustrator Cs

O efeito 3D no Illustrator CS permite facil-


mente projetar e trabalhar com objetos em
3 dimensões, sendo possível editar, contro-
lar e acessar facilmente todos os lados de
um objeto tridimensional, e ainda aplicar
ilustrações ou imagens nas diversas faces
desse objeto renderizado. Além disso, os
recursos de edição variam de acordo com a
vontade do usuários.

Renderizando uma forma


Ative o preview e rotacione o cubo na
Se a forma a ser renderizada é um qua- paleta do filtro para poder visualizar e
drado, retângulo ou qualquer escolher o posicionamento desejado
outra forma geométrica, tudo o que se do objeto.
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 pro-
cedimento é o mesmo, porém, não é
necessário quebrá-las em curvas. Após
ter aplicado o filtro, você pode edi-
tar normalmente o seu texto, pois os Você pode editar normalmente o
efeitos aplicados automaticamente se seu texto, e os efeitos aplicados
adaptarão ao novo texto digitado. automaticamente se adaptarão às
modificações.
Projetando a face
de uma embalagem

A) Como primeiro passo, com a ferra-


menta Pen, desenhe um dos lados da
embalagem.
B) Selecione a forma e aplique o filtro,
como mostrado anteriormente.

C) Crie as ilustrações que serão aplicadas


nos lados da embalagem, segundo as
suas proporções.

D) Arraste as ilustrações, 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 automatica-
mente exibindo a mesma configuração
aplicada no objeto anteriormente.

F) Uma vez acionada a paleta 3D,


ative a opção 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 ob-
jeto avançando ou voltando as
setas do Sliders Surface, localiza-
do na parte superior da paleta.
G) Para aplicar as ilustrações,
escolha a superfície desejada,
conforme mostrado
no passo anterior. Na opção
Symbols, localizada no canto
superior esquerdo dapaleta,
procure a ilustração que deseja
aplicar e simplesmente
arraste-a sobre o preview da
paleta, fazendo os ajustes
necessários.

Formas cilindricas
Para projetar formas cilíndricas,
como por exemplo uma lata
ou garrafa, ative Effect > 3D > Re-
volve. O efeito obtido será prati-
camente o mesmo, com o mesmo
layout de aspecto realista.
Basta que se siga a maioria dos pas-
sos descritos até aqui, mas com
uma importante diferença: neste
caso, o filtro necessita de apenas
metade do desenho do objeto para
renderizá-lo. Por exemplo,
para uma taça, desenhe apenas
metade dela e o filtro se encarregará
de fazer o restante!
Extrude e Bevel

O efeito 3D projeta uma forma


e a opção Bevel na Paleta
3D molda os cantos do objeto
projetado.
Basta escolher uma das várias
formas de cantos prontas nas
opções da paleta e aplicá la.

Veja nesta demonstração como


utilizár o Bevel.
O objetivo é desenvolver a
ilustração 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 opções do efeito.

B) Ative o item Preview


da paleta para visualizar o
efeito sendo aplicado no
objeto.

C) Em Extrude Depth dig-


ite um valor; quanto maior o
valor, maior será a projeção
do objeto. Digite também um
valor em Perspective para se
conseguir uma perpectiva mais
real do objeto projetado.

D) Ative as opções de Bevel.


No caso do exemplo foi
selecionado a opção Complex
3. Ao aplicar essa opção o
objeto foi dividido em várias
repartições curvas, lembrando
um tablete de chocolate.

E) Faça, se necessário, alguns


ajustes em Bevel para melho-
rar a aparência da forma apli-
cada
Trabalhando com Symbols

Criar elementos de diferentes naturezas ção, Stainer para sobreposição gradual de


está mais fácil e rápido, pois o software cores, Screener parautilização de transpar-
traz ferramentas específicas para uti- ências, e Styler para determinar um outro
lização e combinação de símbolos com estilo sobreposto ao símbolo escolhido.
objetos de desenho, textos, imagens ou Para editar o objeto original, deve-se sele-
qualquer outro elemento, direcionando- cioná- lo e acionar o comando BREAK LINK
os tanto a criações para Web quanto TO SYMBOL, que quebrará a ligação entre
para artes vetoriais a serem impressas. aimagem matriz e sua cópia aplicada à pá-
A partir de uma arte qualquer, o usuário gina. Isso possibilitará que se crie versões
pode simplesmente acrescentar a ilus- diferentes o mesmo objeto, modificando-o
tração à paleta SYMBOL do aplicativo, quanto acor, formato etc., uma vez que este
bastando que para isso escolha a opção não estará mais vinculado ao objeto origi-
NEW SYMBOL com a figura selecionada. nal na paleta de símbolos.
Uma vez criado um novo símbolo, pode- Além disso, todos os símbolos podem ser
se utilizá-lo em várias aplicações através salvos em livrarias e reutilizados em outros
dos recursos oferecidos pelas ferramen- trabalhos ou ainda editados novamente;
tas de símbolos,conforme mostrado na para se alterar o
tabela abaixo. Entre as opções encon- elemento quan-
tram-se oito efeitos: Sprayer para to as suas cores
aplicação aleatória dos elementos de eformato deve-
símbolo, Shifter para alterar a posição de se selecioná-lo
elementos individualmente, Scruncher e escolher o op-
para espaçar de formaproporcional e ção REDEFINE
controlada os objetos, Sizer para alte- SYMBOL.
ração das dimensões, Spinner para rota-
Criando estilos

A paleta Graphic Styles funciona


como se fosse um plug-in de efeitos.
Através 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 através


da paleta Appearence funciona
como um gerenciador de efeitos,
onde é possível criar ou editar um
Style aplicado. Qualquer combina-
ção de efeitos vibrantes, preenchi-
mentos, contornos e comandos
de transparências podem serem
transformados através da paleta.
Quando você aplica esses atributos
a um objeto selecionado, eles são
listados na nova paleta Appearences
e podem ser gravados, apagados,
editados etc.
O Illustrator apresenta um número
de estilos gráficos pré-definidos.
Para observar a composição desses
estilos, clique na paleta Styles e veja
os atributos listados na paleta
Appearence. Para criar novos estilos,
você pode começar a partir de um
estilo pré-definido e fazer modifi-
cações, ou pode aplicar comandos
separadamente para um determina-
do objeto e, então, com o elemento
ainda selecionado,
escolher New Style.

Não confundir Filtros com Efeitos

No Menu principal de opções temos


as opções Filter e Effect.
Apesar de encontrar em ambos
filtros que têm o mesmo nome e fun-
ção, existe uma diferença entre eles.
Filter aplica o filtro e não te dá a op-
ção de reeditá-los novamente caso
precise.
Já a opção Effect aplica a aparência
do filtro porém dando a possibili-
dade de reeditá los através da paleta Filter Effect
Appearence.
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
opções de Live Trace.
Você pode escolher entre as
várias opções já estabelecidas
ou acionar Tracing Options para
abrir a paleta de opções.

C) Nesta paleta, além de você


ter acesso a todas as opções
do Live Trace, você pode
editar cada uma das opções
de acordo com a necessi-
dade do trabalho.
Ative na paleta a opção
Preview para visualizar
as alterações na ima-
gem.

Estilizando com o Live Trace

Com este filtro fica mui-


to mais fácil e rápido criar
estilizações sobre fotos,
uma vez que o filtro permite
vetorizar áreas da própria
R

imagem oferecendo contro-


O

les para ajustes da função e


T
A

diversos tipos diferentes de


R

vetorização com preview.


T

Acompanhe um destes pro-

Tige
S

cessos neste exemplo.


U
L
I L

r
1) Abrindo a imagem no arquivo
a) Através da função File> Place abre
se a imagem no arquivo.
Obs: A imagem usada necessariamente não
precisa estar em alta resolução, porém é importan-
te que não seja muito pequena pois o filtro irá usar
a informação 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 filtro.

b) Clique sobre a foto e note que


novas funções surgem na barra do
Menu principal do aplicativo.
Clique na seta ao lado da opção Live
Trace e ative Tracing Options para
abrir a paleta de ajustes do filtro.

2) Vetorizando

Cada tipo de foto consequentemente


terá um ajuste diferente para se con-
seguir a estelização desejada.
No caso da imagem do tigre usada
neste tutorial usei os seguintes ajus-
tes:

a) Primeiro ativa se a função 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 ficassem
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 estilização fique mais
colorida e com maior números de detalhes.
Porém o truque aqui é outro.
Não se preocupe com o resultado das cores ao
ajustar o filtro e sim na obtenção de detalhes que
possa identificar a imagem com a menor quantida-
de de detalhes possível, lembre se que estamos
criando uma estilização e não uma ilustração rea-
lista. Quanto às cores, vamos colorizá-la detalha-
damente após termos conseguido a composição
dos elementos vetorizados da imagem.

c) Conclua a vetorização clicando


primeiro em Live Paint e depois em
Expand. Desagrupe os objetos em
seguida em Object > Ungroup.
2) Colorindo o tigre
a) Para selecionar de maneira rápida
e prática formas com tons similares,
clique em uma área qualquer da ilus-
tração .
Vá em Select > Same > Fill Collor,
isso fará com que todas as formas
que contenham o mesmo preenchi-
mento na ilustração sejam seleciona-
dos ao mesmo tempo.
Obs: Você Pode também pode utilizar
a ferramenta Live Trace para fazer a a) b)
substituição das cores.
No caso do tutorial comecei selecio-
nando as áreas mais escuras do fun-
do e depois, apenas com um clique, o
deletei.

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 al-


gumas manchas para aplicar um tom
amarelado.

d) Os tons de cinza mais escuros dei- c)


xei um pouco mais claros e os tons de d)
cinzas que já eram mais claros substi-
tuí por branco.
Para finalizar trabalhei mais detalha-
damente nos olhos e nariz do tigre.

2) Criando Brushes para serem 3) Abra a paleta Graphics Styles e


aplicados em fontes arraste este quadrado com o efeito
A ferramenta de Brushes é muito para dentro da paleta
prática e versátil para aplicar efeitos
sobre caminhos ou contornos. 4) Criando o estilo basta aplicá lo
Porém, como seria possível aplicar sobre a fonte.
esses efeitos no contorno de uma
fonte mantendo a mesma ainda edi- Veja que a fonte aceitou o estilo
tável? e contiua editável.
O Segredo é converter o Brush em
um Style.
Veja o procedimento abaixo.

1) Digite algo com qualquer fonte.

2) Abra um pequeno quadrado que


tenha o mesmo tamanho da fonte.

2) Ative em Window > Brush Libra-


ries > Artistic > Artistic Paint Brush,
escolha um desses Brush e aplique
no quadrado.
Obs: Você pode usar, se preferir,
qualquer outra biblioteca de Brushes.
Ferramenta Mesh

A ferramenta MESH do llustrator pos-


sibilita que você obtenha resultados
surpreendentes ao sombrear ou ilu-
minar ilustrações, bastando para isso
arrastar a cor desejada sobre os nódulos
predefinidos pela ferramenta, tendo
ainda a opção de editá-los quanto à cor
e também às posições dos nódulos.

Creat Gradient Mesh


Para se ter um controle mais específico de
sombreamento, use a opção CREAT GRADI-
ENT MESH que se encontra no menu OB-
JECT; ela permite que você edite na figura
colunas verticais e horizontais além de
permitir uma iluminação de base no objeto
ativando essa opção 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, é possível
adicionar pontos de cores e arrastar
esses pontos para partes diferentes
do objeto.
Apesar dessa facilidade de manipu-
lação 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 cha-
pada. Todas essas formas criadas têm
que ter a mesma cor de preenchi-
mento do objeto de base.
No exemplo do pimentão 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 pimentão
preenchido com vermelho.
Desta forma, fica mais fácil trabalhar
na localização de luzes e sombras em
objetos, pois são formas indepen-
dentes.
getpac@dtp.com.br
Exportando layers ativos do Illustrator
para o Photoshop e vice versa

O Illustrator tem total integração com o


Photoshop, uma vez que são da mesma
família.
Para exportar um arquivo em camadas para
o Photoshop basta ir em File > Export e
escolher a extensão PSD.
Ative na paleta Export Options o item Write
Layers para que o arquivo exportado man-
tenha a hierarquia dos Layers.
Se caso você queira também manter em
seu arquivo como um texto editável acione
na paleta Preserve Text Editability.

Para abrir no Illustrator um aquivo em


Layers do Photoshop dê Open no arquivo
PSD e uma paleta opções de importação
irá se abrir. Acione Show Preview para visu-
alizar a miniatura do arquivo e ative o item
Convert Photoshop Layers to Objects para
que o Layers permaneçam ativos.

Exportando um Shape
para o Photoshop
O Photoshop trabalha com um sistema
de vetor chamado Shape Layers, que são
formas vetoriais que podem ser manipula-
das no Illustrator. Existe uma biblioteca no
aplicativo com vários Shapes pré-definidos
que, ao serem aplicados no arquivo, auto-
maticamente abrem um novo Layer com
as opções 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
opção Make Compound Shape; essa opção
irá manter a forma em vetor ao ser expor-
tado para o Photoshop.
Ao abrir o arquivo no Photoshop esta
forma já estará em Shape Layers.
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> Define 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


opção usada para salvar visualizações
de arranjos em deteterminado traba-
lho.
O processo para se salvar um Layer
Comps no Photoshop é simples,
Abra a paleta Layer Comps em Win-
dow > Layer Comps.
Faça alterações em seu arquivo como
ocultar ou acrescentar elementos atra-
vés dos Layers de seu arquivo.
No Sub Menu da paleta acione New
Layer Comps e salve com momes dife-
rentes cada alteração que fizer.
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 opções de
importação acione Show Preview e
escolha no item Layer Comp a visuali-
zação que deseje abrir no arquivo.
Smart Object
Smart Object é um processo que per-
mite trabalhar com vetor no Photoshop
mas, linkado ao Illustrator, ou seja, você
tem no Photoshop uma referência do
vetor que é nativo do Illustrator, possi-
bilitando com isso que se ampliem ou
reduzam objetos às vontade sem ter
problemas com serrilhas.
Tudo o que se tem que fazer para reali-
zar 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 diálogo que surge oferece


quatro opções de Paste.
Escolha então Smart object e dê ok.

E) Após ter dado o Paste note que um


pequeno ícone surge na parte inferior
direita da miniatura da paleta Layer, indi-
cando o Link com o Illustrator.

F) A partir daí você pode ampliar ou


reduzir a imagem o quanto quiser.
Para fazer alterações nela, dê dois
cliques no ícone e automaticamente
o arquivo do Illustrator entra em ação.
Mesmo que o aplicativo esteja fechado
ele será aberto automaticamente.
Faça no Illustrator as alterações que qui-
ser 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 seleção do Path importado vai
aparecer.
Composição de Imagem e Ilustração

A união do Illustrator com o Photoshop


sempre aumenta a capacidade do poder
de criação de ambos aplicativos, poden-
do se chegar a níveis de se criar ele-
mentos com formas simples e de forma
versátil no Illustrator, e aplicá-las com
aspecto realista a uma composição de
imagem no Photoshop.

1) Construindo a
estrada no Illustrator

Começamos criando um stroke na po-


sição vertical de aproximadamente 50
pt na cor cinza.
Em seguida ativamos a Paleta Appea-
rence e na própria paleta criamos uma
cópia deste stroke.
Mudamos a cor do stroke na parte su-
perior da paleta para branco e diminui-
mos sua espessura para 45 pt.
Repetimos o processo e no próximo
stroke alteramos a cor novamente para
cinza e a espessura para 40 pt.
Repetimos o processo mais duas vezes
sendo que antepenúltima alteramos a
cor para amarelo com 2 pt de espessu-
ra, e a última 0,5 pt na cor cinza.
2) Distorcendo
a estrada

Posicionamos a imagem a ser usada


para a composição em um Layer abaixo
da ilustração da estrada.
Em seguida, selecionamos a estrada e no
menu da barra de opções acionamos Ob-
ject > 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 pocisiona-
mos 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 à ilustração
uma perspectiva.
Continuamos a distorcer e a achatar a
forma até que ela fique na posição dese-
jada 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 funcão Write Layers está ati-
vada. Este item é importante, pois ele manterá a
hierarquia dos Layers ativa no Photoshop.
4) Ajustando a estrada
no Photoshop

Abrimos o arquivo no Photoshop,


selecionamos o Layer da estra-
da e abaixamos um pouco a
transparência com a finalidade
de facilitar a visualização, para
um melhor ajuste do asfalto so-
bre a estrada de terra.
Obs: Para se fazer os ajustes vá
em Edit > Transform > Distort

5) Pavimentando
a estrada

A) Após ter feito os ajustes,


criamos uma seleção em torno
da estrada, pressionando a te-
cla Command e clicando sobre
o Layer da estrada.

B) Com a seleção ativa selecio-


namos agora o Layer da ima-
gem e pressionamos as teclas
Command + J para criarmos
uma cópia da parte selecionada
da estrada de terra.
Através deste comando obte-
mos uma cópia da estrada de
terra posicionada na mesma
posição da imagem original,
mas em um novo Layer .

C) Em seguida descolorizamos
a cópia em Image > Ajust-
mentsments > Desaturate.

D) Aplicamos o Filter > Blur >


Motion Blur.
Nas opções da paleta do filtro
em Angle aplicamos o valor 0,
para que o desfoque ocorra no
sentido horizontal.
Em Distance um valor médio o
suficiente para se perceber o
desfoque.

E) Voltamos agora para o Layer


da estrada e retornamos à opa-
cidade normal da imagem.
Aplicamos sobre ela um pouco
de ruído em Filter > Noise >
Add Noise para se criar a textu-
ra no asfalto.
Obs. Na opção Amount da
paleta coloque valores baixos o
suficiente para se conseguir a
impressão da textura no asfalto.
F) Após ter aplicado a textura ajustamos
o tom do asfalto através do Curves.
Fizemos a seleção do asfalto e criamos
uma máscara.

G) Na galeria de brushes do Photoshop


providenciamos um pincel de forma irre-
gular.
Com a cor preta e no modo Dissolve apli-
camos o pincel nas bordas da máscara,
conseguindo produzir os desgastes na la-
teral do asfalto.

Convertendo Imagens
em Linhas Editáveis
Com a nova versão do
Illustrator CS2 é
possível converter
facilmente uma
imagem em linhas
editaveis, porém, nem
sempre a imagem a ser
vetorizada fica com um
bom resultado. Usamos
o Photoshop para
preparar a imagem antes
de mandá-la para o
Illustrator e aplicar o
filtro e obtemos um
excelente resultado.
1) Preparando a imagem no Photoshop

A idéia é fazer com que através de


recursos do Photoshop, a imagem fique
com o aspecto de linhas. Obviamente
ainda não editáveis. Para isso a imagem
a ser preparada tem que ter uma boa
qualidade e alta ressolução. A imagem
utlilzada neste tutotial tem 14cm X 19cm
e 300 de resolução.
Quanto mais nítidos forem os detalhes
da imagem melhor será o resultado ao
convertê-la em linhas no final do
processo.
Iniciamos criando uma cópia do
Layer da foto e em seguida, em Im-
age Adjustments, aplicamos a opção
Desaturate,descolorizando a imagem.
Tornamos a criar uma nova cópia, mas
desta vez da camada descolorida e em
Filter aplicamos Blur > Gaussian Blur.
Na opção Radius da paleta digitamos o
valor de 3 pixels.
Agora com a mesma camada selecion-
ada ativamos em Image > Ajustments a
opção Invert que criou um negativo da
imagem.
Em seguida aplicamos sobre esta ca-
mada 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 Illus-


trator e através de Place inserimos a
imagem no arquivo.
Ao inserir a imagem no arquivo auto-
maticamente as ferramentas de vetori-
zação surgem na barra do menu
superior do Illustrator.
Clicamos na seta localizada bem ao
lado do botão Live Paint, para abrir as
opções de de vetorização e entre elas
escolhemos Inked Drawing.
Esta opção converteu a imagem forma-
da por pixels em linhas 100% editáveis.
Clicando sobre o botão Live Paint con-
cluímos a vetorização,
Conseguimos ainda ganhar mais
detalhes no desenho aumentando a
quantidade de Threshold que acrescen-
ta mais linhas à ilustração.
Criando Ilustrações Tridemensionais
em Ai com acabamento em Ps
O recurso 3D do Illustrator
aumenta ainda mais as facili-
dades e possibilidades criati-
vas deste fantástico aplicativo.
Trabalhando em conjunto
com o Photoshop conseguire-
mos resultados ainda mais
incríveis como o exemplo do
pneu deste tutorial.

1) Criando a forma
do pneu no Illustrator

Começamos utilizando a ferra-


menta de formas do Illustrator,
opção retângulo com bordas arre-
dondadas
Após criarmos a forma tiramos o
preenchimento e engrossamos as
linhas do contorno na cor preta,
neste exemplo aplicamos 11 pt.
Arrastamos uma régua vertcal
para o centro do retângulo e em
seguida eliminamos a metade da
forma usando a ferramenta Lápis
borracha.

2) Modelando a forma no 3d

Ative o efeito 3d em Effects > 3d


opção Revolve. Na paleta de opções
do efeito ativamos a opção Preview,
no item Form escolhemos Right Edge
e ativamos a opção Offset, este último
recurso permitiu que criássemos o furo
central vazado do pneu tendo sido
possível também visualizar as partes
internas do pneu.
Rotacionamos o cubo Position até
conseguirmos aposição desejada da
ilustração e ok.
3) Criando e aplicando
os mapas de texturas

Para criarmos o desenho das saliên-


cias do pneu nos baseamos em um
desenho real já existente. Reprodu-
zimos uma das formas e fizemos
várias cópias sucessivas no sentido
vertical e horizontal até formarmos a
textura de um pneu radial.
Criamos também outro tipo de
textura usando o mesmo processo
para ser aplicada no friso lateral do
pneu.

Após criados as texturas as salvamos


dentro da biblioteca da paleta
Symbols, bastando arrastar as texturas
uma de cada vez sobre a paleta.

A seguir fizemos uma cópia do layer do pneu


renderizado.
Obs: Para criar a cópia do layer basta arrastar a
miniatura sobre o segundo item da paleta locali-
zado na parte inferior da paleta da direita para a
esquerda, este processo fará com que a cópia
fique exatamente posicionada sobre a forma
original. Desligamos a visualização do layer
com a forma original e selecionamos o layer da
cópia.
Para aplicar as texturas feitas anteriormente foi
preciso localizar o mapeamento das partes
renderizadas do pneu.
Então com a cópia selecionada, clicamos sobre
o item 3d localizado na paleta Appearence.
Isto acionou novamente a paleta 3d Revolve
Options com a configuração do objeto
renderizado.
Obs: Ative na paleta a opção Preview.
Clicamos na opção Map Art.
Ativamos na paleta a opção Invisible
Geometry que esconde o preenchi-
mento do objeto e exibe somente
suas grades quando selecionadas.
Através do item Surface localizamos
a superfície para aplicar a primeira
textura.
Uma extensão da paleta Symbols é
encontrada dentro da própria paleta,
bastando assim apenas localizar a
textura salva dentro da biblioteca,
aplicar e ajustá-la sobre o mapa.
Em seguida fizemos uma nova cópia
do pneu renderizado, acionamos
a paleta Appearence, clicamos no
ícone 3d para abrir as configurações
de renderização, clicamos na opção
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 visualização do
Layer que estava desativado
e exportamos o arquivo para o for-
mato Ps.

Obs: Antes de exportar o arquivo é


bom vericar se a forma do pneu ren-
derizado e as duas demais texturas
estão em Layers individuais.
Na caixa de diálogo Photoshop
Export Options verifique se a opção
Write Layers está ativada.

4) Concluindo a ilustração no Photoshop

Abrindo o arquivo exportado no Photoshop verificamos


que a hierarquia dos layers continua exatamente como os
do arquivo do Illustrator. Isto possibilitou que aplicássemos
os efeitos do Layer Style em partes individuais da ilus-
tração.
Começamos pelo desenho da borracha do pneu. Com a
ferramenta de seleção circular, selecionamos e deletamos
as partes desnecessárias do desenho.
Em seguida clicamos duas vezes no
Layer para a tivar o Layer Style, onde
aplicamos a opção Bevel and Emboss,
conseguindo assim criar as saliências
da borracha.
Ainda dentro das opções do Layer
Style ativamos Gradiente Overlay e,
editando o gradientes, aplicamos o
brilho na borracha.
Repitimos o mesmo processo para a
parte lateral da ilustração.