27
Introdução ao desenho vetorial Atualmente o processo de ilustração em computação gráfica se dá por meio dos edi‐ tores gráficos, nome dado a qualquer programa cuja função seja criar ilustrações, seja para meio digital ou meio impresso. Estes editores gráficos são divididos em duas classes: editores de bi‐ tmap e editores vetoriais. Editores bitmap Os editores de bitmap caracterizam‐se por trabalhar com cada ponto do documento (os chamados pixels, que são a menor unidade de visualização da tela). Os editores de bitmap são comumente utilizados em mídia impressa no tratamento de fotografias. Embora hajam algumas ferramentas de desenho vetorial, os documentos dos editores de bitmap são grandes mapas for‐ mados por pontos, e cada um desses pontos recebe uma informação de cor, formando assim a ilustração do documento. Os editores de bitmap mais famosos são o Adobe Photoshop, o Adobe Fireworks e o Corel Photo Paint. Pelo fato da minúscula dimensão de cada ponto, especialmente em trabalhos de alta resolução, os pontos ficam perceptíveis somente quando faz‐se uma ampliação do documento, em que se revela a imagem quadriculada, mostrando cada ponto. O maior problema dos docu‐ mentos é quanto à resolução para o tipo de mídia específico, já que cada meio de exibição tem uma resolução própria. Por exemplo, a tela do computador tem resolução de 72dpi (dots per inch, pontos por polegada); telas de smartphones têm 150dpi; páginas de mídia impressa têm entre 300dpi e 350dpi. Editores vetoriais Os editores vetoriais caracterizam‐se por trabalhar com polígonos autênticos no do‐ cumento, construídos matematicamente pelo computador. Cada polígono construído representa um conjunto de equações que montam o polígono no documento, de acordo com as informações de posição e dimensões requeridas pelo usuário, o que faz com que os polígonos não percam sua aparência e possa ser redimensionado diversas vezes sem que se deforme, ao contrário dos edito‐ res de bitmap. Lamparina Design ‐ Apostila ‐ Adobe Illustrator 1

Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

Embed Size (px)

Citation preview

Page 1: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

IntroduçãoaodesenhovetorialAtualmenteoprocessodeilustraçãoemcomputaçãográficasedápormeiodosedi‐

toresgráficos,nomedadoaqualquerprogramacujafunçãosejacriarilustrações, sejaparameiodigital oumeio impresso.Esteseditoresgráficossão divididosem duasclasses: editoresdebi‐tmapeeditoresvetoriais.

EditoresbitmapOseditoresdebitmapcaracterizam‐seportrabalharcomcadapontododocumento

(oschamadospixels,quesãoamenorunidadedevisualizaçãodatela).Oseditoresdebitmapsãocomumenteutilizadosemmídiaimpressanotratamentodefotografias.Emborahajamalgumasferramentasdedesenhovetorial,osdocumentosdoseditoresdebitmapsãograndesmapasfor‐madosporpontos, ecadaumdessespontos recebeuma informação decor, formandoassimailustraçãododocumento.OseditoresdebitmapmaisfamosossãooAdobePhotoshop,oAdobeFireworkseoCorelPhotoPaint.

Pelo fato daminúsculadimensãodecadaponto,especialmenteemtrabalhosdealtaresolução,ospontosficamperceptíveissomentequando faz‐seuma ampliaçãodo documento,emquese revelaaimagemquadriculada,mostrandocadaponto.Omaiorproblemadosdocu‐mentoséquanto à resoluçãoparao tipodemídiaespecífico, jáquecadameio deexibiçãotemumaresoluçãoprópria.Porexemplo,ateladocomputadortemresoluçãode72dpi(dotsperinch,pontospor polegada); telas de smartphonestêm150dpi; páginas demídia impressa têm entre300dpie350dpi.

EditoresvetoriaisOseditoresvetoriaiscaracterizam‐seportrabalharcompolígonosautênticosno do‐

cumento,construídosmatematicamentepelocomputador.Cadapolígonoconstruídorepresentaumconjuntodeequaçõesquemontamopolígononodocumento,deacordocomasinformaçõesdeposiçãoedimensõesrequeridaspelousuário,oquefazcomqueospolígonosnãopercamsuaaparênciaepossaserredimensionadodiversasvezessemquesedeforme,aocontráriodosedito‐resdebitmap.

LamparinaDesign‐Apostila‐AdobeIllustrator

1

Page 2: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

Emboravárioseditoresvetoriaistenhamferramentasparatrabalharcomdocumentosdebitmap, omaiordestaquedoseditoresvetoriaiséapossibilidadede lidarcompolígonosdediversasformas.OseditoresvetoriaismaisfamosossãooAdobeIllustrator,oAdobeFlasheoCo‐relDRAW.

SobreoAdobeIllustratorOIllustratoréumeditorgráficovetorialcriadopelaAdobeem1986comocompanhei‐

