desenho de rótulos com illustrator

Desenho de Rótulos com Illustrator

Desenho de Rótulos com Illustrator

Raissa Palamarczuk

1a Edição

São Paulo

Editora Leon

2012

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

./%&&/*!/$/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,

,'&$#-#.*("%(-%/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&,&*

-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:

Dedicatória

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

Abertura 7

Seu computador

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

* 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.

Windows

-

-

adicional livre durante a instalação (não é possível instalar em dispositivos de

Mac OS

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

Desenho de Rótulos com Illustrator10

Apresentação

-

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.

técnica sobre o mercado, falta de “brie!ng” por parte do cliente, falta de revisão,

isso, é preciso não se conformar. Não desistir de encontrar a solução para determina-do rótulo ou embalagem, tanto em matéria de design quanto de conteúdo técnico

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 dis-

-dos, possibilitando o desenvolvimento de novos recursos para produção.

Este livro objetiva ensinar a todos que desejam criar rótulos com o Illustrator,

rótulos com pro!ssionalismo, seguindo as especi!caçõ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 de-talhes para determinado tipo de rótulo. Aprenda a desenhar rótulos com pro!ssionalismo.

Capítulo 01 - Conceitos Básicos 11

Conceitos Básicos

Capítulo 1

-midores observam por cerca de poucos segundos uma gama enorme de produtos para

que prova que mesmo o conteúdo de um produto muitas vezes não é o motivo da es-

Conhecer o ponto de venda, as marcas, as embalagens e rótulos dos produtos concorrentes é de extrema importância para o designer.

quantidade de produto, local de fabricação, prazo de validade, modo de usar, compo-

identidade da empresa, da marca. Passou a envolver o consumidor com outras infor-mações atrativas, como receitas, dicas de utilização, ou brincadeiras e passatempos

interesse do público alvo. Tudo isso para convencer o consumidor.

A importância do rótulo

Processo de criaçãoApenas depois de pensar em todas as soluções que envolvem a produção, ven-

da, distribuição, consumo e, em alguns casos, reutilização ou reciclagem, além de es-tudar o produto, a marca e o fabricante, é que o designer inicia o processo de criação

transmitir toda a informação pensada no planejamento, por isso, é de suma importân-cia a escolha mais adequada das cores, formas, imagens, textos, entre outros.


Código de barras-

gas. 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, di!cilmente conse-guirão distribuir seus produtos sem o código de barras.

-

http://www.gs1br.org/

informações sobre o programa que gera os números do código que posteriormente

aplicadas a produtos e serviços.

Algumas empresas fazem a impressão do código direto no rótulo, outras utili-zam outros métodos de aplicação, como o código de barras impresso em papel adesi-vo que é aplicado posteriormente.

que pode variar dependendo do produto e do comércio.

manual que pode ser visualizado no site da empresa, mas que disponibilizamos para download no site da Editora Leon.

o posicionamento do código de barras no sentido da impressão a !m de evitar proble-

Entre diversos tipos de códigos de barras, o mais utilizado para produtos a

Capítulo 01 - Conceitos Básicos 19

A cor do código de barras pode ser alterada, no entanto, deve-se tomar pre-cauçã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 con-trastante em relação ao fundo.

Tamanho: 100%

Tamanho: 80%

Tamanho: 200%

GTIN-13 é o número ex-clusivo para cada item.

Pre!xo de empresa, varia de 7 a 11 dígitos. Numeração de item comercial.

Código veri!cador.


Simbologia de Descarte SeletivoNem 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.

-veis não possui uma legislação especí!ca que de!na sua aplicação. Por isso, as orienta-

Consulte o site da Abre para saber em detalhes: http://www.abre.org.br/meio_orientacao_simbologia.php

--

los não podem ser acompanhados de textos, apenas a denominação do material.

Descarte seletivo Alumínio Aço Vidro

Reciclado PVCPapel Reciclável

PEBD

PET

PP

PEAD

PS Outros

Capítulo 02 - Primeiros Passos 27

Atenção! Neste livro, utilizaremos a versão em inglês do Illustrator. Se estiver trabalhan-

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.

Clique aqui.

Clique aqui.

Sobre o livro

como uma espécie de atalho para criar novos arquivos ou para abrir documentos

-to. Para isso, no canto superior

esquerdo, clique sobre “File” (Arquivo). Em seguida, clique sobre “New” (Novo).

!"

!#

Documentos recentes.

Modelos para novo documento.

Clique aqui para não mostrar essa mensagem novamente. Se quiser vê-la depois, clique em “Help” ou “Ajuda”, na barra de menus e em seguida em “Welcome Screen”.

Abra o Illustrator com duplo clique no ícone do aplicativo.

Windows: Iniciar>Todos os programas>Adobe Sui-Mac: !$

Ícone de atalho do Illustrator.


Agora veja que surgiu um retângulo branco com uma borda preta e com as dimen-!%

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).

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

escolher as opções de con!guração do seu arquivo. Coloque as mesmas opções mos-!&

!

"

#$%

&

'(

!

"

#

$

%

&

'

(

(Personalizado)

(Padrão)

Clique na seta para abrir.


02

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

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

Essa é a imagem do rótulo !nalizado.

Aplicação:


Abra o Illustrator e con!gure o novo arquivo conforme a imagem abaixo (1). Em segui-!$

com a linha vermelha ao redor, que

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

!#

!

"


-ramenta “Rectangle” (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.

Com o retângulo selecionado, habilite a opção de preenchimento no painel de

“Swatches” (Amostras). Em seguida, habilite a opção de contorno e escolha a opção “None” (Nenhuma) para retirar o contorno do objeto.

Agora vamos criar outros elementos que compõem o fundo do rótulo. Habilite a cor

invés de clicar e arrastar o mouse. Selecione a ferramenta “Rectangle” (Retângulo) e clique sobre na âncora do canto superior do retângulo.

!"

!&

!%

Preenchimento

Contorno

Veja ao aproximar o mouse, a palavra “Anchor” (Âncora), apa-rece indicando o local exato. foi formado perfeitamente

alinhado ao retângulo laranja.


03

Neste exercício:N/5%+)+&N)8.(%$")&@//"&*A)33(-)%.(&N).O%$5"/&(33)+/%=+(+/0N5")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/20I7(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+(0Z;7,)%(.)&*Z#Q)3%#L(30:(%$5($)&*[+#/-(0A3))&@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

Para encerrar o “Capítulo 2 - Primeiros Passos”, vamos desenhar um rótulo para

sem o verso com as demais informações do produto, apenas para ensinar os conceitos

tipo manga (sleeve), com todos os detalhes técnicos e obrigatórios.

Essa é a imagem !nalizada do rótulo.

Aplicação:


Abra o Illustrator e con!gure o novo arquivo conforme a imagem abaixo. Esse rótulo !$

Clique e deixe o botão do mouse pressionado sobre a

Assim, com o mouse ainda pressionado, leve-o até a ferra-

“Rounded Rectangle” como mostra a imagem.

!#

Veja como !cará o quadrado com cantos arredondados.

Leque do grupo de ferramentas.

Para mudar a cor do quadrado, selecione-o e apli-!"

Antes Depois

Capítulo 03 - Alimentos 91

Alimentos

Capítulo 3

-nuar o aprendizado nos aprofundando mais nas ferramentas importantes e na sua utilização.

-

Existem diversos cuidados a se tomar durante a criação de rótulos para alimentos, como -

também o código de defesa do consumidor para saber se falta alguma informação no rótulo ou embalagem antes de !nalizar o projeto.

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 va-rejo 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 “convencer” o consumidor da compra.

Por isso, neste capítulo, vamos aprender a desenhar alguns rótulos de alimentos uti-

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.

Não deixe de consultar o fabricante do produto para obter as -

acima para saber as informações obrigatórias da rotulagem de alimentos. Todas as informações apresentadas nesse livro têm

Dica Técnica


Neste exercício:

Nesse rótulo vamos aprender novos recursos do Illustrator que serão utilizados ao longo de todo o livro.

-rias e informações obrigatórias, incluindo frente e verso,

')%8#"&@//"&*A)33(-)%.(&:?7#20>352,)2&'(%)"&*'(#%)"&+)&'#%8P#20G(3#(4")&E#+.,&'3/Q#")&*')3Q#"&+)&"(3$53(&J(3#?J)"0>352,&:#43(3#)2&S)%5&*S)%5&>#4"#/.)8(&+)&7#%8P#20A#""\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?20F%J)"/7)&1#2./3.D&S(C)&H#.,&E(37&*1#2./39M/&+)&)%J)"/7)D&<3#(3&8/-&+)Q/3-(9M/0

Aplicação:


Posicione as elipses como mostra a ima-

como indicado.

$'

pressionada, clique e mantenha o botão do mouse também pressionado sobre a elipse, e em

onde o mouse foi posicionado. Repita o processo para criar uma terceira elipse.

$%

Esse recurso é melhor em relação ao

evitar de reposicionar o novo objeto, pois este é criado exatamente onde o botão do mouse for solto.

Dica do Illustrator

Mudamos a cor da “layer” para laranja para melhorar a visualização.

Além de aplicar os pincéis a segmentos abertos, tam-bé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 “Artistic” (Artístico) e abra o

Selecione a elipse e aplique o “brush” “Charcoal Smooth“ (Car-

$&

Você também pode aumentar ou diminuir um pouco o tamanho das

olivas caso queira, lembrando-se de manter o “Shift” pressionado.


Para fazer um objeto

a frente, clique sobre o mesmo segurando a

com o botão direito do

até a opção “Arrange”

para frente). Para passar

mesmo procedimento e escolha a opção “Send to

Dica do Illustrator

$( novamente para criar essa curva que imita um ponto de luz sobre elas. Crie uma nova

$)

Veja que os ramos estão acima das olivas.

Faça uma linha sobre a elipse, conforme a imagem.

Trazer para frente

Enviar para trás

Teclas de atalho:

command shift

Ctrl shift

]

]

++

++

command shift

Ctrl shift

[

[

++

++


06

Neste exercício:

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 Illustra-tor: a “Pen Tool” (Ferramenta caneta), que pode ser utilizada para desenhar qualquer

-pois de compreender seu funcionamento, ela se torna um excelente recurso para a maioria dos trabalhos.

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

Aplicação:


Abra um novo documento no Illustrator com as mesmas con!gurações mostradas na imagem abaixo.

-balagem, das laterais, do verso e ainda, das margens. Habilite a visualização das réguas

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, veri!que se a opção “Lock Guides” (Bloquear guias) no menu “View”>”Guides” (Exibir>Guias) está habilitada e desabilite-a.

!$

!#


Solte quando estiver no forma to desejado.

$

%

Em seguida, aproxime o mouse do próximo vértice exatamente sobre o primeiro pon-

segmento encontra o início. Clique no ponto para fechar o objeto.

-rect Selection Tool” (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 modi!car (2). Clique e man-

movimente o mouse para rede!nir o desenho. Faça todas

"#

!


Para !nalizar a xícara, selecione todos os objetos e deixe sem preenchimento e com a cor de contorno

abra a biblioteca “Artistic”>”Artistic Inc” (Artístico>Tinta_ar-tística) e aplique o último pincel, “Tapered Stroke” (Traçado

&#

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

Se a xícara !car como na imagem abaixo,

para a frente) para reorganizar os objetos.

Dica do Illustrator

“C= 40, M=70, Y=100, K=50”“C= 50, M=70, Y=80, K=70” “C= 40, M=65, Y=90, K=35”

“C= 35, M=55, Y=80, K=30”

!

!

"

"

#

#

$

$


-vert selected anchor points to smooth” (Converter pontos âncora selecionados em suave).

Repita o processo na outra espiral conforme a imagem.

posicione a fumaça sobre a xícara. &%

# Veja que assim o traçado !ca sem ponta.


Perceba que as imagens dos produtos quase desaparecem no fundo escuro. Para des-

Preencha a janela de opções como mos-

cores como mostra a imagem. Clique em

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

%'

%%

desenho de rótulos com illustrator

Documents