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
27
Embed
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.
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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.
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
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
Alémdasequaçõesquegeramaformadopolígono,ousuáriopodetambématribuircoresdepreenchimentoedecontornoparacadapolígono criado,alémdepodertrabalharcomdiversos tipos de preenchimento diferentes dentro do Illustrator, como padrões, gradientes emáscarasderecorte.
Tambémpodemosselecionarobjetosquenão sejamnecessariamente o objetomaspróximodocursorselecionandoobjetosqueestãoacimaouabaixodoobjetomaispróximocom(Alt+Crtl+]‐acima)e(Alt+Crtl+[‐abaixo).
LamparinaDesign‐Apostila‐AdobeIllustrator
6
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.
Paraprojetoscompostospormuitosobjetosépossívelfazerumaseleção qualqueresalva‐laparaquenãosejanecessáriofazer isso tempotodo,dá‐seumnomepraseleçãoeassimtorna‐sepossívelacessá‐laporessemenusemprequepossível.
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.
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.
• 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 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)
sistemaoffset deimpressão em largaescala.O espectroRGBédirecionadoamateriaisapenasdisponíveisdigitalmente,jáquesãoosespectroscromáticosqueformamaimagememumatela.
• 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).
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.
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
EmMenu>Object>Path,háaindaoutrasopçõesdemodificaçãodoobjeto,comounirpontos(join, também acessível com omenupop‐upao clicarno botão direito), contornar linha(outlinestroke),entreoutras.
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
EmMenu>Object>Live Paint, háoutrasopçõesdoLivePaint, como liberar (release)olivepainteretornaràsformasiniciais.
LamparinaDesign‐Apostila‐AdobeIllustrator
22
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.
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
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.
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.