rodoPhotoshop,dedicadoamanipulaçãodedocumentosembitmap,enquantoo Illustratoreradedicado à ilustração vetorialecomposiçãotipográfica.O IllustratorutilizaosistemaPostscriptparagerarasinformaçõesvisuaisdodocumento.

AáreadetrabalhodoIllustratorOIllustratorpossuiumaáreadetrabalhobemsemelhanteàdosoutroseditoresgráfi‐

cos,em queháuma janela lateralsuspensacom íconesque representam cadaferramenta quepode ser utilizada. Do lado esquerdo, háuma sériede painéis quepermitem configurar váriosatributosdecadaformacriadano documento, alémde gerenciaro documentocomo umtodo.Napartesuperior,háabarrademenus,comumagrandevariedadedeopçõesadicionais,filtros,entreoutrasferramentas.ApartirdaversãoCS2,o Illustratorganhoutambémumabarradecon‐trole localizada abaixo dabarrademenus,quepermitefazer alteraçõesespecíficas conformeaferramentaselecionada.Aúltimagrandemodificaçãonaáreadetrabalhodo Illustrator foifeita

LamparinaDesign‐Apostila‐AdobeIllustrator

2

Page 3: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

emsuadécimaterceiraedição (oAdobeIllustratorCS3),emqueospainéislaterais setornaramretráteis.

UmadascarcaterísticasdoIllustratorquantoàsuaáreadetrabalhoéqueelapodeserajustadadeacordocomasnecessidadesdousuário,sendoqueestepodeprivilegiarjanelasqueutilizecommaisfreqüência,alémdepodersalvaro seuworkspacecustomizado,oquepermiteque outraspessoasutilizemo illustrator nomesmo computadoreasopções individuaisnão sepercam.

TrabalhandonoIllustratorAocriarumnovodocumento,ousuáriodeterminaotamanhododocumentoqueedi‐

taráetambémoespaço cromáticodesejado (CMYK,paramídia impressa, ou RGB, paramídiadigital).EntãooIllustratorcriaráumdocumentoformadoporumapáginaemqueestarãoasfor‐mascriadaspelousuário(oIllustratortrabalhacomapenasumapáginapordocumento).

Ousuáriopodetrabalharcomtrêstiposdeconteúdodentrododocumento:imagensbitmap (que podemser importadas pelo usuário,mas não podemser diretamentemodificadasdentrododocumento),texto(textosoltoouemcaixa)epolígonos.

LamparinaDesign‐Apostila‐AdobeIllustrator

3

Page 4: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

Cada polígono é formado por pelo menos dois pontos, chamadosde âncoras (an‐chors).Essasâncorasdefinemumpontofixoporondeascurvasdopolígonodeverãoatravessar.No entanto, asâncoraspor sipermitemapenasa construção de composiçõesde segmentosdereta;apossibilidadedesefazercurvasnumaformaqualquersedápormeiodasalças(handlers),tambémchamadasdebeziêrs,quedefinemadireçãodaretatangenteParacadaâncora,podemserdefinidasatéduasalças,ecadaformapodeterilimitadosnúmerosdeâncoras,tornandopos‐

sívelacriaçãodeinfinitasformasdiferentes.

LamparinaDesign‐Apostila‐AdobeIllustrator

4

Page 5: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

Alémdasequaçõesquegeramaformadopolígono,ousuáriopodetambématribuircoresdepreenchimentoedecontornoparacadapolígono criado,alémdepodertrabalharcomdiversos tipos de preenchimento diferentes dentro do Illustrator, como padrões, gradientes emáscarasderecorte.

Alémdisso,ousuáriopodetambémtrabalharcomtexto,podendodelimitá‐lodentrodeumacaixa(podendocriarblocosdetexto)outrabalhandocomtextolivre,tendoaliberdadedetrabalharcomasfontesativadasnosistemacomtodosospesosdisponíveis,alémdepoderutili‐zarrecursosespeciaisemfontesOpenType.

FerramentasdeseleçãoAsferramentasdeseleção servemparadeterminarqueobjetosespecíficos afimde

aplicarumaoutraaçãoneles,comomovimentar,distorcer,trocaracor,entreoutrasváriaspossi‐bilidades.

SelectiontoolA ferramenta de Seleção (Selection tool, “V”) serve para selecionar e movimentar

qualquertipodeobjetoefuncionacomoumprimeiropassoparaacionaroutrasfunçõesquese‐rãovistasadiante.

DirectselectiontoolAferramentadeSeleçãoDireta(DirectSelectiontool,“A”)serveparaselecionaremo‐

vimentarpartesespecificasdosvetores,comoospontosdentrodeumobjeto.

LamparinaDesign‐Apostila‐AdobeIllustrator

5

Page 6: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

GroupselectiontoolElaserveparaselecionaraspartesdeumconjuntodevetoresagrupadossemquese

preciseentrardentrodacomposiçãoagrupada.

MagicwandtoolSeleciona elementosquemantenhaalgumasemelhança entresi, como as coresde

preenchimento,porexemplo.

