Apostila - Illustrator CS3

74

Transcript of Apostila - Illustrator CS3

Page 1: Apostila - Illustrator CS3
Page 2: Apostila - Illustrator CS3

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 diversifi cado.

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.

Page 3: Apostila - Illustrator CS3

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 retana 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 CurVaClique 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.

eDitanDo uM CaMinho CurVoao 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.

utilZe aS DeMaiS FunÇÕeS Da FerraMenta Para aS SeguinteS oPÇÕeS:

aDiCionar ânCoraSCom 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.

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-

utilZe aS DeMaiS FunÇÕeS Da FerraMenta Para aS

Clique sobre a miniatura para resetar as cores

Clique sobre o último quadradinho para anular opreenchimento

Page 4: Apostila - Illustrator CS3

Capítulo 1 | Ferramentas de Desenho

Subtrair ânCoraS Com esta ferramenta é possível subtrair pontos de âncoras de um camiho. Para isso basta clicar com a ferramenta sobre o ponto de âncora indeseja-do.

MuDar aS CoorDenaDaS De uM CaMinho

esta ferramenta permite manipular as curvas de um caminho dividido por uma âncora de forma idependente ou seja é possivel manipular a curva em uma parte do camiho que esteja por exemplo do lado esquerdo de um 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.

linea 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 ânCoraa 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.

Movendo curvas

pontos de âncora: Pode se alterar a direção da curva de um caminho através das alças do ponto de âncora porém a distância e posicionamento do caminho so pode ser alterado mudando a posição do ponto de âncora,

Page 5: Apostila - Illustrator CS3

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.

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

Stroke

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á com que os contornos ou caminhos mantenham a proporção no caso de serem escalonados. Para acessar a paleta vá ao menu principal e acesse em illustrator> Preferences> general o item Scale Strokes & effects.

utilize a opção

Horizontal ou vertical: Para alinhar por exemplo pontos de âncoras em uma forma criada que necessite de tais ajustes

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.

utilize Weight para controlar as espessura do caminho.acesse as demais opções no submenu da paleta

acesse a paleta pelo ícone do painel .

Page 6: Apostila - Illustrator CS3

Capítulo 1 | Ferramentas de Desenho

oPÇÕeS Da Paleta Strokeao 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.

aline Strokeesta 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 lineesta 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.

terninação reta e cotovelos com cantos vivos terminação redonda e cotovelos com cantos redondos

terminação redonda e cotovelos com cantos chanfradosterninação reta e cotovelos chanfrados

weight com 6px, dashed 6px gap 0

weight com 6px, dashed 6px gap 6px

weight com 15px, dashed 6px gap 6px

Page 7: Apostila - Illustrator CS3

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 aSFaltoa) o primeiro passo é criar, com 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 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) Dê novamente um Past in Front, reduzindo a espessura desta cópia para 26 pontos.

D) repita o procedimento mudando 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 ponto com a cor cinza.

a

b

C

D

e

Page 8: Apostila - Illustrator CS3

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

a

C

b

D

Capítulo 1 | Ferramentas de Desenho

Page 9: Apostila - Illustrator CS3

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

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

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.

SMoothMuito ú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.

traçando a coordenada

alterando a coordenada

Page 10: Apostila - Illustrator CS3

Capítulo 1 | Ferramentas de Desenho

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

arC

SPiral

retangulargriD

PolargriD

esta ferramenta auxilia na constru-ção de cantos arredondados em uma forma. ao arrastar a ferramen-ta mantenha o botão do mouse pressionado e clique nas setas derecionais do teclado para cima ou para baixo para mudar o ângulo da curva

Ferramenta que cria uma forma spi-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 arrastar a ferramenta mantenha o 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.

Cria circulos concêntricos com sub 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

FerraMentaS De auXÍlio

ajustes Mais precisos: Para editar ajustes mais precisos em qualquer uma das ferramentas de auxílio basta clicar duas vezes sobre o ícone da ferramenta para acionar a caixa de ajustes das mesmas.

Page 11: Apostila - Illustrator CS3

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

Page 12: Apostila - Illustrator CS3

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 PinCelDê 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- DeCalCanDoabra 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.

Page 13: Apostila - Illustrator CS3

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

Page 14: Apostila - Illustrator CS3

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 SeleCtionClique sobre um ponto de âncora da figura e arraste.

