introdução ao adobe illustrator - parte 1
TRANSCRIPT
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
1/23
INTRODUOAOADOBEILLUSTRATOR
ComesteguiaaprenderemosautilizarosrecursosmaisbsicosdoAdobeIllustratoratravsdarealizaode6psteresminimalistascriadosporExergian(www.exergian.com).
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
2/23
PRIMEIROSPASSOS
OAdobeIllustratorumeditordeimagensvetoriais.Trata-sedeumsoftwaredesenvolvidopelaAdobeem1986paraoAppleMacintosh.DesdeentoaAdobevemaprimorandoosoftware,quecompesuasute.OIllustratorutilizadoprincipalmenteparacomposiotipogrficaedesenvolvimentodelogotipos.AreadetrabalhodoIllustratorimitaamesadedesenhosdeumartista.Veja,natelaabaixo,comooHelpdaprpriaAdobeapresentaareadetrabalhodosoftware.
A.JanelasdeDocumentosB.BarradeaplicativosC.AlternadordareadetrabalhoD.BarradettulodopainelE.PaineldecontroleF.PainelFerramentasG.BotoRecolheremconesH.Quatrogruposdepainelnoencaixevertical
ABarradeaplicativos(B)napartesuperiorcontmumalternadordeespaosdetrabalho,menus(somenteWindows)eoutroscontrolesdeaplicativo.EmalgunsprodutosqueusamoMac,possvelusaromenuJanela(Windows)paraexibirouocultarabarradeaplicativos.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
3/23
OPainelFerramentas(F)contmferramentasparaacriaoeaediodeimagens,arte-final,elementosdepginaeassimpordiante.Asferramentasrelacionadassoagrupadas.OPaineldeControle(E)exibeasopesparaaferramentaatualmenteselecionada.NoIllustrator,oPaineldecontroleexibeasopesparaoobjetoatualmenteselecionado.(NoAdobePhotoshopopaineldecontroletambmconhecidocomoabarradeopes).
AJaneladeDocumento(A)exibeoarquivoemquevocesttrabalhando.Janelasdedocumentopodemsertabuladase,emcertoscasos,agrupadaseencaixadas.OsPainis(EeF)ajudamamonitoraremodificarseutrabalho.Ospainispodemseragrupados,empilhadosouencaixados.OQuadrodoaplicativo(H)agrupatodososelementosdoespaodetrabalhoemumanicajanelaintegradaquepermiteavoctrataroaplicativocomoumaunidadenica.QuandovocmoveouredimensionaoQuadrodoaplicativoouqualquerumdeseuselementos,todososelementosdentrodele
respondemunsaosoutrosdemodoquenenhumsesobrepe.Ospainisnodesaparecemquandovocalternaosaplicativosouquandoclicaacidentalmenteforadoaplicativo.Setrabalharcomdoisoumaisaplicativos,vocpoderposicionarcadaaplicativoladoaladonatelaouemvriosmonitores.Veja,abaixo,areadetrabalhodoIllustratorCS5emumMac.
Independentedaversoemqueestivertrabalhando,osprincpiosdeutilizaodosoftwareserosempreosmesmos.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
4/23
TUTORIAL1POSTERPRISONBREAKAtravsdoMenusuperior,crieumnovodocumento.OcaminhoFile>>New...queabrirajanelaNewDocument.
Ateno:ocaminhoparainiciarumnovoprojetosempreeste.Entograveocaminhoouoatalhoparaele,queateclaComandD.AbaixotemosajanelaNewDocumentaseguir.Todosositensdajanela,quesoasconfiguraesdodocumento,devemserpreenchidoscomoindicadonatelaabaixo.EmName:vocdevedarumnomeaodocumento.Semprefaaissoparaqueconsigaencontrarcomfacilidadeodocumentodepois.InsiraonomeTutorial1-PrisonBreakSeunome.EmNewDocumentProfileescolhaaopoPrint.Print
querdizerimpresso.Aoescolherestaopovocestarinformandoaoprogramaquedesejaqueelecarreguepr-configuraesquetenhamascaractersticasnecessriasimpressodotrabalhocomaqualidadedesejada.AopoSize:permitequevocescolhaotamanho.Paraestetutorial,escolhaA4.Vocpodeescolhersedesejatrabalharcomaunidadedemedidamilmetrooucentmetro.Escolhaaquepreferir.importanteque,emOrientation:estejamarcadaaoporetrato(vertical).AopoBleed:areadesangriadodocumento.Aprincpiodeixaremosovalorzeroparaqueareadesangrianosejaconfundidacomamanchagrficadotrabalho.EmColorMode:escolhaaopoCMYK.Confiraseasinformaesquepreencheunestatelabatemcomadatelaaseguir.Sesim,cliqueemOk.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
5/23
ApsclicaremOk,suareadetrabalhoestarpronta:
VamosagoraaospassosparaacriaodopsterminimalistadasriedeTVPrisonBreak.1)Parainserirumfundocinzaescuronopster,usaremosaferramentaRectangleTool.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
6/23
2)Comestaferramentaselecionada,iremoscriarumretnguloemtodaareadafolha(demarcadapelabordapreta).Masantes,najanelaColoreSwatches,escolha,comofundo,acorcinzaescuro,ecomoborda,nada.Vejaabaixocomooretnguloficar.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
7/23
3)Oprximopassocriarumretngulobancodelargura(Width)4mm(ou0,4cm)ealtura(Height)190mm(ou19cm).Vocpodeclicarearrastarcomaferramentaretngulo.Quandotemosamedidaexata,omaisprticoselecionaraferramentaretnguloeclicarapenasumaveznareadetrabalho.Ajanelaabaixoaparecer:
4)Paramovimentarqualquerobjetonatela,ouseja,paramoverqualquerobjetodeumlugarparaooutro,necessrioestarcomaferramentaseleoativada.asetapretanajaneladeferramenta.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
8/23
PressioneaferramentaSeleo(SelectionTool),cujoatalhoateclaV,earrasteoretngulobrancoparaolocaldesejado.
5)Vocprecisarduplicaresteobjeto11vezes,poisso12onmerodebarrasdeprisoqueocartaz
tem.VocpodeselecionaroretnguloeclicaremCommandC+CommandVparacopiarecolar.OuapenaspressionarateclaOptionenquantoclicaearrastaoobjetoparaolado.Ambososprocessosservemparacopiarecolarumobjeto.Vejaabaixocomodeveficaroresultado.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
9/23
6)Oprximopassoalinharcorretamenteessasbarras.Arrastealtimabarraparaocantodireito.
7)Paraalinhartodasasbarrasprecisoquetodaestejamselecionadas.PressioneateclaShiftevclicandoemcadaumadelas.Notequeumquadradinhoazulaparecenomeiodecadabarraindicandoque
oobjetoestselecionado.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
10/23
8)AbraajanelaAlign(alinhamento).Semprequeprecisardeumajanelaquenoestejaaberta,vaomenusuperiorWindoweescolhaajaneladesejada.
9)NajanelaAlignvocverdiversasopesdealinhamento
paraosobjetosquejtemselecionadosemsuapgina.Vocdeve,najanelaAlign,mandaroalinhamentodosobjetosserfeitoemrelaoaosobjetosselecionados(enoemrelaopgina).
10)Depoisalinhetodosemrelaolinhainferior(aoobjetomaisabaixonatela).11)Distribua-oshorizontalmentecomespaosiguaisentrecadaum.Asequnciadetelasaoladoindicar
detalhadamentecadaopo.
12)Veja,aseguir,oresultadodoalinhamento.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
11/23
13)Horadesalvaroquejfoifeitoataqui.Paraisso,faaocaminhoFile>>Saveas.OutecleCommandS.EscolhaolocalnoHDemquedesejasalvaropsterecliqueemSalvar.
14)CadagrupodetextonoIllustratordeveficaremumframedetexto.Portanto,comaferramentaTypeToolouteclaTmarcada,cliqueearrastesobreatelaformandoumretngulo.Dentrodelesurgirum
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
12/23
cursor.DigitePRISONBREAK.Selecioneotextoparaedit-lo.AfonteArialNarrow,Bold(negrito),tamanho15,traking25.EmoutroframedetextodigiteTutorial1SeuNome.DesignbyExergian.AsconfiguraessoArialBold,14,traking25.
15)Arrasteosframesdetextoparaasposiesquedevemocuparnapgina.Paraarrast-los,estejacomaferramentaSelectionTool(seleo,setapreta,V)marcada.
16)Selecioneoframedetextoemudeacordepreenchimentoparabranco.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
13/23
17)Sfaltaumacoisaagora:envergarasbarrascentrais,comonocartazquetomamoscomobase.Paraissoteremosqueaprenderamanipularumobjeto,queagrandevantagemdeumvetor.SelecioneaDirectSelectionTool(setabranca)outecleA.Estaaferramentausadaparamanipulaodosobjetos.Essamanipulaofeitaatravsdepontoselementaresdecadaobjeto.Umretngulopossui
naturalmentequatropontos,marcadosporquadradosazuis.Vejaabaixo:
18)Paraenvergarabarrapelametade,precisaremoscriardoispontosnomeiodela.Utilizaremosa
ferramentaAnchorPointToolparacriarosdoispontosdemanipulaodequeprecisamosparamanipularestaimagem.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
14/23
Ospontosdevemsercriadosnaexatametadedoretngulo,emcadaumadesuasbordas.19)SelecioneaDirectSelectionTool(setabranca)outecleA.Agoraselecioneopontoquecriouesquedadoeixocentraldabarra.
20)Vteclandoasetaparaaesquerdadotecladoeobserveoobjetosetransformandonatela.
21)Faaomesmocomooutropontocriado.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
15/23
22)Agoravocprecisademaisumabarraenvergada.Deleteabarradireitadaqueacaboudecriar.Bastaselecionar(SelectionToolouteclaV)eteclaremDelete.
23)Vamosagoraduplicarabarraenvergadaeinvert-la.SegureateclaOption,cliquenabarra,arrasteesolteparaopontoabaixo.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
16/23
24)Agoravamosespelharestaimagem.CliquecomobotodireitoeescolhaaopoTransformedepoisReflect.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
17/23
25)NajanelaqueseabrirmarqueoeixoVerticalecliqueemOk.Aimagemagoraserinvertidaemrelaoaseueixovertical.
26)Refaaoalinhamentodasbarras(consulteasinstruesanteriores).Vejacomoficouocartaz:
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
18/23
27)Fechamentodearquivo
Apsverificarseesttudorealmenteprontoeaprovado,precisofecharosarquivosparaenvioparaagrfica.Halgunsitensquesempreprecisamserconferidos.Marcasdecorte,marcasdedobra,sangria,conversodetextoemcurvas.
a)Convertertextoemcurvas.Issopermitirqueseuarquivosejaabertocorretamenteemumcomputadorquenotenhainstaladasasfontesusadas.CliquecomobotodireitoemcadaframedetextoeescolhaaopoCreateOutlines.
b)Comonestetutorialcriamosumarquivo(lnoincio)semreadebleed(sangria),equeremosquea
arteocupeinteiramenteadimensodeumafolhaA4,precisaremosmudarotamanhodafolha.SelecioneaferramentaArtboard,nabarradeferramentase,emPresets:,mudedeA4paraA3.
c)AgoratemosumaartenotamanhoA4posicionadaemumafolhadotamanhoA3.precisocriarmosareadesangriaeasmarcasdecorte.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
19/23
Sigaocaminhoabaixoparaexibirasrguas:
Arrasteumaquatroguiasexatamenteparaasquatrobodasdocartaz.Bastaclicarearrastardarguaparaareadetrabalhoparaqueaguiaaparea.Posicione-asexatamentenasbordas.
Asmarcasdecorteseroposicionadassobreestasguias.Cliqueemumacomobotodireitoebloqueie
todasescolhendoaopoLockGuides.Issoevitarquemovaaguiaacidentalmente.DzoomemumabordaecliquenaferramentaLineSegmentTool,quepermiteacriaodeumalinha.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
20/23
CliqueearrastecomateclaShiftpressionadaparacriarumapequenalinharetaqueserumadasmarcasdecorte.Noteasconfiguraesabaixo:abordadevesersemprenacorRegistrationeaespessuradofiodeveser0,25.
Arrasteofioparaolocalindicado.
Dupliqueofioeposicionenosoutrostrspontosnavertical.Duplique,rotacione90grauseposicione
horizontalmentenasquatromarcasrestantes.Vejacomodeveficarnofinal:
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
21/23
Agorafaacomqueofundocinzasangre.Ouseja,aumente0,5emcadaladoparaquenohajariscodeaparecerreabrancaquandoocartazforcortado.Vejaadiferena:
PressionandoateclaShift,selecioneas8marcasdecorte.Vamosmov-lasparaumanovaLayer(camada),deformaqueasmarcasfiquememumacamadadiferentedacamada.AbraajanelaLayers.CrieumanovaLayer.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
22/23
Sevocselecionouas8marcas,bastaarrastaroquadradinhoazulparaacamadaqueacaboudecriar.OquadradinhoazulsimbolizaosobjetosqueestoselecionadosnaArtboard.ArrastarosquadradinhosparaoutraLayermoverosobjetosparaela.
Comumduploclique,renomeieanovacamada.Paratravarestanovacamada(eevitarqueasmarcassaiamdolugar),cliquenoquadradinhodireitadoconeolho.Aparecerumcadeadoindicandoquealayerestbloqueada.
d)Confernciasfinaisbomtambmlimparoarquivoomximoquepuder.Comeamospelajaneladecores(Swatches).SelecioneaopoSelectAllUnused.Issofarcomquetodasascoresquenosonecessriasaodocumentosejamselecionadas.Bastaagoradelet-lasclicandonalixeira.
Agoraadicioneascoresusadas.Oprocessopraticamenteomesmo.
-
7/28/2019 INTRODUO AO ADOBE ILLUSTRATOR - PARTE 1
23/23
28)CommandSparasalvarasalteraesataqui.Seoarquivoforparaimpressodigital,bastasalvarumPDF.VemSalveasemarqueaopoPDF.Renomeiecolocando_nolugardosespaoseevitandonomesgrandes.
Aopoemdestaqueamaisutilizada,poisentregagrandecompatibilidade.Marque-aacliqueemSavePDF.Seupdfdeveserpublicadonainterneteolinkdeveserenviadoaoprofessor.