LassotoolSelecionatodososobjetosqueestiveremdentrodo“laço”esboçadocomocursor.

Alémdessasferramentas, nomenusuperiorexisteumafunçãochamadaSelect. Pormeiodessemenuépossívelselecionartodososobjetos(Ctrl+A)oudeselecionartodososobjetos(Shift+Ctrl+A),épossíveldesselecionarosobjetosselecionadoseselecionartodosasquenãoes‐tãoselecionadosusandoaferramentaInversão(Inverse).

Tambémpodemosselecionarobjetosquenão sejamnecessariamente o objetomaspróximodocursorselecionandoobjetosqueestãoacimaouabaixodoobjetomaispróximocom(Alt+Crtl+]‐acima)e(Alt+Crtl+[‐abaixo).

LamparinaDesign‐Apostila‐AdobeIllustrator

6

Page 7: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

Paracomposiçõescomplexascommuitosobjetosutilizamosasferramentasdesele‐çãodesimilares(Same)queselecionaobjetossimilarescomumobjetopréselecionadopelafer‐ramenta de seleção básica, essa seleção varia de acordo com uma função estabelecida pelomenu,taiscomoobjetosdecontornodemesmacor,depreenchimentodemesmacorouestilo.

Nocasodaseleçãoporobjeto (Object)nãoénecessário terumobjetopré‐seleciona‐do,nessecasoaferramentabuscaespecificidadescomoobjetosdetextooucommáscaras.

Paraprojetoscompostospormuitosobjetosépossívelfazerumaseleção qualqueresalva‐laparaquenãosejanecessáriofazer isso tempotodo,dá‐seumnomepraseleçãoeassimtorna‐sepossívelacessá‐laporessemenusemprequepossível.

Rulers/guidesAferramentaRégua(Rulers)serveparaajudarnadiagramçãodoprojeto,paravisuali‐

zararéguabastairnomenusuperiorvieweselecionarShowrulers(CTRL+R),logoelasaparece‐ramjuntoaomenuesquerdoesuperior.

LamparinaDesign‐Apostila‐AdobeIllustrator

7

Page 8: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

Paramudaraunidadedemedidabastaclicarcomobotãodireitosobrearéguaees‐colherumaentreasopções.Opontozerodaréguapodeseralteradoclicando‐seemcimadovér‐ticedaréguaearrastando‐oatéopontodesejado.

A ferramenta de guias também serve paraauxiliar na construção da diagramação;paraformarumaguiaépreciso clicaremcimadaréguaepuxaro cursoratéo lugarondeaguiadeveficar.Quando necessário, épossíveltrancarasguiase torná‐las invisíveisatravésdomenuView>guides.

Tambémépossívelfazerumobjetovirarumaguia,paratantoépreciso selecionaroobjetoenomenuview>guidesoucomobotãodireitoselecionarmakeguides.

LayersAscamadas(layers)sãoumaferramentamuitoimportanteparaaorganizaçãodopro‐

jeto, as camadas servempara ajudar na distribuição dos objetos.Todo documento vem comoumacamadaaberta,epodemsercriadasquantascamadasmaisforemnecessárias,paraissobas‐taclicarno íconenaparteinferiordomenudecamadas.Cadacamadavaiterumacorespecificaparaseusvetores.

Todacamadapode sereditada o nome e a cor do vetor clicando‐se duasvezes emcimadamesma.Doladoesquerdoexistemduascaixinhas,aquetemumolhodesenhadodeter‐minaseacamadavaiser visualizadaounão, enquanto aquetemumcadeado determinaseosobjetosdacamadapoderãosereditadosounão.Paraalteraravisualizaçãoouediçãodacamadabastaumcliqueemcimadascaixinhas.

LamparinaDesign‐Apostila‐AdobeIllustrator

8

Page 9: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

TransformAferramentaTransformar (Transform)éresponsávelemmodificarpropriedadesfísi‐

casdosobjetos,comodimensão,posicionamento,etc.Aspropriedadessão:

• Mover(Move ‐Shift+Ctrl+M):comoonomediz, estaferramentamoveoobjetodema‐neiramaisprecisa fazendo o usodecoordenadascombasenasréguas.ObotãoCopiar(Copy)duplicaoobjetoemsuanovaposiçãoseminterferiroobjetooriginal;

• Rotacionar(Rotate):rotacionaoobjeto;• Refletir (Reflect): refleteou duplica um objeto refletido, semmodificaro original. Esta

ferramentatambémpoderotacionaroobjeto;

• Escala(Scale):modificaasdimensõesdeumobjeto.Elepodeseraumentadooudiminuí‐do proporcionalmenteounão,sempreemporcentagem.Aopção demanterescaladelinha e efeitos (ScaleStroke &Effects)émuito importante,pois elese refere amanterproporçõesdesteselementoscomoobjetoasermodificado;

• Inclinar(Shear):inclinaouduplicaumobjetoinclinado.Estasinclinaçõespodemsertantoemrelaçãoàsfaceshorizontaisquantoàsverticais.

LamparinaDesign‐Apostila‐AdobeIllustrator

9

Page 10: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

ArrangeAferramentaOrdenar(Arrange)permiteaousuárioordenarobjetosougruposdeob‐

jetosdispostosnaáreadetrabalho,podendotrazerelementosparafrenteouparatrás,formandooselementosdefundodotrabalho.Asopçõesdeordenaçãosão:

• Trazerpara frente/Bring to front (Shift+Ctrl+])‐ Faz comqueo objeto selecionado so‐breponhatodososobjetos;