laSSoCircunde 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 FiltroSacessa 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.

SolDanDoSobreponha 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 PlanoSobreponha 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.

Capítulo 1 | Ferramentas de Desenho

Page 15: Apostila - Illustrator CS3

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.

illuStrator

Page 16: Apostila - Illustrator CS3

SubtrainDo CoM uMa ForMa De SegunDo Plano

Sobreponha dois objetos e clique sobre ícone. ao ser feita a subtração note que o objeto do segundo plano é eliminado proje-tanto um corte com seu formato na figura de primeiro plan

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.

repetindo uM coMando

do patHiFinder: Você pode repetir qualquer comando aplicado pelo Pathfinder através do pop-up da paleta Pathifinder repeat Pathifinder ou pelos comando Cmd/Ctrl-4

é 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.

Capítulo 1 | Ferramentas de Desenho

utiliZanDo o PathFinDer na PrátiCa.

Page 17: Apostila - Illustrator CS3

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.

illuStrator

Page 18: Apostila - Illustrator CS3

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.

Capítulo 1 | Ferramentas de Desenho

Page 19: Apostila - Illustrator CS3

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.

illuStrator

Page 20: Apostila - Illustrator CS3

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

Capítulo 1 | Ferramentas de Desenho

Page 21: Apostila - Illustrator CS3

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.

FatianDo e ColorinDo ForMaS

illuStrator

Page 22: Apostila - Illustrator CS3

Crie uma silueta

utilize a ferramentalive Paint bucket

trace linhas sobre a silueta para delimitar as áreas as erem fatiadas Selecione tudo e aplique a opção Divide do painel Phathifinder.

Capítulo 1 | Ferramentas de Desenho

Page 24: Apostila - Illustrator CS3

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.

Organização da área de trabalho

Page 25: Apostila - Illustrator CS3

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.

Page 26: Apostila - Illustrator CS3

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 ferramentaspressione Tab.

Dicas para melhorar a performance de algumas ferramentas

Padrões de medidas

Réguas

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.

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.

Page 27: Apostila - Illustrator CS3

Alinhamento de objetos

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á emView> 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.

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.

Page 28: Apostila - Illustrator CS3

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.

Page 29: Apostila - Illustrator CS3

Scale Strokes & Effects

Path Stroke

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.

As ferramentas Pen e Pencil são usadas para se traçar linhas. As linhas no Illustra-tor são conhecidas como caminhos e os pontos que surgem sobre ele quando está 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 Fechado.As linhas que surgem saindo dos pontos de âncora são chamadas de alças, 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 traço sem preenchimento; já a ferramenta Pencil elimina automatica-mente o preenchimento ao ser utilizada.

Scale Strokes & Effects desativado. Scale Strokes & Effects ativado.

Exemplo de Caminho Aberto

Exemplo de Caminho Fechado

Caminho

Alça

Ponto de âncora

Page 30: Apostila - Illustrator CS3

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 SelectionEm 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.

Page 31: Apostila - Illustrator CS3

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.

Page 32: Apostila - Illustrator CS3

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.

Quanto mais detalhes tiver o seutrabalho, 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

Modos de visualização para trabalhar com documentos complexos

Page 33: Apostila - Illustrator CS3

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.

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.

Navigator e Shortcuts para visualização

Page 34: Apostila - Illustrator CS3

Criando ShortcutsCriar 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.

Page 35: Apostila - Illustrator CS3

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

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!

Page 36: Apostila - Illustrator CS3

Ajuste agora o Tile de impressão, em File > Print.Na paleta Print acione Setup emTiling 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.

Page 37: Apostila - Illustrator CS3

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.

Page 38: Apostila - Illustrator CS3

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.

Page 40: Apostila - Illustrator CS3

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.

Toda vez em que um objeto estiverselecionado, 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.

Visualização

Acesso ao Sub Layers

Acesso ao Sub Menuda paleta

Miniatura do arquivo

Máscara Novo Layers

Elimina Layers

AcrescentaSub Layers

Nome do arquivo

Page 41: Apostila - Illustrator CS3

Trabalhando com LayersA 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ífi ca 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 fi quem 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.

Page 42: Apostila - Illustrator CS3

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.

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.

Máscara simples

Page 43: Apostila - Illustrator CS3

