Desenho de Rótulos com Illustrator
-
Upload
raissa-palamarczuk -
Category
Documents
-
view
302 -
download
6
description
Transcript of 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$%%)$*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.
Desenho de Rótulos com Illustrator18
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.
Desenho de Rótulos com Illustrator20
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.
Desenho de Rótulos com Illustrator28
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.
Capítulo 02 - Primeiros Passos 53
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:
Desenho de Rótulos com Illustrator54
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
!#
!
"
Capítulo 02 - Primeiros Passos 55
-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.
Capítulo 02 - Primeiros Passos 67
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:
Desenho de Rótulos com Illustrator68
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
Desenho de Rótulos com Illustrator92
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:
Desenho de Rótulos com Illustrator102
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.
Capítulo 03 - Alimentos 103
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
[
[
++
++
Capítulo 03 - Alimentos 147
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/+/&+)/"(-)%./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:
Desenho de Rótulos com Illustrator148
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.
!$
!#
Capítulo 03 - Alimentos 159
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
"#
!
Desenho de Rótulos com Illustrator174
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”
!
!
"
"
#
#
$
$
Desenho de Rótulos com Illustrator176
-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.
Desenho de Rótulos com Illustrator182
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.
%'
%%