• Trazerumparafrente/Bring foward(Ctrl+])‐Faz comqueoobjeto selecionadoavancesobreapenasumobjeto,havendopossibilidadedeoutrosobjetosaindaestaremnafren‐tedovprimeiro;

• Enviar umpara trás/Send backward (Ctrl+[)‐ Faz comqueoobjeto selecionado recueparatrásdeoutro objeto,havendopossibilidadedeoutrosobjetosaindaestarematrásdoprimeiro;

• Enviar para trás/Send to back(Shift+Ctrl+])‐ Faz comqueoobjeto selecionado recueparatrásdetodososobjetos.

Align/DistributeAferramentaAlinhareDistribuir(Align/Distribute)éresponsávelporalinharosobje‐

tosaoselecionardoisoumaisdelesdeacordo comocritériodeposicionamentoadotado.Comestaferramentaépossível:

LamparinaDesign‐Apostila‐AdobeIllustrator

10

Page 11: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

• Alinhar à esquerda (posicionaos objetosde formacom que as lateraisesquerdas dosmesmos fiquemperfeitamente alinhados, embora não afete a posição dos objetos noeixovertical);

• Alinharao centro vertical(posicionaosobjetosde formacomqueseuscentrosfiquemperfeitamentealinhadosverticalmente,emboranãoafeteaposiçãodosobjetosnoeixovertical);

• Alinharàdireita(posicionaosobjetosdeformacomqueaslateraisdireitasdosmesmosfiquemperfeitamentealinhados,emboranão afeteaposiçãodosobjetosnoeixoverti‐cal);

• Alinhar pelo topo (posiciona os objetos de forma com que as bordas superiores dosmesmos fiquemperfeitamente alinhados, embora não afete a posição dos objetos noeixohorizontal);

• Alinharpelocentrohorizontal (posicionaosobjetos de formacomqueseus centrosfi‐quemperfeitamentealinhadoshorizontalmente,emboranão afeteaposição dosobje‐tosnoeixohorizontal);

• Alinharpelabase(posicionaosobjetosdeformacomqueasbordasinferioresdosmes‐mos fiquemperfeitamentealinhados,embora não afete aposição dos objetos no eixohorizontal);

Hátambémasferramentasdedistribuição, que funcionamapartirdomomento emquehátrêsoumaisobjetosselecionados.Comestaferramentaépossíveldistribuircompontosdereferência:

• No topo dosobjetos(distribuiosobjetosverticalmentetendo como referênciaa bordasuperiordosmesmos)

• Nocentrohorizontaldosobjetos(distribuiosobjetosverticalmentetendocomoreferên‐ciaocentrodosmesmos);

• Nabasedos objetos (distribuiosobjetosverticalmentetendo como referênciaa bordainferiordosmesmos);

• Nafaceesquerdadosobjetos(distribuiosobjetoshorizontalmentetendocomoreferên‐ciaalateraldosobjetos);

• Nocentroverticaldosobjetos(distribuiosobjetoshorizontalmentetendocomoreferên‐ciaocentrodosobjetos);

LamparinaDesign‐Apostila‐AdobeIllustrator

11

Page 12: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

• Nafacedireitadosobjetos(distribuiosobjetoshorizontalmentetendocomoreferênciaalateraldireitadosobjetos).

GroupAferramentaAgrupar(Group)agrupadoisoumaisobjetos.Paradesagrupar (ouun‐

group),váatéomenueescolhaaopçãoabaixodo"agrupar",ouutilizeoatalhoShift+Crtl+G.

Alémdisso, é possíveleditar osobjetos deum grupo individualmentesemprecisardesagrupá‐los;paraisto,existemduasalternativas:

• Utilizandoaferramentadeseleçãodireta;

• ApartirdaversãoCS2doIllustrator,clicandoduasvezesnogrupo.Istoisolaráogrupodorestantedosobjetos,oquepermitequesejameditadososobjetosdogrupoindividual‐mente.

TrabalhandocomcoresAscoressão dividas basicamenteentreCMYK (cyan,magenta, yellow, black) eRGB

(red,green, blue).OcódigoCMYKéutilizadoparamateriaisqueserão impressos,poisessassãocoresquecompõemoscartuchosetonersdediversasimpressoras,alémdeseremasmatrizesdo

LamparinaDesign‐Apostila‐AdobeIllustrator

12

Page 13: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