Trabalhando com Máscaras

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.

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 soldá-los com a ferramenta Path-fi nder antes de fazer o procedi-mento.

Máscara de Opacidade

Ativa edição só para a máscara

Ativa edição só para o conteúdo

Máscara sem solda Máscara com solda

Page 44: Apostila - Illustrator CS3

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.

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.

Traballhando com a máscara de Opacidade de forma avançada

Page 45: Apostila - Illustrator CS3

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 fi car 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 completarative avisualização do Layer do topo desativado anterior-mente.

Page 46: Apostila - Illustrator CS3

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.

Transparência

A máscara de opacidade é utilizada para vários fi ns, 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-fi quem áreas de luz e sombra, aplicando individualmente, em cada forma, a máscara de opacidade, conforme explicado anteri-ormente.

Page 47: Apostila - Illustrator CS3

Criando efeito de explosão com Máscara e o Object Mosaic

O fi ltro Object Mosaic é um fi ltro 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 fi ltro que poderia ser mais explorado.

O fi ltro 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 fi ltro 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.

Page 48: Apostila - Illustrator CS3

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í-laAbri 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 fi ltro, 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

Page 49: Apostila - Illustrator CS3

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 Pathifi nder 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 fi gura 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 Pathifi nder. 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 fi gura 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.

Apenas aplicar o efeito sobre o rosto ainda não irá causar a impressão de que o rosto da fi gura esteja se desfa-zendo.Para isto, foi necessário criar uma máscara para esconder pontos sobre o rosto da fi gura.

Criando a Máscara

2) Aplicando o efeito sobre o rosto

Page 51: Apostila - Illustrator CS3

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.

Se a forma a ser renderizada é um qua-drado, retângulo ou qualqueroutra forma geométrica, tudo o que se tem que fazer é selecionaro objeto e ativar Eff ect 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 fi ltro 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 fi ltro, você pode edi-tar normalmente o seu texto, pois os efeitos aplicados automaticamente se adaptarão ao novo texto digitado.

Efeito 3d no Illustrator Cs

Renderizando uma forma

Projetando a face de uma embalagem

Ative o preview e rotacione o cubo napaleta do fi ltro para poder visualizar eescolher o posicionamento desejado do objeto.

A) Como primeiro passo, com a ferra-menta Pen, desenhe um dos lados da embalagem.

Você pode editar normalmente oseu texto, e os efeitos aplicadosautomaticamente se adaptarão àsmodifi cações.

Page 52: Apostila - Illustrator CS3

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á comque 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, fazendoum mapeamento em toda a estrutura do objeto renderizado, exibindo em seu preview partes separadas da imagem. Vejaindividualmente as partes do ob-jeto avançando ou voltando as setas do Sliders Surface, localiza-do na parte superior da paleta.

Page 53: Apostila - Illustrator CS3

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 simplesmentearraste-a sobre o preview da paleta, fazendo os ajustes necessários.

Para projetar formas cilíndricas, como por exemplo uma lataou 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 comuma importante diferença: neste caso, o filtro necessita de apenasmetade 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!

Formas cilindricas

Page 54: Apostila - Illustrator CS3

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

Page 55: Apostila - Illustrator CS3

Criar elementos de diferentes naturezas está mais fácil e rápido, pois o software traz ferramentas específicas para uti-lização e combinação de símbolos com objetos de desenho, textos, imagens ou qualquer outro elemento, direcionando-os tanto a criações para Web quanto para artes vetoriais a serem impressas. A partir de uma arte qualquer, o usuário pode simplesmente acrescentar a ilus-tração à paleta SYMBOL do aplicativo, bastando que para isso escolha a opção NEW SYMBOL com a figura selecionada.Uma vez criado um novo símbolo, pode-se utilizá-lo em várias aplicações através dos recursos oferecidos pelas ferramen-tas de símbolos,conforme mostrado na tabela abaixo. Entre as opções encon-tram-se oito efeitos: Sprayer paraaplicação aleatória dos elementos de símbolo, Shifter para alterar a posição de elementos individualmente, Scruncher para espaçar de formaproporcional e controlada os objetos, Sizer para alte-ração das dimensões, Spinner para rota-

Trabalhando com Symbols

