Documente Academic
Documente Profesional
Documente Cultură
Desenho de Rtulos
com Illustrator
1a Edio
So Paulo
Editora Leon
2013
Editora Leon
Publishing House
Raissa Palamarczuk
Autora
Rene Carlos Cruz Rodrigues
Editor Chefe
1. Edio
Sumrio
Abertura ............................................................................................................................................... 07
Seu computador ................................................................................................................ 07
Sumrio ................................................................................................................................ 08
Apresentao ....................................................................................................................... 10
Captulo 1 - Conceitos Bsicos ....................................................................................................... 11
A importncia do rtulo ................................................................................................... 11
Processo de criao ........................................................................................................... 11
Cor ............................................................................................................................................ 12
Modos de Cor ..................................................................................................................... 13
CMYK ..................................................................................................................... 13
RGB ......................................................................................................................... 13
Ilustraes ............................................................................................................................ 14
Imagens bitmap ................................................................................................................. 14
Imagem vetorial ................................................................................................................. 14
Tipografia ............................................................................................................................ 16
Classificao ........................................................................................................................ 16
Estilos de fontes ................................................................................................................ 17
Identidade visual - Logo ................................................................................................ 17
Cdigo de Barras ............................................................................................................... 18
Simbologia de Descarte Seletivo ................................................................................. 20
O que deve conter no rtulo? ....................................................................................... 21
Proposta do livro .............................................................................................................. 22
Desenhar rtulos para impresso.................................................................. 22
Desenhar e aplicar rtulos a produtos para apresentao ................... 22
Captulo 2 - Primeiros Passos ....................................................................................................... 23
Rtulo 1 - Shampoo ........................................................................................................ 26
Rtulo 2 - Mel .................................................................................................................... 53
Rtulo 3 - gua ................................................................................................................. 67
Captulo 3 - Alimentos ................................................................................................................... 91
Abertura
Captulo 1
Conceitos Bsicos
A importncia do rtulo
O que difere um produto de outro na prateleira? Na era do auto-servio, os consumidores observam por cerca de poucos segundos uma gama enorme de produtos para
escolher o que vo comprar. Mesmo o preo no consegue ser mais forte do que o apelo
da embalagem. Teste s cegas j virou at campanha publicitria de marca de cerveja, o
que prova que mesmo o contedo de um produto muitas vezes no o motivo da escolha do mesmo. O apelo da embalagem, do rtulo e da marca, a principal ferramenta
que as empresas possuem para convencer o consumidor com um rpido olhar.
Conhecer o ponto de venda, as marcas, as embalagens e rtulos dos produtos
concorrentes de extrema importncia para o designer.
O rtulo serve para trazer as informaes necessrias para o consumidor, como
quantidade de produto, local de fabricao, prazo de validade, modo de usar, componentes qumicos, entre diversas outras... Mas alm disso, o rtulo passou a carregar a
identidade da empresa, da marca. Passou a envolver o consumidor com outras informaes atrativas, como receitas, dicas de utilizao, ou brincadeiras e passatempos
em produtos infantis. H quem divulgue nos rtulos aes comunitrias ou eventos de
interesse do pblico alvo. Tudo isso para convencer o consumidor.
Processo de criao
Apenas depois de pensar em todas as solues que envolvem a produo, venda, distribuio, consumo e, em alguns casos, reutilizao ou reciclagem, alm de estudar o produto, a marca e o fabricante, que o designer inicia o processo de criao
da embalagem. Os elementos visuais que iro compor o rtulo so essenciais para
transmitir toda a informao pensada no planejamento, por isso, de suma importncia a escolha mais adequada das cores, formas, imagens, textos, entre outros.
comum encontrar muitos problemas e dvidas durante o desenvolvimento.
Mas o que no devemos deixar acontecer a perda de foco e o questionamento com
11
Modos de cor
CMYK
CMYK o acrnimo de Ciano (azul), Magenta, Yellow
(amarelo) e Key (chave). A palavra key representa o preto.
Essa substituio de black (preto), por key se d por chamarem a chapa de impresso que continha a cor preta de
key plate, por conter informaes importantes do arquivo.
Outro motivo para que no houvesse muita semelhana
com o sistema de cores RGB, evitanto confuses.
O sistema de cores CMYK utilizado na impresso
com tinta e tambm pode ser chamado de quadricromia.
A combinao das quatro cores pode criar milhes de novas
cores, mas apesar disso, existem algumas que no podem ser
criadas a partir dessas combinaes.
RGB
O sistema de cores aditivas RGB, que significa Red (vermelho), Green (verde), e Blue (azul), utilizado em dispositivos
que emitem luz, como telas e monitores.
Quando estamos trabalhando em nosso computador,
todas as cores que vemos no monitor so RGB. Quando ajustamos o modo de cor do software para CMYK, ele cria uma
combinao em RBG que representa as cores CMYK, mas o
que estamos vendo continua sendo RGB. Por isso, preciso
A imagem acima exemplifica a
ter cuidado durante a escolha das cores em um projeto, pois
formao das diferentes cores atraas cores do monitor podem ficar diferentes na impresso. Sem- vs da adio das luzes vermelha,
pre faa um teste de impresso com as cores escolhidas durante verde e azul.
o processo de criao para no ter surpresas no final do projeto.
Nunca devemos utilizar o RGB no lugar do CMYK ou vice-versa. O trabalho com as
cores deve ser bem planejado e testado, pois muito comum haver problemas de cores
diferentes na impresso. Tambm importante conhecer a grfica que far a impresso
do projeto, pois a quantidade de tinta utilizada tambm pode causar diferena nas cores.
Leitura Recomendada
Psicodinmica das Cores, Blucher.
Color Index, F&W Publications.
A Cor no Processo Criativo: Um Estudo sobre a
Bauhaus e a Teoria de Goethe, Senac.
13
Tamanho: 80%
Tamanho: 100%
Tamanho: 200%
Numerao de Cdigo
item comercial. verificador.
A cor do cdigo de barras pode ser alterada, no entanto, deve-se tomar precauo para que no seja um cor muito clara ou muito escura em relao ao fundo
para que haja legibilidade do cdigo. A regra para a escolha da cor que seja contrastante em relao ao fundo.
19
Nota
Este livro foi produzido no Brasil. Fornecemos algumas informaes referentes s normas brasileiras para rotulagem,
a ttulo de exemplo. Voc deve pesquisar junto aos rgos
responsveis do seu pas para saber as informaes obrigatrias para cada tipo de rtulo.
21
Captulo 2
Primeiros Passos
Sobre o livro
Ateno! Neste livro, utilizaremos a verso CS5. Voc pode
utilizar a verso que tiver disponvel para realizar os exerccios, porm, no ter certos recursos e ferramentas ensinados ao longo dos captulos. Visite o site da Adobe para os
recursos das novas verses.
23
01 Rtulo de Xampu
Como primeiro exerccio, vamos aprender a
desenhar um rtulo de xampu. Esse tipo de rtulo
pode ser impresso atravs de diversos mtodos,
no entanto, aprenderemos sobre os detalhes e as
diferenas das formas de impresso mais frente.
Com esse exerccio, conheceremos as ferramentas
mais bsicas do Illustrator.
Aplicao:
Neste exerccio:
Interface do Illustrator
Welcome Screen (Tela de Boas vindas)
New Document (Novo documento)
Artboard (Prancheta) - Bsico
Zoom tool (Ferramenta zoom)
Save as... (Salvar como...)
Hand Tool (Ferramenta Mo)
Rectangle Tool (Ferramenta retngulo)
Selection Tool (Ferramenta Seleo)
Anchor Point (Ponto ncora)
Workspace (rea de trabalho) - Essencials
Undo/Redo (Desfazer/refazer)
Color: Fill/Stroke (Cor: Preenchimento/Contorno)
Swatches Panel (Painel Amostras)
26
02 Rtulo de Mel
Aplicao:
Neste exerccio:
Align Panel (Painel de Alinhamento)
Distribute Space (Distribuir espaamento)
Layers (Camadas) - Bsico
Polygon Tool (Ferramenta Polgono)
Stroke: Weight (Contorno: Espessura)
View: Outline e Preview (Exibir: Contornar e
Visualizao)
53
vamos criar outros elementos que compem o fundo do rtulo. Habilite a cor
05 Agora
Black (Preto) para preenchimento e a opo None (Nenhuma) para contorno.
Dessa vez vamos usar a ferramenta de uma forma diferente, digitando a medida desejada ao
invs de clicar e arrastar o mouse. Selecione a ferramenta Rectangle (Retngulo) e clique
sobre na ncora do canto superior do retngulo.
55
03 Rtulo de gua
Neste exerccio:
Rounded Rectangle Tool (Ferramenta Retngulo arredondado)
Rulers (Rguas) - Bsico
Transform Panel (Painel Transformar): Coordenadas e
dimenses
Transform: Move - Copy - Again (Transformar: Mover Copiar - Novamente)
Layers: Toggles Lock (Camadas: Alterna o bloqueio)
Type: Superscript e Glyphs (Tipo: Sobrescrito e Glifos)
Opacity (Opacidade)
Paragraph: Justify with last line aligned left (Pargrafo:
Justificar com ltima linha alinhada esquerda)
Hyphenate (Hifernizar)
Language (Idioma)
Free Transform Tool (Ferramenta Transformao Livre)
Place (Inserir)
Transform: Scale (Transformar: Escala)
Create Outlines (Criar Contorno)
Aplicao:
67
Captulo 3
Alimentos
Agora que j conhecemos as ferramentas e recursos bsicos do Illustrator, vamos continuar o aprendizado nos aprofundando mais nas ferramentas importantes e na sua utilizao.
Muitas vezes conhecemos a funo delas, mas ainda assim no conseguimos perceber as diversas possibilidades de utilizao no processo de criao. Durante todos os exerccios, voc
ver que as mesmas ferramentas podem criar inmeros projetos diferentes.
Existem diversos cuidados a se tomar durante a criao de rtulos para alimentos, como
vimos anteriormente na criao do rtulo de gua. Para saber quais informaes devem constar no rtulo, preciso consultar a ANVISA, o Inmetro e o Ministrio da Agricultura. Consulte
tambm o cdigo de defesa do consumidor para saber se falta alguma informao no rtulo
ou embalagem antes de finalizar o projeto.
O rtulo no produto alimentcio de importncia vital. Serve para que o consumidor
saiba o que vai ingerir, se pode ingerir, ou, ainda, para que possa escolher os alimentos de
acordo com sua produo, ingredientes, tabela nutricional ou outros fatores.
Alm disso, como a maioria dos produtos vendidos em supermercados ou lojas de varejo no possui outra ferramenta de publicidade alm da prpria embalagem e rtulo, de
extrema importncia que todas as informaes estejam presentes, alm de serem chamativas
para convencer o consumidor da compra.
Por isso, neste captulo, vamos aprender a desenhar alguns rtulos de alimentos utilizando, alm das ferramentas bsicas do Illustrator ensinadas no captulo anterior, algumas
outras de grande importncia, sem deixar de incluir as informaes obrigatrias dos rtulos de
cada produto alimentcio usado como exemplo.
Dica Tcnica
No deixe de consultar o fabricante do produto para obter as
informaes necessrias para a criao dos seus rtulos. essencial consultar tambm os rgos, agncias e cdigo j citados
acima para saber as informaes obrigatrias da rotulagem de
alimentos. Todas as informaes apresentadas nesse livro tm
carter informativo, mas no substituem a consulta aos rgos e
instituies responsveis.
Captulo 03 - Alimentos
91
04 Rtulo de Azeite
Neste exerccio:
Pencil Tool (Ferramenta Lpis)
Brushes Panel (Painel de Pincis)
Variable Width Profile (Perfil de largura varivel)
Brush Libraries Menu (Menu Biblioteca de pincis)
Fill/Stroke (Cor de preenchimento/Cor de contorno)
Arrange: Bring to Front/Send to Back (Organizar:
Trazer para frente/Enviar para trs)
Envelope Distort: Make with Warp (Distoro de
envelope: Criar com deformao)
92
Aplicao:
36
Uma informao que no pode faltar nos rtulos sobre a indstria de fabricao
do produto. Assim, vamos acrescentar o texto indicado no rtulo. Configure conforme as imagens e posicione.
Posicione o texto
na base da parte da
frente do rtulo.
116
37
Captulo 03 - Alimentos
117
05 Rtulo de Chocolate
Neste exerccio:
Aplicao:
Guides (Guias)
Swatches Panel (Painel de Amostras)
- Avanado
Pathfinder: Minus Front (Pathfinder:
Menos frente)
Stroke Panel (Painel de Traado)
Warp tool (Ferramenta Deformar)
118
13
Aplique a amostra
White e deixe
sem contorno conforme a imagem.
Mantenha a layer Guias visvel para posicionar o retngulo de acordo com a rea destinada a frente do rtulo. Deixe o retngulo um pouco para baixo, no centralizado verticalmente, pois mais adiante faremos outro objeto para ocupar a parte de cima da frente do rtulo.
Utilize o painel Align (Alinhar) para alinhar o retngulo horizontalmente ao centro da prancheta.
126
Veja o resultado.
Escolha a verso do verso que preferir. Desabilite a visualizao da layer Guias para
ver melhor o resultado do seu trabalho.
37
Captulo 03 - Alimentos
147
Captulo 5
Preparao do arquivo para impresso
Nota: Os Captulos 5 e 6 deste livro foram escritos por Rene Rodrigues
(editor). Foram produzidos em um computador com sistema operacional
Windows e com o Illustrator instalado em Portugus.
Introduo
O Illustrator uma poderosa ferramenta para o designer grfico. Ele s tem como
limite a imaginao de quem sabe us-lo. No entanto, de vital importncia conhecer as
diferenas entre produzir arquivos para meios eletrnicos e produzi-los para artes grficas.
Posso dizer, simplificando, que tanto a comunicao eletrnica (digital) quanto a
impressa dispem de muitos recursos na produo de peas de comunicao. Muitos
desses recursos se cruzam nos dois processos como o caso dos arquivos JPEG que so
usados tanto na imagem de um site quanto na produo de um impresso. Apesar de
bvia, a afirmao: deve-se ter cuidado para no misturar as coisas, pois elas so diferentes me fez apresentar alguns conceitos bsicos sobre impresso grfica, tambm
diferente da impresso digital.
O designer grfico que pretende trabalhar de forma profissional e com bom desempenho precisa de conhecimentos tcnicos que vo muito alm de operar e controlar
um software grfico. Ele precisa conhecer artes grficas.
Para o profissional que pretende se especializar no segmento de rtulos e embalagens a situao a mesma. necessrio conhecer muito mais alm do software usado
para produzir a arte.
Dois captulos no so suficientes para falar tudo que necessrio sobre preparao e fechamento de arquivos para impresso. Portanto, pretendo de maneira resumida
ser o mais claro possvel nas informaes resumidas.
Antes de mais nada quero esclarecer alguns termos que usarei nestes captulos:
Arte final - Chamo de arte final o arquivo usado para construir o layout do rtulo ou
embalagem.
Preparao do arquivo - Dou esse nome ao arquivo da Arte Final ajustado s necessidades da pr-impresso e aos diferentes processos de impresso. O arquivo da arte
final e da preparao compartilham a mesma imagem, porm so diferentes.
Arquivo fechado - Dou esse nome ao arquivo em PDF preparado para impresso.
272
275
Em qualquer processo de impresso, seja ele, offset, flexografia, rotogravura, serigrafia e tampografia existem dois modos de trabalhar com as cores: por reticulado ou
cor chapada. O reticulado divide a imagem em pequenos pontos, maiores e menores,
que proporcionam a iluso tica de vrias tonalidades, figura abaixo a esquerda. Na impresso grfica esses pontos so muito pequenos impossveis de serem reconhecidos a
olho nu. O processo de quadricromia usa esse recurso para produzir cada uma das quatro cores. A cor chapada uma massa de tinta nica, figura abaixo a direita.
Quadricromia
A quadricromia o recurso grfico que separa qualquer imagem colorida, seja ela
uma foto ou um desenho em quatro cores bsicas: ciano, amarelo, magenta e preto. Na
quadricromia utilizado o recurso de reticulado para a produo de cada cor.
277
Cor especial
Qualquer cor que estiver fora do padro de tonalidade da quadricromia considerada cor especial. Ela pode ser chapada ou reticulada e continuar sendo uma cor especial. Quando voc cria ou administra uma cor no Illustrator a janela Opo de amostra
no sub menu Tipo e cor: identifica se essa cor Cor de escala (quadricromia) ou se
cor especial.
Existem vrios sistemas que controlam
a tonalidade das cores.
Um deles o Pantone.
Antes de mandar
seu arquivo para a grfica possvel conferir a
separao de cores.
278
importante verificar a separao de cores para certificar-se que cada detalhe que
voc acrescentou no seu layout esteja correto. Essa verificao tambm nos mostra os
detalhes das cores especiais e se elas esto separadas da quadricromia.
Fundo branco
Na impresso sobre materiais transparentes comum usar o fundo branco como
uma quinta cor de impresso. Isso feito para evitar que a transparncia das cores da
quadricromia recebam interferncia da cor da embalagem ou da cor do produto.
Como exemplo, vamos supor que o rtulo que estudamos neste captulo seja impresso em material auto-adesivo transparente.
Considerando que a maioria das garrafas de azeite so verde escuro, as imagem
da quadricromia ficariam completamente escuras, pois elas so transparente e receberiam a interferncia da cor
da garrafa. Para que as cores
do rtulo apaream e se destaquem necessrio a impresso de uma quinta cor: o
branco.
Na figura ao lado voc
pode ver a imagem da cor
branca, deixando apenas as
azeitonas transparentes.
Essa quinta cor (branca) pode ser construda em
um arquivo separado usando
a mesma estrutura do arquivo principal ou ainda feita no
arquivo principal como cor
especial.
A preparao do arquivo requer cuidado e avaliao. Faa isso sempre com
orientao do seu fornecedor.
280
Captulo 6
Fechamento de arquivos
Existem vrias maneiras de gerar um arquivo para impresso. Neste captulo usaremos o recurso Adobe PDF para fechar o arquivo que ser enviado para a grfica.
Consulte seu fornecedor para saber se ele aceita arquivo PDF e quais as configuraes que ele prefere que voc use.
Usaremos o arquivo exemplo do captulo anterior. Observe que o arquivo j preparado.
01
Abra o arquivo e em seguida clique no menu Arquivo (File) (1). Clique no sub
menu Imprimir (Print) (2) para escolher a impressora.
281