sistemaoffset deimpressão em largaescala.O espectroRGBédirecionadoamateriaisapenasdisponíveisdigitalmente,jáquesãoosespectroscromáticosqueformamaimagememumatela.

AscoresnoIllustratorsãodivididasbasicamenteporcordecontorno(stroke)ecordepreenchimento (fill),visíveisnabarradeferramentasàesquerda.Acordecontornoérepresenta‐dapor umamolduradequadrado,eacorpreenchimento,apenasporumquadrado.Paraesco‐lherumacorparaalgumobjetoqualquerésimples,ehádiversasformas.

• Aprimeiraéapenasclicarnoobjetodesejado e, emseguida,clicarduasvezesnoqua‐dradodecorcorrespondente,filloustroke,nabarradeferramentas.Assimseabriráumajanela(colorpicker),ondepode‐semudaracorporumabarraderolagemoupornúmeroscorrespondentes a cada coremCMYKeRGB.Namesmabarradecontrole,épossívelajustaralarguradocontorno.

• OutramaneiradeseselecionarcoresépelajanelaColorqueficanabarradeferramentasadireita,ou emwindow>color(F6).Por essa janela pode‐se controlar astaxasdecadacor,apenasmovimentandoabarraparaaumentarasporcentagensdecadacor.Paratro‐carentreasopçõesfillestroke,apenascliquenoquadradodesejado, ou cliquenatecla“X”.

• Outraopçãoparaselecionarcores,masnãosóselecionaresimguardarumacordeseja‐da, é a ferramentaSwatches, que ficana barra de ferramentas a direita, ou em win‐dow>swatches. Paraadicionarumanovacor,bastaclicarnoobjetoquepossuiumacortal,edepoisclicarnoíconedeumafolhadepapeldobrada.

• ExistetambémaopçãoColorGuide,nabarradeferramentasadireita,ouwindow>colorguide(shift+F3).Essaferramentamostraopçõesdecoresharmônicascorrespondentesacor selecionada.Clicando no símbolo de espectro cromático, na janela do colorguide,pode‐sefazerváriascombinaçõesde cores, controlandomatiz,saturação ebrilho (hue,saturation,brightness).

LamparinaDesign‐Apostila‐AdobeIllustrator

13

Page 14: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

Éimportantelembrarquepode‐setrocaroespectroRGBporCMYK(cliquenosímbo‐locomtrêstraçosnocantosuperiordireitodajanelaColor).Alémdisso,existemduascoresespe‐ciaisnoIllustrator:oquadradocomumtraçovermelhonomeiocorrespondeàausênciadecor,ouseja,transparente;etambém,oquadrado comumalvo,quecorrespondeàcorderegistro.Essacor,disponívelapenasnoespectroCMYK,correspondea100%detodasascoresnomesmoobje‐to.Acorderegistroéutilizadanoschamados“registros”,pequenosalvosquepermitemobservaroalinhamentodasimpressõesdecadacoremsistemasoffset;no entanto,acorderegistro nãodeveserutilizadanormalmente,jáquenenhumpapelagüenta100%detintadetodasascoresdoespectroCMYK.

Conta‐gotasCasosejanecessáriocopiarumacertacordeumobjetoparaoutro,bastautilizarafer‐

ramentaConta‐gotas,(Eyedroppertool,L),presentetambémnabarradeferramentasdo ladoes‐querdo.Essaferramentacopiaascaracterísticasdeumobjetoparaoutro,desdelarguradocon‐torno(stroke),atamanhodaletra,acor,obrush,etc,masnão copiaopróprioobjetoemsi.Paracopiaraspropriedadesdeumobjetoparaoutro(s),bastaselecionaro(s)objeto(s)quesequertro‐caracor,edepoisclicarnoobjetoquesegostariadecopiaracor.

LamparinaDesign‐Apostila‐AdobeIllustrator

14

Page 15: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

GradientAferramentaGradiente (Gradient)permitefazerumgradiente (vulgarmentechama‐

dodegradê)nopreenchimentodeumobjeto.Parafazerumgradiente,bastaclicarnoíconecomformadequadrado nabarradeferramentasaesquerda,earrastarocursornadireçãodesejadadogradiente.

Paracontrolarostonsdesejadosdogradienteutiliza‐seumajanelanabarradeferra‐mentasadireita(window>gradientouCtrl+F9).Nessa janelaadireitapode‐semodificarotipo,oânguloeas coresque farão partedo gradiente, acrescentando ou retirandocores, alémde serpossívletambémmodificaraposiçãodecadacor.

Épossívelacrescentarumacorclicandonumespaço vaziodogradiente(najaneladaferramentaGradiente)e,emseguida,modificandoacornajaneladecor(Color).Tambémépossí‐veladicionarcoresdapaletadecores(Swatches)presentenabarradecontrolesuperior,bastandoescolheracorearrastá‐laatéumespaçovaziodogradientenajanela.

PolygonsParacriar polígonosno Illustrator, existemcertas ferramentasqueencontram‐sena

mesmaclassenabarradeferramentasaesquerda,bastaclicaresegurareasopçõesdepolígonosserãoabertas.