ção, Stainer para sobreposição gradual de cores, Screener parautilização de transpar-ências, e Styler para determinar um outro estilo sobreposto ao símbolo escolhido.Para editar o objeto original, deve-se sele-cioná- lo e acionar o comando BREAK LINKTO SYMBOL, que quebrará a ligação entre aimagem matriz e sua cópia aplicada à pá-gina. Isso possibilitará que se crie versões diferentes o mesmo objeto, modificando-o quanto acor, formato etc., uma vez que este não estará mais vinculado ao objeto origi-nal na paleta de símbolos.Além disso, todos os símbolos podem sersalvos em livrarias e reutilizados em outrostrabalhos ou ainda editados novamente; para se alterar o elemento quan-to as suas cores eformato deve-se selecioná-lo e escolher o op-ção REDEFINE SYMBOL.

Page 56: Apostila - Illustrator CS3

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.

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.

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 Appearence.

Criando estilos

Não confundir Filtros com Efeitos

Filter Effect

Page 57: Apostila - Illustrator CS3

Vetorizando com o Live Trace

Estilizando 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.

IL

LU

ST

RA

TO

R

IL

LU

ST

RA

TO

R

Tiger

Com este fi ltro fi ca mui-to mais fácil e rápido criar estilizações sobre fotos, uma vez que o fi ltro permite vetorizar áreas da própria imagem oferecendo contro-les para ajustes da função e diversos tipos diferentes de vetorização com preview.Acompanhe um destes pro-cessos neste exemplo.

Page 58: Apostila - Illustrator CS3

1) Abrindo a imagem no arquivoa) 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.

Page 59: Apostila - Illustrator CS3

2) Colorindo o tigrea) 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 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-xei um pouco mais claros e os tons de cinzas que já eram mais claros substi-tuí por branco.Para finalizar trabalhei mais detalha-damente nos olhos e nariz do tigre.

a) b)

c) d)

2) Criando Brushes para serem aplicados em fontes

A ferramenta de Brushes é muito prática e versátil para aplicar efeitos sobre caminhos ou contornos.Porém, como seria possível aplicar esses efeitos no contorno de uma fonte mantendo a mesma ainda edi-tá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.

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 editável.

Page 60: Apostila - Illustrator CS3

Ferramenta Mesh

Creat Gradient Mesh

Utiizando o 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.

Para se ter um controle mais específico desombreamento, 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.

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.

Page 62: Apostila - Illustrator CS3

Exportando layers ativos do Illustrator para o Photoshop e vice versa

Exportando um Shape para o Photoshop

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.

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.

Page 63: Apostila - Illustrator CS3

Salvando um Layers Shape na biblioteca do Photoshop

Abrindo um Layer Comps do Photoshop no Illustrator

Você pode salvar um Shape Layers importado do Illustrator na biblioteca de Shapes do Photoshop.Clique no Layers Shape e vá emEdit> Define Custon Shape.Seu novo Shape já foi acrescentado a biblioteca de shape.

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.

Page 64: Apostila - Illustrator CS3

Smart Object

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.

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.

Page 65: Apostila - Illustrator CS3

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.

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.

1) Construindo a estrada no Illustrator

Page 66: Apostila - Illustrator CS3

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.

Page 67: Apostila - Illustrator CS3

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

4) Ajustando a estrada no Photoshop

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.

5) Pavimentando a estrada

Page 68: Apostila - Illustrator CS3

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 Imagensem 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 fi ca com um bom resultado. Usamos o Photoshop para preparar a imagem antes de mandá-la para o Illustrator e aplicar o fi ltro e obtemos um excelente resultado.

Page 69: Apostila - Illustrator CS3

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 menusuperior 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.

Page 70: Apostila - Illustrator CS3

Criando Ilustrações Tridemensionais em Ai com acabamento em PsO recurso 3D do Illustratoraumenta 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.

Criando Ilustrações Tridemensionais em Ai com acabamento em Ps

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-dondadasApó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.

Page 71: Apostila - Illustrator CS3

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.

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.

Após criados as texturas as salvamos dentro da biblioteca da paleta Symbols, bastando arrastar as texturas uma de cada vez sobre a paleta.

Page 72: Apostila - Illustrator CS3

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.

Page 73: Apostila - Illustrator CS3

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 desativadoe 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.

Page 74: Apostila - Illustrator CS3

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.