Page 1


Desenho de R贸tulos com Illustrator


Raissa Palamarczuk

Desenho de Rótulos com Illustrator 1a Edição

São Paulo

Editora Leon

2012


,'&$#-#.*("%(-%/0'$*(1(-2.#'(#3*4'35 *

@%3-(6,*(F,*G*2HI%/*%$-)/$J*K,2L*-&9/1>*/I,%/(6,*,*91/#/$',*6-*0"%9,&*/"9,1-&*-* -6%9,1/&*(,*$/(E/0-(9,*6-*(,K,&*9M9"$,&*N"-*2,(91%#"-0*2,0*,*6-&-(K,$K%0-(9,*6-*6%K-1&,&* SUR¿VVLRQDLV(VWDUiWDPEpPDMXGDQGRDSUHVHUYDURHPSUHJRGHPXLWDVSHVVRDVQRPHUFDGR -6%9,1%/$J*&-O/*(,*I1,2-&&,*6-*-6%9,1/EF,J*1-K%&F,J*6%/)1/0/EF,J*%0I1-&&F,*-*6%&91%#"%EF,C * @%3-(6,*(F,*G*2HI%/*%$-)/$J*K,2L*-&9/1>*9/0#P0*6%3-(6,*(F,*G** I%1/9/1%/*N"-*9/(9,*I1-O"6%2/*,*6%1-%9,*/"9,1/$C

67+$*89*('(+29(+*99'(-%&&*+$*(-%+$&'('(.#&'$'&#': ;#4'(+<%(1(-2.#'(#3*4'3:

!"#$%&'()*%+ !"#$%&'%()*+,"&-

./%&&/*!/$/0/123"4 !"#$%& *.-(-*5/1$,&*51"3*.,61%)"-& '()#$%*+,-.7(/*5$/"6%/*8/19%(*70/1/$*:-%;-%1/ !//)/#-0#-*(-*!%#8/1<*=>9%0/*?%#-19,(%*@-$%#-1/9, 1&2$%&#3%)$*4%5#)6$

ABC*D6%EF,


Dedicatória

À memória de meu pai e minha avó, por me darem a melhor educação e perfeccionismo que pude receber.


Seu computador Seguem abaixo os requisitos mĂ­nimos de sistema para que seu computador opere o Adobe Illustrator.

Windows t1SPDFTTBEPS*OUFMÂĽ1FOUJVNÂĽPV".%"UIMPOÂĽ t.JDSPTPGUÂĽ8JOEPXTÂĽ91DPN4FSWJDF1BDLPV8JOEPXTDPN4FSWJDF1BDL t(#EF3". SFDPNFOEĂ&#x2C6;WFM(# QBSBCJUT(#EF3". SFDPNFOEĂ&#x2C6;WFM(# QBSBCJUT t(#EFFTQBĂ&#x17D;PMJWSFFNEJTDPQBSBBJOTUBMBĂ&#x17D;Ă?PTFSĂ&#x2C6;OFDFTTĂ&#x2C6;SJPFTQBĂ&#x17D;P adicional livre durante a instalação (nĂŁo ĂŠ possĂ­vel instalar em dispositivos de BSNB[FOBNFOUPSFNPWĂ&#x201C;WFJTøBTI  t3FTPMVĂ&#x17D;Ă?PEFY SFDPNFOEĂ&#x2C6;WFMY DPNQMBDBEF WĂ&#x201C;EFPEFCJUT t6OJEBEFEF%7%30.DPNQBUĂ&#x201C;WFMDPN%7%TEFDBNBEBTEVQMBT t"MHVOTSFDVSTPTOP"EPCFÂĽ#SJEHFEFQFOEFNEFVNBQMBDBEFWĂ&#x201C;EFP DPNQBUĂ&#x201C;WFMDPNP%JSFDU9DPN QFMPNFOPT .#EF73".

Mac OS t1SPDFTTBEPS*OUFM.VMUJDPSFDPNTVQPSUFBCJUT t.BD049WFSTĂ?PPV t(#EF3". 3FDPNFOEĂ&#x2C6;WFM(#  t(#EFFTQBĂ&#x17D;PMJWSFFNEJTDPQBSBBJOTUBMBĂ&#x17D;Ă?PTFSĂ&#x2C6;OFDFTTĂ&#x2C6;SJPFTQBĂ&#x17D;P livre adicional durante a instalação (nĂŁo ĂŠ possĂ­vel instalar em um volume que use um sistema de arquivos que diferencia maiĂşsculas e minĂşsculas ou em EJTQPTJUJWPTEFBSNB[FOBNFOUPSFNPWĂ&#x201C;WFJTøBTI  t3FTPMVĂ&#x17D;Ă?PEFY SFDPNFOEĂ&#x2C6;WFMY DPNQMBDBEF WĂ&#x201C;EFPEFCJUT t6OJEBEFEF%7%30.DPNQBUĂ&#x201C;WFMDPN%7%TEFDBNBEBTEVQMBT

* Todas as informaçþes de sistema foram retiradas do site do fabricante (http:// www.adobe.com/br/products/illustrator/tech-specs.html) em 2012. Para saber as informaçþes atualizadas, visite o site da Adobe.

Abertura

7


Apresentação $SJBSVNSĂ&#x2DC;UVMPQBSBRVBMRVFSQSPEVUPĂ?EFGBUPVNEFTBĂśP)Ă&#x2C6;NVJUBTRVFTUĂ&#x153;FTQPSUSĂ&#x2C6;TEPEFTFOWPMWJNFOUPEFVNBFNCBMBHFNFEFVNSĂ&#x2DC;UVMP²UBSFGBEP designer reunir todas ou a maioria dessas questĂľes e tentar, como muita habilidade, resolver o maior nĂşmero delas que conseguir com seu projeto. %JWFSTPTQSPCMFNBTQPEFNPDPSSFSOFTTFQSPDFTTP DPNPGBMUBEFJOGPSNBĂ&#x17D;Ă?P tĂŠcnica sobre o mercado, falta de â&#x20AC;&#x153;briefingâ&#x20AC;? por parte do cliente, falta de revisĂŁo, FSSPTEFJNQSFTTĂ?P FPVUSPTUBOUPTJODPOUĂ&#x2C6;WFJT 1BSBTFSVNCPNEFTJHOFSĂ?QSFDJTPTFSQFTRVJTBEPSFDVSJPTP.BJTEPRVF isso, ĂŠ preciso nĂŁo se conformar. NĂŁo desistir de encontrar a solução para determinado rĂłtulo ou embalagem, tanto em matĂŠria de design quanto de conteĂşdo tĂŠcnico F EFUBMIFT BQBSFOUFNFOUF TFN JNQPSUĂ&#x2030;ODJB ² FTTFODJBM DPOIFDFS CFN P QSPEVUP  o mercado, a logĂ­stica, o ponto de venda, o consumidor e principalmente a marca. AlĂŠm disso tudo, o designer deve conhecer e manejar bem as ferramentas disQPOĂ&#x201C;WFJTQBSBTFVUSBCBMIP DPNPPTTPGUXBSFTHSĂ&#x2C6;ĂśDPTRVFBDBEBBOPTĂ?PBQSJNPSBdos, possibilitando o desenvolvimento de novos recursos para produção. Este livro objetiva ensinar a todos que desejam criar rĂłtulos com o Illustrator, VNEPTQSJODJQBJTTPGUXBSFTHSĂ&#x2C6;ĂśDPTEBĂ&#x2C6;SFB.BTBMĂ?NEJTTP FOTJOBPEFTFOIPEF rĂłtulos com profissionalismo, seguindo as especificaçþes tĂŠcnicas obrigatĂłrias e os detalhes que envolvem os diversos processos de impressĂŁo. Conheça as ferramentas, saiba qual utilizar para realizar cada efeito, e entenda os detalhes para determinado tipo de rĂłtulo. Aprenda a desenhar rĂłtulos com profissionalismo. #PBMFJUVSB

10

Desenho de RĂłtulos com Illustrator


CapĂ­tulo 1 Conceitos BĂĄsicos

A importância do rĂłtulo 0RVFEJGFSFVNQSPEVUPEFPVUSPOBQSBUFMFJSB /BFSBEPBVUPTFSWJĂ&#x17D;P PTDPOTVmidores observam por cerca de poucos segundos uma gama enorme de produtos para FTDPMIFSPRVFWĂ?PDPNQSBS.FTNPPQSFĂ&#x17D;POĂ?PDPOTFHVFTFSNBJTGPSUFEPRVFPBQFMP EBFNCBMBHFN5FTUFĂ&#x2039;TDFHBTKĂ&#x2C6;WJSPVBUĂ?DBNQBOIBQVCMJDJUĂ&#x2C6;SJBEFNBSDBEFDFSWFKB P que prova que mesmo o conteĂşdo de um produto muitas vezes nĂŁo ĂŠ o motivo da esDPMIBEPNFTNP0BQFMPEBFNCBMBHFN EPSĂ&#x2DC;UVMPFEBNBSDB Ă?BQSJODJQBMGFSSBNFOUB RVFBTFNQSFTBTQPTTVFNQBSBDPOWFODFSPDPOTVNJEPSDPNVNSĂ&#x2C6;QJEPPMIBS Conhecer o ponto de venda, as marcas, as embalagens e rĂłtulos dos produtos concorrentes ĂŠ de extrema importância para o designer. 0SĂ&#x2DC;UVMPTFSWFQBSBUSB[FSBTJOGPSNBĂ&#x17D;Ă&#x153;FTOFDFTTĂ&#x2C6;SJBTQBSBPDPOTVNJEPS DPNP quantidade de produto, local de fabricação, prazo de validade, modo de usar, compoOFOUFTRVĂ&#x201C;NJDPT FOUSFEJWFSTBTPVUSBT.BTBMĂ?NEJTTP PSĂ&#x2DC;UVMPQBTTPVBDBSSFHBSB identidade da empresa, da marca. Passou a envolver o consumidor com outras informaçþes atrativas, como receitas, dicas de utilização, ou brincadeiras e passatempos FNQSPEVUPTJOGBOUJT)Ă&#x2C6;RVFNEJWVMHVFOPTSĂ&#x2DC;UVMPTBĂ&#x17D;Ă&#x153;FTDPNVOJUĂ&#x2C6;SJBTPVFWFOUPTEF interesse do pĂşblico alvo. Tudo isso para convencer o consumidor.

Processo de criação Apenas depois de pensar em todas as soluçþes que envolvem a produção, venda, distribuição, consumo e, em alguns casos, reutilização ou reciclagem, alĂŠm de estudar o produto, a marca e o fabricante, ĂŠ que o designer inicia o processo de criação EB FNCBMBHFN 0T FMFNFOUPT WJTVBJT RVF JSĂ?P DPNQPS P SĂ&#x2DC;UVMP TĂ?P FTTFODJBJT QBSB transmitir toda a informação pensada no planejamento, por isso, ĂŠ de suma importância a escolha mais adequada das cores, formas, imagens, textos, entre outros. ²DPNVNFODPOUSBSNVJUPTQSPCMFNBTFEĂ&#x17E;WJEBTEVSBOUFPEFTFOWPMWJNFOUP .BTPRVFOĂ?PEFWFNPTEFJYBSBDPOUFDFSĂ?BQFSEBEFGPDPFPRVFTUJPOBNFOUPDPN

CapĂ­tulo 01 - Conceitos BĂĄsicos

11


CĂłdigo de barras 0$Ă&#x2DC;EJHPEFCBSSBTBUSJCVJVNOĂ&#x17E;NFSPFTQFDĂ&#x201C;ĂśDPBVNQSPEVUP DPOUBJOFS DBSgas. A numeração deles ĂŠ global e guarda as informaçþes importantes dos produtos. AlĂŠm disso, podem ser lidos por scanners para facilitar o processo de venda e logĂ­stica. NĂŁo ĂŠ obrigatĂłrio incluir o cĂłdigo de barras nos produtos, no entanto, empresas que pretendem vender em grandes lojas ou redes de supermercado, dificilmente conseguirĂŁo distribuir seus produtos sem o cĂłdigo de barras. "FNQSFTBSFTQPOTĂ&#x2C6;WFMQPSGPSOFDFSPDĂ&#x2DC;EJHPOVNĂ?SJDPOFDFTTĂ&#x2C6;SJPQBSBBFNJTTĂ?PEPDĂ&#x2DC;EJHPEFCBSSBT Ă?B(4#SBTJM7JTJUFPTJUF http://www.gs1br.org/ 0$Ă&#x2DC;EJHPEFCBSSBTĂ?HFSBEPQPSTPGUXBSFTFTQFDĂ&#x201C;ĂśDPT/PTJUFEB(4#SBTJMIĂ&#x2C6; informaçþes sobre o programa que gera os nĂşmeros do cĂłdigo que posteriormente TFSĂ&#x2C6;JOTFSJEPOPSĂ&#x2DC;UVMPEPQSPEVUP CFNDPNPPTUJQPEFJEFOUJĂśDBĂ&#x17D;Ă?PRVFQPEFNTFS aplicadas a produtos e serviços. Algumas empresas fazem a impressĂŁo do cĂłdigo direto no rĂłtulo, outras utilizam outros mĂŠtodos de aplicação, como o cĂłdigo de barras impresso em papel adesivo que ĂŠ aplicado posteriormente. %FTTBGPSNB DPOWFSTFTFNQSFDPNTFVDMJFOUFFQFSHVOUFTFFTTFSĂ&#x2DC;UVMPEFWFSĂ&#x2C6; DPOUFSPFTQBĂ&#x17D;POFDFTTĂ&#x2C6;SJPQBSBDĂ&#x2DC;EJHPEFCBSSBTF BJOEB RVBMĂ?PUJQPEFTTFDĂ&#x2DC;EJHP  que pode variar dependendo do produto e do comĂŠrcio. "MĂ?NEJTTP BVUJMJ[BĂ&#x17D;Ă?PEPDĂ&#x2DC;EJHPEFCBSSBTSFRVFSVNBBUFOĂ&#x17D;Ă?PFTQFDJBM)Ă&#x2C6;VN manual que pode ser visualizado no site da empresa, mas que disponibilizamos para download no site da Editora Leon. 0MPDBMPOEFPDĂ&#x2DC;EJHPEFCBSSBTĂ?QPTJDJPOBEPEFQFOEFEFVNBTĂ?SJFEFGBUPSFT  EFTEFBFNCBMBHFNFNTJBUĂ?BGPSNBEFJNQSFTTĂ?P²JNQPSUBOUFDPOTVMUBSBHSĂ&#x2C6;ĂśDB QBSBFOUFOEFSEPTQSPDFTTPT QPJTEFQFOEFOEPEBJNQSFTTĂ?P QPEFTFSSFDPNFOEĂ&#x2C6;WFM o posicionamento do cĂłdigo de barras no sentido da impressĂŁo a fim de evitar probleNBTEFEJTUPSĂ&#x17D;Ă?PPVPVUSPTFSSPTHSĂ&#x2C6;ĂśDPT Entre diversos tipos de cĂłdigos de barras, o mais utilizado para produtos a WFOEBFNMPKBTOPWBSFKPĂ?P&"/&MFQPEFTFSSFEJNFOTJPOBEPBUĂ? PVOP NĂ&#x201C;OJNPEPUBNBOIPSFBM

18

Desenho de RĂłtulos com Illustrator


Tamanho: 80%

Tamanho: 100%

Tamanho: 200%

GTIN-13 é o número exclusivo para cada item. Prefixo de empresa, varia de 7 a 11 dígitos.

Numeração de Código item comercial. verificador.

A cor do código de barras pode ser alterada, no entanto, deve-se tomar precaução para que não seja um cor muito clara ou muito escura em relação ao fundo para que haja legibilidade do código. A regra para a escolha da cor é que seja contrastante em relação ao fundo.

Capítulo 01 - Conceitos Básicos

19


Simbologia de Descarte Seletivo Nem todos as embalagens podem ser recicladas, e nem todas que podem, chegam aos programas de reciclagem de materiais. Por intermĂŠdio da simbologia de reciclagem, as embalagens podem ser separadas mais facilmente tanto no descarte quanto por meio das cooperativas de catadores. Por esse motivo, apesar de nĂŁo ser obrigatĂłria, a simbologia vem sendo incluĂ­da nos rĂłtulos de um grande nĂşmero de empresas. 4FHVOEPB"CSF "TTPDJBĂ&#x17D;Ă?P#SBTJMFJSBEF&NCBMBHFOT BTJNCPMPHJBEFSFDJDMĂ&#x2C6;veis nĂŁo possui uma legislação especĂ­fica que defina sua aplicação. Por isso, as orientaĂ&#x17D;Ă&#x153;FTTĂ?PGFJUBTBDPNCBTFFN/PSNBT5Ă?DOJDBTQVCMJDBEBTQFMB"#/5 Consulte o site da Abre para saber em detalhes: http://www.abre.org.br/meio_orientacao_simbologia.php #BTJDBNFOUF PTTĂ&#x201C;NCPMPTEFWFNTFSBQMJDBEPTBQFOBTOBTFNCBMBHFNRVFQPEFNTFSSFDJDMBEBT BFNQSFTBEFWFTFDFSUJĂśDBS EFBDPSEPDPNPNBUFSJBM 0TTĂ&#x201C;NCPlos nĂŁo podem ser acompanhados de textos, apenas a denominação do material. $PNPTĂ&#x201C;NCPMPEPNBUFSJBM EFWFTFSJODMVĂ&#x201C;EPPEP%FTDBSUF4FMFUJWP UBNCĂ?N TFNOFOIVNUFYUP OPNĂ&#x2C6;YJNPBMHVNBJOGPSNBĂ&#x17D;Ă?PPVJODFOUJWPBSFDJDMBHFN 7FKBBCBJYPPTTĂ&#x201C;NCPMPTEFSFDJDMBHFNRVFQPEFNTFSBQMJDBEPTOPTSĂ&#x2DC;UVMPT

Descarte seletivo

Reciclado

Papel ReciclĂĄvel

PEBD

20

AlumĂ­nio

Aço

Vidro

PET

PP

Desenho de RĂłtulos com Illustrator

PEAD

PS

PVC

Outros


!$ Abra o Illustrator com duplo clique no Ă­cone do aplicativo. Mac: "QMJDBUJWPT"EPCF*MMVTUSBUPS$4 Windows: Iniciar>Todos os programas>Adobe SuiUFDBTF.BTUFS$PMMFDUJPO*MMVTUSBUPS*MMVTUSBUPS$4

Ă?cone de atalho do Illustrator.

!# 6NBKBOFMBEFOPNFi8FMDPNF4DSFFOw 5FMBEF#PBT7JOEBT TFBCSJSĂ&#x2C6;&MBGVODJPOB como uma espĂŠcie de atalho para criar novos arquivos ou para abrir documentos

VUJMJ[BEPTSFDFOUFNFOUF$MJRVFTPCSFPDĂ&#x201C;SDVMPWFSNFMIPOPDBOUPTVQFSJPSFTRVFSEP PVi9w OP8JOEPXTOPDBOUPTVQFSJPSEJSFJUP QBSBGFDIĂ&#x2C6;MB Clique aqui.

Modelos para novo documento.

Documentos recentes.

Clique aqui para nĂŁo mostrar essa mensagem novamente. Se quiser vĂŞ-la depois, clique em â&#x20AC;&#x153;Helpâ&#x20AC;? ou â&#x20AC;&#x153;Ajudaâ&#x20AC;?, na barra de menus e em seguida em â&#x20AC;&#x153;Welcome Screenâ&#x20AC;?.

!" 7BNPTDSJBSVNOPWPEPDVNFOto. Para isso, no canto superior esquerdo, clique sobre â&#x20AC;&#x153;Fileâ&#x20AC;? (Arquivo). Em seguida, clique sobre â&#x20AC;&#x153;Newâ&#x20AC;? (Novo).

Clique aqui.

Sobre o livro Atenção! Neste livro, utilizaremos a versĂŁo em inglĂŞs do Illustrator. Se estiver trabalhanEPFNPVUSBMĂ&#x201C;OHVB OĂ?PIĂ&#x2C6;QSPCMFNB5PEBT as ferramentas serĂŁo indicadas por meio do Ă­cone (pequeno desenho que representa a ferramenta) ou por meio de imagens que mostram onde encontrar a opção apontada.

CapĂ­tulo 02 - Primeiros Passos

27


!& 6NBKBOFMBEFOPNFi/FX%PDVNFOUw /PWPEPDVNFOUP TFBCSJSĂ&#x2C6;/FMBWPDĂ?QPEF escolher as opçþes de configuração do seu arquivo. Coloque as mesmas opçþes mosUSBEBTOBJNBHFNBCBJYPFDMJRVFFNi0Lw ! " #

(Personalizado)

$ Clique na seta para abrir.

&

% '

(

!

Nome do arquivo.

"

NĂşmero de pranchetas.

#

Tamanho da prancheta.

$

Altura.

%

Largura.

&

Unidade de medida.

'

Sangria.

(

Opçþes avançadas (clique na seta para abrir).

(Padrão) Mais a frente conheceremos a função de cada opção.

veja que surgiu um retângulo branco com uma borda preta e com as dimen!% Agora TĂ&#x153;FTEJHJUBEBTBOUFSJPSNFOUF&TTFFTQBĂ&#x17D;PĂ?TVBi"SUCPBSEw PVi1SBODIFUBw POEFGBSĂ&#x2C6; PTFVSĂ&#x2DC;UVMP"CPSEBQSFUBEFUFSNJOBPOEFBĂ&#x2C6;SFBUFSNJOB FTTBĂ?BĂ&#x2C6;SFBJNQSJNĂ&#x201C;WFM 

28

Desenho de RĂłtulos com Illustrator


02K¡mneh]^F^e

Essa ĂŠ a imagem do rĂłtulo finalizado.

"HPSB  EFQPJT EPT QSJODĂ&#x201C;QJPT CĂ&#x2C6;TJDPT EP *MMVTUSBUPS  WBNPT OPT BQSPGVOEBS VN pouco mais sobre as ferramentas de desenho e de edição para criar um rĂłtulo com uma ilustração simples. Esse tipo de rĂłtulo geralmente ĂŠ feito em adesivo, por meio de JNQSFTTĂ?PPòTFUPVøFYPHSBĂśB QBSBQPTUFSJPSNFOUFTFSBQMJDBEPĂ&#x2039;FNCBMBHFN

Aplicação: Neste exercício: !"#$%&'(%)"&*'(#%)"&+)&!"#%,(-)%./0 1#2.3#45.)&67(8)&*1#2.3#45#3&)27(9(-)%./0 :(;)32&*<(-(+(20&=&>?2#8/ '/";$/%&@//"&*A)33(-)%.(&'/"B$/%/0 6.3/C)D&E)#$,.&*</%./3%/D&F27)2253(0 G#)HD&I5."#%)&)&'3)J#)H&*FK#4#3D&</%./3%(3&)& G#25("#L(9M/0

CapĂ­tulo 02 - Primeiros Passos

53


o Illustrator e configure o novo arquivo conforme a imagem abaixo (1). Em segui!$ Abra EB TBMWFDPNPi3Ă&#x2DC;UVMPEF.FMwOBQBTUBi.FVT5SBCBMIPTwDPOGPSNFBJNBHFN   !

"

!# 7FKBRVFBQSBODIFUBGPJDSJBEB com a linha vermelha ao redor, que

SFQSFTFOUBBĂ&#x2C6;SFBEFTBOHSJB0VTFKB BDPS ou a ilustração de fundo devem chegar atĂŠ essa linha para que nĂŁo haja problemas na impressĂŁo do rĂłtulo. Coloque a visualização FNQBSBUSBCBMIBSNBJTGBDJMNFOUF "KVTUFRVBOEPBDIBSOFDFTTĂ&#x2C6;SJP

54

Desenho de RĂłtulos com Illustrator


!" 7BNPTDSJBSPGVOEPEPSĂ&#x2DC;UVMPVTBOEPBGFSramenta â&#x20AC;&#x153;Rectangleâ&#x20AC;? (Retângulo), no painel

de ferramentas. Selecione a ferramenta, clique e mantenha o botĂŁo do mouse pressionado sobre o canto superior do contorno da sangria, leve o cursor do mouse atĂŠ o canto oposto e solte quando estiver no local desejado.

o retângulo selecionado, habilite a opção de preenchimento no painel de !& Com GFSSBNFOUBTFDMJRVFTPCSFBDPSi$.:,w RVFĂ?VNMBSBOKB OPQBJOFM â&#x20AC;&#x153;Swatchesâ&#x20AC;? (Amostras). Em seguida, habilite a opção de contorno e escolha a opção â&#x20AC;&#x153;Noneâ&#x20AC;? (Nenhuma) para retirar o contorno do objeto. Preenchimento Contorno

vamos criar outros elementos que compĂľem o fundo do rĂłtulo. Habilite a cor !% Agora i#MBDLw 1SFUP QBSBQSFFODIJNFOUPFBPQĂ&#x17D;Ă?Pi/POFw /FOIVNB QBSBDPOUPSOP

%FTTBWF[WBNPTVTBSBGFSSBNFOUBEFVNBGPSNBEJGFSFOUF EJHJUBOEPBNFEJEBEFTFKBEBBP invĂŠs de clicar e arrastar o mouse. Selecione a ferramenta â&#x20AC;&#x153;Rectangleâ&#x20AC;? (Retângulo) e clique sobre na âncora do canto superior do retângulo.

Veja ao aproximar o mouse, a palavra â&#x20AC;&#x153;Anchorâ&#x20AC;? (Ă&#x201A;ncora), aparece indicando o local exato.

7FKBRVFPOPWPSFUĂ&#x2030;OHVMP foi formado perfeitamente alinhado ao retângulo laranja.

%JHJUFBTNFEJEBTDPOGPSNFB JNBHFNBCBJYPFDMJRVFFNi0Lw

CapĂ­tulo 02 - Primeiros Passos

55


03K¡mneh]^Â&#x2122;`nZ

Essa ĂŠ a imagem finalizada do rĂłtulo.

Para encerrar o â&#x20AC;&#x153;CapĂ­tulo 2 - Primeiros Passosâ&#x20AC;?, vamos desenhar um rĂłtulo para HBSSBGBEFĂ&#x2C6;HVB0TEPJTQSJNFJSPTSĂ&#x2DC;UVMPTGPSBNGFJUPTBQFOBTDPNBQBSUFEBGSFOUF  sem o verso com as demais informaçþes do produto, apenas para ensinar os conceitos CĂ&#x2C6;TJDPTEPTPGUXBSF*MMVTUSBUPS1PSĂ?N FTUFTFSĂ&#x2C6;VNUSBCBMIPDPNQMFUP EFVNSĂ&#x2DC;UVMP tipo manga (sleeve), com todos os detalhes tĂŠcnicos e obrigatĂłrios.

Neste exercĂ­cio: N/5%+)+&N)8.(%$")&@//"&*A)33(-)%.(&N).O%$5"/&(33)+/%= +(+/0 N5")32&*NP$5(20&=&>?2#8/ @3(%2Q/3-&'(%)"&*'(#%)"&@3(%2Q/3-(30D&<//3+)%(+(2&)& +#-)%2R)2 @3(%2Q/3-D&S/J)&=&</7;&=&!$(#%&*@3(%2Q/3-(3D&S/J)3&=& </7#(3&=&T/J(-)%.)0 :(;)32D&@/$$")2&:/8C&*<(-(+(2D&!".)3%(&/&4"/U5)#/0 @;7)D&657)3283#7.&)&V";7,2&*@#7/D&6/43)283#./&)&V"#Q/20 I7(8#.;&*I7(8#+(+)0& '(3($3(7,D&W52.#Q;&H#.,&"(2.&"#%)&("#$%)+&")Q.&*'(3?$3(Q/D& W52.#Q#8(3&8/-&X".#-(&"#%,(&("#%,(+(&Y&)2U5)3+(0 Z;7,)%(.)&*Z#Q)3%#L(30 :(%$5($)&*[+#/-(0 A3))&@3(%2Q/3-&@//"&*A)33(-)%.(&@3(%2Q/3-(9M/&:#J3)0 '"(8)&*[%2)3#30 @3(%2Q/3-D&68(")&*@3(%2Q/3-(3D&F28("(0 <3)(.)&I5."#%)2&*<3#(3&</%./3%/0

Aplicação:

CapĂ­tulo 02 - Primeiros Passos

67


!$ TFSรˆGFJUPQBSBVNBHBSSBGBEFรˆHVBEFVNMJUSPFNFJP

Abra o Illustrator e configure o novo arquivo conforme a imagem abaixo. Esse rรณtulo

0GVOEPEFTTFSร˜UVMPTFSรˆCSBODP1PSUBOUP TFFTTFSร˜UVMPGPSJNQSFTTPFNVNQBQFMCSBODP  OรPTFSรˆOFDFTTรˆSJPVTBSVNBDPSEFGVOEP DPNPรถ[FNPTOPTFYFSDร“DJPTBOUFSJPSFT

!# 7BNPTDPNFรŽBSDPNBGFSSBNFOUBi4IBQFw 'PSNB  Clique e deixe o botรฃo do mouse pressionado sobre a

GFSSBNFOUBi1PMZHPOw 1PMร“HPOP RVFGPJBรžMUJNBVUJMJ[BEBOP QSPHSBNB.FTNPEFQPJTRVFWPDรUJWFSGFDIBEPFBCFSUPP QSPHSBNB FMBDPOUJOVBSรˆIBCJMJUBEBOPQBJOFMEFGFSSBNFOUBT Assim, com o mouse ainda pressionado, leve-o atรฉ a ferraNFOUBi3PVOEFE3FDUBOHMFwFTPMUFQBSBIBCJMJUรˆMB $MJRVFTPCSFRVBMRVFSรˆSFBEBQSBODIFUBFQSFFODIBBKBOFMB โ€œRounded Rectangleโ€ como mostra a imagem.

Leque do grupo de ferramentas.

Veja como ficarรก o quadrado com cantos arredondados.

mudar a cor do quadrado, selecione-o e apli!" Para RVFBDPSB[VMDPNBTQPSDFOUBHFOTi$ .  : ,wNPTUSBEBTOBJNBHFNBPMBEP %FQPJT BSSBTUFBQBSBPQBJOFMi4XBUDIFTw

Antes

68

Depois

Desenho de Rรณtulos com Illustrator


CapĂ­tulo 3 Alimentos

"HPSBRVFKĂ&#x2C6;DPOIFDFNPTBTGFSSBNFOUBTFSFDVSTPTCĂ&#x2C6;TJDPTEP*MMVTUSBUPS WBNPTDPOUJnuar o aprendizado nos aprofundando mais nas ferramentas importantes e na sua utilização. .VJUBTWF[FTDPOIFDFNPTBGVOĂ&#x17D;Ă?PEFMBT NBTBJOEBBTTJNOĂ?PDPOTFHVJNPTQFSDFCFSBTEJWFSTBTQPTTJCJMJEBEFTEFVUJMJ[BĂ&#x17D;Ă?POPQSPDFTTPEFDSJBĂ&#x17D;Ă?P%VSBOUFUPEPTPTFYFSDĂ&#x201C;DJPT WPDĂ? WFSĂ&#x2C6;RVFBTNFTNBTGFSSBNFOUBTQPEFNDSJBSJOĂ&#x17E;NFSPTQSPKFUPTEJGFSFOUFT Existem diversos cuidados a se tomar durante a criação de rĂłtulos para alimentos, como WJNPTBOUFSJPSNFOUFOBDSJBĂ&#x17D;Ă?PEPSĂ&#x2DC;UVMPEFĂ&#x2C6;HVB1BSBTBCFSRVBJTJOGPSNBĂ&#x17D;Ă&#x153;FTEFWFNDPOTUBSOPSĂ&#x2DC;UVMP Ă?QSFDJTPDPOTVMUBSB"/7*4" P*ONFUSPFP.JOJTUĂ?SJPEB"HSJDVMUVSB$POTVMUF tambĂŠm o cĂłdigo de defesa do consumidor para saber se falta alguma informação no rĂłtulo ou embalagem antes de finalizar o projeto. 0SĂ&#x2DC;UVMPOPQSPEVUPBMJNFOUĂ&#x201C;DJPĂ?EFJNQPSUĂ&#x2030;ODJBWJUBM4FSWFQBSBRVFPDPOTVNJEPS saiba o que vai ingerir, se pode ingerir, ou, ainda, para que possa escolher os alimentos de acordo com sua produção, ingredientes, tabela nutricional ou outros fatores. AlĂŠm disso, como a maioria dos produtos vendidos em supermercados ou lojas de varejo nĂŁo possui outra ferramenta de publicidade alĂŠm da prĂłpria embalagem e rĂłtulo, ĂŠ de extrema importância que todas as informaçþes estejam presentes, alĂŠm de serem chamativas para â&#x20AC;&#x153;convencerâ&#x20AC;? o consumidor da compra. Por isso, neste capĂ­tulo, vamos aprender a desenhar alguns rĂłtulos de alimentos utiMJ[BOEP BMĂ?NEBTGFSSBNFOUBTCĂ&#x2C6;TJDBTEP*MMVTUSBUPSFOTJOBEBTOPDBQĂ&#x201C;UVMPBOUFSJPS BMHVNBT outras de grande importância, sem deixar de incluir as informaçþes obrigatĂłrias dos rĂłtulos de cada produto alimentĂ­cio usado como exemplo.

Dica TĂŠcnica NĂŁo deixe de consultar o fabricante do produto para obter as JOGPSNBĂ&#x17D;Ă&#x153;FTOFDFTTĂ&#x2C6;SJBTQBSBBDSJBĂ&#x17D;Ă?PEPTTFVTSĂ&#x2DC;UVMPT²FTTFODJBM DPOTVMUBS UBNCĂ?N PT Ă&#x2DC;SHĂ?PT  BHĂ?ODJBT F DĂ&#x2DC;EJHP KĂ&#x2C6; DJUBEPT acima para saber as informaçþes obrigatĂłrias da rotulagem de alimentos. Todas as informaçþes apresentadas nesse livro tĂŞm DBSĂ&#x2C6;UFSJOGPSNBUJWP NBTOĂ?PTVCTUJUVFNBDPOTVMUBBPTĂ&#x2DC;SHĂ?PTF JOTUJUVJĂ&#x17D;Ă&#x153;FTSFTQPOTĂ&#x2C6;WFJT

CapĂ­tulo 03 - Alimentos

91


)-K¡mneh]^:s^bm^

Nesse rĂłtulo vamos aprender novos recursos do Illustrator que serĂŁo utilizados ao longo de todo o livro. %FTTFFYFSDĂ&#x201C;DJPFNEJBOUF WPDĂ?BQSFOEFSĂ&#x2C6;BEFTFOIBSPT SĂ&#x2DC;UVMPT DPN NBJT BMHVNBT EBT FTQFDJĂśDBĂ&#x17D;Ă&#x153;FT OFDFTTĂ&#x2C6;rias e informaçþes obrigatĂłrias, incluindo frente e verso, TBOHSJB FPRVFNBJTGPSOFDFTTĂ&#x2C6;SJP

Neste exercĂ­cio: ')%8#"&@//"&*A)33(-)%.(&:?7#20 >352,)2&'(%)"&*'(#%)"&+)&'#%8P#20 G(3#(4")&E#+.,&'3/Q#")&*')3Q#"&+)&"(3$53(&J(3#?J)"0 >352,&:#43(3#)2&S)%5&*S)%5&>#4"#/.)8(&+)&7#%8P#20 A#""\6.3/C)&*</3&+)&73))%8,#-)%./\</3&+)&8/%./3%/0 !33(%$)D&>3#%$&./&A3/%.\6)%+&./&>(8C&*I3$(%#L(3D& @3(L)3&7(3(&Q3)%.)\F%J#(3&7(3(&.3?20 F%J)"/7)&1#2./3.D&S(C)&H#.,&E(37&*1#2./39M/&+)& )%J)"/7)D&<3#(3&8/-&+)Q/3-(9M/0

92

Desenho de RĂłtulos com Illustrator

Aplicação:


$&

AlĂŠm de aplicar os pincĂŠis a segmentos abertos, tambĂŠm ĂŠ possĂ­vel, da mesma forma, aplicar os pincĂŠis a segmentos fechados. Abra novamente a biblioteca de pincĂŠis, leve o cursor do mouse atĂŠ a opção â&#x20AC;&#x153;Artisticâ&#x20AC;? (ArtĂ­stico) e abra o QBJOFMi"SUJTUJD@$IBML$IBSDPBM1FODJMw "SUĂ&#x201C;TUJDP@-Ă&#x2C6;QJT$BSWĂ?P(J[  Selecione a elipse e aplique o â&#x20AC;&#x153;brushâ&#x20AC;? â&#x20AC;&#x153;Charcoal Smoothâ&#x20AC;&#x153; (CarWĂ?P4VBWF 7FKBPSFTVMUBEP

$%

"HPSBDPNBFMJQTFQSPOUB WBNPTDPQJĂ&#x2C6;MBQBSBBQMJDBSOPTMPDBJTEFTFKBEPT%FTTB WF[ WBNPTVUJMJ[BSVNSFDVSTPEJGFSFOUFQBSBDĂ&#x2DC;QJB.BOUFOIBBUFDMBi"MUwEPUFDMBEP pressionada, clique e mantenha o botĂŁo do mouse tambĂŠm pressionado sobre a elipse, e em TFHVJEBBSSBTUFQBSBPMBEP4PMUFPCPUĂ?PEPNPVTFFBUFDMB7FKBRVFBOPWBFMJQTFGPJDSJBEB onde o mouse foi posicionado. Repita o processo para criar uma terceira elipse.

Dica do Illustrator Mudamos a cor da â&#x20AC;&#x153;layerâ&#x20AC;? para laranja para melhorar a visualização.

$'

Posicione as elipses como mostra a imaHFN(JSFBTFMJQTFTQBSBĂśDBS como indicado. VocĂŞ tambĂŠm pode aumentar ou diminuir um pouco o tamanho das olivas caso queira, lembrando-se de manter o â&#x20AC;&#x153;Shiftâ&#x20AC;? pressionado.

102

Desenho de RĂłtulos com Illustrator

Esse recurso Ê melhor em relação ao i$PQZwFi1BTUFw $PQJBSF$PMBS QBSB evitar de reposicionar o novo objeto, pois este Ê criado exatamente onde o botão do mouse for solto.


Dica do Illustrator Para fazer um objeto TBJSEFUSĂ&#x2C6;TFQBTTBSQBSB a frente, clique sobre o mesmo segurando a UFDMBiDPOUSPMw .BD PV com o botĂŁo direito do NPVTF 8JOEPXT WĂ&#x2C6; atĂŠ a opção â&#x20AC;&#x153;Arrangeâ&#x20AC;? 0SHBOJ[BS FDMJRVFFN i#SJOHUP'SPOUw 5SB[FS para frente). Para passar PPCKFUPQBSBUSĂ&#x2C6;T GBĂ&#x17D;BP mesmo procedimento e escolha a opção â&#x20AC;&#x153;Send to #BDLw &OWJBSQBSBUSĂ&#x2C6;T 

Teclas de atalho: Trazer para frente shift

+

shift

+

command

Ctrl

+

]

+

]

+

[

+

[

Enviar para trĂĄs shift

+

shift

+

command

Ctrl

$)

7BNPTEFJYBSPTSBNPTTPCSFBTPMJWBT NBTQBSBJTTPOĂ?PĂ?QPTTĂ&#x201C;WFMVUJMJ[BSPSFDVSTP i#SJOHUPGSPOUw 5SB[FSQBSBGSFOUF FOTJOBEPBOUFSJPSNFOUF QPJTPTPCKFUPTFTUĂ?PFN iMBZFSwEJGFSFOUFT FBiMBZFSwEPTSBNPTFTUĂ&#x2C6;FNCBJYPEBiMBZFSwEBTPMJWBT$PNPFOTJOBEPOP $BQĂ&#x201C;UVMP BPSEFNEFTPCSFQPTJĂ&#x17D;Ă?PEPTPCKFUPTTFHVFBPSEFNEFTPCSFQPTJĂ&#x17D;Ă?PEBTiMBZFSTw  QPSJTTP WBNPTNPWĂ?MBTDPOGPSNFOPTTBOFDFTTJEBEF$MJRVFFTFHVSFTPCSFBiMBZFSwi0MJWB FMJQTFTwFBSSBTUFQBSBCBJYPEBiMBZFSwi0MJWBSBNPTw POEFEFTFKBQPTJDJPOĂ&#x2C6;MB DPOGPSNFBT JNBHFOT7FKBPSFTVMUBEP

Veja que os ramos estĂŁo acima das olivas.

$(

"HPSBRVFBTPMJWBTKĂ&#x2C6;FTUĂ?POPMPDBMDPSSFUP WBNPTVTBSBGFSSBNFOUBi1FODJMw -Ă&#x2C6;QJT  novamente para criar essa curva que imita um ponto de luz sobre elas. Crie uma nova iMBZFSw EĂ?POPNFEFi0MJWBMV[wFCMPRVFJFBTEFNBJT Faça uma linha sobre a elipse, conforme a imagem.

CapĂ­tulo 03 - Alimentos

103


06K¡mneh]^<Z_ÂŽ 0DBGĂ?Ă?DPNFSDJBMJ[BEPFNWĂ&#x2C6;SJPTUJQPTEFFNCBMBHFOT EFTEFDBJYBTBøFYĂ&#x201C;WFJT de diversas formas e tamanhos. A maioria das embalagens segue um padrĂŁo de cores escuras e intensas como marrom, preto, vermelho e amarelo. Nesse rĂłtulo aprenderemos uma das ferramentas mais importantes do Illustrator: a â&#x20AC;&#x153;Pen Toolâ&#x20AC;? (Ferramenta caneta), que pode ser utilizada para desenhar qualquer UJQPEFGPSNB0VTPEFTTBGFSSBNFOUBSFRVFSVNQPVDPEFUSFJOPOPJOĂ&#x201C;DJP NBTEFpois de compreender seu funcionamento, ela se torna um excelente recurso para a maioria dos trabalhos.

Neste exercĂ­cio:

Aplicação:

')%&@//"&*A)33(-)%.(&8(%).(0 V3(+#)%.&'(%)"&*'(#%)"&V3(+#)%.)0 6;-4/"2&'(%)"&*'(#%)"&6B-4/"/20 67#.("&@//"&*A)33(-)%.(&)27#3("0 [2/"(.#/%&S/+)&*S/+/&+)&#2/"(-)%./0 FQQ)8.D&I5.)3&V"/H&*FQ)#./D&>3#",/&)K.)3%/0 6.(3&@//"&*A)33(-)%.(&)2.3)"(0 !33(%$)D&6)%+&./&8533)%.&"(;)3&*I3$(%#= L(3D&F%J#(3&7(3(&8(-(+(&(.5("0

CapĂ­tulo 03 - Alimentos

147


!$

Abra um novo documento no Illustrator com as mesmas configuraçþes mostradas na imagem abaixo.

!# "HPSBWBNPTQSFQBSBSBQSBODIFUBDPNBTHVJBTRVFJOEJDBSĂ?PBĂ&#x2C6;SFBEBGSFOUFEBFNbalagem, das laterais, do verso e ainda, das margens. Habilite a visualização das rĂŠguas FNi7JFXww3VMFSTww4IPX3VMFSTw &YJCJS3Ă?HVBT.PTUSBSSĂ?HVBT 

Crie uma nova guia vertical e posicione-a dentro da prancheta.

Selecione a guia e digite a posição no painel de controle.

Se nĂŁo conseguir selecionar a guia, verifique se a opção â&#x20AC;&#x153;Lock Guidesâ&#x20AC;? (Bloquear guias) no menu â&#x20AC;&#x153;Viewâ&#x20AC;?>â&#x20AC;?Guidesâ&#x20AC;? (Exibir>Guias) estĂĄ habilitada e desabilite-a.

148

Desenho de RĂłtulos com Illustrator


4PCSFPQPOUP DMJRVFFNBOUFOIBPNPVTFQSFTTJPOBEPNPWJNFOUBOEPPQBSBBFTRVFSEB Solte quando estiver no forma to desejado.

$

Em seguida, aproxime o mouse do prĂłximo vĂŠrtice exatamente sobre o primeiro ponUPRVFĂś[FNPTDPNBDBOFUB  FWFKBRVFBQBSFDFVNQFRVFOPDĂ&#x201C;SDVMPBPMBEPEP DVSTPS*TTPJOEJDBRVFBPDMJDBSOBRVFMFMPDBMPPCKFUPTFSĂ&#x2C6;GFDIBEP PVTFKB PĂśOBMEP segmento encontra o inĂ­cio. Clique no ponto para fechar o objeto.

%

7FKBPSFTVMUBEP

$'

1BSBFEJUBSPTQPOUPT TFMFDJPOFBGFSSBNFOUBi%Jrect Selection Toolâ&#x20AC;? (Ferramenta Seleção direta) (1) no painel de ferramentas, veja que o cursor do mouse se torna uma seta branca.

!

Selecione a âncora que deseja modificar (2). Clique e manUFOIBPNPVTFQSFTTJPOBEPTPCSFBBMĂ&#x17D;BEBĂ&#x2030;ODPSB  F movimente o mouse para redefinir o desenho. Faça todas BTNPEJĂśDBĂ&#x17D;Ă&#x153;FTOFDFTTĂ&#x2C6;SJBT

"

#

CapĂ­tulo 03 - Alimentos

159


&#

Para finalizar a xĂ­cara, selecione todos os objetos e deixe sem preenchimento e com a cor de contorno JOEJDBEBOBJNBHFNBPMBEP7Ă&#x2C6;BUĂ?QBJOFMi#SVTIFTw 1JODĂ?JT  abra a biblioteca â&#x20AC;&#x153;Artisticâ&#x20AC;?>â&#x20AC;?Artistic Incâ&#x20AC;? (ArtĂ­stico>Tinta_artĂ­stica) e aplique o Ăşltimo pincel, â&#x20AC;&#x153;Tapered Strokeâ&#x20AC;? (Traçado FTUSFJUBEP %FJYFPTDPOUPSOPTDPN QUEFFTQFTTVSB

Agora, aplique como preenchimento as cores e gradientes indicados nas imagens abaixo.

# !

"

â&#x20AC;&#x153;C= 50, M=70, Y=80, K=70â&#x20AC;?

â&#x20AC;&#x153;C= 40, M=70, Y=100, K=50â&#x20AC;?

â&#x20AC;&#x153;C= 40, M=65, Y=90, K=35â&#x20AC;?

â&#x20AC;&#x153;C= 35, M=55, Y=80, K=30â&#x20AC;?

Dica do Illustrator

$ "

#

!

174

$

Desenho de RĂłtulos com Illustrator

Se a xĂ­cara ficar como na imagem abaixo, Ă?QPSRVFBPSEFNEPTPCKFUPTFTUĂ&#x2C6;FSSBEB 6UJMJ[FPTSFDVSTPTEFi4FOEUP#BDLw &OWJBSQBSBUSĂ&#x2C6;T Fi#SJOHUPGSPOUw 5SB[FS para a frente) para reorganizar os objetos.


ยฒQPTTร“WFMRVFBKVOรŽรPEBDVSWBFEBFTQJSBMรถRVFDPNVNBQPOUB  /FTTFDBTP TFMFDJPOFB ร‰ODPSBDPNBw%JSFDU4FMFDUJPO5PPMw 'FSSBNFOUB4FMFรŽรPEJSFUB FDMJRVFTPCSFBPQรŽรPi$POvert selected anchor points to smoothโ€ (Converter pontos รขncora selecionados em suave).

#

Veja que assim o traรงado fica sem ponta.

Repita o processo na outra espiral conforme a imagem.

&% $PNPTPCKFUPTTFMFDJPOBEPT WรˆBUรPQBJOFMEFDPOUSPMFFBQMJRVFPFTUJMPEF i#SVTIw 1JODFM JOEJDBEPOBJNBHFN EFJYFDPNQUEFFTQFTTVSBFFNTFHVJEB posicione a fumaรงa sobre a xรญcara.

176

Desenho de Rรณtulos com Illustrator


%%

Pegue os textos criados e as imagens importadas e posicione no rĂłtulo conforme a imagem abaixo.

que as imagens dos produtos quase desaparecem no fundo escuro. Para des%' Perceba UBDĂ&#x2C6;MBT WBNPTVUJMJ[BSVNFGFJUPFTQFDJBM4FMFDJPOFVNBEBTJNBHFOT WĂ&#x2C6;FNi&òFDUw &GFJUP i4UZMJ[Fw &TUJMJ[BS FTFMFDJPOF BPQĂ&#x17D;Ă?Pi0VUFS(MPXw #SJMIPFYUFSOP  Preencha a janela de opçþes como mosUSBBPMBEP%Ă?EPJTDMJRVFTOPRVBESBEP DPNBDPS FOBPQĂ&#x17D;Ă?PEF$.:, JOTJSBBT cores como mostra a imagem. Clique em i0Lw FFNTFHVJEB OPWBNFOUFFNi0Lw

7FKBPSFTVMUBEP

182

Desenho de RĂłtulos com Illustrator

Desenho de Rótulos com Illustrator  

Livro didático publicado pela Editora Leon que ensina com passo-a-passo ilustrado a desenhar rótulos de diferentes tipos com o software Illl...

Read more
Read more
Similar to
Popular now
Just for you