Paracriarumretângulo (R),bastaclicarearrastar.Parasefazerpolígonosregulares,deladosdetamanhosiguais,aperta‐seShiftenquantosearrasta.Paracriarumpolígonoconcên‐tricoaumponto,bastasegurarateclaAlt.Epode‐seclicarShift+Altparafazerambosaomesmotempo.Asmesmaspropriedadesvalemparaaconstruçãodeelipses.

No casodepolígonoscomdiversas faces,comoasestrelas,epentágonos,hexágo‐nos,etc,tem‐seapossibilidadedeaumentaroudiminuirsuasfaceseângulos.Conformeseclicaearrastaumaestrela,pode‐seapertaroscursoresparacimaeparabaixodotecladoparaaumen‐tar ou diminuir o número de faces/pontas; e pode‐se também clicar em Ctrl (no Mac OS X,Command)paraaumentaroudiminuirosângulosdasarestas.

LamparinaDesign‐Apostila‐AdobeIllustrator

15

Page 16: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

RetasParacriarretas,polígonosirregulares,polígonosabertosetc, pode‐seutilizaraferra‐

mentaline(\).Parautilizá‐la,cliqueearrasteocursor.Parafazerlinhasa90ºe180º,clica‐seShift,enquantosearrastao cursor.Paraseconstruirumpolígonocomessasretas,clica‐senospontosdasextremidadesearrasta‐seocursor,formandonovasarestas.Existemtambémoutrasopçõesdentronaferramentaline,comoaespiral,oarcoeetc.

CanetaParasecriarumavariedadeenormedeformas,desdecurvasaretas,eatéparaveto‐

rizarmanualmentedesenhosembitmap,utiliza‐seaferramentacaneta(Pen,“P”)nabarradefer‐ramentasàesquerda.Elatrabalhacomacriaçãodepontos,formandoretasecurvas,podendo‐setambémadicionarouretirarpontosdeumacomposição.

Parafazerapenasformasretas,apenasclica‐seno localdesejadoparaumnovopon‐to,semanecessidadedearrastarocursor(parafazerlinhasretasalinhadashorizontalevertical‐mente,aperta‐seShiftenquantoseclica).

Parafazerformascurvas,clica‐seearrasta‐seocursor,formandoumpontocomretasque direcionamatangentedacurvanoponto criado.Parair seguindo aconcordânciaentre ascurvas apenas clica‐se e arrasta‐se os pontos, controlando a tangência das curvas pelas alças

LamparinaDesign‐Apostila‐AdobeIllustrator

16

Page 17: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

(handlersoubeziers). Porémquando sequerquebraracurva,formandoumaformapontiaguda,aperta‐senoúltimopontofeito,ondeiráaparecerosímbolo"^".

Eo cursorda ferramentaCaneta possuidiversossímbolosque representam funçõesdiversas;eisossímbolos:

• Canetacomo“x”:umnovopontonumaregiãolimpa,semnenhumacomposição;• Caneta como “+”:umnovo ponto dentro deumacomposiçãode outros pontos.Esse

símboloaparecequantosepassaocursornumaregiãocompostaporpontos(comafer‐ramentacanetaselecionada),porémnãoexatamenteemcimadeumpontoespecífico;

• Caneta como “‐”: significaretirarumpontoemespecíficodentrodacomposição.Essesímboloaparecequando sepassaocursoremcimadeumponto (comaferramentaca‐netaselecionada);

• Canetacomo“^”:significaquebraraconcordânciaentreascurvas,quebrandoamalha.Essesímboloaparecequandosepassaocursoremcimadoultimopontodacomposição;

• Canetacomo“°”:significafecharacomposiçãodepontos,transformandoemumcorpofechado.

TextoParasecriarumtextonoIllustratorutiliza‐seaferramentadetexto(Typetool,“T”)na

barradeferramentasaesquerda.Comessaferramentaesuasauxiliares,pode‐secriaráreasedi‐táveisdetexto,alémdecaminhosdetexto(cliqueesegureemcimadoícone"T",asoutrasop‐çõesdetextoseabrirão).

Existemdoistiposdetextono Illustrator:otextodeparágrafo(formadoporumacai‐xadetextocriadoaoseclicarnaáreadetrabalhoearrastarocursor,dimensionandootexto)eotextolivre(criadocomumcliquenaáreadetrabalho).

Parasecriarumacaixadetextosemseremformatoretangular,pode‐seescolherumformatoqualquerdepolígono,oudemalhafeitapelaCaneta,etc,clica‐senoobjeto, comafer‐ramentadetextoTypeareatool,epode‐seescreverdentrodessaformaaleatória.

LamparinaDesign‐Apostila‐AdobeIllustrator

17

Page 18: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

Ouaindaépossívelescrever sobre umacurvaou reta,comaferramentaauxiliardatypetool,atypeonapath tool, clicando‐senacurvadesejada,ondeocaminhodacurvaseráfor‐madoporpalavras.

