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 (VWDUi WDPEpP DMXGDQGR D SUHVHUYDU R HPSUHJR GH PXLWDV SHVVRDV QR PHUFDGR -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 t 1SPDFTTBEPS *OUFMÂĽ 1FOUJVNÂĽ PV ".% "UIMPOÂĽ t .JDSPTPGUÂĽ 8JOEPXTÂĽ 91 DPN 4FSWJDF 1BDL PV 8JOEPXT DPN 4FSWJDF 1BDL t (# EF 3". SFDPNFOEĂ&#x2C6;WFM (# QBSB CJUT (# EF 3". SFDPNFOEĂ&#x2C6;WFM (# QBSB CJUT t (# EF FTQBĂ&#x17D;P MJWSF FN EJTDP QBSB B JOTUBMBĂ&#x17D;Ă?P TFSĂ&#x2C6; OFDFTTĂ&#x2C6;SJP FTQBĂ&#x17D;P adicional livre durante a instalação (nĂŁo ĂŠ possĂvel instalar em dispositivos de BSNB[FOBNFOUP SFNPWĂ&#x201C;WFJT øBTI t 3FTPMVĂ&#x17D;Ă?P EF Y SFDPNFOEĂ&#x2C6;WFM Y DPN QMBDB EF WĂ&#x201C;EFP EF CJUT t 6OJEBEF EF %7% 30. DPNQBUĂ&#x201C;WFM DPN %7%T EF DBNBEBT EVQMBT t "MHVOT SFDVSTPT OP "EPCFÂĽ #SJEHF EFQFOEFN EF VNB QMBDB EF WĂ&#x201C;EFP DPNQBUĂ&#x201C;WFM DPN P %JSFDU9 DPN QFMP NFOPT .# EF 73".
Mac OS t 1SPDFTTBEPS *OUFM .VMUJDPSF DPN TVQPSUF B CJUT t .BD 04 9 WFSTĂ?P PV t (# EF 3". 3FDPNFOEĂ&#x2C6;WFM (# t (# EF FTQBĂ&#x17D;P MJWSF FN EJTDP QBSB B JOTUBMBĂ&#x17D;Ă?P TFSĂ&#x2C6; OFDFTTĂ&#x2C6;SJP FTQBĂ&#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 EJTQPTJUJWPT EF BSNB[FOBNFOUP SFNPWĂ&#x201C;WFJT øBTI t 3FTPMVĂ&#x17D;Ă?P EF Y SFDPNFOEĂ&#x2C6;WFM Y DPN QMBDB EF WĂ&#x201C;EFP EF CJUT t 6OJEBEF EF %7% 30. DPNQBUĂ&#x201C;WFM DPN %7%T EF DBNBEBT EVQMBT
* 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 $SJBS VN SĂ&#x2DC;UVMP QBSB RVBMRVFS QSPEVUP Ă? EF GBUP VN EFTBĂśP )Ă&#x2C6; NVJUBT RVFTUĂ&#x153;FT QPS USĂ&#x2C6;T EP EFTFOWPMWJNFOUP EF VNB FNCBMBHFN F EF VN SĂ&#x2DC;UVMP ² UBSFGB EP 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. %JWFSTPT QSPCMFNBT QPEFN PDPSSFS OFTTF QSPDFTTP DPNP GBMUB EF JOGPSNBĂ&#x17D;Ă?P tĂŠcnica sobre o mercado, falta de â&#x20AC;&#x153;briefingâ&#x20AC;? por parte do cliente, falta de revisĂŁo, FSSPT EF JNQSFTTĂ?P F PVUSPT UBOUPT JODPOUĂ&#x2C6;WFJT 1BSB TFS VN CPN EFTJHOFS Ă? QSFDJTP TFS QFTRVJTBEPS F DVSJPTP .BJT EP RVF 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;WFJT QBSB TFV USBCBMIP DPNP PT TPGUXBSFT HSĂ&#x2C6;ĂśDPT RVF B DBEB BOP TĂ?P BQSJNPSBdos, possibilitando o desenvolvimento de novos recursos para produção. Este livro objetiva ensinar a todos que desejam criar rĂłtulos com o Illustrator, VN EPT QSJODJQBJT TPGUXBSFT HSĂ&#x2C6;ĂśDPT EB Ă&#x2C6;SFB .BT BMĂ?N EJTTP FOTJOB P EFTFOIP EF 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. #PB MFJUVSB
10
Desenho de RĂłtulos com Illustrator
CapĂtulo 1 Conceitos BĂĄsicos
A importância do rĂłtulo 0 RVF EJGFSF VN QSPEVUP EF PVUSP OB QSBUFMFJSB /B FSB EP BVUP TFSWJĂ&#x17D;P PT DPOTVmidores observam por cerca de poucos segundos uma gama enorme de produtos para FTDPMIFS P RVF WĂ?P DPNQSBS .FTNP P QSFĂ&#x17D;P OĂ?P DPOTFHVF TFS NBJT GPSUF EP RVF P BQFMP EB FNCBMBHFN 5FTUF Ă&#x2039;T DFHBT KĂ&#x2C6; WJSPV BUĂ? DBNQBOIB QVCMJDJUĂ&#x2C6;SJB EF NBSDB EF DFSWFKB P que prova que mesmo o conteĂşdo de um produto muitas vezes nĂŁo ĂŠ o motivo da esDPMIB EP NFTNP 0 BQFMP EB FNCBMBHFN EP SĂ&#x2DC;UVMP F EB NBSDB Ă? B QSJODJQBM GFSSBNFOUB RVF BT FNQSFTBT QPTTVFN QBSB DPOWFODFS P DPOTVNJEPS DPN VN SĂ&#x2C6;QJEP PMIBS Conhecer o ponto de venda, as marcas, as embalagens e rĂłtulos dos produtos concorrentes ĂŠ de extrema importância para o designer. 0 SĂ&#x2DC;UVMP TFSWF QBSB USB[FS BT JOGPSNBĂ&#x17D;Ă&#x153;FT OFDFTTĂ&#x2C6;SJBT QBSB P DPOTVNJEPS DPNP quantidade de produto, local de fabricação, prazo de validade, modo de usar, compoOFOUFT RVĂ&#x201C;NJDPT FOUSF EJWFSTBT PVUSBT .BT BMĂ?N EJTTP P SĂ&#x2DC;UVMP QBTTPV B DBSSFHBS B 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 FN QSPEVUPT JOGBOUJT )Ă&#x2C6; RVFN EJWVMHVF OPT SĂ&#x2DC;UVMPT BĂ&#x17D;Ă&#x153;FT DPNVOJUĂ&#x2C6;SJBT PV FWFOUPT EF 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. ² DPNVN FODPOUSBS NVJUPT QSPCMFNBT F EĂ&#x17E;WJEBT EVSBOUF P EFTFOWPMWJNFOUP .BT P RVF OĂ?P EFWFNPT EFJYBS BDPOUFDFS Ă? B QFSEB EF GPDP F P RVFTUJPOBNFOUP DPN
CapĂtulo 01 - Conceitos BĂĄsicos
11
CĂłdigo de barras 0 $Ă&#x2DC;EJHP EF CBSSBT BUSJCVJ VN OĂ&#x17E;NFSP FTQFDĂ&#x201C;ĂśDP B VN QSPEVUP 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. " FNQSFTB SFTQPOTĂ&#x2C6;WFM QPS GPSOFDFS P DĂ&#x2DC;EJHP OVNĂ?SJDP OFDFTTĂ&#x2C6;SJP QBSB B FNJTTĂ?P EP DĂ&#x2DC;EJHP EF CBSSBT Ă? B (4 #SBTJM 7JTJUF P TJUF http://www.gs1br.org/ 0 $Ă&#x2DC;EJHP EF CBSSBT Ă? HFSBEP QPS TPGUXBSFT FTQFDĂ&#x201C;ĂśDPT /P TJUF EB (4 #SBTJM IĂ&#x2C6; informaçþes sobre o programa que gera os nĂşmeros do cĂłdigo que posteriormente TFSĂ&#x2C6; JOTFSJEP OP SĂ&#x2DC;UVMP EP QSPEVUP CFN DPNP PT UJQP EF JEFOUJĂśDBĂ&#x17D;Ă?P RVF QPEFN TFS 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. %FTTB GPSNB DPOWFSTF TFNQSF DPN TFV DMJFOUF F QFSHVOUF TF FTTF SĂ&#x2DC;UVMP EFWFSĂ&#x2C6; DPOUFS P FTQBĂ&#x17D;P OFDFTTĂ&#x2C6;SJP QBSB DĂ&#x2DC;EJHP EF CBSSBT F BJOEB RVBM Ă? P UJQP EFTTF DĂ&#x2DC;EJHP que pode variar dependendo do produto e do comĂŠrcio. "MĂ?N EJTTP B VUJMJ[BĂ&#x17D;Ă?P EP DĂ&#x2DC;EJHP EF CBSSBT SFRVFS VNB BUFOĂ&#x17D;Ă?P FTQFDJBM )Ă&#x2C6; VN manual que pode ser visualizado no site da empresa, mas que disponibilizamos para download no site da Editora Leon. 0 MPDBM POEF P DĂ&#x2DC;EJHP EF CBSSBT Ă? QPTJDJPOBEP EFQFOEF EF VNB TĂ?SJF EF GBUPSFT EFTEF B FNCBMBHFN FN TJ BUĂ? B GPSNB EF JNQSFTTĂ?P ² JNQPSUBOUF DPOTVMUBS B HSĂ&#x2C6;ĂśDB QBSB FOUFOEFS EPT QSPDFTTPT QPJT EFQFOEFOEP EB JNQSFTTĂ?P QPEF TFS SFDPNFOEĂ&#x2C6;WFM o posicionamento do cĂłdigo de barras no sentido da impressĂŁo a fim de evitar probleNBT EF EJTUPSĂ&#x17D;Ă?P PV PVUSPT FSSPT HSĂ&#x2C6;ĂśDPT Entre diversos tipos de cĂłdigos de barras, o mais utilizado para produtos a WFOEB FN MPKBT OP WBSFKP Ă? P &"/ &MF QPEF TFS SFEJNFOTJPOBEP BUĂ? PV OP NĂ&#x201C;OJNP EP UBNBOIP SFBM
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. 4FHVOEP B "CSF "TTPDJBĂ&#x17D;Ă?P #SBTJMFJSB EF &NCBMBHFOT B TJNCPMPHJB EF SFDJDMĂ&#x2C6;veis nĂŁo possui uma legislação especĂfica que defina sua aplicação. Por isso, as orientaĂ&#x17D;Ă&#x153;FT TĂ?P GFJUBT B DPN CBTF FN /PSNBT 5Ă?DOJDBT QVCMJDBEBT QFMB "#/5 Consulte o site da Abre para saber em detalhes: http://www.abre.org.br/meio_orientacao_simbologia.php #BTJDBNFOUF PT TĂ&#x201C;NCPMPT EFWFN TFS BQMJDBEPT BQFOBT OBT FNCBMBHFN RVF QPEFN TFS SFDJDMBEBT B FNQSFTB EFWF TF DFSUJĂśDBS EF BDPSEP DPN P NBUFSJBM 0T TĂ&#x201C;NCPlos nĂŁo podem ser acompanhados de textos, apenas a denominação do material. $PN P TĂ&#x201C;NCPMP EP NBUFSJBM EFWF TFS JODMVĂ&#x201C;EP P EP %FTDBSUF 4FMFUJWP UBNCĂ?N TFN OFOIVN UFYUP OP NĂ&#x2C6;YJNP BMHVNB JOGPSNBĂ&#x17D;Ă?P PV JODFOUJWP B SFDJDMBHFN 7FKB BCBJYP PT TĂ&#x201C;NCPMPT EF SFDJDMBHFN RVF QPEFN TFS BQMJDBEPT OPT SĂ&#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.
!# 6NB KBOFMB EF OPNF i8FMDPNF 4DSFFOw 5FMB EF #PBT 7JOEBT TF BCSJSĂ&#x2C6; &MB GVODJPOB como uma espĂŠcie de atalho para criar novos arquivos ou para abrir documentos
VUJMJ[BEPT SFDFOUFNFOUF $MJRVF TPCSF P DĂ&#x201C;SDVMP WFSNFMIP OP DBOUP TVQFSJPS FTRVFSEP PV i9w OP 8JOEPXT OP DBOUP TVQFSJPS EJSFJUP QBSB GFDIĂ&#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;?.
!" 7BNPT DSJBS VN OPWP EPDVNFOto. 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 trabalhanEP FN PVUSB MĂ&#x201C;OHVB OĂ?P IĂ&#x2C6; QSPCMFNB 5PEBT 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
!& 6NB KBOFMB EF OPNF i/FX %PDVNFOUw /PWP EPDVNFOUP TF BCSJSĂ&#x2C6; /FMB WPDĂ? QPEF escolher as opçþes de configuração do seu arquivo. Coloque as mesmas opçþes mosUSBEBT OB JNBHFN BCBJYP F DMJRVF FN i0Lw ! " #
(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;FT EJHJUBEBT BOUFSJPSNFOUF &TTF FTQBĂ&#x17D;P Ă? TVB i"SUCPBSEw PV i1SBODIFUBw POEF GBSĂ&#x2C6; P TFV SĂ&#x2DC;UVMP " CPSEB QSFUB EFUFSNJOB POEF B Ă&#x2C6;SFB UFSNJOB FTTB Ă? B Ă&#x2C6;SFB JNQSJNĂ&#x201C;WFM
28
Desenho de RĂłtulos com Illustrator
02 K¡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Ă?P PòTFU PV øFYPHSBĂśB QBSB QPTUFSJPSNFOUF TFS BQMJDBEP Ă&#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 TBMWF DPNP i 3Ă&#x2DC;UVMP EF .FMw OB QBTUB i.FVT 5SBCBMIPTw DPOGPSNF B JNBHFN !
"
!# 7FKB RVF B QSBODIFUB GPJ DSJBEB com a linha vermelha ao redor, que
SFQSFTFOUB B Ă&#x2C6;SFB EF TBOHSJB 0V TFKB B DPS 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 FN QBSB USBCBMIBS NBJT GBDJMNFOUF "KVTUF RVBOEP BDIBS OFDFTTĂ&#x2C6;SJP
54
Desenho de RĂłtulos com Illustrator
!" 7BNPT DSJBS P GVOEP EP SĂ&#x2DC;UVMP VTBOEP B GFSramenta â&#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 GFSSBNFOUBT F DMJRVF TPCSF B DPS i$ . : , w RVF Ă? VN MBSBOKB OP QBJOFM â&#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 QBSB QSFFODIJNFOUP F B PQĂ&#x17D;Ă?P i/POFw /FOIVNB QBSB DPOUPSOP
%FTTB WF[ WBNPT VTBS B GFSSBNFOUB EF VNB GPSNB EJGFSFOUF EJHJUBOEP B NFEJEB EFTFKBEB BP 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.
7FKB RVF P OPWP SFUĂ&#x2030;OHVMP foi formado perfeitamente alinhado ao retângulo laranja.
%JHJUF BT NFEJEBT DPOGPSNF B JNBHFN BCBJYP F DMJRVF FN i0Lw
CapĂtulo 02 - Primeiros Passos
55
03 K¡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 HBSSBGB EF Ă&#x2C6;HVB 0T EPJT QSJNFJSPT SĂ&#x2DC;UVMPT GPSBN GFJUPT BQFOBT DPN B QBSUF EB GSFOUF sem o verso com as demais informaçþes do produto, apenas para ensinar os conceitos CĂ&#x2C6;TJDPT EP TPGUXBSF *MMVTUSBUPS 1PSĂ?N FTUF TFSĂ&#x2C6; VN USBCBMIP DPNQMFUP EF VN SĂ&#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ร GFJUP QBSB VNB HBSSBGB EF ร HVB EF VN MJUSP F NFJP
Abra o Illustrator e configure o novo arquivo conforme a imagem abaixo. Esse rรณtulo
0 GVOEP EFTTF Sร UVMP TFSร CSBODP 1PSUBOUP TF FTTF Sร UVMP GPS JNQSFTTP FN VN QBQFM CSBODP Oร P TFSร OFDFTTร SJP VTBS VNB DPS EF GVOEP DPNP รถ[FNPT OPT FYFSDร DJPT BOUFSJPSFT
!# 7BNPT DPNFร BS DPN B GFSSBNFOUB i4IBQFw 'PSNB Clique e deixe o botรฃo do mouse pressionado sobre a
GFSSBNFOUB i1PMZHPOw 1PMร HPOP RVF GPJ B ร MUJNB VUJMJ[BEB OP QSPHSBNB .FTNP EFQPJT RVF WPDร UJWFS GFDIBEP F BCFSUP P QSPHSBNB FMB DPOUJOVBSร IBCJMJUBEB OP QBJOFM EF GFSSBNFOUBT Assim, com o mouse ainda pressionado, leve-o atรฉ a ferraNFOUB i3PVOEFE 3FDUBOHMFw F TPMUF QBSB IBCJMJUร MB $MJRVF TPCSF RVBMRVFS ร SFB EB QSBODIFUB F QSFFODIB B KBOFMB โ 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 RVF B DPS B[VM DPN BT QPSDFOUBHFOT i$ . : , w NPTUSBEBT OB JNBHFN BP MBEP %FQPJT BSSBTUF B QBSB P QBJOFM i4XBUDIFTw
Antes
68
Depois
Desenho de Rรณtulos com Illustrator
CapĂtulo 3 Alimentos
"HPSB RVF KĂ&#x2C6; DPOIFDFNPT BT GFSSBNFOUBT F SFDVSTPT CĂ&#x2C6;TJDPT EP *MMVTUSBUPS WBNPT DPOUJnuar o aprendizado nos aprofundando mais nas ferramentas importantes e na sua utilização. .VJUBT WF[FT DPOIFDFNPT B GVOĂ&#x17D;Ă?P EFMBT NBT BJOEB BTTJN OĂ?P DPOTFHVJNPT QFSDFCFS BT EJWFSTBT QPTTJCJMJEBEFT EF VUJMJ[BĂ&#x17D;Ă?P OP QSPDFTTP EF DSJBĂ&#x17D;Ă?P %VSBOUF UPEPT PT FYFSDĂ&#x201C;DJPT WPDĂ? WFSĂ&#x2C6; RVF BT NFTNBT GFSSBNFOUBT QPEFN DSJBS JOĂ&#x17E;NFSPT QSPKFUPT EJGFSFOUFT Existem diversos cuidados a se tomar durante a criação de rĂłtulos para alimentos, como WJNPT BOUFSJPSNFOUF OB DSJBĂ&#x17D;Ă?P EP SĂ&#x2DC;UVMP EF Ă&#x2C6;HVB 1BSB TBCFS RVBJT JOGPSNBĂ&#x17D;Ă&#x153;FT EFWFN DPOTUBS OP SĂ&#x2DC;UVMP Ă? QSFDJTP DPOTVMUBS B "/7*4" P *ONFUSP F P .JOJTUĂ?SJP EB "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. 0 SĂ&#x2DC;UVMP OP QSPEVUP BMJNFOUĂ&#x201C;DJP Ă? EF JNQPSUĂ&#x2030;ODJB WJUBM 4FSWF QBSB RVF P DPOTVNJEPS 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Ă?N EBT GFSSBNFOUBT CĂ&#x2C6;TJDBT EP *MMVTUSBUPS FOTJOBEBT OP DBQĂ&#x201C;UVMP BOUFSJPS 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;FT OFDFTTĂ&#x2C6;SJBT QBSB B DSJBĂ&#x17D;Ă?P EPT TFVT SĂ&#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;UFS JOGPSNBUJWP NBT OĂ?P TVCTUJUVFN B DPOTVMUB BPT Ă&#x2DC;SHĂ?PT F JOTUJUVJĂ&#x17D;Ă&#x153;FT SFTQPOTĂ&#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. %FTTF FYFSDĂ&#x201C;DJP FN EJBOUF WPDĂ? BQSFOEFSĂ&#x2C6; B EFTFOIBS PT 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 F P RVF NBJT GPS OFDFTTĂ&#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 QBJOFM i"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Ă?P 4VBWF 7FKB P SFTVMUBEP
$%
"HPSB DPN B FMJQTF QSPOUB WBNPT DPQJĂ&#x2C6; MB QBSB BQMJDBS OPT MPDBJT EFTFKBEPT %FTTB WF[ WBNPT VUJMJ[BS VN SFDVSTP EJGFSFOUF QBSB DĂ&#x2DC;QJB .BOUFOIB B UFDMB i"MUw EP UFDMBEP pressionada, clique e mantenha o botĂŁo do mouse tambĂŠm pressionado sobre a elipse, e em TFHVJEB BSSBTUF QBSB P MBEP 4PMUF P CPUĂ?P EP NPVTF F B UFDMB 7FKB RVF B OPWB FMJQTF GPJ DSJBEB 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 (JSF BT FMJQTFT QBSB Ăś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$PQZw F i1BTUFw $PQJBS F $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 TBJS EF USĂ&#x2C6;T F QBTTBS QBSB a frente, clique sobre o mesmo segurando a UFDMB iDPOUSPMw .BD PV com o botĂŁo direito do NPVTF 8JOEPXT WĂ&#x2C6; atĂŠ a opção â&#x20AC;&#x153;Arrangeâ&#x20AC;? 0SHBOJ[BS F DMJRVF FN i#SJOH UP 'SPOUw 5SB[FS para frente). Para passar P PCKFUP QBSB USĂ&#x2C6;T GBĂ&#x17D;B P mesmo procedimento e escolha a opção â&#x20AC;&#x153;Send to #BDLw &OWJBS QBSB USĂ&#x2C6;T
Teclas de atalho: Trazer para frente shift
+
shift
+
command
Ctrl
+
]
+
]
+
[
+
[
Enviar para trĂĄs shift
+
shift
+
command
Ctrl
$)
7BNPT EFJYBS PT SBNPT TPCSF BT PMJWBT NBT QBSB JTTP OĂ?P Ă? QPTTĂ&#x201C;WFM VUJMJ[BS P SFDVSTP i#SJOH UP GSPOUw 5SB[FS QBSB GSFOUF FOTJOBEP BOUFSJPSNFOUF QPJT PT PCKFUPT FTUĂ?P FN iMBZFSw EJGFSFOUFT F B iMBZFSw EPT SBNPT FTUĂ&#x2C6; FNCBJYP EB iMBZFSw EBT PMJWBT $PNP FOTJOBEP OP $BQĂ&#x201C;UVMP B PSEFN EF TPCSFQPTJĂ&#x17D;Ă?P EPT PCKFUPT TFHVF B PSEFN EF TPCSFQPTJĂ&#x17D;Ă?P EBT iMBZFSTw QPS JTTP WBNPT NPWĂ? MBT DPOGPSNF OPTTB OFDFTTJEBEF $MJRVF F TFHVSF TPCSF B iMBZFSw i0MJWB FMJQTFTw F BSSBTUF QBSB CBJYP EB iMBZFSw i0MJWB SBNPTw POEF EFTFKB QPTJDJPOĂ&#x2C6; MB DPOGPSNF BT JNBHFOT 7FKB P SFTVMUBEP
Veja que os ramos estĂŁo acima das olivas.
$(
"HPSB RVF BT PMJWBT KĂ&#x2C6; FTUĂ?P OP MPDBM DPSSFUP WBNPT VTBS B GFSSBNFOUB i1FODJMw -Ă&#x2C6;QJT novamente para criar essa curva que imita um ponto de luz sobre elas. Crie uma nova iMBZFSw EĂ? P OPNF EF i0MJWB MV[w F CMPRVFJF BT EFNBJT Faça uma linha sobre a elipse, conforme a imagem.
CapĂtulo 03 - Alimentos
103
06 K¡mneh ]^ <Z_ÂŽ 0 DBGĂ? Ă? DPNFSDJBMJ[BEP FN WĂ&#x2C6;SJPT UJQPT EF FNCBMBHFOT EFTEF DBJYBT B ø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 UJQP EF GPSNB 0 VTP EFTTB GFSSBNFOUB SFRVFS VN QPVDP EF USFJOP OP JOĂ&#x201C;DJP NBT EFpois 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.
!# "HPSB WBNPT QSFQBSBS B QSBODIFUB DPN BT HVJBT RVF JOEJDBSĂ?P B Ă&#x2C6;SFB EB GSFOUF EB FNbalagem, das laterais, do verso e ainda, das margens. Habilite a visualização das rĂŠguas FN i7JFXw w3VMFSTw w4IPX 3VMFSTw &YJCJS 3Ă?HVBT .PTUSBS SĂ?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
4PCSF P QPOUP DMJRVF F NBOUFOIB P NPVTF QSFTTJPOBEP NPWJNFOUBOEP P QBSB B FTRVFSEB Solte quando estiver no forma to desejado.
$
Em seguida, aproxime o mouse do prĂłximo vĂŠrtice exatamente sobre o primeiro ponUP RVF Ăś[FNPT DPN B DBOFUB F WFKB RVF BQBSFDF VN QFRVFOP DĂ&#x201C;SDVMP BP MBEP EP DVSTPS *TTP JOEJDB RVF BP DMJDBS OBRVFMF MPDBM P PCKFUP TFSĂ&#x2C6; GFDIBEP PV TFKB P ĂśOBM EP segmento encontra o inĂcio. Clique no ponto para fechar o objeto.
%
7FKB P SFTVMUBEP
$'
1BSB FEJUBS PT QPOUPT TFMFDJPOF B GFSSBNFOUB i%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 manUFOIB P NPVTF QSFTTJPOBEP TPCSF B BMĂ&#x17D;B EB Ă&#x2030;ODPSB F movimente o mouse para redefinir o desenho. Faça todas BT NPEJĂśDBĂ&#x17D;Ă&#x153;FT OFDFTTĂ&#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 JOEJDBEB OB JNBHFN BP MBEP 7Ă&#x2C6; BUĂ? QBJOFM i#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 %FJYF PT DPOUPSOPT DPN QU EF FTQFTTVSB
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, Ă? QPSRVF B PSEFN EPT PCKFUPT FTUĂ&#x2C6; FSSBEB 6UJMJ[F PT SFDVSTPT EF i4FOE UP #BDLw &OWJBS QBSB USĂ&#x2C6;T F i#SJOH UP GSPOUw 5SB[FS para a frente) para reorganizar os objetos.
ยฒ QPTTร WFM RVF B KVOร ร P EB DVSWB F EB FTQJSBM รถRVF DPN VNB QPOUB /FTTF DBTP TFMFDJPOF B ร ODPSB DPN B w%JSFDU 4FMFDUJPO 5PPMw 'FSSBNFOUB 4FMFร ร P EJSFUB F DMJRVF TPCSF B PQร ร P i$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.
&% $PN PT PCKFUPT TFMFDJPOBEPT Wร BUร P QBJOFM EF DPOUSPMF F BQMJRVF P FTUJMP EF i#SVTIw 1JODFM JOEJDBEP OB JNBHFN EFJYF DPN QU EF FTQFTTVSB F FN TFHVJEB 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 WBNPT VUJMJ[BS VN FGFJUP FTQFDJBM 4FMFDJPOF VNB EBT JNBHFOT WĂ&#x2C6; FN i&òFDUw &GFJUP i4UZMJ[Fw &TUJMJ[BS F TFMFDJPOF B PQĂ&#x17D;Ă?P i0VUFS (MPXw #SJMIP FYUFSOP Preencha a janela de opçþes como mosUSB BP MBEP %Ă? EPJT DMJRVFT OP RVBESBEP DPN B DPS F OB PQĂ&#x17D;Ă?P EF $.:, JOTJSB BT cores como mostra a imagem. Clique em i0Lw F FN TFHVJEB OPWBNFOUF FN i0Lw
7FKB P SFTVMUBEP
182
Desenho de RĂłtulos com Illustrator