Paraseeditarasfontesdo textoeosparágrafos, pode‐seutilizar asferramentasdabarrasuperior,oudirecionar‐seàcategoriatypenabarradetarefasprincipal.Ouaindaemcasosmaisespecíficos,pode‐seutilizarasferramentasCharacter(Ctrl+T),Paragraph (Alt+Ctrl+T),Cha‐racterStyles,etc,queficamnabarradeferramentasadireita,ouemWindow>Type>Character.

PathfinderOpathfinder éumconjunto de ferramentasque permitem diferentescombinações

entreobjetos,resultandoemformasdiferentes.AjaneladopathfinderpodeserencontradaemMenu>Window>Pathfinder.Aoclicarnaferramentadesejada,apareceráumajanelacomopçõesdecombinaçãodeobjetos:

• adicionaràforma(addtoshapearea);• subtrairdaforma(substractfromshapearea);

• interseccionarformas(intersectshapeareas);• excluirintersecçãoentreformas(excludeoverlappingshapeareas);

• dividir(divide);• aparar(trim);• mesclar(merge);

• cortar(crop);• contornar(outline);

• frentemenosatrás(minusback).

LamparinaDesign‐Apostila‐AdobeIllustrator

18

Page 19: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

Paracombinar formas, selecioneos objetos quedesejacombinarecliqueno botãocorrespondenteàcombinaçãodesejada.AocombinarformasutilizandoasferramentasdoShapeModes,elasaindapoderãosermodificadascomaseleção direta; paratornaraformaresultantedefinitiva,cliquenobotãoExpand(quetambémpodeserencontradoemMenu>Object>Expand),oquenãoépossívelquandousadasasferramentaspathfinders.

LamparinaDesign‐Apostila‐AdobeIllustrator

19

Page 20: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

EmMenu>Object>Path,háaindaoutrasopçõesdemodificaçãodoobjeto,comounirpontos(join, também acessível com omenupop‐upao clicarno botão direito), contornar linha(outlinestroke),entreoutras.

LamparinaDesign‐Apostila‐AdobeIllustrator

20

Page 21: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

LivePaintOLivePaintpermitecolorirdesenhoscomváriaspartesquenãosãonecessariamente

objetosfechados,masapenascontornadosporlinhasqueseencontram.Parautilizaresterecur‐so,énecessárioquenão haja“buracos”nas linhas,demodo que,comoumtodo,odesenho sefeche.Emseguida,énecessárioqueestaslinhaseobjetosestejamagrupados.Tendofeitoisso,aferramenta Live Paint pode ser encontrada emMenu>Object>Live Paint>Make, em seguida, nabarradeferramentas(Tools), logoabaixodo conta‐gotas.Cliquenobaldedetinta,escolhaumacoreemseguidanaáreafechadaquedesejapintar.

LamparinaDesign‐Apostila‐AdobeIllustrator

21

Page 22: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

EmMenu>Object>Live Paint, háoutrasopçõesdoLivePaint, como liberar (release)olivepainteretornaràsformasiniciais.

LamparinaDesign‐Apostila‐AdobeIllustrator

22

Page 23: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

BrusheseSymbolsOpincel (brush)consistenuma imagemquepodeser arrastada, seguindo um cami‐

nho;estaimagempodesedistorcer ou não.De acordocomaspropriedadesdopincel (quepo‐dem ter configuraçõesdiferentespara cadapincel), pode‐se definir, alémde sedistorceremounão,seasimagensterãoomesmotamanhooutamanhosvariados,seterãoamesmaangulaçãosempreounão,qualserá,seestarãoalinhadosoudistribuídosaleatoriamente,etc.

Osímbolo (symbol)éumaimagemquepodeser reproduzidafacilmente, comoumcarimbo.Diferentedospincéis,aspropriedadesdossímbolosnão podemsermodificadascomrelaçãoàsuareplicabilidade.

Parautilizá‐los,váemMenu>Window>BrushesparapincéiseMenu>Window>Symbolsparasímbolos.Aoclicarnessasopções,abrir‐se‐ãoasjanelasdasrespectivasferramentas;cliquenobotãodepincel(logoabaixodobotãodesegmentodelinhanacaixadeferramentas),escolhao desenho do pinceldesejado earrasteo cursorpelaáreade trabalho.Alémdasopçõesque jáaparecemaoabriras janelas, existem tambémbibliotecascomoutrossímbolosquepodemserencontradaspassandoomousesobreasetaparabaixonocantosuperiordireitodajaneladafer‐

LamparinaDesign‐Apostila‐AdobeIllustrator

23

Page 24: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

ramentae,emseguida,abrirbibliotecadepincelou,nocasodesímbolo,abrirbibliotecadesím‐bolo(openbrush/symbollibrary).

Paracriarumpincel,selecioneaimagemquedeseja‐sequesetorneumpincelev∙nasetaparabaixonocantosuperiordireitodajanelaBrushesecliqueem“NovoPincel”(NewBrush).Surgiránajanelaumaopçãoparautilizar opincel; paramudaraspropriedadesdo pincel,vánamesmasetaparabaixoecliqueem“OpçõesdePincel”(BrushOptions).

O processo de criação de um símbolo é o mesmo, nomesmo menu que do pincelpode‐seencontrarambasasopções.Nestemesmomenupodemserencontradas,alémdasop‐çõesde criarpincéis/símbolos,visualizar asbibliotecase alteraraspropriedades,diferentesfor‐masdeexibição,entreoutros.

PatternsOspadrões (Patterns), como jádiz o nome,são imagensque serepetem, formando

umatextura.Podemserutilizadoscomocontornooucomopreenchimentoesãoencontradosnabibliotecadapaletadecores,nasetaparabaixonocantosuperiordireitodajaneladepaletase,emseguida,AbrirBibliotecadePaletas>Padrões.Tendofeitoestecaminhoeescolhidoumabibli‐oteca,seabriráumajaneladepadrões,quepodeserusadodamesmaformaqueaspaletasdecores.

LamparinaDesign‐Apostila‐AdobeIllustrator

24

Page 25: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

Paracriarumpadrão,bastaselecionar aimagemquesedesejaquetorne‐seumpa‐drão,iremMenu>Editar>DefinirPadrão(DefinePattern);opadrãoaparecerácomoumanovaop‐çãonapaletadecores.

TransparencyAferramentadeTransparência(Transparency)determinaaopacidadedoobjeto.

Atravésdessemenusedeterminaaopacidadedoobjetonumaescalade0%a100%;essaopacidadepodeserdeterminadatambémporestilosdeaplicação(caixaesquerdadomenutransparência).

LiveTraceAferramentaLiveTraceserveparavetorizarumaimagembitmap;parataléprecisoir

nomenuobjeto>live traceouutilizarolinkqueaparecenabarradeferramentassuperiorquando

LamparinaDesign‐Apostila‐AdobeIllustrator

25

Page 26: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

umaimagembitmapéselecionada.Existemváriaspré‐defniçõesdelivetrace (presets),epodemserescolhidasaoseacessarnomenuobjeto>livetrace>traceoptions,nessemenuounoatalhoqueaparecenabarradeferramentassuperiorépossívelescolherumestilodetrace,quedeterminaseserácolorido,quantascoresserãoeograudedetalhamentododesenho.Tambémépossíveledi‐tarmanualmentealterandoseonumerodecoresedaárea.

OlivetracesetornaeditávelquandotransformadoemLivepaint,paraissobastaaces‐saromesmomenucitadoacima.ApartirdoLivepaintépossíveleditarospontosecores.

LamparinaDesign‐Apostila‐AdobeIllustrator

26

Page 27: Lamparina Design ‐ Apostila ‐ Adobe Illustrator … CS.pdf · em sua décima terceira edição (o Adobe Illustrator CS3), em que os painéis laterais se tornaram retráteis

NotaaoleitorParausuáriosdeMicrosoftWindowseAppleMacOSX

Ainterface doAdobe Illustratornãoapresentadiferençassignificativasemsuasres‐pectivasversõesparaMicrosoftWindowseAppleMacOSX.Noentanto,énecessário levaremconsideraçãoosatalhosutilizadosparaseobterasferramentasdo Illustratorduranteaexecuçãodoaplicativo.

Osatalhosdeteclado utilizadosnestaapostila sãocorrespondentesàversãoparaoWindows,ambientenoqualo aplicativo foiutilizadoparaobter‐seasimagensetestarasferra‐mentas.No entanto, assim como namaioriadosaplicativos, quase todososatalhospodemserobtidostrocando‐seateclaCtrldosPC’scomWindowspelateclaCommanddosMacs.Noentan‐to,existemalgunscasosespecíficosemqueestacorrespondênciadiretapodenãofuncionar.

SobreaapostilaEstaapostila foiredigida,editadae revisadaparaauxílioàsatividadesdeaprendiza‐

gememgrupoda LamparinaDesign. Épretensão destaauxiliar os iniciantes em Illustratoremferramentaseatividadesque,emborasejamsimples,demandamumlongotempo,dadoaneces‐sidadedeseacostumarcomumanovainterfaceeagrandequantidadedepossibilidadesexistes,muitasdelasaindainexploradas.

Noentanto,ovalorsimbólicodestaapostilapossuimaiorvaloraosecompreenderocontexto de capacitação, integração e amizade entre osmembros da Lamparina Design, e ocompromissodequetodospossamseajudare,assim,darmaiorqualidadeaostrabalhoseumareputaçãocadavezmaioràLamparina.Nestaapostila,estão presenteso empenhoeacompe‐tênciadetodososquecolaboraramparaqueesteeventopudesseserrealizado.

LuisaJannuzzi,ManoelaMarcuzzo,CarlosEduardoSanches,EvelynYurieIngridSaoriFuruta

LamparinaDesign‐Apostila‐AdobeIllustrator

27