Escolar Documentos
Profissional Documentos
Cultura Documentos
br
Rótulos
com Illustrator
1a Edição
3 www.mundodesenhodigital.com.br
Rótulos
com Illustrator
É proibida a reprodução total ou parcial desta obra por qualquer meio ou processo. Essas proibições apli-
cam-se também às características da obra e de sua editoração. A violação dos direitos autorais é punível
como crime (art. 184 e parágrafos, do Código Penal, conforme lei n. 10.695, de 07.01.2003) com pena de
reclusão, de dois a quatro anos e multa conjuntamente com busca e apreensão e indenizações diversas
(artigos 102, 103 parágrafo único, 104, 105, 106 e 107 itens 1, 2 e 3 da Lei nº 9.610, Lei dos Direitos Autorais).
4 www.mundodesenhodigital.com.br
As marcas, logos e rótulos apresentados neste livro são fictícios e criados apenas para uso didático. Qual-
quer eventual semelhança com alguma marca ou produto real constitui mera coincidência.
Para obter as informações necessárias para a criação de rótulos, não deixe de consultar o fabricante do
produto. É essencial consultar também a Anvisa, o Inmetro, o Ministério da Agricultura e o Código de
Defesa do Consumidor para saber as informações obrigatórias da rotulagem de produtos. Todas as in-
formações apresentadas nesse livro têm caráter informativo, mas não substituem a consulta aos órgãos
e instituições responsáveis.
5 www.mundodesenhodigital.com.br
6 www.mundodesenhodigital.com.br
Seu computador
Seguem abaixo os requisitos mínimos de sistema para que seu computador opere
o Adobe Illustrator CS5.
Windows
Mac OS
7 www.mundodesenhodigital.com.br
Sumário
Abertura ............................................................................................................................................... 07
Seu computador ................................................................................................................ 07
Sumário ................................................................................................................................ 08
Apresentação ....................................................................................................................... 10
Capítulo 1 - Conceitos Básicos ....................................................................................................... 11
A importância do rótulo ................................................................................................... 11
Processo de criação ........................................................................................................... 11
Cor ............................................................................................................................................ 12
Modos de Cor ..................................................................................................................... 13
CMYK ..................................................................................................................... 13
RGB ......................................................................................................................... 13
Ilustrações ............................................................................................................................ 14
Imagens bitmap ................................................................................................................. 14
Imagem vetorial ................................................................................................................. 14
Tipografia ............................................................................................................................ 16
Classificação ........................................................................................................................ 16
Estilos de fontes ................................................................................................................ 17
Identidade visual - Logo ................................................................................................ 17
Código de Barras ............................................................................................................... 18
Simbologia de Descarte Seletivo ................................................................................. 20
O que deve conter no rótulo? ....................................................................................... 21
Proposta do livro .............................................................................................................. 22
Desenhar rótulos para impressão.................................................................. 22
Desenhar e aplicar rótulos a produtos para apresentação ................... 22
8 www.mundodesenhodigital.com.br
Rótulo 2 - Mel .................................................................................................................... 53
Rótulo 3 - Água ................................................................................................................. 67
Capítulo 3 - Alimentos ................................................................................................................... 91
Rótulo 4 - Azeite ................................................................................................................ 92
Rótulo 5 - Chocolate ....................................................................................................... 118
Rótulo 6 - Café ................................................................................................................... 148
Rótulo 7 - Macarrão.......................................................................................................... 190
Capítulo 4 - Bebidas ...................................................................................................................... 217
Rótulo 8 - Suco .................................................................................................................. 218
Rótulo 9 - Vodka ............................................................................................................... 245
9 www.mundodesenhodigital.com.br
Apresentação
Criar um rótulo para qualquer produto é, de fato, um desafio. Há muitas questões
por trás do desenvolvimento de uma embalagem e de um rótulo. É tarefa do designer
reunir essas questões e tentar, como muita habilidade, resolver o maior número delas
com seu projeto.
Diversos problemas podem ocorrer nesse processo como: falta de informação téc-
nica sobre o mercado, falta de briefing por parte do cliente, falta de revisão, erros de
impressão e outros tantos incontáveis...
Para ser um bom designer é preciso ser pesquisador e curioso. Mais do que 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 e de-
talhes, aparentemente sem importância. É essencial conhecer bem o produto, o mer-
cado, a logística, o ponto de venda, o consumidor e, principalmente, a marca.
Além disso, o designer deve conhecer e manejar bem as ferramentas disponíveis
para seu trabalho, como os softwares gráficos que a cada ano são aprimorados, possi-
bilitando o desenvolvimento de novos recursos para produção.
Este livro objetiva ensinar a todos que desejam criar rótulos com o Illustrator, um
dos principais softwares gráficos da área. E, ainda, ensina o desenho de 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 profissio-
nalismo.
Boa leitura!
10 www.mundodesenhodigital.com.br
Capítulo 1
Conceitos Básicos
A importância do rótulo
O que difere um produto de outro na prateleira? Na era do autosserviço, os consu-
midores observam, por cerca de poucos segundos, uma gama enorme de produtos
para escolher o que vão comprar. Mesmo o preço não consegue ser mais forte do que
o apelo da embalagem. Teste às cegas já virou até campanha publicitária de marca de
cerveja, o que prova que o conteúdo de um produto, muitas vezes, não é o motivo da
escolha do mesmo. O apelo da embalagem, do rótulo e da marca é a principal ferra-
menta que as empresas possuem para convencer o consumidor com um rápido olhar.
O rótulo serve para trazer as informações necessárias para o consumidor, como
quantidade de produto, local de fabricação, prazo de validade, modo de usar, com-
ponentes químicos, entre diversas outras... Além disso, o rótulo passou a carregar a
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
em produtos infantis. Há quem divulgue, nos rótulos, ações comunitárias ou eventos
de interesse do público-alvo. Tudo isso para convencer o consumidor.
Processo de criação
O designer inicia o processo de criação da embalagem 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, ainda, de estudar o produto, a marca e
o fabricante. A criação do rótulo é baseada, principalmente, nesse estudo. Os elemen-
tos visuais que irão compor o rótulo são essenciais para 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.
É comum encontrar muitos problemas e dúvidas durante o desenvolvimento. Mas,
11 www.mundodesenhodigital.com.br
o que não devemos deixar acontecer é a perda de foco e o questionamento com de-
talhes secundários na fase de elaboração.
Em primeiro lugar devemos nos preocupar com o conteúdo. O que deve conter no
rótulo? Essa é uma pergunta importantíssima. Faça uma lista (Veja lista da ABRE) com
todas as informações e imagens que devem constar no rótulo. Depois disso, insira
o conteúdo no rótulo, disponha conforme achar conveniente e, a partir desse mo-
mento, comece a fazer suas considerações. Após esse estágio, as ideias estarão mais
maduras e aplicáveis à realidade do seu projeto.
A forma mais fácil de iniciar o processo de criação é pensar em um foco para seu
rótulo. Qual será o elemento que irá saltar à vista do consumidor? Será a cor, a forma, o
texto, a imagem? A escolha desse elemento principal não deve ser aleatória. Deve-se
levar em consideração o tipo de produto, os concorrentes, o ponto de venda, o consu-
midor alvo, entre outros, até determinar a solução mais indicada para a diferenciação.
Conhecer o ponto de venda, as marcas, as embalagens e rótulos dos produtos con-
correntes também é de extrema importância para o designer.
Esse é um trabalho árduo. Teste várias opções. Não deixe os preconceitos limita-
rem sua visão. Seja pesquisador e curioso, tenha muitas referências. Mas também sai-
ba a hora certa de parar. Estude os conceitos, leia livros e converse com as pessoas.
Faça pausas, mas não deixe para depois.
Essas dicas podem ajudar muito, ou não. Não existe fórmula pronta para o design,
apenas use a pesquisa e a experiência a seu favor.
Leitura Recomendada
“A Referência no Design Gráfico”, Blucher.
“Design de Embalagem: Curso Avançado”, Pearson - Prentice Hall.
“Embalagens: Design, Materiais, Processos e Máquinas”, Instituto
de Embalagens.
Cor
As cores são elementos importantíssimos no design de embalagens e rótulos, pois
podem remeter o consumidor a diversas lembranças ou sensações. É interessante co-
nhecer as cores, emoções e impressões às quais elas, ou a combinação delas, podem
estar associadas. Mesmo não existindo um estudo definitivo que possa indicar exata-
mente quais cores se encaixarão perfeitamente em cada tipo de projeto. Muitas vezes,
um layout excelente pode ser prejudicado pela escolha da cor.
Combinações de preto e dourado são, geralmente, utilizadas em produtos pre-
mium, cores claras e tons pastel podem ser associadas ao público infantil, já cores
intensas e estimulantes podem ser um boa escolha para alimentos.
Levar em consideração a cor escolhida pelos concorrentes diretos, que disputarão
a mesma prateleira no ponto de venda, também é importante. Algumas embalagens
chegam a ser confundidas com as dos concorrentes por causa da cor.
É importante conhecer o método de impressão para a escolha das cores. O uso
de transparências também pode ser comprometido de acordo com o processo. Além
disso, cores especiais podem ajudar muito no visual do projeto.
12 www.mundodesenhodigital.com.br
Modos de cor
CMYK
CMYK é o acrônimo de Ciano (azul), Magenta, Yellow
(amarelo) e Key (chave). A palavra “key” representa o preto.
Essa substituição de “black” (preto), por “key” se dá por cha-
marem a chapa de impressão que continha a cor preta de
“key plate”, por conter informações importantes do arquivo.
Outro motivo é para que não houvesse muita semelhança
com o sistema de cores RGB, evitanto confusões.
O sistema de cores CMYK é utilizado na impressão com
tinta e também pode ser chamado de quadricromia. A com- A imagem acima exemplifica
a formação das diferentes
binação das quatro cores pode criar milhões de novas cores. cores através da combinação
Entretanto, existem algumas que não podem ser criadas a par- dos pigmentos azul, magenta,
tir dessas combinações. amarelo e preto.
RGB
O sistema de cores aditivas RGB, que significa Red (ver-
melho), Green (verde) e Blue (azul), é utilizado em dispositi-
vos que emitem luz, como telas e monitores.
Quando estamos trabalhando em nosso computador, to-
das as cores que vemos no monitor são RGB. Quando ajus-
tamos o modo de cor do software para CMYK, ele cria uma
combinação em RBG que representa as cores CMYK, mas o
que estamos vendo continua sendo RGB. Por isso, é preciso
ter cuidado durante a escolha das cores em um projeto, pois A imagem acima exemplifica a
as cores do monitor podem ficar diferentes na impressão. formação das diferentes cores
Sempre faça um teste de impressão com as cores escolhidas através da adição das luzes
vermelha, verde e azul.
durante o processo de criação para não 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 impressão. Também é importante conhecer a gráfica que fará a
impressão do projeto, pois a quantidade de tinta utilizada também pode causar dife-
rença nas cores.
Leitura Recomendada
“Psicodinâmica 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 www.mundodesenhodigital.com.br
Ilustrações
As ilustrações dos rótulos são muito importantes para mostrar o conteúdo do pro-
duto, mas também servem como forte apelo visual ao consumidor. Quanto mais atra-
tiva a imagem, mais vontade as pessoas terão de consumir o produto em questão.
Para isso, é possível utilizar fotografias, ilustrações, imagens 3D, entre outros, que
podem ser vetoriais ou formadas por pixels.
Imagem bitmap
Os bitmaps (mapa de bits) são ima-
gens geradas pelo conjunto de bits, ou
pixels. Os pixels são pequenos quadra-
dos presentes nas telas e monitores, aos
quais se atribui cor - que geralmente
são no padrão RGB - para representar as
imagens. São a menor unidade em uma
representação gráfica.
Existem diversos programas para edi-
ção de imagens. Neles, é possível criar e
editar as cores com inúmeras ferramen-
tas, para criar efeitos dos mais diferentes
tipos.
As fotografias de produto, por exemplo, recebem um tra-
tamento especial nesses softwares de edição até chegar ao padrão necessário para o
rótulo de um produto.
Os formatos de arquivo mais comuns são: jpeg, bitmap, tiff, png, entre outros.
Imagem vetorial
As imagens vetoriais são formadas matematica-
mente por um sistema de pontos e âncoras e, por
isso, permite o redimensionamento sem qualquer
perda de qualidade.
Também por esse motivo, as imagens em vetor
são muito mais leves que as imagens formadas por
pixels.
O Illustrator é um software especialmente de- Exemplo de ve-
senvolvido para a criação e manipulação de ima- tor sendo feito
gens vetoriais, apesar de possibilitar a inclusão de no Illustrator.
bitmaps.
14 www.mundodesenhodigital.com.br
É possível criar ilustrações vetoriais semelhantes à desenhos à mão, pintura em tela
e até imagens fotorrealísticas.
15 www.mundodesenhodigital.com.br
Tipografia
No Design Gráfico, a Tipografia é de suma importância. O formato e a legibilidade
devem ser estudados em cada caso. Cada tipo de fonte possui uma identidade que
atribui estilo ao rótulo. Algumas fontes são específicas para um tipo de alfabeto, como
o latino, o mais comum. Há famílias de fontes que suportam diversos alfabetos, como
cirílico (russo, ucraniano, sérvio, entre outras línguas), grego (grego e outras línguas),
árabe (árabe, persa e outras línguas), entre outros.
Por esse motivo, é sempre importante escolher com cuidado as fontes que serão
utilizadas em seus projetos gráficos. Fontes profissionais, mais completas, são essen-
ciais para suportar todos os caracteres necessários. Já as decorativas ou não profis-
sionais são mais utilizadas para algo específico, como apenas o título de um produto
ou para acrescentar uma informação em destaque no projeto, não sendo necessário
utilizar para os textos informativos.
Cada fonte e estilo possui uma aplicação. Conheça as opções disponíveis e estude
sempre as melhores indicações para o seu projeto de acordo com o produto, público-
-alvo, entre outros fatores.
Classificação
Sem serifa
Segoe UI
Serifa em
laranja.
Aa
As serifas são pequenos traços que As fontes sem serifa são mais indi-
aproximam as fontes e guiam o olhar, fa- cadas para títulos ou textos mais cur-
cilitando a leitura. Por isso, são indicadas tos.
para textos longos.
16 www.mundodesenhodigital.com.br
Estilos de fontes
Geralmente, as fontes possuem uma ou mais variações que podem ser combi-
nadas para causar algum efeito especial no texto. Conheça os estilos mais comuns
abaixo:
17 www.mundodesenhodigital.com.br
Código de barras
O Código de barras atribui um número específico a um produto, container ou car-
gas. A numeração deles é global e guarda as informações importantes destes pro-
dutos. 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, dificil-
mente conseguirão distribuir seus produtos sem o código de barras.
Dessa forma, converse sempre com seu cliente e pergunte se esse rótulo deverá
conter o espaço necessário para código de barras e, ainda, qual é o tipo desse código,
que pode variar dependendo do produto e do comércio.
Entre diversos tipos de códigos de barras, o mais utilizado para produtos a venda
em lojas no varejo é o EAN-13. Ele pode ser redimensionado até 200% ou, no mínimo,
80% do tamanho real.
18 www.mundodesenhodigital.com.br
Tamanho: 80%
Tamanho: 100%
Tamanho: 200%
GTIN-13 é o número
exclusivo para cada
item. Prefixo de empresa, varia de 7 a 11 Numeração Código
dígitos. de item verificador.
comercial.
A cor do código de barras pode ser alterada, no entanto, deve-se tomar precaução
para que não seja uma 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.
19 www.mundodesenhodigital.com.br
Simbologia de descarte seletivo
Nem todas as embalagens podem ser recicladas. E, nem todas que podem, chegam
aos programas de reciclagem de materiais. Por intermédio da simbologia de recicla-
gem, 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.
Segundo a ABRE, Associação Brasileira de Embalagens, a simbologia de recicláveis
não possui uma legislação específica que defina sua aplicação. Por isso, as orientações
são feitas a com base em normas técnicas publicadas pela ABNT.
Consulte o site da ABRE para saber em detalhes:
http://www.abre.org.br/comitesdetrabalho/meio-ambiente-e-sustentabilidade/
reciclagem/aplicacao-de-simbologia/
Basicamente, os símbolos devem ser aplicados apenas nas embalagens que po-
dem ser recicladas (a empresa deve se certificar, de acordo com o material). Os sím-
bolos não podem ser acompanhados de textos, apenas a denominação do material.
Com o símbolo do material, deve ser incluído o do Descarte Seletivo, também sem
nenhum texto, no máximo alguma informação ou incentivo a reciclagem.
Veja abaixo os símbolos de reciclagem que podem ser aplicados nos rótulos:
PEBD PP PS Outros
20 www.mundodesenhodigital.com.br
O que deve conter no rótulo?
Os rótulos de produtos devem receber uma série de informações obrigatórias. É
importante verificar junto à Anvisa, Inmetro, Ministério da Agricultura e Código de
Defesa do Consumidor quais são as informações obrigatórias para conter em cada
rótulo de produto.
A ABRE dispõe uma série de informações úteis no site:
http://www.abre.org.br/setor/legislacao/rotulagem-de-embalagem/
Segue abaixo, como exemplo, uma lista retirada do site da ABRE contendo as infor-
mações obrigatórias específicas para a rotulagem de alimentos:
Nota
Este livro foi produzido no Brasil. Fornecemos al-
gumas informações referentes às normas brasilei-
ras para rotulagem, a título de exemplo. Você deve
pesquisar junto aos órgãos responsáveis do seu país
para saber as informações obrigatórias para cada
tipo de rótulo.
21 www.mundodesenhodigital.com.br
Proposta do livro
22 www.mundodesenhodigital.com.br
Capítulo 2
Primeiros Passos
Sobre o livro
Atenção! Neste livro, utilizaremos a versão CS5. Você
pode utilizar a versão que tiver disponível para realizar
os exercícios, porém, não terá certos recursos e ferra-
mentas ensinados ao longo dos capítulos. Visite o site da
Adobe para os recursos das novas versões.
23 www.mundodesenhodigital.com.br
Nessa mesma pasta, crie outras duas:
• Arquivos de trabalho
Esta pasta deverá conter os arquivos que serão baixados no próximo passo para rea-
lizar os exercícios do livro.
• Meus Trabalhos
Nesta pasta serão salvos todos os arquivos de Illustrator criados através dos exercícios.
Sinais de Orientação
Utilizamos uma série de sinais gráficos para ajudar na orientação dos exercícios. Co-
nheça os sinais de orientação e sua função abaixo:
24 www.mundodesenhodigital.com.br
Setas indicativas Exemplo: Uso:
Indica um local especí-
fico.
Ctrl
+ C
25 www.mundodesenhodigital.com.br
01 • Rótulo de Xampu
Como primeiro exercício, vamos aprender
a desenhar um rótulo de xampu. Esse tipo de
rótulo pode ser impresso através de diversos
métodos, no entanto, aprenderemos sobre os
detalhes e as diferenças das formas de impres-
são mais à frente. Com esse exercício, conhece-
remos as ferramentas mais básicas do Illustrator.
Aplicação:
Neste exercício:
Interface do Illustrator Swatches Panel (Painel amostras)
Welcome Screen (Tela de “Boas vindas”) New swatch (Nova amostra)
New Document (Novo documento) Type tool (Ferramenta tipo)
Artboard (Prancheta) - Básico Character panel (Painel caractere) - Básico
Zoom tool (Ferramenta zoom) Overset text (Texto em excesso)
Save as... (Salvar como...) Move (Mover)
Hand Tool (Ferramenta mão) Paragraph Panel (Painel Parágrafo) - Básico
Rectangle Tool (Ferramenta retângulo) Line Segment Tool (Ferramenta segmento de linha)
Selection Tool (Ferramenta seleção) Type: Change Case (Alterar caixa alta/baixa)
Anchor Point (Ponto âncora) Align (Alinhar) - Básico
Workspace (Área de trabalho) - Essen- Group/Ungroup (Agrupar/Desagrupar)
cials Ellipse Tool (Ferramenta elipse)
Undo/Redo (Desfazer/refazer) Transform: Rotate (Transformar: Girar)
Color: Fill/Stroke (Cor: Preenchimento/ Copy/Paste (Copiar/Colar)
Contorno) Bleed (Sangria)
26 www.mundodesenhodigital.com.br
01 Abra o Illustrator com duplo clique no ícone do aplicativo.
Mac: Aplicativos>Adobe Illustrator CS5
Windows: Iniciar>Todos os programas>Adobe Suiteca-
se/ MasterCollection/Illustrator>Illustrator CS5 Ícone de atalho do Illustrator.
02 Uma janela de nome “Welcome Screen” (Tela de Boas Vindas) se abrirá. Ela fun-
ciona como uma espécie de atalho para criar novos arquivos ou para abrir do-
cumentos utilizados recentemente. Clique sobre o círculo vermelho no canto superior
esquerdo (ou “X” no Windows no canto superior direito) para fechá-la.
Clique aqui.
Sobre o livro
Atenção! Neste livro, utilizaremos a versão em in-
glês do Illustrator. Se estiver trabalhando em ou-
tra língua, não há problema. Todas as ferramentas
serão indicadas por meio do ícone (pequeno de-
senho que representa a ferramenta) ou por meio
de imagens que mostram onde encontrar a op-
ção apontada.
27 www.mundodesenhodigital.com.br
04 Uma janela de nome “New Document” (Novo documento) se abrirá. Nela, você
pode escolher as opções de configuração do seu arquivo. Coloque as mesmas
opções mostradas na imagem abaixo e clique em “Ok”.
1 Nome do arquivo.
1
2 Número de pranchetas.
2 3 Tamanho da prancheta.
4 Altura.
3 (Personalizado)
4 6 5 Largura.
Clique na seta 5
para abrir. 6 Unidade de medida.
7
7 Sangria.
8
8 Opções avançadas (cli-
que na seta para abrir).
(Padrão)
05 Agora, veja que surgiu um retângulo branco com uma borda preta e com as di-
mensões digitadas anteriormente. Esse espaço é sua “Artboard” ou “Prancheta”,
onde fará o seu rótulo. A borda preta determina onde a área termina (essa é a área im-
primível).
28 www.mundodesenhodigital.com.br
Interface do Illustrator
7
6 5
4 3
1 2
Artboard / Prancheta
Porcentagem de zoom.
29 www.mundodesenhodigital.com.br
06 Agora vamos salvar o arquivo. É sempre bom salvar desde o início do projeto
para não correr o risco de perder seu trabalho. Na barra de menus, clique em
“File” (Arquivo) (1), em seguida em “Save As” (Salvar Como) (2).
1
30 www.mundodesenhodigital.com.br
Você pode movimentar a visualização da tela rolando o “Scroll” ou “rodinha” do mouse
ou, ainda, utilizando as barras de rolagem na lateral direita e no canto inferior da tela (1).
Prancheta
07 Utilize o zoom (1), conforme a próxima figura, para aumentar e diminuir a visuali-
zação do seu trabalho. Clique sobre o ícone da ferramenta zoom e clique sobre a
área que deseja ampliar. Para reduzir, mantenha a tecla “Alt” pressionada e clique sobre
qualquer área.
31 www.mundodesenhodigital.com.br
Dica do
Illustrator
Você também pode dar du-
plo clique sobre a ferramen-
ta zoom para deixar sua
prancheta com a visualiza-
ção de 100% (tamanho real).
08 Para fazer o fundo do rótulo, vamos utilizar a primeira ferramenta vetorial. Clique
sobre o ícone da ferramenta “Rectangle” (Retângulo) (1) no painel de ferramen-
tas. Veja que o cursor do mouse mudou. Agora aparece como um pequeno sinal de “+”.
Isso significa que a ferramenta “Rectangle” está selecionada. Em seguida, clique e man-
tenha o mouse pressionado sobre o vértice da prancheta (2), movimente o mouse até o
vértice de baixo (3), formando um retângulo do tamanho exato da prancheta e solte o
botão do mouse para criar o objeto (4).
Perceba que ao aproximar o mouse do canto da prancheta,
aparece a palavra “intersect” (interseção) em cor verde.
Isso indica que esse é o ponto exato da interseção.
2
1
Levar o cursor
até o canto.
3
Essa janela cinza mostra as
coordenadas da localiza-
ção do cursor. 4
32 www.mundodesenhodigital.com.br
Dica do Illustrator Clique e mantenha
o mouse pressiona-
Ferramentas “Shape” do para abrir as op-
Existem diversas ferramentas de formas
ções. Com o mouse
no Illustrator. Além da “Rectangle”, há a
“Ellipse” (Elipse), “Polygon” (Polígono), ainda pressionado,
“Star” (Estrela) e “Flare” (Clarão). Todas mova o cursor até
elas podem ser acessadas no mesmo a opção escolhida
atalho. Veja que no canto inferior direi-
to do ícone da “Rectangle” há uma pe- e solte o botão. Veja
quena seta preta, isso significa que ela que o ícone mudou
“esconde” outros ícones. de “Rectangle” para
a opção escolhida.
Dica do Illustrator
Flyouts ou Painéis flutuantes
Caso você precise utilizar essas ferramen-
tas muitas vezes durante um trabalho, é 2
possível “destacar” os ícones do painel e
deixá-los como “flyouts”, ou seja, como
painéis flutuantes. Para isso, repita o pro- 3
cesso para abrir os ícones escondidos e 1
leve o cursor do mouse ainda pressionado 4
sobre a seta localizada à direita dos íco-
nes (1) e solte o botão. Veja que um pe-
queno painel aparece com os ícones (2).
Você pode movimentá-los como desejar,
para isso clique e segure a barra superior
da flyout (3), arraste e solte. Para fechar a
flyout, basta clicar no círculo vermelho no
Mac (4) ou no “X” no Windows.
33 www.mundodesenhodigital.com.br
Dica do Illustrator
Workspace
A Área de trabalho ou “Workspace” é toda a interface do Illustrator com o painel de ferramentas, painel de
controle e painéis flutuantes ou painéis de encaixe vertical. O Illustrator possui uma série de padrões de áreas
de trabalho específicas para cada tipo de trabalho.
Exemplo de Workspace “Painting”. Exemplo de Workspace “Automation”.
1 Workspace Essencials
Esse padrão de Área de trabalho mostra as ferramentas essenciais do softwa-
2 re. Portanto, é com ele que vamos trabalhar. Ele aparece assim que o Illustrator
é aberto pela primeira vez. No entanto, caso você feche algum painel ou se as
ferramentas estiverem fora do lugar e você queira que a Área de trabalho volte
a esse padrão, clique no botão “Workspace Switcher” (Alternador de Área de tra-
balho) (1) e, assim que as opções aparecerem, clique sobre o nome “Essencials”
(Essenciais) (2). Veja que a Área de trabalho volta ao normal.
34 www.mundodesenhodigital.com.br
Dica do Illustrator
Desfazer e Refazer Teclas de atalho:
Undo (Desfazer)
Clique em “Edit” (Editar) na command
+ Z
barra de menus e, em segui-
da, em “Undo...” (Desfazer). + Z
Repetir quantas vezes for ne- Ctrl
cessário.
Redo (Refazer)
Clique em “Edit”
(Editar) na barra de
+ + Z
menus, e em segui- shift command
da em “Redo” (Refa-
zer). Repetir quantas + + Z
shift Ctrl
vezes for necessário.
1
3
Dica do Illustrator
Delete
Além do recurso de desfazer, mostrado
pouco acima, você também pode sim-
plesmente apagar os objetos que não
deseja mais. Basta selecionar um ou 2
mais objetos e apertar a tecla “Delete”.
Caso tenha deletado algum objeto por
engano, você também pode usar o re-
curso de desfazer para trazê-lo de volta.
35 www.mundodesenhodigital.com.br
Para o fundo desse rótulo, vamos utilizar outra cor que não está em “Swatches” (Amostras). Existem
diversas formas de “criar” novas cores. Dessa vez, vamos digitar o valor correspondente à cor que
desejamos. Passe o mouse sobre as cores e veja que uma pequena janela aparece ao lado do cursor
do mouse, que indica os nomes ou valores correspondentes à cor em CMYK.
Digite os valores
Clique e arraste.
36 www.mundodesenhodigital.com.br
Veja que ela passa a aparecer com as outras
amostras. Esse painel serve para “guardar”
as cores que serão utilizadas no seu projeto,
como uma paleta. É possível salvar e carregar
swatches para facilitar o trabalho, como vere-
mos nos exercícios adiante.
12 Agora que o fundo está pronto, vamos começar a colocar os primeiros elementos do
rótulo, que deverá conter textos e imagens. Vamos começar pelo nome do produto.
Primeiro clique em qualquer área fora do retângulo para retirar a seleção. Vá até o painel “Swa-
tches” (Amostras) e clique sobre a cor “Black” (Preto) com a opção de preenchi-
mento selecionada. Deixe o contorno com a opção “None” (Nenhum).
37 www.mundodesenhodigital.com.br
13 rente
Agora vamos modificar o aspecto do texto. Para isso, vamos selecionar todo o texto (é dife-
de selecionar a caixa). Com a ferramenta “Text” (Texto), clique sobre a última letra da
palavra, em seguida, clique novamente e mantenha o botão do mouse pressionado, arraste o cursor
do mouse até a primeira letra da palavra e solte o botão do mouse.
Observe o “Control Panel” (Painel de Controle), abaixo da barra de menus, no campo “Character” (Ca-
ractere). Essas são as características de padrão do texto. É possível modificá-las digitando a nova op-
ção ou clicando na seta, que abre uma pequena janela com as opções disponíveis.
Em seguida, no segundo campo que deverá estar “Regular”, clique sobre a seta (2) e selecione
a opção “Bold” (3), que deixa a fonte em negrito.
2
No terceiro campo (4), digite “19” (não é necessário digitar “pt”) para aumentar o tamanho da
fonte e tecle “Enter”.
4
Dica do Illustrator
Overset text (Texto em excesso)
Quando você vê esse sinal vermelho com
um “+”, significa que sua caixa de texto está
menor que o conteúdo escrito. Para que
nenhuma parte do texto fique “escondida”,
aumente o tamanho da caixa ou diminua o
texto.
38 www.mundodesenhodigital.com.br
14 Selecione o texto (ou a caixa de texto) (1), cli-
que em “Type” (Tipo) (2) na barra de menus, 2
leve o cursor do mouse até “Change Case” (Alterar
Caixa Alta/Baixa) e, em seguida, clique em “UPPER-
CASE” (Maiúscula) (3). Veja o resultado.
Selecione o texto ou a caixa.
1
17 Dessa vez, vamos criar um novo texto, porém, não vamos criar a caixa de texto. Habilite a
ferramenta “Text” (Texto) e clique em uma área onde deseja digitar o texto. Digite “Para
todos os tipo de cabelos”. Habilite a ferramenta de seleção (Selection Tool) e veja que uma caixa
aparece automaticamente em volta do texto.
39 www.mundodesenhodigital.com.br
Veja que o texto assumiu as mesmas características do texto anterior, como fonte, estilo e tamanho.
Vamos modificar essas características para a as mesmas da imagem abaixo. Veja o resultado.
18 Vamos posicionar esse texto logo abaixo do nome do produto mas, antes, deixaremos
o texto em duas linhas para que possa caber no rótulo. Com a ferramenta “Text” (Tex-
to), clique entre as palavras “os” e “tipos”, retire o espaço entre as palavras e tecle “Enter”. Veja
que o texto agora está em duas linhas.
Use o “Delete” ou “Backspace do teclado para retirar o espa-
ço entre as duas palavras.
40 www.mundodesenhodigital.com.br
21 Para dividir o título “Shampoo” do texto “Para todos os
tipos de cabelo”, vamos criar um traço simples. Selecio-
Dica do Illustrator
Nesse caso, a tecla “Shift” serve para
ne a ferramenta “Line Segment Tool” (Ferramenta Segmento de criar retas perpendiculares. Ou seja,
Linha) no painel de ferramentas, clique e mantenha o mouse pressionando “Shift”, a reta será sem-
pressionado, segure a tecla “Shift” e movimente o cursor para a pre horizontal ou vertical, sem correr o
direita. Solte o botão do mouse e, em seguida, a tecla “Shift”. risco de ficar na diagonal.
Com “Shift”.
Sem “Shift”.
Dica do Illustrator
Com o modo de isolamento. Sem o modo de isolamento.
Modo de Isolamento
Você pode usar o “Isolation Mode” (Modo de
Isolamento) quando precisar editar um ob-
jeto separadamente. Nessa etapa, não será
necessário trabalhar com esse modo. No
entanto, você pode habilitá-lo com duplo
clique sobre qualquer objeto do Illustrator.
Ou seja, toda a tela aparece um pouco apa-
gada e apenas o objeto selecionado fica com
visibilidade de 100%. Para sair do modo de
isolamento, tecle “Esc” ou dê duplo clique
fora do objeto.
41 www.mundodesenhodigital.com.br
24 Novamente, com a ferramenta “Text”
(Texto), crie o texto ”300 ml” com as Dica do Illustrator
Para salvar seu pro-
características mostradas na imagem abaixo.
jeto, clique em “file”
Coloque “Black” (Preto) para preenchimento e (Arquivo), na barra de
“None” (Nenhum) para contorno. Em seguida, menus e, em segui-
movimente a caixa de texto para o canto inferior da, clique em “Save
do rótulo conforme a imagem. As” (Salvar Como).
Uma janela se abrirá.
Nela, escolha o local
onde deseja manter
seu arquivo e clique
em “Save” (Salvar).
Na próxima janela,
clique em “Ok”.
Dica técnica
A abreviação de medidas não deve ser escrita sem
espaço após o número. O correto é “300 ml” e
nunca “300ml”.
25 Agora vamos criar um logotipo bastante simples para incluir no rótulo. Vamos usar ape-
nas a ferramenta de texto e os recursos de edição para deixá-lo com a aparência dese-
jada. Habilite a ferramenta “Text” (Texto), clique numa área da tela e digite “Beauty”. Habilite a
ferramenta “Selection” para sair do modo de texto e habilite novamente a ferramenta “Text”
(Texto). Clique sobre outra área e digite “Now”.
Dica técnica
A identidade visual de uma marca é algo
muito importante para as etapas do Marke-
ting de uma empresa. Por isso, o processo de
criação do logotipo deve ser feito separado
do rótulo. Normalmente, a empresa possui
um logotipo previamente criado para incluir
no rótulo. No entanto, vamos criar logos de
exemplo para os rótulos do livro para ensi-
nar algumas ferramentas e recursos interes-
santes do Illustrator. (Veja Capítulo 1 - Tópico
“Identidade Visual”).
26 Selecione as duas caixas de texto. Para isso, clique em “Beauty”, pressione “Shift” mantenha
pressionado e clique em “Now”. Agora, vá em “Type” (Texto), “Change Case” (Alterar caixa
alta/baixa) e clique em “UPPERCASE” (Maiúscula). Em seguida, aplique o estilo de fonte “Bold”
nas duas caixas de texto e confira se a fonte habilitada é a “Gill Sans”. Caso contrário, selecione
o texto e aplique a fonte correta. Em seguida, aplique a opção “Align Center” (Centralizar) no
painel “Paragraph” (Parágrafo).
42 www.mundodesenhodigital.com.br
Align Center.
Antes: as duas caixas de texto distantes. Basta levar o texto “Now” Depois: as duas caixas de
mais para cima. texto mais próximas.
Clique aqui.
1
43 www.mundodesenhodigital.com.br
5
Clique sobre o ícone “Align to...”
(Alinhar à...) (3), uma pequena
janela se abrirá. Nela, selecione
3
a opção “Align to Selection” (Ali-
4
nhar à seleção) (4).
Dica do Illustrator
Para desagrupar, basta selecionar o grupo, cli- Outro caminho: Clique
car novamente sobre a opção “Object” (Objeto) sobre o objeto segurando
e, em seguida, em “Ungroup” (Desagrupar). a tecla “control” (Mac), ou
com o botão direito do mou-
se (Windows). Uma pequena
janela como essa se abrirá.
Basta clicar sobre a opção
desejada para agrupar ou
desagrupar.
44 www.mundodesenhodigital.com.br
Clique e mantenha o botão do mouse pressionado
sobre qualquer área e movimente o mouse para criar
Dica do Illustrator
Veja que depois de selecio-
uma elipse. Mantenha a tecla “Shift” pressionada para
nada, a ferramenta “Ellipse”
que a forma não fique oval e solte o botão do mouse aparece no lugar da “Rectan-
quando a forma estiver do tamanho desejado. gle” no painel de ferramentas.
Toda vez que uma ferramenta
nova é selecionada na flyout,
o ícone de atalho muda para
essa mesma ferramenta.
Exemplo:
32 Para criar a imagem do rótulo vamos fazer uma sequência de elipses. Depois de criar a
primeira, vamos criar mais quatro elipses menores, conforme as imagens.
45 www.mundodesenhodigital.com.br
33 Sequantas
preferir, você pode redimensionar as elipses para que fiquem maiores ou menores
vezes desejar.
Âncoras
Para isso, selecione Segure a tecla “Shift” Mantendo o botão do Solte o botão quan-
a elipse que deseja para manter a pro- mouse pressionado, ar- do a elipse estiver do
modificar. Veja que porção e clique sobre raste o cursor para au- tamanho desejado.
as âncoras (quadra- a âncora do vértice mentar ou diminuir. Solte o “Shift” apenas
dos brancos) apare- (veja que o cursor do depois de soltar o bo-
cem. mouse muda). tão do mouse.
34 fiquem acima e abaixo. Para isso, vamos girar os objetos ao invés de mover um de cada
Para criar o efeito desejado, precisamos que a elipse maior fique no centro e as menores
vez. Selecione apenas as quatro elipses menores, clique em “Object” (Objeto) na barra de me-
nus, leve o cursor até “Transform” (Transformar) e, depois, clique na opção “Rotate” (Girar). Na
janela que se abrir, digite 180 no campo “Angle” (Ângulo) e clique em “Copy” (Copiar).
46 www.mundodesenhodigital.com.br
35 Para que as elipses formem uma imagem em formato de “S”, movimente cada elipse
conforme as imagens.
Dica do Illustrator
Selection Tool (Ferramenta de Seleção)
Quando um objeto está sem preenchimento, ou seja, sem nenhuma cor, é ne-
cessário clicar exatamente sobre o contorno dele para conseguir selecioná-lo.
Para envolver um ou diversos objetos, basta clicar e manter o botão do mou-
se pressionado sobre uma área qualquer fora do(s) objeto(s), arrastar o cur-
sor sobre uma parte do(s) objeto(s) e soltar o botão.
Usando o shift
Quando há muitos objetos e queremos selecionar apenas alguns, basta
manter a tecla “Shift” pressionada e clicar sobre os objetos desejados. Tam-
bém é possível fazer o inverso. Você pode selecionar todos os objetos da
prancheta, manter a tecla “Shift” pressionada e clicar em cada objeto que
desejar tirar da seleção. Seleção por janela também funciona nos dois casos.
47 www.mundodesenhodigital.com.br
36 Vamos criar mais duas sequências de elipses para formar a ilustração. Selecione todas
as elipses, clique em “Edit” (Editar) na barra de menus e, em seguida, clique “Copy”
(Copiar). Clique novamente em “Edit” (Editar) e, em seguida, em “Paste” (Colar). Veja que os
objetos criados aparecem ao lado.
Selecione as novas elipses
e movimente-as para per-
to das originais conforme a
imagem abaixo.
48 www.mundodesenhodigital.com.br
38 Vamos adicionar uma nova cor à se-
quência lateral. A original permane-
cerá na cor preta. Selecione todas as elipses
da lateral conforme a imagem e clique sobre
a cor “C=35 M=100 y=35 K=10”.
Caso seja necessário, utilize as setas do teclado para movimentar qualquer elipse que esteja
fora do lugar. O desenho todo deve ficar parecido com a imagem acima. Não é necessário que
fique exatamente igual. A ideia é que a sequência de elipses tenham formato de “S”, indepen-
dente do tamanho das elipses ou da distância entre elas.
40 Agora
desenho para o rótu- 41
vamos levar o Diminua um pouco o tamanho do grupo, mantendo a te-
cla “Shift” pressionada, para que fique como na imagem
lo. Para isso, agrupe as elipses abaixo. Em seguida, leve a ilustração para o centro do rótulo.
como fizemos anteriormente
com o texto “Beauty Now”.
49 www.mundodesenhodigital.com.br
42 Todos os elementos do rótulo já estão criados e posicionados. Nessa etapa, vamos
apenas alinhar os elementos. Selecione todos os objetos, vá até a barra de menus,
clique em “Window” (Janela) e, em seguida, em “Align” (Alinhar). Na janela que se abrir, cli-
que na opção “Align to...” (Alinhar à...) e escolha “Align to Artboard” (Alinhar à prancheta),
para que os objetos sejam alinhados em re-
lação à prancheta. Depois, clique em “Hori-
zontal Align Center” (Alinhamento horizon-
tal centralizado).
Veja o resultado.
43 Como esse rótulo tem uma cor de fundo, é necessário criar uma área de sangria para enviá-lo
para a gráfica. Isso pode ser feito no começo do trabalho, porém, optamos por mostrar esse
recurso depois dos primeiros passos. Clique em “File” (Arquivo) na barra de menus e, em seguida, cli-
que sobre “Do-
cument Setup”.
Na janela que
se abrir, coloque
a opção “Units”
em “Milimeters”
( M i l í m e t r o s) ,
caso não esteja,
vá até o campo
“Bleed” (Sangria)
e digite “5”. Cli-
que em “Ok”.
50 www.mundodesenhodigital.com.br
Veja que a prancheta continua com o contorno
preto e agora uma linha vermelha exatamen-
te a 5 mm de distância foi criada em volta dela.
Essa linha representa a sangria. Agora, selecione
o retângulo bege, que foi criado como fundo, e
redimensione para cobrir toda a área da sangria.
Dica técnica
Quando o rótulo for impresso em algum material
que seja aplicado posteriormente à embalagem,
como um adesivo ou papel com cola, esse material
deverá ser devidamente cortado nas áreas indica-
das. O corte deverá ser feito respeitando as marcas
de corte. Nesse caso, se deixássemos a cor de fundo
apenas até o limite da prancheta e, no momento
do corte, a impressão estivesse 1 mm fora do lugar,
o rótulo sairia com um faixa branca, ou da cor do
papel impresso, do lado. Para evitar esse tipo de
problema, recomenda-se que deixe uma área de
sangria de, pelo menos, 5 mm de cada lado.
Dica técnica
Existem diversas formas de impressão e muitos tipos de tintas e materiais para a criação do rótulo. Durante todo o
livro, vamos manter o foco no ensino das ferramentas do Illustrator que permitem a criação de inúmeros tipos de
rótulos diferentes. No entanto, no final do livro, você encontrará um capítulo especial sobre preparação e fecha-
mento de arquivo. Desse modo, quando você, leitor, estiver criando seus próprios rótulos, saberá qual é a melhor
forma de preparar seu arquivo para a gráfica e, antes disso, saberá planejar seu projeto para o tipo de impressão e
materiais adequados.
Dica do Illustrator
Quando o arquivo ainda não foi salvo no Illustrator, no topo da
janela de documento, o nome dele aparece com um pequeno
asterisco ao lado, indicando que necessita ser salvo.
Quando já foi salvo, o nome do arquivo aparece normalmente.
51 www.mundodesenhodigital.com.br
45 Agora seu rótulo está pronto e
salvo. Feche o arquivo clicando no
2
botão vermelho ou no “X” da janela do do-
cumento (1). Assim, o programa continua
aberto e você poderá iniciar um novo pro- 1 1
jeto. Para fechar o Illustrator, basta clicar
no botão vermelho da barra de aplicativos
(Mac) (2) ou no “X” (Windows). Você tam-
bém pode fechar o programa clicando em
Illustrator (3) e, em seguida, “Quit Illustra-
tor” (Fechar Illustrator) (4).
3
Nota
Lembramos que esse livro tem como objetivo ensinar a desenhar rótu-
los com o software Illustrator. A preparação do arquivo para a gráfica
depende de uma série de questões como impressão, tinta, material do
rótulo e da embalagem, entre outros. Recomendamos o contato com a
empresa contratada para a produção do rótulo para mais detalhes so- 4
bre fechamento de arquivo e preparação da arte final.
52 www.mundodesenhodigital.com.br
02 • Rótulo de Mel
Agora, depois dos princípios básicos do Illustrator, vamos nos aprofundar um pou-
co 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 im-
pressão offset ou flexografia para, posteriormente ser, aplicado à embalagem.
Aplicação:
Neste exercício:
Align Panel (Painel de Alinhamento)
Distribute Space (Distribuir Espaçamento)
Layers (Camadas) - Básico
Polygon Tool (Ferramenta Polígono)
Stroke: Weight (Contorno: Espessura)
View: Outline e Preview (Exibir: Contornar e
Visualização)
53 www.mundodesenhodigital.com.br
01 Abra o Illustrator e configure o novo arquivo conforme a imagem abaixo (1), inclusive
com os valores de “Bleed” (Sangria). Em seguida, salve como “02 - Rótulo de Mel” na
pasta “Meus Trabalhos” conforme a imagem (2).
1
54 www.mundodesenhodigital.com.br
03 Vamos criar o fundo do rótulo usando a fer-
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.
Preenchimento
Contorno
05 Agora vamos criar outros elementos que compõem o fundo do rótulo. Habilite a cor
“Black” (Preto) para preenchimento e a opção “None” (Nenhuma) para contorno. Dessa
vez, vamos usar a ferramenta de uma forma diferente, digitando a medida desejada ao invés
de clicar e arrastar o mouse. Selecione a ferramenta “Rectangle” (Retângulo) e clique sobre a
âncora do canto superior do retângulo.
55 www.mundodesenhodigital.com.br
06 Agora, vamos criar outros retângulos com outras medidas para compor o fundo. Com a
ferramenta “Rectangle”, clique sobre qualquer área e digite os valores da janela conforme
a imagem. Veja o resultado. Em seguida, repita o processo mais duas vezes para criar três faixas.
56 www.mundodesenhodigital.com.br
Dica do Illustrator
Align to... (Alinhar à...)
A ferramenta “Align” (Alinhar) possui diversas opções de funcionamento que veremos mais adiante. Para utilizar as op-
ções, é necessário escolher um objeto ou área a qual deseja alinhar os objetos. Há três opções:
Como esse exemplo foi feito com “Horizontal Align Left” (Alinhamento horizontal à esquerda),
os objetos serão alinhados ao objeto que estiver mais à esquerda, que é a primeira faixa.
Este é o objeto chave, que aparece com um contorno mais espesso. Os objetos serão
alinhados sempre e relação à ele.
Não importa a posição original dos objetos, quando você usa o “Align to Artboard” os
objetos são alinhados em relação à prancheta.
57 www.mundodesenhodigital.com.br
09 Para garantir que a distância entre as três faixas mais estreitas seja exatamente igual,
vamos utilizar uma outra ferramenta do painel “Align”. Selecione apenas as três faixas
(segure a tecla “Shift” e clique sobre cada uma), veja se a opção “Align to Selection” (Alinhar
à seleção) está habilitada e clique sobre a opção “Vertical Distribute Space” (Distribuição do
espaço vertical). Veja que as faixas são distribuídas e o espaço entre elas é exatamente igual.
58 www.mundodesenhodigital.com.br
Abra o painel vertical da direita, caso
esteja fechado. Basta clicar no botão 1
cinza localizado à direita do topo (1).
3
4
12 Vamos trancar essa “layer” do fundo para que os objetos não sejam movimentados ou
editados acidentalmente. Clique no quadrado cinza ao lado do ícone do olho e veja que
um pequeno cadeado aparece. Agora, tente movimentar o retângulo amarelo ou qualquer outro
objeto. Para retirar o cadea-
do e destrancar os objetos
basta clicar sobre ele nova-
mente.
59 www.mundodesenhodigital.com.br
13 Agora vamos criar uma nova “layer” para desenhar
os outros objetos. No canto inferior direito, clique
sobre o ícone “Create New Layer” (Criar nova camada)
(1). Uma nova “layer”, de cor vermelha, vai aparecer. Dê o
nome de “Favos” à ela, conforme o passo 11.
1
15 Selecione o polígono
e habilite a opção de
contorno no painel de ferra-
mentas. Em seguida, vá até o Antes. Depois.
painel “Color”, no painel verti-
cal da direita, e digite as por-
centagens de cor como mostra
a figura (1). Clique e mantenha
o botão do mouse pressiona-
do sobre a cor de contorno
que acabamos de criar e ar-
raste para o painel “Swatches” 2
(Amostras) (2). Veja o resultado.
60 www.mundodesenhodigital.com.br
16 Vamos dar uma espessura maior ao traçado. Ainda com o polígono selecionado, vá até
o painel de controle (abaixo da barra de menus) e digite “2” no primeiro campo após a
palavra “Stroke”, conforme a imagem.
Dica do Illustrator
O “Control Panel” (Painel de controle) é um recurso
do Illustrator que traz uma série de atalhos para a
edição dos objetos. Por padrão, ela sempre mostra
opções de cor, traçado, opacidade, etc. No entanto,
as opções desse painel mudam de acordo com a
ferramenta ou objeto que for selecionado.
Veja a diferença.
ANTES DEPOIS
18 Nesse segundo polígono, vamos aplicar outra cor de preenchimento. No entanto, vamos
editar a cor através do “Control Panel” (Painel de controle). Selecione o objeto, clique na
seta preta ao lado do ícone de preenchimento do painel de controle e veja que as “Swatches”
(Amostras) aparecem como uma pequena janela. Clique sobre a cor indicada na imagem.
Preenchimento Contorno
61 www.mundodesenhodigital.com.br
19 Veja o resultado. Como essa cor não dá muito contraste em relação ao amarelo do fundo,
vamos torná-la mais escura. No painel “Color” (Cor), clique sobre a seta na barra de porcen-
tagem da cor “M” (Magenta). Clique e arraste um pouco para a direita para avermelhar a cor.
20 Posicione os dois polígonos conforme a imagem abaixo. Na hora de unir os dois, cui-
dado para que não fiquem separados ou sobrepostos.
Dica do Illustrator
Para voltar ao outro modo de visualização, clique novamente em “View” (Exibir) na barra de menus e, em seguida, em
“Preview” (Visualização).
62 www.mundodesenhodigital.com.br
21 Agora para adicionar os textos do rótulos, vamos criar uma nova “layer”. Vá até o painel
“Layers”, clique sobre o ícone “Create New Layer” (Criar nova camada) e modifique o
nome da “layer” para “Textos”.
Veja que a nova “layer” veio com cor verde, ou seja, a caixa delimitadora passará a ser verde.
Dependendo do projeto, as cores muito claras podem prejudicar a visibilidade, e talvez você
prefira mudá-las. Para isso, dê duplo clique sobre a “layer” que deseja mudar, clique na seta (1)
ao lado da “Color” (Cor) e clique sobre a cor desejada. Em seguida, clique em “Ok”.
22 Selecione a ferramenta “Type” (Tipo), clique em qualquer área e digite a palavra “Mel”.
Repita o processo criando uma segunda caixa de texto e digite “Puro”. É importante
que sejam caixas diferentes, para aplicarmos um estilo diferente a cada uma. Aplique o estilo à
cada caixa de texto conforme as imagens abaixo:
63 www.mundodesenhodigital.com.br
23 Aplique a cor
“White” às duas
caixas de texto. Deixe o
contorno com a opção
“None” (Nenhum).
24 So e lgrupo
ecione
e
leve até o centro do
polígono preto con-
forme a imagem. Se
precisar, use as setas
do teclado para posi-
cionar melhor.
25 Com a ferramenta “Type” (Tipo) vamos criar o texto “Produto Orgânico”. Crie uma caixa
de texto em qualquer lugar da área de trabalho, digite “Produto”, tecle “Enter” para
passar para a linha de baixo e digite “Orgânico”. Verifique se a fonte continua como “Adobe
Caslon Pro” (1), caso contrário, aplique essa fonte ao texto.
3 2
1
26 Selecione a cai-
xa de texto que
acabamos de criar e mo-
vimente para o centro
do favo laranja como
mostra a imagem.
64 www.mundodesenhodigital.com.br
27 Com a ferramenta “Type” (Tipo), crie o texto “Indústria Brasileira” e aplique o estilo,
tamanho, cor e parágrafo como mostram as imagem abaixo.
28 Com a mesma ferramenta “Type” (Tipo), crie outro texto “Peso Líq. 260 g”, como mos-
tram as imagens abaixo, com as respectivas características.
ERRADO
Distância menor
Para evitar problemas na impressão, que 0,5 cm.
como mostra a dica, posicione o texto
mais acima, longe da margem da pran-
cheta. Caso seja necessário, use as setas CERTO
30 Selecione o texto “Indústria Brasileira” e “Peso Líq. 260 g”. Clique em “Window” (Janela),
em seguida em “Align” (Alinhar). Na janela “Align”, clique
em “Show Options” (Mostrar opções) e escolha a opção “Align
to Artboard” (Alinhar à
prancheta). Clique na
opção “Horizontal Align
Center” (Alinhamento
horizontal ao centro).
Veja o resultado.
65 www.mundodesenhodigital.com.br
31 Não se esqueça de salvar seu trabalho. Se o arquivo
já foi salvo a primeira vez, basta clicar sobre “File”
(Arquivo) e, em seguida, “Save” (Salvar). Caso nunca tenha
salvo, Clique em “File” (Arquivo), em seguida em “Save As”
(Salvar Como). Na janela que se abrir, escolha o local que
deseja guardar o arquivo, digite o nome que deseja salvar
e clique em “Save” (Salvar). Em seguida, na próxima janela,
mantenha as opções padrão e clique em “Ok”.
Dica do Illustrator
A ferramenta “Undo” (Desfazer) e “Redo” (Refazer), não funcionam
depois de salvar e fechar o arquivo. Ou seja, as alterações do arqui-
vo que foram feitas (ou desfeitas) antes de salvar, permanecerão da
mesma forma. Você só poderá ser usar “Undo” (Desfazer) e “Redo”
(Refazer) depois de realizar novas ações no arquivo. Por isso, antes
de salvar e fechar, verifique seu arquivo com atenção.
66 www.mundodesenhodigital.com.br
03 • Rótulo de Água
Para encerrar o “Capítulo 2 - Primeiros Passos”, vamos desenhar um rótulo para gar-
rafa de água. Os dois primeiros rótulos foram feitos apenas com a parte da frente, sem
o verso com as demais informações do produto, apenas para ensinar os conceitos bá-
sicos do software Illustrator. Porém, este será um trabalho completo, de um rótulo tipo
manga (sleeve), com todos os detalhes técnicos e obrigatórios.
67 www.mundodesenhodigital.com.br
01 será feito para uma garrafa de água de um litro e meio.
Abra o Illustrator e configure o novo arquivo conforme a imagem abaixo. Esse rótulo
O fundo desse rótulo será branco. Portanto, se esse rótulo for impresso em um papel branco,
não será necessário usar uma cor de fundo, como fizemos nos exercícios anteriores.
Antes Depois
68 www.mundodesenhodigital.com.br
04 nos próximos passos, vamos utilizar as coordenadas do painel de controle. Nele, basta
Agora, vamos posicionar corretamente o quadrado em relação à prancheta. Para isso,
digitar a coordenada da posição escolhida com o objeto selecionado e ele vai automaticamen-
te para o local. Vamos iniciar com a utilização das réguas do Illustrator para determinar o ponto
“0” das coordenadas. O ponto “0” ou ponto de origem deve ser exatamente no início da nossa
prancheta. Para visualizar as réguas, clique em “View” (Exibir) (1), leve o cursor do mouse até
“Rulers” (Régua) e clique em “Show Rulers” (Mostrar réguas) (2). Veja que as réguas aparecem
na parte superior e lateral esquerda do documento (3).
1
69 www.mundodesenhodigital.com.br
06 Agora com o zoom, vamos colocar o ponto
“0” no vértice da prancheta. Clique e man-
Dica do Illustrator
tenha o mouse pressionado sobre o canto entre as
duas réguas (1) e arraste para o vértice da pranche-
ta. Solte o botão do mouse quando estiver exata-
mente no local desejado (2).
Perceba que, agora, o canto da prancheta corresponde ao ponto “0” da régua, tanto na hori-
zontal quanto na vertical. Observe que, quando você movimenta o mouse em qualquer área
da janela de documento, uma pequena linha aparece nas réguas indicando as coordenadas
do cursor do mouse. Se posicionar o cursor exatamente no canto da prancheta, verá que as
coordenadas do mouse estão no ponto “0” vertical e horizontal.
70 www.mundodesenhodigital.com.br
07 Agora que ajustamos o ponto “0” da régua, vamos posicionar o quadrado que criamos
no local correto. Para isso, vamos usar um recurso do painel de controle que permite
digitar o local onde deseja posicionar os objetos selecionados. Primeiro, vamos voltar à visuali-
zação normal de 100% dando uma duplo clique sobre a ferramenta “Zoom tool” (1).
Em seguida, selecione o quadrado com cantos arredondados, vá até o Para manter a proporção
ao alterar a largura ou
painel de controle e veja que alguns campos diferentes aparecem (2). altura, basta clicar sobre a
Neste painel estão as opções de “Transform”, ou seja, de transforma- corrente. Para desabilitar,
basta clicar novamente.
ção dos objetos. Veja abaixo com mais detalhes.
A opção “X” determina as A opção “Y” determina as coor- A opção “W” determina a A opção “H” determina a
coordenadas na posição denadas na posição vertical. largura do objeto. altura do objeto.
horizontal.
Com o objeto ainda selecionado, digite os valores mostrados na imagem acima para as opções
“X” e “Y”. Os valores de “W” e “H” permanecem iguais, pois são as medidas que utilizamos para
criar o quadrado nos primeiros passos desse exercício. Veja o resultado.
08 Para criar os outros quadrados que compõem a imagem do rótulo, vamos utilizar um
recurso de cópia disponível no menu “Transform” (Transformar), diferente do painel
que acabamos de ver. Selecione o qua-
drado, clique em “Object” (Objeto), leve
o cursor do mouse até a opção “Trans-
form” e clique na opção “Move” (Mover).
71 www.mundodesenhodigital.com.br
Na janela “Move” (Mover), digite os valores conforme a imagem abaixo e clique em “Copy”
(Copiar) para criar um novo objeto a partir do quadrado selecionado.
Dica do Illustrator
Perceba que, por padrão, o Illustrator usa o
centro dos objetos para movimentá-los. Ou
seja, se digitarmos 12 mm para movimentar
a cópia do objeto na vertical, ele fará o cál-
culo da medida a partir do centro do qua- Mantenha a opção
drado até o centro do segundo quadrado, e “Preview” habilita-
a distância entre eles será de 2 mm. da para visualizar
a transformação
antes de realizá-la.
09 Agora, vamos criar um novo quadrado da mesma forma que criamos esse. Para isso, pode-
ríamos repetir todo o processo, no entanto, vamos usar um recurso do Illustrator que evita
essa repetição. Com o último objeto selecionado, clique em “Object” (Objeto), leve o cursor até a
opção “Transform” (Transformar) e clique em “Transform Again” (Transformar novamente). Veja
que um novo objeto é criado com a mesma distância do anterior. Utilize esse recurso para criar um
total de seis quadrados conforme as imagens.
Teclas de atalho:
Transform Again
command
+ D
Ctrl
+ D
72 www.mundodesenhodigital.com.br
10 Agora que temos a primeira fileira de quadrados, vamos copiá-la usando os mesmos
recursos do menu “Transform” (Transformar).
Selecione todos os quadrados, clique em “Object” (Ob-
jeto), leve o cursor do mouse até a opção “Transform”
(Transformar) e clique na opção “Move” (Mover). Na janela
“Move” (Mover), digite os valores conforme a imagem e
clique em “Copy” (Copiar).
Veja que todos os quadrados devem ser criados com exatamente a mesma distância. Ao total, serão 23 fileiras de quadrados.
11 Nosso fundo está quase pronto. Neste ponto, vamos aplicar mais dois tons de azul aos
quadrados. Selecione as duas fileiras do meio, na horizontal, e aplique o azul do painel
“Swatches” (Amostras) com as porcentagens “C=70, M=15, Y=0, K=0”. Veja o resultado.
73 www.mundodesenhodigital.com.br
Selecione as duas fileiras do final, na horizontal, e aplique o azul do painel “Swatches” (Amos-
tras) com as porcentagens “C=85, M=50, Y=0, K=0”. Veja o resultado.
12 Esse rótulo servirá para uma garrafa de 1,5 litro. Nesse caso, a imagem principal com o
título do produto, marca, conteúdo e outras informações deverão aparecer na frente
e no verso da garrafa. As informações em texto menor, como tabela nutricional, ingredientes,
componentes, empresa fabricante, entre outras, serão colocadas nas laterais do rótulo, entre
a frente e o verso. Para fazer essa divisão, vamos usar um recurso de opacidade nas laterais do
rótulo, exatamente onde irão os textos.
Conte nove fileiras de quadrados e selecione as três fileiras seguintes, mais ou menos ao meio
da imagem. Vá até o painel de controle, na opção “Opacity” (Opacidade) e digite 15. Essa opção
é medida em porcentagem, ou seja, de 100% de cor, vamos aplicar apenas 15% aos quadrados
selecionados.
Selecione as
Conte nove fileiras. três fileiras.
74 www.mundodesenhodigital.com.br
13 Da mesma forma que fizemos anteriormente, selecione as duas últimas fileiras de qua-
drados e aplique 15% de cor no campo “Opacity” (Opacidade), no painel de controle.
Veja o resultado.
14 Agora que o fundo está pronto, vamos deixá-lo numa “layer” (camada) trancada para
que não seja modificado por engano durante o projeto.
Vá até o painel “Layers”, no painel la-
teral e clique sobre o quadrado cinza
ao lado do ícone do olho. Veja que um
pequeno cadeado aparece. Isso indica
que a “layer” está trancada. Tente mo-
vimentar alguns quadrados e veja que
não é possível selecioná-los.
15 Em seguida, clique no ícone “Create a new layer” (Criar uma nova “layer”) (1). Dê um
duplo clique na nova “layer” (2) para abrir as opções e dê a ela o nome “Frente e verso”.
Veja que a nova “layer” foi criada com a cor vermelha como
padrão. Se desejar mudar a cor da “layer”, basta escolher outra
1 no campo “Color” (Cor), como fizemos no Rótulo de Mel.
75 www.mundodesenhodigital.com.br
16 Vamos começar pela frente do rótulo para, depois,
apenas copiar os objetos para o verso. Selecione a fer-
ramenta “Ellipse” (Elipse), clique em qualquer área e digite a
medida do círculo conforme
a imagem.
17 Posicione a elipse bem ao centro da imagem. Conte duas fileiras de quadrados de cada
lado e centralize a elipse. Use as setas do teclado, caso seja necessário.
Abra o painel “Align” (Alinhar) no menu “Window” (Janela). Com a opção “Align to Artboard”
(Alinhar à prancheta) (1) habilitada, utilize a ferramenta “Vertical Align Center” (Alinhamento
vertical centralizado) (2), para que a elipse fique exatamente ao centro da prancheta.
76 www.mundodesenhodigital.com.br
19 Selecione a ferramenta “Type” (Tipo), faça uma caixa de texto e digite a palavra “Mi-
neral”. Em seguida, faça uma outra caixa de texto e digite “Natural”. Selecione as duas
caixas e aplique as características do texto como mostra a imagem do painel de controle abaixo.
20 Depois de editar as fontes, aplique a cor “C=100, M=95, Y=5, K=0” à palavra “Mineral”,
e a cor “C=100, M=0, Y=0, K=0 à palavra “Natural”. Mantenha as duas sem contorno.
77 www.mundodesenhodigital.com.br
23 Agora vamos acrescentar outros textos à frente do rótulo. Com a ferramenta “Type”
(Tipo), digite os textos “Fonte Água Clara” e “Água Mineral Natural”, separadamente.
Aplique as características de texto conforme a imagem e centralize os dois textos.
Dica técnica
Todo rótulo de água mineral
deve conter, na frente do
rótulo, sua fonte de origem.
Para saber mais detalhes so-
bre as obrigatoriedades dos
rótulos de água, visite o site
da ANVISA.
24 Aplique as cores ao texto como mostra a imagem. Em seguida, posicione o texto “Água Mi-
neral Natural” abaixo do “Fonte Água Clara”. Se preferir, use o “Align” (Alinhar) para centralizar.
25 Selecione a ferramenta “Type” (Tipo) e clique sobre qualquer área. Digite “Sem”. Selecione a
ferramenta de seleção, clique fora da caixa de texto e selecione a ferramenta “Type” (Tipo)
novamente. Clique em qualquer área e digite “Gás”.
78 www.mundodesenhodigital.com.br
26 Vamos editar os textos para que fiquem como mostram as imagens abaixo.
Se não tiver a fonte “Myriad Pro” instalada em seu computador, utilize qualquer outra fonte que possua o estilo
“bold” ou “semibold”, que deixa o texto em negrito. Dependendo da fonte, o texto pode ficar muito maior ou
muito menor em relação à fonte “Myriad”, a qual estamos utilizando. Nesse caso, aumente ou diminua o texto
conforme necessário. O importante é que o texto “Gás” fique um pouco mais destacado.
27 Posicione a palavra “Gás” mais próxima de “Sem”, como mostra a imagem. Selecione as
duas caixas de texto, abra o painel “Align” (Alinhar) com a opção “Align to Selection” (Ali-
nhar à seleção) habilitada e clique na opção “Horizontal Align Center” (Alinhamento horizontal
centralizado). Em seguida, agrupe as duas caixas de texto.
28 Aplique a cor “White” (Branco) ao texto e deixe sem contorno. Em seguida, leve o
grupo até o rótulo e posicione ao centro do quadrado indicado na imagem.
Veja o resultado.
Veja que o grupo deve ser posicionado no
centro do último quadrado da segunda fi-
leira. Caso seja necessário, use as setas do
teclado para posicionar no local indicado.
79 www.mundodesenhodigital.com.br
30 Vamos repetir o processo anterior. Aplique as características ao texto conforme as
imagens. Em seguida, posicione as caixas de texto como mostra a imagem. Se prefe-
rir, use “Align” (Alinhar) para centralizar.
31 Aplique a cor “White” (Branco) aos dois textos e deixe sem contorno. Selecione as
duas caixas e agrupe. Leve o grupo até o centro do quadrado indicado na imagem.
32 Aparafrenteo verso.
do rótulo está pronta. Aqui, vamos copiar todos os elementos
Para não correr riscos, vamos agrupar os objetos. Sele-
cione tudo, clique em “Object” (Objeto) e, em seguida, em “Group” (Agrupar).
Com o grupo selecionado, clique em “Edit” (Editar) e, em seguida, em “Copy”
(Copiar). Clique novamente em “Edit” (Editar) e, depois, em “Paste” (Colar). Mo-
vimente o novo grupo para o outro lado do rótulo onde será o verso.
Teclas de atalho:
Copy
command
+ C
Ctrl
+ C
Paste
command
+ V
Ctrl
+ V
80 www.mundodesenhodigital.com.br
33 Neste passo, vamos adicionar os demais textos do rótulo que contém informações sobre
o produto, o fabricante, etc. Vá até o painel “Layers” (Camadas) e clique sobre “Create New
Layer” (Criar nova “layer”) (1). Dê a ela o nome de “Textos” (2). Bloqueie a “layer” “Frente e verso” clican-
do sobre o quadrado cinza “Toggles Lock” (Alterna o Bloqueio) (3).
3
34 Para concluir o rótulo, vamos adicionar as informações obrigatórias (Veja a dica técnica
abaixo). Colocaremos alguns textos de exemplo. Selecione a ferramenta “Type” (Tipo), cli-
que na tela, arraste e solte o cursor abrindo uma caixa de texto e digite os textos a seguir. O texto
que estiver em caixa alta deve permanecer dessa forma. Faça caixas de texto separadas para cada
um (não separe os textos com o “enter”).
Texto 1
Dica Técnica
Todo rótulo deve conter uma série de informações
Água Mineral Fluoretada: Concessionário: Mineral Natural importantes sobre o produto.
Bebidas Ltda. Local da Fonte: Endereço, Número, Cidade- A ABRE e a ANVISA possuem uma rigorosa lista de es-
-UF. CNPJ. Alvará de Empresa de Mineração Nº, Portaria pecificações. Nos rótulos de alimentos, por exemplo,
é obrigatório conter a origem, a tabela nutricional, a
de Lavra, publicada no D.O.U. de (data). Análise Química
composição, a quantidade, se o alimento possui glú-
- Boletim no 000/NONONO/00 de 00/00/00, C.P.R.M., ten, como deve ser armazenado e outros avisos como
Ministério de Minas e Energia. Registro no M.S. no instruções de preparo, restrições de consumo, etc.
0.0000.0000.000-0. Indústria Brasileira. Validade: 9 meses Além disso, os rótulos devem informar a data de fa-
após data de fabricação indicada na garrafa ou na tampa. bricação do produto, o prazo de validade (ou infor-
mar que o prazo é indeterminado para alguns casos,
Texto 2 como bebidas alcoólicas destiladas) e o lote. No caso
Composição Química (mg/l): Bário = 0,024, Estrôncio = de produto importado, a importadora fica responsá-
vel por adaptar o rótulo com as informações obriga-
0,020, Cálcio = 17,14, Magnésio = 9,83, Potássio = 1,30,
tórias em português. Neste caso, normalmente, é co-
Sódio = 1,10, Sulfato = 0,2, Bicarbonato = 105,15, Fluoreto locada uma etiqueta adesiva sobre as informações do
= 0,05, Nitrato = 0,8, Cloreto = 0,13. Características Físico- país de origem conforme especificações obrigatórias.
-Químicas: pH a 25°C = 8,04. Temperatura da água na Para mais informações sobre a rotulagem de produ-
Fonte = 19,5°C. Condutividade a 25°C - 151µS/cm. Resíduo tos, visite o site da ANVISA e da ABRE.
http://portal.anvisa.gov.br/
de Evaporação a 180°C, calculado = 101,95mg/l.
http://www.abre.org.br/
NÃO CONTÉM GLÚTEN.
81 www.mundodesenhodigital.com.br
Texto 3
NÃO CONSUMA CASO O LACRE ESTEJA ROMPIDO.
Texto 4
ATENDIMENTO AO CONSUMIDOR: 0800 000 000
Dica do Illustrator
Sinais gráficos 1 2
Sobrescrito
É o texto posicionado acima da base da
linha. Para fazer o texto sobrescrito, como
no caso da abreviação da palavra “Núme-
ro”, selecione a letra (ou palavra) que deseja 3
modificar e clique em “Character” (Carac-
tere) (1) no painel de controle. Na janela,
clique no botão superior direito para abrir
mais opções (2) e clique em “Superscript”
(Sobrescrito) (3). Veja o resultado.
Glyphs Exemplos:
1° 1o
Não confunda o sinal de grau (°) com a letra “o” sobrescrita (o). O sím-
bolo do grau é redondo, enquanto a letra “o” pode ser oval ou possuir
espessura variada de contorno em determinadas fontes. A letra “o” so-
brescrita é utilizada para indicar número ordinal ou abreviações como
da palavra “número”: “no”.
Para inserir o sinal de grau, use o painel “Glyphs” (Glifos). Clique em
“Type” (Tipo), depois em “Glyphs”. Veja que o painel se abrirá. Símbolo de grau. Letra “o”.
82 www.mundodesenhodigital.com.br
Para fechar o painel, clique aqui.
Em Unicode, que é o código utilizado pelos computa-
dores para representar os caracteres escritos, o código
que representa o símbolo de grau é “U+00b0”. Já o có-
digo para a letra “o” sobrescrita é “U+00ba”. Para não
confundir, posicione o cursor do mouse sobre o símbo-
lo e veja se o código mostrado é o correto.
2
Selecione a ferramenta “Type”, depois, cli-
Esse campo mostra que com o cursor no local que deseja colo-
os caracteres da fonte car o símbolo (1). No painel “Glyphs”, basta
selecionada, que é a
“Myriad”. Você pode
dar duplo clique sobre o símbolo para inse-
alterar as fontes atra- rir (2). Veja o resultado (3).
vés desse campo. Para ampliar o painel de glifos
clique aqui, segure e arraste.
1 3
O painel “Ghyps” (Glifos, que quer dizer “inscrição”) mostra todos os caracteres disponíveis separados por fontes.
Algumas fontes não suportam certos símbolos ou, em alguns casos, sequer os caracteres que representam números.
Geralmente, são fontes decorativas ou versões não profissionais. Por isso, é muito importante escolher bem a fonte
que será utilizada em seus projetos.
Veja o tópico “Tipografia” no Capítulo 1.
35 No caso de textos extensos, como esses que inserimos, é possível habilitar e desabilitar a
hifenização para poupar espaço no rótulo. Selecione todas as caixas de texto e clique sobre
“Paragraph” (Parágrafo) (1) no painel de controle. Clique sobre a opção “Hypenate” (Hifenizar) (2)
para habilitar. Como cada idioma possui um sistema de separação silábica, vamos configurar o texto
como “Portuguese: Brazilian” (Português: Brasil). Clique em “Character” (Caractere) (3) no painel de
controle e, após, sobre a seta do campo “Language” (Idioma) (4). Escolha a opção “Portuguese: Bra-
zilian” (5). 3
1
2 4
83 www.mundodesenhodigital.com.br
5
36 Neste
vamos
passo,
aplicar
um tom de azul ao tex-
to. Selecione todas as
caixas e clique sobre a
cor indicada na imagem
abaixo. Aplique ao texto
as características indica-
das nas imagens.
84 www.mundodesenhodigital.com.br
Volte à caixa de texto selecionada e
posicione o cursor do mouse do lado
direito da mesma. Veja que o ícone do
cursor mudará. Clique e mantenha o
botão do mouse pressionado, segure
a tecla “Shift” e movimente o mouse
para cima. Solte o botão quando indi-
car o ângulo de 90 graus.
Dica do Illustrator
Nesse passo é importante usar a ferramen-
ta “Free Transform”. Se tentar apenas com
o mouse, a caixa de texto gira mas o texto
permanece na horizontal.
Dica do Illustrator
É importante usar o “Shift” quando estiver gi-
rando o objeto para que o ângulo fique reto,
em 90 graus. Sem o “Shift”, o ângulo do giro
seria determinado pelo movimento apenas
do mouse e, assim, em qualquer ângulo, o
que não é o desejado para esse exercício.
85 www.mundodesenhodigital.com.br
39 Com o texto posicionado, vamos reduzir a caixa de texto para fazer caber no rótulo.
Habilite a ferramenta “Free Transform” (Ferramenta Transformação livre). Selecione a
caixa de texto, clique e mantenha o botão do mouse pressionado sobre qualquer um dos vér-
tices, segure o “Shift” e movimente o mouse para diminuir a caixa. Veja que dessa forma, além
de diminuir a caixa, o tamanho do texto também é reduzido. Solte o botão do mouse e, depois,
a tecla “Shift” quando estiver do tamanho desejado.
Dica do Illustrator
Esse é um ótimo recurso para adicio-
nar textos em locais específicos, geral-
mente muito pequenos. Só é preciso
tomar cuidado com o tamanho da
fonte, para que não fique pequeno de-
mais e se torne ilegível no rótulo.
Dica Técnica
No caso de rótulo impresso por offset
ou flexografia, o tamanho mínimo
para as fontes é 6 pt. Dependendo da
fonte utilizada, geralmente aquelas
decorativas, com muitos detalhes e
linhas finas, é recomendável utilizar
um tamanho maior para não haver
É importante deixar essa área
problemas de impressão.
sem texto para depois incluir-
mos o código de barras.
40 Repita o processo com as demais caixas de texto conforme a imagem. Verifique o ta-
manho das fontes para que nenhuma esteja com tamanho menor que 6 pt (Leia a Dica
Técnica do passo anterior). Caso alguma esteja, aumente a fonte e redimensione a caixa de
texto. Não é necessário que fique exatamente igual, o importante é que todas as informações
estejam no rótulo e que nenhum texto tenha tamanho menor que 6 pt.
86 www.mundodesenhodigital.com.br
41 Essa área que deixamos sem texto será reserva-
da para o código de barras do produto. Vamos
inserir um código de barras de exemplo, apenas para
ver como seria no caso de um projeto real. Primeiro, crie
uma nova “layer” para adicionar o código de barras.
Em seguida, bloqueie
a “layer” “Textos” para
não haver interferência
durante o trabalho.
42 Para importar o código de barras, clique sobre “File” (Arquivo) e, em seguida, sobre
“Place” (Inserir). Uma janela se abrirá mostrando os arquivos do seu computador. Lo-
calize a pasta onde salvamos os arquivos de trabalho (aqueles que estão disponíveis em nosso
site - leia o tópico “Baixar material online” no início desse capítulo) e clique sobre o arquivo
“Código de Barras”. Clique em “Place” (Inserir). Veja que o código aparece selecionado.
Dica Técnica
Uma das regras para o uso do código de barras é a restrição para re-
dução do tamanho. É permitido, por exemplo, reduzir até 80% e au-
mentar em até 200%. Isto ocorre pois algumas das barras podem ficar
ilegíveis para o leitor óptico ou, ainda, devido ao tamanho, pode ha-
ver problemas na impressão. A isso, se chama “Truncamento”. Muitas
empresas optam por reduzir o código para poupar espaço e correm
o risco de ter esses problemas. Por esse motivo, saiba qual é o tipo de
código que será inserido em seu projeto e faça o planejamento da arte
com base nas medidas reais.
Veja o tópico “Código de Barras” no Capítulo 1.
87 www.mundodesenhodigital.com.br
43 Veja que o código de barras aparece do tamanho real, 100%. Isso significa que você
poderá reduzi-lo até 80%. Para isso, com o código de barras selecionado, clique em
“Object” (Objeto) e, em seguida, em “Transform” (Tranformar). Escolha a opção “Scale” (Escala).
Na janela que se abrir, digite 80% e tecle em “Ok”, conforme a imagem. Dessa forma, o código
é reduzido sem risco de “truncamento” (Veja dica do passo anterior).
100%
80%
88 www.mundodesenhodigital.com.br
44 Apague os quadrados azuis do local onde será inserido o código.
Para posicionar o código no local, primeiro volte à “layer” “Fundo” e destranque-a.
Margens de silêncio
Não é muito comum, mas em alguns casos o código de barras é adicionado à embalagem posteriormente, por
meio de adesivo, por exemplo. Nesse caso, o designer pode deixar o espaço reservado no rótulo em branco.
Dica do Illustrator
Todo arquivo inserido no Illustrator, como o caso do código de barras, é conside-
rado um link. Ou seja, esse arquivo fica ligado ao arquivo do Illustrator. Portanto,
é aconselhável manter os dois arquivos na mesma pasta ou em uma pasta especí-
fica. Isso é necessário pois ao enviar o arquivo do Illustrator para a gráfica ou para
qualquer pessoa, os dois arquivos devem estar no mesmo local, caso contrário, o
Illustrator não encontrará o arquivo inserido, e o mesmo não aparecerá.
89 www.mundodesenhodigital.com.br
45 Nosso rótulo está quase pronto. Agora que todos os elementos estão inseridos e po-
sicionados, vamos transformar os elementos de texto em curvas, ou seja, transformar
o texto escrito em simples objetos vetoriais. Depois disso, não será possível alterar o texto
escrito, a não ser, é claro, que esse texto seja apagado e que um novo texto seja inserido com
a ferramenta “Type”. Por isso, antes de transformar o texto em curva, volte e revise as informa-
ções para ter certeza que não há erros ortográficos ou falta de informações.
Dica Técnica
Recomendamos que você sempre salve seus arquivos com um outro nome
antes de transformar os textos em curva, pois, dessa forma, se houver qual-
quer problema no texto ou qualquer alteração, você poderá utilizar o arqui-
vo com os textos salvos.
90 www.mundodesenhodigital.com.br
Capítulo 3
Alimentos
Dica Técnica
Não deixe de consultar o fabricante do produto para obter as
informações necessárias para a criação dos seus rótulos. É essen-
cial consultar também os órgãos, agências e código já citados
acima para saber as informações obrigatórias da rotulagem de
alimentos. Todas as informações apresentadas nesse livro têm
caráter informativo, mas não substituem a consulta aos órgãos e
instituições responsáveis.
91 www.mundodesenhodigital.com.br
04 • Rótulo de Azeite
Neste exercício:
Pencil Tool (Ferramenta Lápis)
Brushes Panel (Painel de Pincéis)
Variable Width Profile (Perfil de largura variável)
Brush Libraries Menu (Menu Biblioteca de pincéis)
Fill/Stroke (Cor de preenchimento/Cor de contorno)
Arrange: Bring to Front/Send to Back (Organizar:
Trazer para frente/Enviar para trás)
Envelope Distort: Make with Warp (Distorção de
envelope: Criar com deformação)
92 www.mundodesenhodigital.com.br
01 Abra o Illustrator e crie um novo arquivo com as características mostradas na imagem.
02 Em seguida, vamos criar o fundo para nosso rótulo. Primeiro crie uma nova “layer” com
o nome de “Fundo”.
93 www.mundodesenhodigital.com.br
04 Com o retângulo selecionado, aplique a cor de
preenchimento mostrada na imagem ao lado e
mantenha sem contorno.
Bloqueie a “layer”
“Fundo” para evitar
modificações.
Quando você clica e o cadeado
aparece, a “layer” está bloqueada.
94 www.mundodesenhodigital.com.br
06 Configure e posicione os textos conforme as imagens.
Coloque todos os textos em “Uppercase” (Maiúscu-
la), com exceção da palavra “ml”, que você deve voltar para o
“Lowercase” (Minúscula). Mantenha todos com parágrafo cen-
tralizado. Depois de criar a nova cor, arraste-a para o painel
“Swatches” (Amostras).
Dica Técnica
O Logotipo não é a mesma coisa que o nome do produto, por mais que seja
óbvio. Portanto, mesmo que o logotipo deixe bem claro o que é o produto,
é necessário descrever o nome na frente da embalagem, de forma legível e
clara para o consumidor. Por isso, o texto “Azeite de Oliva” é indispensável.
O mesmo serve para todos os outros produtos.
Lembre-se de manter o
“Shift” pressionado para
que as linhas fiquem retas. 3
95 www.mundodesenhodigital.com.br
08 Para dar um estilo diferenciado às linhas, vamos utilizar um recurso muito importante
do Illustrator, o “Brushes Panel” (Painel de Pincéis). Em “Window” (Janela), escolha a
opção “Brushes” (Pincéis) (1). O painel se abrirá na lateral direita, conforme a imagem (2). Para
retirá-lo do painel lateral e trabalhar mais facilmente, basta clicar e segurar sobre o nome do
painel e arrastá-lo para fora (3) ou colocá-lo onde acha melhor no painel lateral. Escolhemos
arrastar para a área de trabalho para mostrar como é fácil trabalhar dessa forma.
2
3
09 Esse painel contém diversos estilos de pincel pré-definidos que podem ser utilizados
na forma padrão ou podem ser modificados. Além disso, é possível criar segmentos
e adicionar ao painel “Brushes” para utilizar como desejar. Para abrir a biblioteca do painel,
clique sobre o botão “Brushes Libraries Menu” (Menu Bibliotecas de pincéis) (1). Selecione a
opção “Elegant Curl and Floral Brush Set” (Conjunto de caracóis elegantes e pincéis florais) (2).
Veja que um novo painel se abrirá com novas opções de “Brushes”. Você também pode mover
esse painel para onde desejar, clicando e arrastando, até mesmo para unir os dois painéis,
como mostra a imagem.
96 www.mundodesenhodigital.com.br
Painéis separados. Painéis unidos.
Dica do Illustrator
Para adicionar um painel à uma janela, basta clicar sobre ele (1), segurá-lo e arrastá-lo até a parte superior da janela
na qual deseja deixá-lo (2).
“Layers” “Swatches”
Veja que os dois ficam na mesma (Camadas) (Amostras)
janela. Para alternar o painel, bas-
3 ta clicar sobre as abas (3). É possível
adicionar diversos painéis à uma
única janela, até mesmo de diferen-
tes recursos. Por exemplo, é possível
adicionar à mesma janela, o painel
“Swatches” (Amostras) e o “Layers”
(Camadas), por isso, adicione e redis-
tribua os painéis como desejar.
97 www.mundodesenhodigital.com.br
10 Com o “Shift” pres-
sionado, selecione as 2
duas linhas, passe o mouse
sobre as opções de “Brushes”
(Pincéis) do painel para ver
os nomes e clique no “brush”
“Leaf Pattern” (Padrão de fo-
lhas) (1). Para encontrá-lo, use
as setas da barra de rolagem.
Veja o resultado (2). Depois
de aplicar o pincel, bloqueie 1
a “layer” “Linhas”.
Dica do Illustrator
Não vamos conseguir ver sequer todas as opções de “brushes” do
Illustrator ao longo de nosso livro, pois são muitas disponíveis!
Portanto, abra outras bibliotecas de “brushes” e experimente ou-
tros modelos para conhecer as diversas possibilidades que temos
com um software tão completo. Depois, volte para o “brush” que
escolhemos ou fique com aquele que gostar mais!
Nós já utilizamos as “layers” para separar os elementos do rótulo. Agora, vamos utilizá-las para
separar os elementos de um desenho um pouco mais detalhado. Isso é importante para que,
ao aplicar os efeitos nos objetos, como aplicamos os “Brushes” (Pincéis), não haja risco de apli-
car ao objeto errado. Por isso, vamos criar novas “layers” para desenhar esses elementos da
ilustração, para depois juntá-las.
Dica do Illustrator
Já vimos, no passo anterior, que a área de trabalho pode ser modificada, agrupando os painéis conforme for ne-
cessário e arrastando para dentro ou para fora do painel lateral da direita. Quando realizamos essas modificações
na área de trabalho, o Illustrator mantém da mesma forma quando o mesmo é fechado e aberto. No entanto, se
selecionarmos outro padrão para a área de trabalho clicando no alternador (1), nossas alterações são perdidas.
Para que isso não aconteça, é possível salvar a área de trabalho para acessá-la quando desejar.
1 Para salvar a área de trabalho, clique no alternador, vá na opção “Save Works-
pace” (Salvar espaço de trabalho), digite o nome que preferir e clique em
“Ok”. Veja que a área que foi salva vai aparecer entre as opções do alternador.
98 www.mundodesenhodigital.com.br
11 Crie uma nova “layer” de nome
“Oliva - ramos”. Crie uma nova
cor para aplicar aos ramos conforme a
imagem ao lado. Em seguida, arraste a
cor para o painel “Swatches” (Amostras).
3
2
5
4
Quando você solta o mouse, a linha aparece
com o contorno normalmente.
99 www.mundodesenhodigital.com.br
Em seguida, no painel de controle, ao lado da opção “Stoke” (Contorno), há a opção “Variable
Width Profile” (Perfil de largura variável). Nele, a opção padrão é “Uniform” (Uniforme). Clique
na seta ao lado (1) e escolha a opção “Width Profile 1” (Perfil de largura 1). Veja o resultado. Se
necessário, reposicione as linhas para que fiquem como na imagem.
“Width Profile 1” aplicado
apenas às linhas laterais.
Espessura 0,36 pt
nas linhas do meio.
13 Crie uma nova “layer” de nome “Oliva - elipses”, e bloqueie a “Oliva - ramos”. Agora
vamos criar as olivas. Selecione a ferramenta “Ellipse Tool” e faça uma forma ovalada
como mostra a imagem abaixo. Aplique a mesma cor que foi aplicada aos textos.
100 www.mundodesenhodigital.com.br
Vamos aplicar uma cor um pouco mais clara ao contorno.
Crie a cor conforme a imagem e arraste para o painel de
amostras. Veja que a nova cor ficou muito parecida com a
utilizada nos textos.
Para não confundir, vamos nomear as amostras. Dê duplo clique sobre a nova amostra. Na
janela “Swatch Options” (Opções de Amostras) que aparecerá, digite “Oliva - preenchimento”
e clique em “Ok”. Pare o cursor do mouse sobre a amostra e veja que o nome foi alterado.
Em seguida, dê o nome “Oliva - contorno” à nova cor que criamos. Veja o resultado.
Veja o contorno
com zoom.
101 www.mundodesenhodigital.com.br
14 Além de aplicar os pincéis a segmentos abertos, também
é possível, da mesma forma, aplicar os pincéis a segmen-
tos fechados. Abra novamente a biblioteca de pincéis, leve o cur-
sor do mouse até a opção “Artistic” (Artístico) e abra o painel “Ar-
tistic_ChalkCharcoalPencil” (Artístico_LápisCarvãoGiz). Selecione
a elipse e aplique o “brush” “Charcoal Smooth“ (Carvão - Suave).
Veja o resultado.
15 Com a elipse pronta, vamos copiá-la para aplicar nos locais desejados. Dessa vez, va-
mos utilizar um recurso diferente para cópia. Mantenha a tecla “Alt” do teclado pressio-
nada, clique e mantenha o botão do mouse também pressionado sobre a elipse e, em seguida,
arraste para o lado. Solte o botão do mouse e a tecla. Veja que a nova elipse foi criada onde o
mouse foi posicionado. Repita o processo para criar uma terceira elipse.
Dica do Illustrator
Esse recurso é melhor em relação ao “Copy”
e “Paste” (Copiar e Colar) para evitar de re-
Mudamos a cor da posicionar o novo objeto, pois este é criado
“layer” para laranja para exatamente onde o botão do mouse for
melhorar a visualização. solto.
16 Posicione as elipses
como mostra a ima-
gem. Gire as elipses para ficar
como indicado.
102 www.mundodesenhodigital.com.br
Dica do Illustrator
Para fazer um objeto Teclas de atalho:
sair de trás e passar para
Trazer para frente
a frente, clique sobre
o mesmo segurando a
+ + ]
tecla “control” (Mac) ou shift command
com o botão direito do
mouse (Windows), vá + + ]
shift Ctrl
até a opção “Arrange”
(Organizar) e clique em Enviar para trás
“Bring to Front” (Trazer
para frente). Para passar
+ + [
o objeto para trás, faça o shift command
mesmo procedimento e
escolha a opção “Send to + + [
shift Ctrl
Back” (Enviar para trás).
17 Vamos deixar os ramos sobre as olivas, neste caso não é possível utilizar o recurso
“Bring to front” (Trazer para frente) ensinado anteriormente, pois os objetos estão em
“layers” diferentes e a “layer” dos ramos está embaixo da “layer” das olivas. Como ensinado no
Capítulo 2, a ordem de sobreposição dos objetos segue a ordem de sobreposição das “layers”,
por isso, vamos movê-las conforme nossa necessidade. Clique e segure sobre a “layer” “Oliva
- elipses” e arraste para baixo da “layer” “Oliva - ramos”, onde deseja posicioná-la, conforme as
imagens. Veja o resultado.
18 Agora que as olivas estão no local correto, vamos usar a ferramenta “Pencil” (Lápis)
novamente para criar essa curva que imita um ponto de luz sobre elas. Crie uma nova
“layer”, dê o nome de “Oliva - luz” e bloqueie as demais.
Faça uma linha sobre a elipse, conforme a imagem.
103 www.mundodesenhodigital.com.br
Em seguida aplique a opção “Drop Up”
(Para cima) do painel “Elegant Curl and
Floral Brush Set” (Conjunto de caracóis Coloque a medida do
elegantes e pincéis florais). traçado depois que você
aplicar o “Drop Up”, pois
Repita o processo com as outras elipses sempre que a opção de
e aplique as mesmas características às “brush” é modificada o
traçado volta automatica-
novas linhas, conforme a imagem. mente para 1 pt.
Utilize a cor “Oliva - contorno”. Veja o resultado.
19 Crie uma nova “layer” de nome “Oliva - curvas menores” e bloqueie as demais. Vamos
utilizar novamente a ferramenta “Pencil” para criar outras três curvas que serão colo-
cadas entre as olivas e os ramos, como mostram as imagens abaixo. Faça mais ou menos como
um semi-círculo, para marcar onde o caule se encontra com a oliva. Em seguida, aplique as
características e o “brush” indicados na imagem.
104 www.mundodesenhodigital.com.br
20 Desbloqueie as “layers” que compõem a oliva. Selecione e agrupe todos os elementos
da ilustração. Quando agrupamos objetos que estão em “layers” diferentes, o Illustra-
tor automaticamente os envia para a mesma “layer”. Assim, veja que todos os elementos foram
para a primeira “layer” e as outras ficaram vazias. Exclua as “layers” vazias. Para isso, selecione
as “layers” que deseja excluir (clique sobre cada uma segurando a tecla “Shift”), clique, segure
o mouse sobre elas e arraste para o ícone da lixeira no painel “Layers” (Camadas).
105 www.mundodesenhodigital.com.br
22 Acriarfrente de nosso rótulo está quase pronta. Vamos
agora uma espécie de selo que informa a aci-
dez do azeite. Abra uma nova “layer” de nome “Selo” e blo-
queie a demais “layers”. Com a ferramenta “Ellipse Tool”,
clique sobre qualquer área e digite 11 para a altura e 11
para a largura conforme a imagem.
23 Ao lado da elipse, selecione a ferramenta “Type” (Tipo), clique em qualquer área e digi-
te os textos “Acidez” e “Máxima” em caixas separadas. Aplique as características mos-
tradas nas imagens aos textos.
106 www.mundodesenhodigital.com.br
24 Posicione o texto “0,4” no
centro da elipse. Use o pai-
nel “Align” (Alinhar) com a opção
“Align to Selection” (Alinhar à Sele-
ção) habilitada. Selecione o texto e
a elipse. Clique em “Horizontal Align
Center” (Alinhamento horizontal cen-
tralizado) e “Vertical Align Center”
(Alinhamento vertical centralizado).
Selecione apenas os textos, deixan-
do a elipse fora da seleção e aplique
a opção “Vertical Distribute Space”
(Distribuição do espaço vertical)
para que o espaço entre os objetos
seja exatamente igual.
25 Agora, vamos utilizar um recurso diferente que faz uma distorção com o objeto, que
nesse caso será utilizada com a caixa de texto. Selecione a caixa de texto “Acidez” e
vá em “Object” (Objeto), “Envelope Distort” (Distorção de envelope) e clique em “Make with
Warp” (Criar com deformação).
Na janela “Warp Options” (Opções de defor-
mação) escolha as mesmas opções da ima-
gem abaixo. Veja o resultado.
107 www.mundodesenhodigital.com.br
26 Repita o mesmo processo com o texto “Má-
xima”, no entanto, no campo “Bend” (Curva-
tura) digite “-50” ao invés de “50”. Veja que o efeito
aplicado é o mesmo, porém a distorção é feita para
baixo.
Posicione o texto
mais para cima con-
forme a imagem.
27 Selecione todos os objetos que compõem o selo e agrupe-os. Leve o selo até o rótulo
e posicione-o como mostra a imagem.
108 www.mundodesenhodigital.com.br
28 Gire o selo um pouco, como mostra a imagem. Veja o resultado final.
29 Vamos usar o painel “Align” (Alinhar) para alinhar os objetos ao centro. Primeiro, va-
mos desbloquear todas as “layers”, exceto a do selo. Confira se os objetos da ilustração
das olivas estão agrupados para não haver problemas no
alinhamento. Selecione todos os elementos da frente do
rótulo, com exceção do selo. Habilite a opção “Align to
Key object” (Alinhar ao objeto-chave) no painel “Align”
(Alinhar) e veja que um dos objetos fica com um contor-
no da cor da “layer” mais grosso que os demais, isso indi-
ca que esse objeto está selecionado como objeto-chave.
Nesse caso, vamos selecionar o fundo como objeto-cha-
ve para que todos os outros sejam alinhados em relação
a ele, para isso, basta clicar sobre ele.
Contorno mais
grosso indica o
objeto-chave.
109 www.mundodesenhodigital.com.br
Em seguida, clique em “Horizontal Align Center” (Alinhamento horizontal centralizado). A
frente do rótulo estará pronta.
30 Neste momento, vamos fazer o verso do rótulo. Para começar, vamos organizar as
“layers” em dois grupos. Crie uma nova “layer” e dê a ela o nome de “Frente”. Em seguida,
selecione as demais “layers” e arraste para dentro da “layer” “Frente” (1). Veja que uma seta cin-
za apontando para baixo aparece ao lado da “layer” “Frente” (2) mostrando as “sublayers”. Para
escondê-las, clique sobre essa seta (2) e veja que apenas a “layer” “Frente” fica visível no painel (3).
2 3
1
31 Crie uma nova “layer” de nome “Verso”. Para não criar essa “layer” como “sublayer”, se-
lecione a “layer” “Frente”, em seguida, clique em “Crate new layer”, assim, uma “layer”
nova será criada acima dessa. Vamos copiar o retângulo da parte da frente do rótulo para fazer o
verso. Clique na setinha cinza para abrir novamente as “sublayers” da “layer” “Frente”. Clique na
“sublayer” “Fundo”, selecione o retângulo verde e vá em “Edit>Copy” (Editar>Copiar). Clique na
”layer” “Verso” e vá em “Edit>Paste” (Editar>Colar). Veja que cada fundo ficou na sua layer.
110 www.mundodesenhodigital.com.br
Lembre-se que você só vai conseguir copiar o
retângulo se a “sublayer” “Fundo” e a “layer” “Frente”
estiverem desbloqueadas.
111 www.mundodesenhodigital.com.br
32 Bloqueie a “layer” “Frente” e veja que todas as “sublayers” ficam trancadas. Em seguida,
clique sobre a seta cinza para esconder as “sublayers”. Crie uma nova “layer” de nome
“Código de Barras” e bloqueie a “layer” “Verso”.
Agora, importe a imagem do código de barras, reduza o tamanho para 80% usando o recurso
“Scale” (Escala) e posicione-o conforme a imagem.
100%
80%
112 www.mundodesenhodigital.com.br
33 Crie uma nova “layer” com o nome “Textos - Verso” e tranque as demais. Selecione a
ferramenta “Type” (Tipo) e digite os textos abaixo, em caixas de texto separadas:
113 www.mundodesenhodigital.com.br
Leve os textos e posicione-os no verso do rótulo. Aplique a cor verde escura usada na frente
do rótulo. Use os recursos do painel “Paragraph” (Parágrafo) para alinhar os textos conforme
mostrado abaixo. Ao terminar, bloqueie a “layer” “Textos - Verso”.
Dica Técnica
A validade do produto pode ser indicada no rótulo com base na data de fabricação
(Por exemplo: “6 meses após a data de fabricação”) ou, como faremos nesse rótulo,
deixando um espaço para o prazo de validade ser adicionado depois. Existem diver-
sos métodos para essa inserção posterior, como adesivo (utilizado para escalas pe-
quenas de produção) ou máquinas de laser que imprimem com tinta ou desgastam o
material do rótulo para fazer aparecer a data.
35 Agora faremos o alinhamento dos objetos do verso. Bloqueie a “layer” “Verso” para
poder selecionar os textos mais facilmente.
114 www.mundodesenhodigital.com.br
Agrupe os textos que contêm as informações nutricionais.
Selecione os objetos indicados na imagem abaixo com a opção “Align to Selection” (Alinhar
à Seleção) habilitada e alinhe ao centro.
115 www.mundodesenhodigital.com.br
Selecione os textos na imagem. Faça o alinhamento à esquerda.
36 Uma informação que não pode faltar nos rótulos é sobre a indústria de fabricação do
produto. Assim, vamos acrescentar o texto indicado no rótulo. Configure conforme
as imagens e posicione.
Posicione o texto
na base da parte da
frente do rótulo.
116 www.mundodesenhodigital.com.br
37 Para finalizar, selecione todos os textos, clique em “Type” (Tipo) e, em seguida, em
“Create Outlines” (Criar contorno). Seu rótulo estará pronto.
117 www.mundodesenhodigital.com.br
05 • Rótulo de Chocolate
118 www.mundodesenhodigital.com.br
01 Abra o Illustrator e configure um novo documento conforme a imagem abaixo.
02 Vamos criar uma série de linhas guias para facilitar o trabalho. Para posicioná-las, pre-
cisamos habilitar a exibição das réguas, como fizemos no rótulo da garrafa de água.
Vá até o menu “View” (Exibir), posicione o mouse sobre a opção “Rulers” (Réguas) e veja as
opções que são exibidas. Clique na opção “Show Rulers” (Mostrar réguas).
03 É“View”
preciso conferir se as linhas guias também estão habilitadas. Para isso, vá até o menu
(Exibir) e posicione o cursor sobre a opção “Guides” (Guias). Se a opção “Hide
Guides” (Ocultar guias) aparecer, significa que as guias estão ativadas, então, basta clicar fora
do menu, sem selecionar nada. Se a opção “Show Guides” (Mostrar guias) aparecer, signifi-
ca que a visualização das guias está desativada, então, basta clicar sobre “Show Guides” para
mostrá-las.
04 Caso o vértice das réguas não esteja no vértice das pranchetas, vamos posicioná-lo, como
fizemos anteriormente no rótulo da garrafa de água. Clique sobre o canto (1), mantenha o
mouse pressionado e leve até o vértice da prancheta. Quando avistar a palavra “intersect” (interse-
ção) (2), solte o botão do mouse e veja que o ponto “0” das réguas estará no vértice das pranchetas.
119 www.mundodesenhodigital.com.br
1
05 Agora, vamos criar as guias. Elas são muito úteis no posicionamento dos objetos e, até mes-
mo, para nos guiar enquanto estamos desenhando. Nesse caso, vamos utilizar as guias para
delimitar a área de cada parte do rótulo de chocolate: a frente, o verso e as margens de segurança.
Primeiro, utilize o zoom para ampliar a visualização da prancheta em 400%. Para criar a guia,
clique e mantenha o botão do mouse pressionado sobre a régua horizontal (1) e arraste para
dentro da área da prancheta e solte (2). Essa guia deve ficar a 15 mm do início da prancheta.
Para posicioná-la no local desejado, clique e mantenha o botão do mouse pressionado sobre a
guia e arraste-a até os 15 mm indicado na régua (3).
2
15 mm
Caso a guia fique no local errado, basta movê-la novamente. No entanto, se não conseguir
selecionar a guia, é possível que as guias estejam trancadas. Nesse caso, vá até “View” (Exibir),
em seguida, “Guides” (Guias) e clique em “Lock Guides” (Trancar guias) para retirar a seleção.
120 www.mundodesenhodigital.com.br
06 Para criar as próximas guias, vamos voltar a visualização da prancheta para 100%. Clique
e segure sobre a régua horizontal, arraste para dentro da área da prancheta e solte. Para
posicionar a guia no lugar exato, vamos utilizar outro método. Selecione a guia, vá até o “Trans-
form Panel” (Painel de Transformação) indicado na imagem abaixo. Digite 63 mm na opção “Y”
que representa a posição dos objetos no eixo “Y”, que é o vertical, aperte “Enter”.
07 Crie outras duas guias horizontais e dê as posições Y=163 mm e Y=210, do mesmo jeito
que fizemos a guia anterior.
121 www.mundodesenhodigital.com.br
Esse espaço deve ficar
com exatamente 48 mm.
08 Agora, crie duas guias clicando e arrastando sobre a régua vertical. Posicione as novas
guias no eixo “X”, que é o horizontal, nas posições X=10 mm e X=220 através do painel
“Transform”, novamente.
122 www.mundodesenhodigital.com.br
Esse espaço deve ficar com exatamente 210 mm.
09 Veja como as guias ficarão. Em seguida, modifique o nome da “layer” para “Guias”. Para
não movimentar as guias por acaso, podemos trancar a “layer” ou utilizar o menu “Lock
Guides” (Trancar guias) mostrado anteriormente. Utilize o cadeado da “layer” para trancá-la.
3 15 mm
2 48 mm
1 Frente
3 1 3 100 mm 2 Verso
3 Espaço para
fechamento
2 48 mm
3 15 mm
10 mm 210 mm 10 mm
123 www.mundodesenhodigital.com.br
10 Crie uma nova “layer” de nome “Fundo”. Crie
um retângulo do tamanho da prancheta in-
cluindo a área de sangria, conforme a imagem.
11 Para aplicar a cor de preenchimento ao retângulo, vamos utilizar uma das bibliotecas
de amostras do Illustrator.
No painel “Swatches”, clique no ícone “Swatch Libraries Menu” (Menu Biblioteca de Amostras)
(1), leve o mouse até a opção “Foods” (Alimentos) e, em seguida, clique sobre a opção “Ice
Cream” (Sorvete) (2).
3
2 Veja como ficará o retângulo.
124 www.mundodesenhodigital.com.br
12 Crie um novo retângulo, exatamente do mesmo tamanho do anterior, no mesmo lu-
gar. Vamos aplicar um “Pattern” (Padrão) à ele para decorar o fundo. Clique no ícone
“Swatch Libraries Menu” (Menu Biblioteca de Amostras) sobre
o painel “Swatches” (1), leve o mouse até a opção “Patterns”,
em seguida, “Decorative” (Decorativo) e clique sobre “Decora-
tive_Geometric 1” (Geométrico 1_decorativo) (2). Com o novo
retângulo selecionado, escolha a opção “Diamond Harlequin
Color” (Cor do arlequim de diamantes) (3) no novo painel. Veja
1 o resultado (4).
4 Dica do Illustrator
Patterns (Padrões repetitivos)
Abra outros painéis de padrões e teste alguns deles para ver
a diferença. Alguns são compostos por formas geométricas,
outros por pequenas ilustrações. Além disso, alguns possuem
partes transparentes, como o que utilizamos nesse capítulo.
Exemplos de “Patterns”
125 www.mundodesenhodigital.com.br
13 Bloqueie a “layer” “Fundo” e crie uma nova de
nome “‘Título”. Para fazer o título do rótulo, va-
mos criar uma caixa que servirá de fundo para o texto.
Clique em qualquer lugar e insira as medidas conforme
a imagem, para criar um retângulo de 125 mm de largura
por 40 mm de altura.
Aplique a amostra
“White” e deixe
sem contorno con-
forme a imagem.
Mantenha a “layer” “Guias” visível para posicionar o retângulo de acordo com a área destinada
na frente do rótulo. Deixe o retângulo um pouco para baixo, não centralizado verticalmente,
pois mais adiante faremos outro objeto para ocupar a parte de cima da frente do rótulo.
Utilize o painel “Align” (Alinhar) para alinhar o retângulo horizontalmente ao centro da prancheta.
126 www.mundodesenhodigital.com.br
14 Vamos fazer um recorte nos cantos do retângulo. Para isso, crie uma elipse de aproxi-
madamente 20 mm.
Dica do Illustrator
“Flyout” (Painel flutuante)
Você também pode trazer para a área de trabalho o painel das ferramentas que ficam escondidas nos ícones que
possuem uma pequena seta preta no canto inferior direito. Para isso, clique e mantenha o botão do mouse pressio-
nado sobre o ícone para abrir as ferramentas ocultas (1) e veja que à direita há uma barra com uma seta. Com o botão
ainda pressionado, leve o cursor do mouse até essa seta (2) e solte. Veja que um pequeno painel flutuante (flyout)
aparece na área de trabalho (3). Para movimentá-lo, clique e segure o botão do mouse sobre a barra superior do
painel e arraste. Para fechá-lo, basta clicar no botão vermelho com um “X” no canto superior esquerdo (Mac) ou no
canto superior direito (Windows).
Como acabamos de usar a elipse, vamos pegar o conjunto de
ferramentas ao qual ela pertence como exemplo. Clique aqui para Clique e arraste para
fechar o “flyout”. movimentar o “flyout”.
3
2
1
Ícone que indica fer- Seta que indica a abertu-
ramentas ocultas. ra do painel flutuante.
127 www.mundodesenhodigital.com.br
Para abrir os painéis da barra lateral direita, basta clicar e manter o botão do mouse pressionado sobre a aba do
painel desejado e arrastar para a área de trabalho. Para fechá-lo, basta clicar no “X” do canto superior esquerdo (Mac)
ou no canto superior direito (Windows).
Clique no “X”
para fechar.
Você também pode levar os painéis de volta para a barra lateral usando o mesmo recurso, clicando e arrastando.
Além disso, você pode modificar a ordem dos painéis na barra lateral como preferir. Porém, ao fechar os painéis da
barra lateral, eles desaparecem, mas podem ser aces-
1 sados novamente através do menu “Window” (1). Além
disso, você também pode voltar a uma área de trabalho
padrão, como a “Essencials”, clicando e selecionando a
opção desejada no menu “Window” e “Workspace” (2).
128 www.mundodesenhodigital.com.br
2
As elipses servirão como uma ferramenta de corte para fazer os detalhes do retângulo. Com as
4 elipses e o retângulo selecionados, abra o painel “Pathfinder” através do menu “Window” e
clique sobre a opção “Minus Front” (Menos frente). Veja que
essa opção apaga a forma dos objetos que estão na frente e
recorta o último objeto. Ao final, o retângulo estará com os
cantos recortados.
129 www.mundodesenhodigital.com.br
Em seguida, vamos esconder
a “layer” “Fundo” para ter uma
melhor visualização do objeto.
Para isso, clique no ícone de
olho “Toggles Visibility” (Alter-
na a visibilidade) dessa layer. Clique aqui.
Ou, ainda, se ele não estiver visível no painel lateral, pode ser exibido através do menu “Win-
dow” e, em seguida, “Stroke”.
Selecione o objeto e clique na seta superior da opção “Weight” (Espessura) (1) para aumentar.
Veja que a espessura do contorno vai aumentando. Repita até chegar em 11 pt ou digite o
número no mesmo campo.
1
Canto arredondado.
130 www.mundodesenhodigital.com.br
Dica do Illustrator
“Stroke panel” (Painel traçado)
Confira abaixo a explicação das ferramentas em destaque.
Cap (Arremate):
Butt cap (Arremate limitado)
Mantém as extremidades do traçado quadradas e no
limite das âncoras.
Corner (Canto):
131 www.mundodesenhodigital.com.br
18 Vamos aplicar um efeito de distorção no objeto. Selecione o retângulo e vá em “Object”
(Objeto), “Envelope Distort” (Distorção de envelope) e clique em “Make with Warp” (Criar
com deformação). Esse é o mesmo efeito que utilizamos no texto do selo do rótulo de azeite.
Porém, dessa vez, vamos utilizar outro estilo. Clique na
setinha indicada e escolha a opção “Bulge” (Saliência).
Configure a ferramenta como mostrado ao lado.
Clique aqui.
19 Agora que o fundo está pronto, vamos adicionar o título. Crie o texto “Chocolate” e
aplique as características indicadas na imagem.
Aplique a cor C=0, M=60, Y=80, K=70, a mesma que foi aplicada ao contorno do fundo.
132 www.mundodesenhodigital.com.br
21 Depois de editar os textos, leve-os até o rótulo e posicione-os conforme a imagem
abaixo. Tranque a “layer” “Título” e crie uma nova de nome “Chocolate”.
22 Vamos criar um novo objeto que será modificado para criar o efeito de chocolate es-
corrido. Crie um retângulo de 240 mm por 73 mm e posicione-o no topo do rótulo
conforme a imagem. Aplique a cor “C=40, M=70, Y=100, K=50”. Em seguida, com o retângulo
selecionado, vá no painel de ferramentas e habilite a “Warp tool” (Ferramenta Deformar).
Nesse caso, nenhum objeto específico foi se- Nessa imagem, apenas a primeira linha
lecionado, portanto, a ferramenta realizou foi selecionada, portanto, apenas ela
a deformação em todos os objetos. sofreu alteração.
133 www.mundodesenhodigital.com.br
Veja que a ferramenta deforma o objeto de acordo com o movimento realizado pelo mouse.
Continue clicando e arrastando para baixo para criar uma forma semelhante a uma gota.
Se clicar e arrastar a ponta da gota, verá que é possível arredondar e dar forma ao objeto. Se
achar que alguma modificação não ficou muito boa, desfaça e refaça até atingir o resultado
desejado. Esse tipo de tarefa, geralmente, leva um pouco de tempo e acaba necessitando ser
desfeita e refeita diversas vezes.
Além de usar a ferramenta “Warp” para esticar os objetos, você também pode utilizá-la para
recuar os pontos desejados, como mostra a imagem acima. Basta arrastar na direção desejada
e o objeto aumenta ou diminui.
134 www.mundodesenhodigital.com.br
Para finalizar, aumente um pouco mais a gota de chocolate e deixe-a mais fina, como mostra
a imagem.
Cuidado quando for criar as próximas gotas, pois a ferramenta distorce o objeto inteiro, por-
tando, tente utilizá-la o mais próximo possível da gota que quer modificar e o mais longe
possível das gotas que já estão prontas. Pode acontecer de precisar corrigir algumas partes
do objeto que foram modificadas sem intenção.
135 www.mundodesenhodigital.com.br
23 Agora que o chocolate está pronto, vamos criar um efei-
to de sombra. Faça uma cópia do chocolate e cole exa- Veja aqui a
tamente sobre a imagem original. Aplique a cor “C=50, M=70, distância entre
os dois objetos.
Y=80, K=70”. Em seguida, utilize as setas do teclado para movi-
mentar o objeto novo apenas um pouco para baixo.
Cópia posicionada em cima da original. Cópia com a nova cor. Cópia posicionada um pouco mais abaixo.
2
Cópia posicionada atrás da original.
136 www.mundodesenhodigital.com.br
Vamos inserir uma caixa com as informações do produto. Crie um retângulo de cantos arredon-
dados de preenchimento branco e sem contorno, seguindo as imagens. Posicione-o conforme a
imagem. Veja onde as guias determinam o limite do espaço e deixe-o centralizado nesse espaço.
Texto 1
Informação Nutricional: Porção de 25 g (fração correspondente a 1/5 da barra). Valor
energético 135 kcal = 56 kj (7% VD*); Carboidratos 15 g (5% VD*); Proteínas 1,5g (2%
VD*); Gorduras Totais 7,7g (14% VD*); Gorduras Saturadas 4,6 (21% VD*); Gorduras Trans
0 g (**); Fibra Alimentar 0,6 g (2% VD*); Sódio 31 mg (1% VD*). * % Valores Diários de
referência com base em uma dieta de 2.000 kcal ou 8.400 kj. Seus valores podem ser
maiores ou menores dependendo de suas necessidades energéticas. ** Valor diário
não estabelecido.
Texto 2
Ingredientes: açúcar, manteiga de cacau, leite integral em pó, massa de cacau, soro de
leite em pó, leite desnatado em pó, gordura anidra de leite, emulsificantes leticina de
soja (INS 322) e éster de poliglicerol (INS 476) e aromatizante. CONTÉM GLÚTEN.
137 www.mundodesenhodigital.com.br
Agora, posicione as caixas de texto conforme as imagens e redimensione-as para que fiquem no
espaço desejado.
138 www.mundodesenhodigital.com.br
27 Crie o texto referente ao fabricante e aplique as configurações indicadas. Crie e aplique
a cor “C=15, M=100, Y=90, K=10”. Posicione o texto conforme a imagem.
139 www.mundodesenhodigital.com.br
29 Neste passo, vamos aplicar o código de barras. Importe a imagem do código, reduza-a
para 80% e posicione-a conforme a imagem abaixo.
100% 80%
Os logotipos precisam seguir um padrão tanto para aumento e redução, como também para
as cores. Devido ao grande número de questões no processo de impressão, a maioria dos
logotipos são criados com cores especiais (spot) que, diferentemente das cores processadas
(compostas por várias camadas de cores, como a CMYK), já vem prontas para serem aplicadas,
reduzindo o problema com a impressão.
O Illustrator possui uma vasta biblioteca de amostras das cores spot. Para acessar esse painel,
clique no botão “Swatches Libraries menu” (Menu Biblioteca de amostras). Em seguida, leve
o mouse até “Color Books” (Livros coloridos) e veja todas as opções de bibliotecas especiais.
Clique sobre a biblioteca “Pantone solid coated” da empresa Pantone, uma das mais utilizadas.
140 www.mundodesenhodigital.com.br
Biblioteca de amostras de
cores spot do Illustrator.
1
3
141 www.mundodesenhodigital.com.br
Dica do Illustrator
Painel “Swatches” (Amostras)
Além das cores pré-definidas que aparecem no pai-
nel Amostras, há duas particulares que possuem
funções específicas. As amostras “none” e “registra-
tion” não são utilizadas para colorir um objeto mas,
sim, para definir a forma de interação daquele obje-
to com o documento.
Bibliotecas de amostras
Elas exibem uma série de amostras separadas por temas (ali-
mentos, natureza, metais, por exemplo) e por tipo de uso (tela
ou impresso). Quando você estiver montando seu rótulo, que
será impresso, deve ficar atento em não utilizar amostras de
cores em RGB, que não são para impressão.
1 Cores de processo
As cores processadas são impressas a
partir da mistura entre as quatro cores
do sistema “CMYK” - ciano, magenta,
amarelo e preto. A cor final é definida
pela porcentagem de cada uma dessas
cores que será utilizada na mistura.
142 www.mundodesenhodigital.com.br
2 Cores “Spot” ou especiais
As cores “Spot” são tintas já prontas,
misturas previamente preparadas
e comercializadas. Uma das marcas
mais conhecidas e utilizadas é a esca-
la Pantone.
3 Gradientes
Gradiente é uma mistura gradual entre
duas ou mais cores. É possível utilizar os
gradientes já pré-definidos nas amos-
tras ou também criar seus próprios.
4 Patterns (Padrões)
Os “Patterns” (Padrões) funcionam
como uma amostra de cor para preen-
chimento e são compostos por formas
e cores que se encaixam perfeitamente
possibilitando sua aplicação em qual-
quer área de qualquer extensão. É possí-
vel aplicar esses padrões em desenhos,
backgrounds, fontes transformadas em
curva e qualquer forma. Não é possível
aplicar “Patterns” em traçado, apenas
em preenchimento. Exemplo de biblioteca de amostras de “patterns”. Para
acessá-la, vá em Patterns>Decorative> Decorative_Modern
(Padrões repetitivos>Decorativo>Moderno_decorativo).
5 RGB
Como explicado no primeiro capítulo,
as cores RGB são utilizadas apenas para
visualização em tela e monitor, portan-
to, o uso dessas amostras não deve ser
feito na criação de materiais que serão
impressos.
143 www.mundodesenhodigital.com.br
31 Agora que você conhece as opções da biblioteca de cores voltamos ao logotipo.
Crie uma elipse com as medidas indicadas, aplicando a cor preta para melhor visua-
lização. Copie e cole duas vezes para formar um total de 3 elipses. Posicione-as lado a lado
conforme a imagem abaixo. Vamos utilizá-las para cortar o retângulo e criar um efeito que
lembre uma mordida.
Esse pantone
está logo ao
lado do pantone
usado anterior-
mente.
144 www.mundodesenhodigital.com.br
Clique sobre o objeto maior se- Objeto
gurando a tecla “control” (Mac) maior.
ou com o botão direito (Windo-
ws), vá até “Arrange” e selecione
a opção “Send to Back”. Em se-
guida, posicione o objeto maior
atrás do menor, com a parte
maior para o lado direito, como
mostra a imagem.
34 Agrupe o logo,
leve para o ró-
tulo e posicione con-
forme a imagem.
145 www.mundodesenhodigital.com.br
35 Crie os textos “SAC 0800 00 00000”, “www.namefoods.com” e “sac@namefoods.com”
e aplique as características indicadas nas imagens. Com a opção “Align to Selection”
(Alinhar à Seleção) habilitada, faça o alinhamento horizontal à esquerda.
Agora vamos mostrar a segunda maneira. Para que ele fique no sentido correto ao ser girado
na horizontal, deveremos inverter os textos do verso. Para isso, selecione todos os textos den-
tro do retângulo branco e agrupe-os. Clique sobre os textos segurando a tecla “control” (Mac)
ou com o botão direito do mouse (Windows), vá em “Transform” (Transformar) e, em seguida,
clique na opção “Rotate” (Girar). Digite 180, como mostrado.
146 www.mundodesenhodigital.com.br
Veja o resultado.
147 www.mundodesenhodigital.com.br
06 • Rótulo de Café
O café é comercializado em vários tipos de embalagens, desde caixas a flexíveis
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
tipo de forma. O uso dessa ferramenta requer um pouco de treino no início mas, de-
pois de compreender seu funcionamento, ela se torna um excelente recurso para a
maioria dos trabalhos.
148 www.mundodesenhodigital.com.br
01 Abra um novo documento no Illustrator com as mesmas configurações mostradas
na imagem abaixo.
02 lagem,
Vamos preparar a prancheta com as guias que indicarão a área da frente da emba-
das laterais, do verso e das margens. Habilite a visualização das réguas em
“View”>”Rulers”>”Show Rulers” (Exibir>Réguas>Mostrar réguas).
149 www.mundodesenhodigital.com.br
03 Crie as outras guias verticais conforme a imagem.
150 www.mundodesenhodigital.com.br
05 Veja que as guias criadas formam determinadas áreas para o rótulo.
Margem
Margem
Margem
Margem
151 www.mundodesenhodigital.com.br
06 Vá-a. Crie
ao painel “Layers” (Camadas), renomeie a “layer” atual para “Guias” e tranque-
uma nova “layer” de nome “Fundo”. Faça um retângulo sobre a prancheta,
abrangendo as margens de sangria.
Com o retângulo selecionado, vá até a barra lateral e clique sobre a opção “Gradient Fill” (Preen-
chimento do gradiente) no painel “Gradient” (Gradiente). Veja que o retângulo foi preenchido
com um gradiente padrão. Vamos modificar o gradiente para o fundo do rótulo que desejamos.
Seletor de
gradiente
152 www.mundodesenhodigital.com.br
07 Você viu que é possível aplicar novas amostras ao gra-
diente, mas também é possível modificar as cores já
aplicadas a ele. Para isso, com o retângulo selecionado, dê um
duplo clique sobre o ícone que indica a amostra marrom pre-
sente no “Gradient Slider” (Seletor de gradiente) (1).
1
Veja que o painel “Color” (Cor) aparece junto ao ícone mostrando a composição da cor. Altere
os valores para “C=40, M=70, Y=100 K=50”. Clique fora do painel “Color” para fechá-lo.
08 Neste ponto, vamos retirar a cor branca. Mantendo o retângulo selecionado, clique e
segure sobre o ícone da cor branca e movimente o mouse para baixo. Veja que, mesmo
antes de soltar o botão do mouse, a cor já desaparece.
153 www.mundodesenhodigital.com.br
09 Ainda no painel “Gradient” (Gradiente), clique e segure o botão do mouse sobre a cor
marrom que adicionamos (1) e arraste para o início da barra (2). Solte o botão do mouse
e veja o resultado.
2 1
Dica do Illustrator
Esse recurso serve para movimentar a cor e alterar o degradê. Veja os exemplos.
10 Leve o cursor do mouse até a base do “Gradient Slider” (Seletor de gradiente), próximo
ao meio. Veja que aparece um pequeno sinal “+” ao lado da seta. Clique nesse local e
veja que uma nova amostra é criada.
+ Nova cor.
154 www.mundodesenhodigital.com.br
Dica do Illustrator
Esse recurso serve para criar uma
nova amostra exatamente da cor
onde as duas amostras se encontram.
Veja os exemplos.
Nova
amostra.
Antes Depois
11 Modifique a amostra criada para “C=30, M=55, Y=70 K=90” (1). Em seguida, clique sobre o
ícone da mesma (2), vá até o campo “Location” (Localização) (3), digite “50” e tecle “Enter”.
2
1
3
12 Agora que as cores já foram modificadas, vamos modificar o tipo de gradiente. Ainda
com o retângulo selecionado, clique na janela da opção “Type” (Tipo) e selecione a
opção “Radial”. Veja que o gradiente é modificado.
155 www.mundodesenhodigital.com.br
Dica do Illustrator
Se o seu retângulo não estiver selecionado, o gradiente será alterado mas a cor do objeto não será alterada, e o gra-
diente antigo será mantido. Caso isso aconteça, basta clicar e arrastar o ícone do novo gradiente para o objeto e soltar
o botão do mouse, ou selecionar o objeto e clicar sobre o ícone do gradiente.
Dica do Illustrator
Caso seu gradiente fique ao contrário, Agora que o gradiente está pronto, clique e arraste
basta clicar no ícone “Reverse Gra- o ícone da amostra do painel “Gradient” (Gradiente)
dient” (Inverter gradiente) para inver-
ter o degradê.
para o painel “Swatches” (Amostras) e solte.
156 www.mundodesenhodigital.com.br
13 Ainda na “layer” “Fundo”, crie um novo retângulo de 390 mm de altura e 60 mm de
largura. Veja que o retângulo é criado exatamente com o mesmo preenchimento utili-
zado anteriormente. Modifique o gradiente do retângulo conforme a imagem.
Dica do Illustrator
Com o retângulo ainda selecionado, dê duplo
Linear clique sobre a amostra da cor “Black” (Preto) no
painel “Gradient” (Gradiente) para abrir o painel
“Color” (Cor). Veja que, dessa vez, o painel “Co-
90 lor” mostra apenas a porcentagem de “K”, refe-
rente ao “Black”. Isso acontece porque essa cor é
composta apenas de preto. Para abrir as barras
das outras cores, clique sobre o ícone “Specifies
the mode of the color adjustment sliders” (Espe-
Caso não cifica o modo dos seletores de ajustes de cores)
consiga mudar (1) e clique sobre “CMYK” (2).
a cor preta, veja
a dica ao lado.
Antes
1
Depois
157 www.mundodesenhodigital.com.br
14 Posicione o retângulo no topo do rótulo como mostra
a imagem (1). Em seguida, faça uma cópia do mesmo
retângulo e posicione na base do rótulo (2). Com o retângulo
da base selecionado, vá até o painel “Gradient” (Gradiente) e 3
clique sobre a opção “Reverse Gradient” (Inverter gradiente)
(3). Veja o resultado (4).
2 4
Vamos utilizar essa imagem como “background” (fundo) para o desenho. Para facilitar, vamos
trancar a “layer” onde a imagem se encontra e trabalhar em uma outra. Crie uma nova “layer”
de nome “Grãos” e, se necessário, modifique sua cor para que seja fácil visualizar as linhas de
seleção dos objetos. Em seguida, escolha uma amostra de marrom para preenchimento e
mantenha sem contorno.
158 www.mundodesenhodigital.com.br
Selecione a ferramenta “Pen” (Caneta) e veja que o cursor aparece com o mesmo
ícone da ferramenta com um “x” ao lado. Dê um clique sobre o vértice mostrado
na imagem (1). No meio do grão (2), dê outro clique e segure o botão do mouse
movimentando-o para baixo e para o lado. Veja que a linha reta torna-se curva a me-
dida que o mouse é movimentado. Solte o botão do mouse quando a curva estiver
exatamente na mesma posição do desenho de fundo.
1
2
01 02
03 04
Para completar a curva, leve o cursor do mouse até o próximo vértice (3) e clique. Veja que a
curva já é feita automaticamente a partir das alças da âncora.
05 06 07
Não é necessário que fique exatamente
igual, pois vamos editar os pontos adiante.
Dica do Illustrator
Se não gostar do local onde clicou com a “Pen”, use o recurso “Undo” (Desfazer) ou tecle “Delete” para
excluir o ponto. Para continuar o desenho, aproxime o cursor do mouse do último ponto desenhado.
Veja que aparece uma pequena barra ao lado do cursor, ela indica que, ao clicar, o segmento será con-
tinuado. Clique e prossiga com o desenho.
159 www.mundodesenhodigital.com.br
Sobre o ponto 4, clique e mantenha o mouse pressionado movimentando-o para a esquerda.
Solte quando estiver no formato desejado.
Veja o resultado.
2
3
160 www.mundodesenhodigital.com.br
17 Utilize novamente a “Pen Tool” (Ferramenta Caneta) e a
“Direct Selection” (Ferramenta Seleção direta) para dese-
nhar e editar a parte de cima do grão, como mostra a imagem.
Para fazer a vértice, após o último ponto (1), aproxime o
cursor da âncora (o cursor aparece com um sinal), dê um
clique sobre a âncora e prossiga o desenho. Caso o desenho fosse continuado, o
segmento seria arredondado, como
mostra a imagem, ao invés de reto.
1
Dica do Illustrator
Além de movimentar as alças, você tam-
bém pode movimentar a âncora. Basta
clicar e arrastar para o local desejado.
1 2 3 4
161 www.mundodesenhodigital.com.br
Abra o painel “Pathfinder” e clique na opção “Unite”
(Unir). Em seguida, agrupe o grão desenhado.
20 Clique na aba do painel “Symbols” (Símbolos), que fica ao lado do painel “Brushes” (Pin-
céis) no padrão de “Workspace Essencials” (Essenciais).
Dica do Illustrator
Symbols (Símbolos)
Os símbolos funcionam para aplicar um objeto diversas vezes, no mesmo
arquivo, de forma simples, sem precisar repetir várias vezes a mesma arte,
que pode ser complexa e que deixa o arquivo da arte mais pesado.
162 www.mundodesenhodigital.com.br
Selecione o grão e arraste para dentro do painel “Symbols” (Símbolos). Na janela de opções, dê
o nome do símbolo de “Grão” e clique em “Ok”. Veja que o grão já aparece no painel.
21 Neste exercício, vamos fazer um fundo com uma repetição dos grãos de várias cores,
tamanhos e direções. Inserir e editar cada grão seria muito trabalhoso e, para isso, há
uma série de ferramentas que auxiliam o trabalho com os símbolos. Delete o grão inserido
anteriormente. Com o símbolo do grão selecionado no painel “Symbols” (Símbolos) habilite a
ferramenta “Symbol Sprayer tool” (Ferramenta Pulverizar símbolos) no painel de ferramentas.
Vá até a frente do rótulo e dê diversos cliques para inserir o símbolo ou mantenha o botão do
mouse pressionado e movimente-o.
163 www.mundodesenhodigital.com.br
Usando o comando “Undo” (Des-
fazer), desfaça e refaça com a fer-
ramenta “Symbol Sprayer tool” as
aplicações do símbolo quantas ve-
zes forem necessárias. O desenho
deve ficar parecido com o da ima-
gem ao lado.
Dica do Illustrator
Symbols (Símbolos)
Veja que os símbolos inseridos ficam todos
dentro de um único grupo de seleção.
22 Após inserir os símbolos vamos editá-los. Clique e segure o botão do mouse sobre a
ferramenta “Symbol Sprayer tool” (Ferramenta Pulverizar símbolos) até que se abra a
janela com as outras ferramentas, leve-o até a lateral direita para abrir a “flyout”, em seguida,
solte-o. Habilite a ferramenta “Symbol Shifter tool” (Ferramenta Deslocar símbolos). Essa ferra-
menta serve para deslocar os símbolos.
Leve o mouse pressionado até esta parte
da janela e solte-o para abrir a “flyout”.
164 www.mundodesenhodigital.com.br
Clique e segure o botão
do mouse sobre os símbo-
los que deseja reposicio-
nar e movimente o mouse
para a posição desejada.
Repita o processo até que
os símbolos estejam como
desejado.
24 Habilite a “Sym-
bol Sizer tool”
(Ferramenta Dimensionar
símbolos), que serve para
modificar o tamanho dos
símbolos. Clique ou clique
e segure sobre os símbo-
los que quiser aumentar.
165 www.mundodesenhodigital.com.br
Repita o processo, porém
com a tecla “Alt” pressio-
nada. Veja que assim os
símbolos diminuem.
25 Habilite a ferramenta “Symbol Spinner tool” (Ferramenta Girar símbolos) para girar os
símbolos. Clique e segure o botão do mouse sobre os símbolos que quiser girar e mo-
vimente para a direção desejada. Repita o processo até obter o resultado desejado.
166 www.mundodesenhodigital.com.br
Clique e segure o botão do mouse e movimente-o livremente até passar sobre cada símbo-
lo. Repita o processo até que os símbolos fiquem com diferentes tons de marrom.
27 Habilite a “Symbol
Screener tool” (Ferra-
menta Transparência de Sím-
bolos). Ela serve para dar trans-
parência aos símbolos. Clique
e segure o botão do mouse e
movimente-o livremente sobre
os símbolos. Cuidado para que
alguns símbolos não desapare-
çam completamente.
Dica do Illustrator
Symbols (Símbolos)
A ferramenta “Symbol Styler tool” (Ferramenta Estili-
zar símbolos) serve para aplicar um estilo gráfico pré-
-definido aos símbolos. Não utilizaremos os recursos
deste estilo nesse momento.
167 www.mundodesenhodigital.com.br
28 Tranque a “layer” “Grãos” e crie uma nova de nome “Título”. Faça um retângulo com can-
tos arredondados conforme a imagem. Em seguida, aplique a cor “C=0, M=50, Y=100,
K=0” para preenchimento e mantenha sem contorno.
168 www.mundodesenhodigital.com.br
31 Crie os textos “Café” e “Amor” em caixas separadas. Aplique as características indicadas
nas imagens. Em seguida, aplique a cor “C=50, M=70, Y=80, K=70”.
169 www.mundodesenhodigital.com.br
33 Faça uma cópia da linha criada. Selecione-a e aplique o pincel “Tulip Arch Top” (Abóba-
da de tulipas - Acima) da mesma biblioteca.
35 Posicione os objetos como mostra a imagem. Centralize os objetos com o painel “Align”
(Alinhar). Ao final, agrupe-os.
Dica do Illustrator
As linhas devem estar agrupadas para centralizar, caso contrário, ficarão como
mostra a figura.
170 www.mundodesenhodigital.com.br
36 Leve o título para a frente do rótulo e posicione-o como mostra a imagem.
37 Repita o processo, porém, com o texto “Extraforte”. Não é preciso ter medidas exatas
para os retângulos, apenas o suficiente para incluir o texto e manter as proporções
conforme a imagem. Em seguida, agrupe e posicione no rótulo.
171 www.mundodesenhodigital.com.br
38 Crie os textos “Café torrado e moído.” e “500 g” em caixas separadas. Configure-os e
posicione-os conforme as imagens.
39 Tranque a “layer” “Título” e crie uma nova de nome “Xícara - Fundo”. Agora vamos
desenhar a xícara com uma imagem de fundo como referência. Vá em “File”>”Place”
(Arquivo>Inserir), encontre o arquivo “Xícara” e clique em “Ok”. Tranque a “layer” “Xícara -
fundo” e crie outra de nome “Xícara”.
172 www.mundodesenhodigital.com.br
Com a “Pen Tool” (Ferramenta caneta) comece os traços conforme as imagens.
01 02 03
04 05 06
Agora com a “Direct Selection Tool” (Ferramenta Seleção direta) selecione as âncoras (1 e 2)
da base da xícara. No “Control Panel” (Painel de controle), clique sobre a opção “Convert Se-
lected Anchor points to smooth” (Converter pontos âncora selecionados em suave). Veja que
a base fica arredondada.
1 2
173 www.mundodesenhodigital.com.br
Faça outras duas elipses para formar o pires da xícara. Essas
elipses devem ficar atrás da xícara.
Dica do Illustrator
Ao desenhar a elipse, enquanto estiver
com o botão do mouse pressionado
para criar o objeto, pressione também
a tecla “espaço” e veja que quando
o mouse é movimentado, o objeto é
movimentado da mesma forma. Para
liberar o objeto basta soltar a tecla
“espaço”. Esse recurso é muito útil em
casos como esse onde precisamos criar
um objeto de tamanho e posição espe-
Elipses na frente. Elipses atrás. cíficos. Ele também pode ser utilizado
Mudamos as cores das elipses para melhorar a visualização. Durante a criação dos tra- com outras ferramentas de formas,
ços, você pode deixá-las das cores que preferir. Note pela posição dos traçados dos pires como “Rectangle Tool” (Ferramenta
se eles estão posicionados na frente ou atrás da xícara. retângulo), “Star Tool” (Ferramenta Es-
trela), etc, e de desenho, como a “Pen
Tool” (Ferramenta Caneta).
01 02
A alça da xícara
deve ficar como na
imagem acima.
03 04
05 06
174 www.mundodesenhodigital.com.br
42 Para finalizar a xícara, selecione todos os objetos e dei-
xe sem preenchimento, com a cor de contorno indica-
da na imagem ao lado. Vá até painel “Brushes” (Pincéis), abra
a biblioteca “Artistic”>”Artistic Inc” (Artístico>Tinta_artística) e
aplique o último pincel, “Tapered Stroke” (Traçado estreitado).
Deixe os contornos com 0,7 pt de espessura.
Agora, aplique como preenchimento as cores e gradientes indicados nas imagens abaixo.
1 2
“C= 50, M=70, Y=80, K=70” “C= 40, M=70, Y=100, K=50” “C= 40, M=65, Y=90, K=35”
Dica do Illustrator
4 Se a xícara ficar como na imagem abaixo,
é porque a ordem dos objetos está errada.
2 Utilize os recursos de “Send to Back” (En-
viar para trás) e “Bring to front” (Trazer para
3
a frente) para reorganizar os objetos.
175 www.mundodesenhodigital.com.br
43 Neste passo, vamos desenhar a fumaça da xícara. Clique e segure o botão do mouse
sobre a ferramenta “Line Segment Tool” (Ferramenta Segmento de linha) e habilite a
“Spiral tool” (Ferramenta espiral). Clique e segure o botão do mouse movimentando-o. Veja
que uma espiral é formada na direção e no tamanho definidos pelo controle do mouse. Solte
o botão do mouse quando a espiral estiver como na imagem.
Agora, vamos criar a segunda espiral. Clique uma vez com a ferramenta na tela e veja que uma
janela de opções se abrirá. Na opção “Style” (Estilo), selecione o segundo estilo e aperte “Ok”.
Veja que a espiral será criada virada para o outro lado. Crie uma nova espiral e posicione-a
conforme as imagens.
44 Com a ferramenta “Pen” (Caneta) aproxime o cursor do mouse sobre o final da primeira
espiral e clique quando o cursor aparecer com uma pequena barra ao lado (1). Faça um
segundo clique (2) e movimente para baixo para formar uma curva.
176 www.mundodesenhodigital.com.br
É possível que a junção da curva e da espiral fique com uma ponta (3). Nesse caso, selecione a
âncora com a ”Direct Selection Tool” (Ferramenta Seleção direta) e clique sobre a opção “Con-
vert selected anchor points to smooth” (Converter pontos âncora selecionados em suave).
177 www.mundodesenhodigital.com.br
46 Agrupe a xícara e a fumaça e exclua a “layer” “Xícara - fundo”. Posicione a xícara no
centro do rótulo.
178 www.mundodesenhodigital.com.br
48 Faça um retângulo branco. Em seguida, faça uma caixa de texto, digite “Válido até:” e
posicione-a sobre o retângulo branco, como mostra a imagem.
179 www.mundodesenhodigital.com.br
51 Vamos fazer uma cópia da fumaça da xícara para aplicar na lateral e no verso do rótulo.
Como a xícara está agrupada com a fumaça, vamos utilizar o recurso de isolar o grupo
selecionado. Primeiro, destranque a “layer” “Xícara”. Selecione a xícara, clique sobre ela com
a tecla “Command” pressionada (Mac) ou clique com o botão direito do mouse (Windows) e
selecione a opção “Isolate Selected
Group” (Isolar grupo selecionado).
Veja que todos os outros objetos apa-
recem com uma leve transparência,
com exceção da xícara.
Dica do
Illustrator
É importante colar o obje-
to copiado apenas quan-
do estiver fora do modo
de isolamento pois, caso
contrário, a cópia ficará
dentro do grupo.
Dica do Illustrator
Se você redimensionar o desenho da fumaça sem mudar a espessura do traçado, ele ficará
como na imagem ao lado. Para que não fique assim, diminua a espessura para 1,5 pt.
180 www.mundodesenhodigital.com.br
52 Agora vamos fazer uma das outras partes.
Crie os textos a seguir e aplique as carac-
terísticas indicadas. Separe os textos com “Enter”.
Os títulos devem
ser da cor do laranja
mais escuro (quadro
da esquerda), e os
demais textos, com
o laranja mais claro
(quadro da direita).
181 www.mundodesenhodigital.com.br
53 Faça os textos a seguir e configure-os como nas imagens. Separe os textos com “Enter”,
com exceção do “Experimente também”.
Nesse texto, faça uma caixa de texto para cada palavra, para que
você possa posicioná-las como na imagem.
Dica Técnica
O espaço disponível na
própria embalagem é mui-
to utilizado para promover
outros produtos da marca,
tanto para outras versões
do mesmo produto como
produtos relacionados.
182 www.mundodesenhodigital.com.br
55 Pegue os textos criados e as imagens importadas e posicione no rótulo conforme a
imagem abaixo.
56 Perceba que as imagens dos produtos quase desaparecem no fundo escuro. Para des-
tacá-las, vamos utilizar um efeito especial. Selecione uma das imagens, vá em “Effect”
(Efeito), “Stylize” (Estilizar) e selecione a
opção “Outer Glow” (Brilho externo). Pre-
encha a janela de opções como mostra o
quadro ao lado. Dê dois cliques no qua-
drado com a cor e, na opção de CMYK,
insira as cores como mostra a imagem.
Clique em “Ok”, em seguida, novamente
em “Ok”.
Veja o resultado.
183 www.mundodesenhodigital.com.br
57 Para repetir o efeito nas outras imagens
selecione-as, vá até “Effect” (Efeito) e sele-
cione “Apply Outer Glow” (Aplicar Brilho externo).
Esse recurso permite que o último efeito aplicado
fique gravado para ser utilizado sem a necessidade
de ser configurado novamente.
Veja o resultado.
59 Vamos utilizar o símbolo do café para fazer a escala da torra do café. No painel “Sym-
bols” (Símbolos), selecione o grão e arraste-o para a tela. Em seguida, utilize ”Scale”
(Dimensionar) e “Rotate” (Girar) com as configurações indicadas nas imagens.
Dica do
Illustrator
Se quiser que o sím-
bolo volte ao seu ori-
ginal, basta pressio-
nar o botão “Reset”
(Redefinir) na barra
Antes Depois de ferramentas.
184 www.mundodesenhodigital.com.br
Dica do
Illustrator
Se quiser editar todos os símbo-
los de uma vez, é só selecionar
um dos símbolos e clicar na
opção “Edit Symbol” (Editar sím-
bolo) na barra de ferramentas.
185 www.mundodesenhodigital.com.br
63 Leve o texto e o grupo de grãos para o rótulo e
posicione-os conforme a imagem.
Vamos girar o triângulo criado. Mantenha o “Shift” pressionado para que o giro fique correto,
e deixe a imagem como abaixo.
186 www.mundodesenhodigital.com.br
Faça uma cópia, aplique a mesma cor
ao contorno e mantenha sem preen-
chimento. Configure o traçado como
mostra a imagem. Aumente um pou-
co o triângulo e posicione-o atrás do
primeiro. Utilize o painel “Align” (Ali-
nhar) para centralizar e agrupe.
Veja que a caixa “Extraforte” está na “layer” “Título”. Para colocá-la na “layer” “Laterais e verso”,
selecione o objeto (1) e clique na “layer” para onde deseja enviá-la (2). Clique novamente no ob-
jeto segurando a tecla “control” (Mac) ou clique com o botão direito (Windows), vá até a opção
“Arrange” (Organizar) e clique em “Send to Current Layer” (Enviar para camada atual) (3).
187 www.mundodesenhodigital.com.br
Veja como deverá ficar:
Posicione o texto no
rótulo, logo abaixo do
retângulo branco com a
indicação da validade.
188 www.mundodesenhodigital.com.br
68 Para finalizar, converta os textos em curvas e salve seu trabalho.
Exercícios
Abaixo estão alguns modelos diferentes de xícaras. Utilizando a ferramenta “Pen” (Caneta) e
“Direct Selection Tool” (Ferramenta Seleção direta), faça o vetor das xícaras conforme apren-
deu neste capítulo.
189 www.mundodesenhodigital.com.br
06 • Rótulo de Macarrão
Esse rótulo, assim como o de chocolate e o de café, além de rótulo é também a
embalagem do produto, que pode ser feito em diversos tipos de materiais, como plás-
tico, que pode ser transparente, colorido, etc. Neste exercício vamos aprender novos
recursos de texto, tanto de caracteres como de parágrafo.
Aplicação:
Neste exercício:
Live Trace (Vetorização Automática)
Text on path tool (Ferramenta texto no
caminho
Eyedropper Tool (Ferramenta conta-gotas)
Text Wrap (Texto em contorno)
Character Panel (Painel de Caractere)
190 www.mundodesenhodigital.com.br
01 Abra um novo documento do Illustrator e configure conforme a figura abaixo.
Dica do Illustrator 1
Caso erre as configurações do novo documen-
to, você pode alterá-las novamente indo em
“File>Document Setup” (Arquivo>Configuração de
documento). Para alterar o tamanho da prancheta,
clique em “Edit Artboards” (Editar pranchetas) (1).
02 Crie um retângulo para cobrir toda prancheta envolvendo a sangria e aplique a cor
“C=25, M=100, Y=95, K=25”.
191 www.mundodesenhodigital.com.br
04 Para criar um “Pattern” (Padrão) com pequenas ilustrações para aplicar no fundo do
rótulo vamos usar algumas ilustrações. Importe a imagem “desenhos” dos arquivos de
trabalho.
Existe um recurso muito útil no Illustrator que facilita a vetorização de imagens chamado “Live
Trace” (Vetorização automática). Com o uso dessa ferramenta, você consegue criar facilmente
uma imagem vetorial a partir de um bitmap. Quanto menos cores e mais contraste, mais fácil
será para criar a imagem vetorial.
Leia o Capítulo 1, no
tópico “Ilustrações: Ima-
gem bitmap e Imagem
vetorial” para lembrar a
diferença entre os dois.
Foto original.
192 www.mundodesenhodigital.com.br
Faça uma cópia da imagem para ver a diferença entre a original e a vetorial. Selecione a cópia,
vá ao painel de controle e clique na seta ao lado do botão “Live trace” (Vetorização automá-
tica), depois em “Tracing options” (Opções de vetorização). Na janela de opções, clique na
opção “Preview” (Visualizar) e veja que a imagem é imediatamente modificada.
Mantenha a configuração padrão e apenas clique na opção “Ignore White” (Ignorar branco) e
clique em “Trace” (Vetorizar).
193 www.mundodesenhodigital.com.br
05 Com a imagem selecionada, clique em
“Expand” (Expandir) no painel de contro-
le. Veja que o contorno das imagens aparecem,
o que possibilitará a edição de cada imagem se-
paradamente. Por padrão, após esse processo, as
imagens ficam agrupadas. Desagrupe.
194 www.mundodesenhodigital.com.br
07 Na layer “Pattern”, clique na seta cinza para abrir as sublayers. Tranque a sublayer re-
ferente ao quadrado criado. Em seguida, redimensione os desenhos e posicione-os
como mostra a imagem. Deixe os desenhos dentro dos quadrados maiores.
Dica do Illustrator
O importante no posicionamen-
to dos desenhos é que nenhum
se repita na base, no topo e nas
laterais, caso contrário, quando o
padrão for repetido, os desenhos
iguais ficarão lado a lado.
195 www.mundodesenhodigital.com.br
Destranque o quadrado do fundo e de-
lete-o. Agrupe os desenhos, aplique a
cor de preenchimento “Pantone 8642 C”
e deixe sem cor de contorno. Modifique
a transparência para 20%. Selecione o
grupo e arraste para o painel “Swatches”
(Amostras). Veja que uma nova amostra
é criada.
08 Crie um novo retângulo com o mesmo tamanho do fundo vermelho. Aplique a amos-
tra referente ao padrão criado anteriormente na cor de preenchimento, deixando sem
contorno. Veja que o padrão é aplicado de acordo com o objeto criado.
196 www.mundodesenhodigital.com.br
10 Esta é uma embalagem flexível, onde o rótulo é a própria embalagem, como a de café.
Portanto, vamos criar as guias nos locais indicados para determinar a frente, o verso, as
laterais e a área de solda da embalagem.
11 Vamos criar o título. Crie dois retângulos conforme as imagens. Deixe o maior com cor
de preenchimento branca, cor de contorno “Pantone 8642 C“ e espessura do contorno
7 pt. Deixe o menor sem contorno e cor de preenchimento “C=100, M=98, Y=35, K=42”. Em
seguida, faça o alinhamento deles como indicam as imagens.
197 www.mundodesenhodigital.com.br
12 Crie e configure um retângulo de
cantos arredondados conforme in-
dicado. Aplique o mesmo Pantone utiliza-
do anteriormente à cor de contorno, deixe
com 3 pt de espessura e aplique a cor “C=55,
M=72, Y=77, K=77” ao preenchimento. Posi-
cione-o e alinhe-o conforme a imagem.
Pantone 8642 C
14 Copie o desenho do trigo e aplique o mesmo dourado utilizado nas bordas dos obje-
tos. Redimensione e posicione como mostra a imagem.
198 www.mundodesenhodigital.com.br
Com a imagem do trigo selecionada, vá em
“Object>Transform>Reflect”. Na janela de op-
ções, configure como mostra a imagem e clique
em “Copy”. Posicione a cópia do outro lado do
nome, alinhe com a outra imagem do trigo e
agrupe os dois. Em seguida, faça o alinhamento
do grupo com o quadrado maior.
199 www.mundodesenhodigital.com.br
16 Crie um círculo conforme as indicações. Vamos apli-
car um gradiente radial no seu preenchimento.
17 Faça uma cópia do círculo sobre o anterior. Mantenha a mesma cor e espessura do con-
torno e aplique a cor branca ao preenchimento. Depois, diminua o círculo e alinhe-o
ao centro, para que fique como na imagem abaixo.
Deixe o círculo de
dentro com aproxima-
damente 175mm.
200 www.mundodesenhodigital.com.br
Dica do Illustrator
Ao redimensionar objetos, perceba que o mesmo sem-
pre é modificado para o lado da âncora utilizada. Des-
sa forma, o objeto sai do alinhamento original. Para re-
dimensionar ao centro e modificar ambos os lados do
objeto, basta manter a tecla “Alt” pressionada durante o
processo. Não se esqueça de manter também o “Shift”
pressionado para manter a proporção do círculo.
Sem usar o “Alt”. Usando o “Alt”.
18 Vamos criar um texto para aplicar entre os dois círculos. Nesse caso, não vamos criar o
texto reto, mas curvado seguindo o formato dos círculos. Para isso, existe um recurso
específico no Illustrator que vamos aprender a seguir.
201 www.mundodesenhodigital.com.br
Vá até a ferramenta “Type” (Tipo), clique e mantenha o
mouse pressionado para abrir as opções. Vá até “Type on
path” (Texto no caminho) e solte o botão do mouse. Veja
que o cursor do mouse é modificado. Leve-o até a borda
da elipse do centro e, ao ver a palavra “Path” (1), clique.
Veja que a borda e a cor do objeto desaparecem e o traço
que indica texto aparece (2). Digite “Mangiare!” e veja que
o texto é formado na linha onde era o círculo. Configure-
-o conforme as imagens.
1 2
202 www.mundodesenhodigital.com.br
Dica do Illustrator
O “Text on path tool” (Ferramenta texto no
caminho) funciona em qualquer outro cami-
nho criado, tanto reto quanto curvado, aber-
to ou fechado.
19 Para levar o texto para o lado esquerdo, selecione o círculo com o texto, com a “Direct
Selection Tool” (Ferramenta Seleção direta) clique e segure sobre a primeira barra de
texto (que indica onde o texto termina) (1) e arraste para a esquerda. Em seguida, repita o pro-
cesso com a outra barra (que indica onde o texto começa) (2).
18 Digite os textos a seguir, aplique a mesma cor azul usada na elipse, as demais configu-
rações indicadas e posicione-os como mostra a imagem.
203 www.mundodesenhodigital.com.br
20 Tranque a layer “Círculos” e crie uma nova de
nome “Verso”.
Preenchimento branco e contorno de 6 pt de espessura, com cor Preenchimento marrom e contorno de 6 pt de espessura, com cor
“Pantone 8642 C”. “Pantone 8642 C”.
Dica do Illustrator
“Eyedropper Tool”
(Conta-gotas)
A ferramenta Conta-gotas serve para
copiar atributos de aparência de um
objeto para outro. Se você quiser co-
piar as características de um retângu-
lo para um novo, por exemplo, basta
selecionar o objeto que deseja alterar,
clicar sobre a “Eyedropper Tool” e, em
seguida, clicar sobre o objeto que terá
suas características copiadas. Faça um
teste e veja o resultado.
204 www.mundodesenhodigital.com.br
22 Crie o título “Penne Rigate” com a configuração indicada. Em seguida, posicione den-
tro do retângulo de preenchimento marrom.
1 2
205 www.mundodesenhodigital.com.br
Veja a diferença na configuração do espaço entre as linhas.
Antes
Depois
Dica do Illustrator
Nas opções de caracteres, é possível fazer todos os ajustes indicados abaixo.
Texto sublinhado.
Define o método de suaviza-
Texto com tra- Determina o idioma ção da borda dos caracteres.
çado no meio. do texto.
206 www.mundodesenhodigital.com.br
23 Repita o processo anterior para criar os objetos e textos como mostram as imagens a
seguir.
207 www.mundodesenhodigital.com.br
Até o texto do SAC, utilize a fonte indicada
abaixo em sua versão regular, negrito e mai-
úsculas, conforme texto de exemplo ao lado.
24 Para criar o fundo da tabela nutricional que ficará em um dos espaços em branco, faça
um retângulo com cantos retos e outro com os cantos arredondados, do mesmo tama-
nho. Em seguida, posicione um sobre o outro. Use o painel “Align” (Alinhar) para que fiquem
exatamente no mesmo lugar.
208 www.mundodesenhodigital.com.br
Usando a opção “Preview>Outline” (Visualizar>Contorno) você pode conferir se eles estão, de
fato, posicionados no mesmo lugar.
Com “Delete Anchor Point Tool (-)” (Ferramenta Deletar ponto de âncora), delete a âncora su-
perior esquerda da forma.
25 Crie os textos mostrados a seguir, posicione-os e faça o alinhamento como nas ima-
gens. Em seguida, crie uma linha branca e posicione-a abaixo do texto “Quantidade
por porção” e “% VD*”.
209 www.mundodesenhodigital.com.br
26 Agrupe a tabela com os textos e posicione no rótulo, no espaço branco de cima que
havíamos deixado em um dos retângulos.
210 www.mundodesenhodigital.com.br
27 Importe o código de barras e utilize o “Scale” (Escala) para reduzir a 80%. Em seguida,
posicione-o próximo à base do último retângulo.
100% 80%
211 www.mundodesenhodigital.com.br
28 Vamos criar alguns ícones a partir das ilustra-
ções do fundo para acompanhar os textos.
Copie o trigo, o chapéu de cozinheiro e a panela para
essa layer. Em seguida, crie uma elipse como mostra
a imagem. Aplique à ela as mesmas cores usadas nos
objetos anteriores, e deixe o contorno com 1,5 pt de
espessura. Faça duas cópias da mesma.
Reduza as ilustrações para que caibam nas elipses e posicione cada uma dentro de cada elipse.
Centralize horizontal e verticalmente cada ícone com a sua elipse e agrupe-os isoladamente.
29 Vamos posicionar o primeiro ícone na primeira caixa de texto, como mostrado a seguir.
Para que o texto não fique coberto pelos objetos, vamos utilizar o recurso “Text Wrap” (Texto
em contorno) que faz o texto contornar a imagem. Selecione o ícone, vá ao menu “Object>Text
Wrap” (Objeto>Texto em contorno) e clique em “Make” (Fazer). Veja que o texto é afastado da
imagem.
212 www.mundodesenhodigital.com.br
Para aproximar ou afastar o texto da imagem basta diminuir ou aumentar o “Offset” do “Wrap”.
Com o ícone selecionado, vá em “Object>Text Wrap” e clique em “Text Wrap Options” (Opções
de texto em contorno). Habilite a opção “Preview” (Visualizar), modifique o “Offset” e veja a
diferença.
213 www.mundodesenhodigital.com.br
Mantenha com “Offset” 6 pt e clique em “Ok”. Agora, posicione os dois outros ícones, aplique o
“Text Wrap” com a mesma configuração, para que fique como na imagem abaixo.
Dica do Illustrator
Caso queira retirar o “Wrap” da imagem basta ir em “Object>Text Wrap>Release” (Objeto>Texto em contorno>Liberar).
214 www.mundodesenhodigital.com.br
Dica do Illustrator
O recurso “Invert Wrap” faz com que o texto fique dentro do objeto ao invés de contorná-lo.
Para corrigir possíveis problemas no texto, como orfãs e viúvas, aumente ou diminua o “Tra-
cking” (espaçamento) do texto. Porém, tome cuidado para não exagerar, de modo que as letras
fiquem muito espaçadas ou quase grudadas.
215 www.mundodesenhodigital.com.br
31 Selecione os textos do rótulo e converta-os em curvas. Seu rótulo estará pronto.
216 www.mundodesenhodigital.com.br
Capítulo 4
Bebidas
www.mundodesenhodigital.com.br
217
08 • Rótulo de Suco
Nesse rótulo você aprenderá uma maneira diferente de criar padrões, de uma for-
ma mais livre, sem tantas medidas. Além disso, vamos ver como criar texto caminho, um
recurso muito interessante para criar diversos efeitos visuais em textos mais curtos. Tam-
bém faremos dois objetos utilizando os recursos 3D disponíveis no Illustrator.
Aplicação:
Neste exercício:
Twirl Tool (Ferramenta Redemoinho)
Clipping Mask (Máscara de corte)
Effects: 3D (Efeitos: 3D)
Gradient Annotator (Anotador de
gradiente)
Path Eraser Tool (Ferramenta Borra-
cha de caminho)
www.mundodesenhodigital.com.br
218
01 Abra o Illustrator e crie um novo documento com as características mostradas na ima-
gem. Neste documento, só colocaremos a sangria dos lados, pois na parte de cima e
de baixo haverá um espaço de plástico transparente, e o corte será feito nele, o que torna a
sangria desnecessária.
02 Neste passo, vamos criar as linhas guias que dividirão as partes do rótulo.
www.mundodesenhodigital.com.br
219
03 Troque o nome da “layer” atual para “Guias”, tranque-a e crie uma nova “layer” de
nome “Fundo”.
www.mundodesenhodigital.com.br
220
05 Agora, vamos criar um “Pattern” (Padrão) para ser utilizado como fundo do rótulo. Pri-
meiro, crie uma elipse de forma oval. Aplique a cor “C=40, M=0, Y=100, K=0” no pre-
enchimento e deixe sem contorno. Em seguida, com a “Twirl Tool” (Ferramenta Redemoinho),
vamos fazer algumas deformações na elipse. Para isso, clique e segure um pouco o botão do
mouse dentro da elipse e, depois, solte. Faça isso em cada ponta, conforme as imagens.
Copie os redemoinhos diversas vezes até formar um padrão. Uma boa maneira de fazer esse
padrão é, depois de fazer uma cópia do redemoinho e posicioná-la perto do primeiro, utilizar
o comando “Transform Again” (Transformar novamente), para repetir a ação, com o atalho já
ensinado anteriormente. Copie o padrão até que fique de um tamanho maior que o da pran-
cheta. Depois, agrupe todos os objetos.
www.mundodesenhodigital.com.br
221
06 Crie um novo retângulo com as medidas indicadas e posicione-o acima dos redemoi-
nhos criados. Vamos aplicar um efeito cha-
mado “Clipping Mask” (Máscara de corte). Selecione o
retângulo e os redemoinhos agrupados, clique sobre
os mesmos segurando a tecla “control” (Mac) ou com
o botão direito do mouse (Windows) e vá até a opção
“Make Clipping Mask” (Criar máscara de corte).
Veja que será exibida somente a parte de in- Depois, posicione o retângulo com o “Pat-
tersecção entre os objetos. tern” (Padrão) criado sobre o fundo.
Dica do Illustrator
“Clipping Mask” (Máscara de corte)
Esse efeito funciona como uma máscara de corte que, quando aplicada em dois objetos, faz com que eles exibam so-
mente a área de intersecção entre ambos. É apenas uma máscara, pois ela não corta nem apaga os objetos envolvidos,
apenas oculta parte deles. Se você quiser retirar o efeito, é só clicar novamente sobre o objeto com efeito segurando
a tecla “control” (Mac) ou com o botão direito (Windows) e clicar na opção “Release Clipping Mask” (Liberar máscara
de corte).
07 Vamos criar dois retângulos que servirão de faixa para o topo e a base do rótulo.
Crie com as medidas indicadas, aplique a cor “C=15, M=100, Y=90, K=31” no preen-
chimento, deixe sem contorno e posicione conforme a imagem.
www.mundodesenhodigital.com.br
222
Posicione um re-
tângulo no topo
e outro na base
da prancheta.
www.mundodesenhodigital.com.br
223
Em seguida, segurando as teclas “shift” e “alt”, redimensione uma das elipses, como mostrado
na imagem (1). No painel “Stroke” (Traçado), selecione a opção “Dashed Line” (Pontilhado), e
aplique as configurações indicadas (2). Veja o resultado (3).
1 2 3
11 Crie os textos “Fruta” e “& Suco” em duas caixas separadas. Aplique as características
indicadas nas imagens, aplique a cor “C=15, M=100, Y=90, K=49” e posicione os textos
no rótulo, dentro da elipse criada no passo anterior.
www.mundodesenhodigital.com.br
224
14 Usaremos um efeito do
Illustrator para fazer com
que essa forma vire um 3D. Sele-
cione o vetor que você acabou de
criar e vá em “Effect>3D>Revolve”
(Efeito>3D>Extrusão e bisel). Veja a
janela que se abrirá.
5
“Position” (Posição): define como o objeto
1
será girado e a perspectiva de visualização
do mesmo.
www.mundodesenhodigital.com.br
225
Veja como deverá ficar.
15 Vamos criar um caule para a maçã. Com a “Pen Tool” (Ferramenta Caneta), faça um tra-
çado semelhante à primeira imagem abaixo. Deixe sem contorno. No preenchimento
aplique o gradiente indicado. Altere o gradiente como achar melhor, utilizando o “Gradient
Annotator” (Anotador de gradiente).
Dica do Illustrator
“Gradient Annotator” (Anotador de Gradiente)
Quando você seleciona um objeto com gradiente e em seguida clica na fer-
ramenta do gradiente, aparecerá sobre ele uma barrinha chamada anotador
de gradiente. Com essa ferramenta você pode modificar o ângulo, o local, a
origem e a difusão do gradiente.
www.mundodesenhodigital.com.br
226
Posicione o caule sobre a maçã.
16 Agora, vamos fazer uma folha. Faça o traçado novamente com a “Pen Tool” (Ferramen-
ta Caneta) e aplique o gradiente. Use o anotador de gradiente, se necessário.
www.mundodesenhodigital.com.br
227
Desagrupe os elementos da maçã maior. Clique so- Posicione a folha no caule correta-
bre a folha dessa segurando a tecla “control” (Mac) ou mente, como na imagem.
com o botão direito do mouse (Windows) e vá até a
opção “Transform>Reflect” (Transformar> Refletir).
Selecione as opções indicadas na imagem abaixo.
19 Vamos aprender uma nova ferramenta para criar a imagem da placa de madeira que
vai no rótulo. Clique e segure o botão do mouse sobre a “Line Segment Tool” (Ferra-
menta Segmento de Linha) até que se abra uma janela com mais ferramentas. Ainda seguran-
do o botão do mouse, vá até a opção “Rectangular Grid Tool” (Ferramenta Grade retangular).
Agora que está com a ferramenta habilitada, clique e segure em qualquer lugar da tela, arraste
o mouse até outra parte e solte-o. Veja que
foi criada uma malha.
www.mundodesenhodigital.com.br
228
Delete a malha e dê um clique em alguma parte da
prancheta para criar uma nova malha. Aplique as
configurações indicadas na imagem ao lado.
Em seguida, mude a espessura do traçado da malha conforme indicado, aplique a cor “C=25,
M=40, Y=65, K=7” ao preenchimento e
“C=30, M=50, Y=75, K=15” ao contorno.
1 3
www.mundodesenhodigital.com.br
229
Clique e arraste o mouse dentro da malha, de cima para baixo e de baixo para cima, repetindo
até criar um efeito ondulado, como na imagem abaixo.
21 Vamos fazer um efeito para criar os “nós” da madeira. Para isso, vamos utilizar outra
ferramenta de distorção, a “Twirl Tool” (Ferramenta Redemoinho). Configure a ferra-
menta como indicado na imagem (1). Para criar as deformações, clique, segure o botão do
mouse no mesmo lugar e solte, em algumas áreas diferentes da malha. O efeito deverá ficar
semelhante ao da imagem (2).
1
2
www.mundodesenhodigital.com.br
230
23 Posicione o retângulo criado sobre a malha. Agora, vamos usar “Clipping Mask” (Más-
cara de Corte). Selecione os dois objetos, vá até o menu “Object>Clipping Mask>Make”
(Objeto>Máscara de corte>Criar). Veja o resultado.
25 Crie o texto “Suco Natural” e configure-o conforme indicado abaixo. Depois, posicio-
ne-o sobre a madeira.
www.mundodesenhodigital.com.br
231
26 Agrupe os elementos da plaquinha de madeira e posicione-os sobre as maçãs. Gire
levemente a plaquinha para o lado, como na imagem.
www.mundodesenhodigital.com.br
232
29 Aqui, vamos editar o símbolo. Delete o fundo amarelo
do coração, deixando só o contorno preto. Aplique a cor
indicada. No grupo das ferramentas da “Pencil Tool” (Ferramen-
ta lápis), selecione a “Path Eraser Tool” (Ferramenta Borracha de
Caminho), apague o buraco no centro do coração e veja como a
imagem deverá ficar.
30 Selecione a “Ellipse Tool” (Ferramenta elipse) e crie duas elipses ovais, de tamanho me-
nor que o coração. Deixe sem cor de contorno e aplique a cor indicada no preenchi-
mento. Com a “Direct Selection Tool” (Ferramenta Seleção direta)
habilitada, clique na ponta de uma das elipses e edite-a para que
fique com a ponta reta, como mostram as imagens abaixo. Faça o
mesmo com as outras pontas.
www.mundodesenhodigital.com.br
233
32 Faça uma cópia da frutinha, rotacione-a para o outro lado e posicione ambas no rótulo,
como mostra a imagem.
33 Agora, vamos criar os textos adicionais do rótulo, que ficarão dentro das frutinhas que
criamos nos passos anteriores. Em caixas de texto separadas, digite “Sem adição de
açúcar” e “Sem conservante” e configure conforme mostram as imagens.
34 Aplique a cor branca aos textos. Selecione a caixa de texto e aplique o efeito de dis-
torção indo no menu “Object>Envelope Distort>Make with Warp” (Objeto>Distorção
de envelope>Criar com deformação). Faça isso com as duas caixas, posicione-as dentro das
frutinhas e, depois, rotacione para que fique como na imagem abaixo.
www.mundodesenhodigital.com.br
234
35 Copie toda a parte da frente do rótulo e cole do outro lado, que também representa
a frente.
36 Tranque a “layer” “Frente” e crie uma nova de nome “Lateral 1”. Vamos criar os textos
que compõem a lateral esquerda do rótulo. Em caixas separadas, digite os textos a
seguir e configure conforme indicado.
www.mundodesenhodigital.com.br
235
38 Neste passo, vamos fazer os textos que ficarão dentro das frutinhas. Faça os textos em
caixas separadas e aplique as configurações indicadas. Aplique a cor “C=0, M=30, Y=30,
K=0” aos textos de cima e “C=0, M=35, Y=85, K=0” aos textos de baixo.
www.mundodesenhodigital.com.br
236
40 Digite a próxima sequência de textos em caixas separadas e configure conforme indi-
cado nas imagens abaixo.
www.mundodesenhodigital.com.br
237
43 No painel “Symbols” (Símbolos), clique na “Symbol Libraries Menu” (Menu Biblioteca
de Símbolos) e selecione a opção “Logo Elements” (Elementos de logo). Clique no sím-
bolo indicado, arraste-o para a tela e solte-o.
44 Como feito anteriormente, quebre o link desse símbolo através da opção “Break
Link” (Quebrar link). Vamos utilizar somente a forma da pessoa, então, delete o ele-
mento que simboliza o sol. Como os outros elementos estão agrupados, clique sobre eles
segurando a tecla “control” (Mac) ou com o botão direito do mouse (Windows) e desagrupe-
-os, e depois delete a imagem verde que representa o chão. Clique sobre a forma da pessoa
segurando a tecla “control” (Mac) ou com o botão direito do mouse (Windows), vá até a
opção “Transform” (Transformar), em seguida, clique em “Reflect” (Refletir). Marque a opção
vertical e clique em “Ok”.
www.mundodesenhodigital.com.br
238
45 Vá, novamente, na “Symbol Libraries
Menu” (Menu Biblioteca de Símbolos) 46 clua
Quebre o link do símbolo e ex-
o fundo amarelo de am-
e escolha a opção “Mobile” (Celular). Arraste os bos. Em seguida, aplique a mesma cor
dois símbolos indicados para fora do painel. aplicada anteriormente.
www.mundodesenhodigital.com.br
239
49 Importe a imagem do código de barras e
posicione-a no rótulo, no espaço restante.
Lembre-se de que ela não deverá passar da linha de
sangria. Veja, ao lado, como ficará toda a lateral.
www.mundodesenhodigital.com.br
240
Clique no quadradinho do final da primeira linha e, em seguida, clique no início da segunda
linha. Isso fará com que as linhas fiquem ligadas e o texto continue na linha de baixo. Faça o
mesmo procedimento com as demais linhas. Clique novamente na “Text Tool” (Ferramenta
texto), em seguida, digite o texto abaixo. Veja como ele deverá ficar.
Aplique as configurações indicadas abaixo
e em seguida posicione o texto na outra
lateral do rótulo.
53 Crie um retângulo de cantos arredondados com as medidas indicadas. Deixe sem cor
de contorno e aplique a cor “C=20, M=0, Y=79, K=0” ao preenchimento.
www.mundodesenhodigital.com.br
241
54 Crie outro retângulo com as medidas e cor de contorno indicadas. Dessa vez, deixe sem
cor de preenchimento. No menu “Stroke” (Traçado), aplique as configurações indicadas na
imagem abaixo. Depois, posicione o retângulo dentro do outro, criado no passo anterior, e alinhe.
www.mundodesenhodigital.com.br
242
56 Aqui, vamos criar uma pequena lista que ficará dentro do retângulo verde. Vá nova-
mente até a “layer” “Frente” do arquivo e, dessa vez, faça uma cópia de uma das fruti-
nhas em forma de coração que criamos anteriormente. Vamos pegar a que está inclinada para
o lado esquerdo. Apague o texto de dentro dela, diminua seu tamanho e posicione-a dentro
do retângulo verde, conforme a figura (1). Faça 5 cópias da frutinha e posicione-as uma embai-
xo da outra (2). Alinhe e distribua o espaço entre as frutas (3).
1 2 3
www.mundodesenhodigital.com.br
243
58 Posicione os elementos criados na outra lateral do rótulo, como mostra a figura abaixo.
www.mundodesenhodigital.com.br
244
09 • Rótulo de Vodka
Neste último rótulo, vamos aprender alguns recursos de utilização de cores muito úteis
nos trabalhos. Aprenderemos, também, a criar um rótulo de bebida alcoólica, que possui algu-
mas diferenças entre os outros rótulos alimentícios como, por exemplo, a não obrigatoriedade
de conter tabela nutricional e a obrigação de informar o perigo do consumo excessivo do álco-
ol, como também, a permissão de consumo apenas a maiores de 18 anos.
245 www.mundodesenhodigital.com.br
01 Abra um novo documento e configure conforme a imagem.
246 www.mundodesenhodigital.com.br
02 Crie um retângulo preto para servir de fundo. Altere o nome da layer para “Fundo fren-
te”, tranque-a e crie uma nova, de nome “Título”.
247 www.mundodesenhodigital.com.br
Em seguida, posicione-os conforme a ima-
gem.
248 www.mundodesenhodigital.com.br
Ao final, posicione-os como mos-
tra a imagem. Utilize o painel
“Align” (Alinhar) onde for neces-
sário.
Dica Técnica
O texto “Beba com responsabili-
dade” ou outros como “Beba com
moderação”, alertando sobre os
perigos do consumo excessivo de
álcool, são obrigatórios.
249 www.mundodesenhodigital.com.br
05 Importe a figura “arabesque” da pasta de arquivos de trabalho. Tranque a layer atual
e crie uma nova. Com a ferramenta “Pen” (Caneta), vetorize a imagem como mostra a
seguir.
1 9
11
3
10
4
6
5
12
250 www.mundodesenhodigital.com.br
Repita o processo em todas as áreas que desejar. Veja a sugestão de edição abaixo:
Dica do Illustrator
Caso seja necessário, utilize a “Direct selection tool” (Ferramenta
Seleção direta) para editar a curva.
251 www.mundodesenhodigital.com.br
O desenho deve ficar muito próximo do mostrado abaixo. Aplique a mesma cor de bege utili-
zada anteriormente nos textos. Destranque a layer “Frente” e inclua o desenho criado. Exclua
a imagem “arabesque” importada anteriormente.
252 www.mundodesenhodigital.com.br
08 ramenta estrela) na barra de ferramentas, na mesma janela da “Rectangle tool” (Ferra-
Crie uma nova layer de nome “Selos” e tranque a anterior. Selecione a “Star tool” (Fer-
menta retângulo). Dê um clique em qualquer área para abrir as opções. Preencha como mostra
a imagem e clique em “Ok”. Veja que uma estrela é criada.
Modifique a cor da estrela. Copie e cole uma nova estrela, diminua seu tamanho e posicione-a
como mostra a imagem. Repita o processo criando uma estrela ainda menor.
253 www.mundodesenhodigital.com.br
Leve o cursor do mouse à âncora do topo da estrela maior e clique. Em seguida, leve ao topo
da estrela do meio e veja que o cursor aparece com um sinal de “+”, clique e veja a mesclagem.
Clique novamente no topo da estrela do meio e clique na âncora do topo da estrela menor.
Veja o resultado.
1
3
4
254 www.mundodesenhodigital.com.br
Dica do Illustrator
A ferramenta “Blend” (Mesclage) pode ser utilizada para mesclar objetos de diferentes formas. Veja outros os exem-
plos:
255 www.mundodesenhodigital.com.br
10 Faça uma elipse de qualquer tamanho, sem contorno e com a mesma cor bege de
preenchimento utilizada anteriormente. Com ela selecionada, vá até “Effects”, “Distort
and Transform” e selecione a opção “Zig and Zag” (Zigue-zague). Habilite a opção “Preview”
(Visualizar) e modifique as opções para ver os efeitos sobre o objeto.
256 www.mundodesenhodigital.com.br
Diminua o tamanho e aumente a quantidade do zigue-zague até que fique semelhante à ima-
gem abaixo, selecione a opção “Smooth” (Suavizar) e clique em “Ok”.
11 Vamos imaginar que você tenha realizado o efeito na elipse, mas não tenha ficado
realmente como desejado. Para modificar o efeito já realizado, vamos utilizar o painel
“Appearance” (Aparência). Ele exibe todas as características dos objetos selecionados e permi-
te alterá-las.
Ele fica localizado na barra lateral direita, bem
acima do painel “Layers” no padrão de visua-
lização “Essencials”. Mas você também pode
acessar através de “ Window>Appearance”
(Janela>Aparência).
Veja que as opções de preenchimento, contorno, entre outras, aparecem com um ícone de
olho. Clique sobre ele para visualizar uma característica ou ocultar, assim como nas layers. Você
também pode editar as opções. Clique sobre “Opacity” (Opacidade) e modifique para 50. Veja
a diferença. Volte para a opacidade 100.
257 www.mundodesenhodigital.com.br
Clique sobre o “Fx” ao lado do efeito “Zig Zag” e veja que uma nova janela de opções do efeito
é aberta, onde você pode modificar as características.
12 Veja que, quando o efeito é criado, a curva e as âncoras continuam formando a elipse,
e não o zigue-zague. Para transformar definitivamente o objeto, sem opção de edição
do zigue-zague pelo painel “Appearance” (Aparência), vá em “Object>Expand Appearance”
(Objeto>Expandir aparência) e veja o resultado. Faça uma cópia do selo e posicione-a sobre
o original, bem ao centro. Modifique o preenchimento para “None” (Nenhum), traçado de es-
pessura 1 pt e cor preta.
258 www.mundodesenhodigital.com.br
Crie o texto “Selo de Qualidade” e posicione-o ao centro.
K=100
13 Em seguida, com a “Star tool” (Ferramenta estrela), crie duas estrelas, como mostra a
imagem, uma de 4 pontas e outra de 5. Em seguida, faça uma cópia da estrela de 4
pontas. Posicione-as como indicado, copie as três para baixo e ajuste a posição. Leve o selo
para o rótulo como mostra a imagem.
259 www.mundodesenhodigital.com.br
14 Faça uma elipse da mesma cor bege e posicione-a atrás do texto e à frente do selo.
Com a elipse selecionada, habilite a ferramenta “Mesh tool” (Ferramenta Malha) no
painel de ferramentas. Ela serve para criar uma malha sobre o objeto que permite adicionar
cores diferentes em cada ponto. Vá clicando sobre a elipse conforme a imagem e veja que a
malha vai sendo formada.
2
1
15 Agora, vamos escolher as cores que serão aplicada à malha. O Illustrator possui um re-
curso muito importante para o trabalho com cores. É o “Color Guides” (Guia de cores),
que exibe dezenas de paletas de combinações de cores, de acordo com a cor selecionada. Para
acessá-lo, você pode ir ao lado do painel “Color” (Cor) ou pelo menu “Window>Color Guide”
(Janela>Guia de cores). Mantenha a cor indicada selecionada.
260 www.mundodesenhodigital.com.br
Clique na seta ao lado da amostra da paleta e veja que há várias opções disponíveis. Escolha a
“Monochromatic” (Monocromática). Vamos trabalhar apenas com variações do tom de bege
selecionado. As cores do meio da paleta (1) são as bases, as cores à direita são as mais saturadas
(2), e as cores à esquerda (3), menos saturadas. A primeira cor, ou seja, a cor selecionada através
do painel “Color” é a cor base (4).
3 4 2
Com a “Direct Selection Tool” (Ferramenta seleção direta), clique sobre um dos pontos da ma-
lha (1) como mostra a imagem e escolha a cor que deseja aplicar (2). Repita o processo confor-
me os passos a seguir:
261 www.mundodesenhodigital.com.br
3
Escolha outros pontos e aplique a cor desejada até criar um efeito de reflexo de luz como
mostra a imagem.
262 www.mundodesenhodigital.com.br
16 Tranque a layer “Selo” e crie uma nova de nome “Fundo verso”. Agora, vamos criar uma
nova prancheta dentro do mesmo arquivo para fazer o verso. No painel de ferramen-
tas, selecione a ferramenta “Artboard” (Prancheta). Veja que a interface fica escura e a pran-
cheta aparece destacada. Veja que o cursor do mouse também aparece diferente (1). Crie uma
nova prancheta com as mesmas medidas da primeira, para isso, basta clicar, segurar, arrastar o
mouse e soltar quando estiver na posição desejada. Para garantir que o tamanho esteja corre-
to, vá até o painel de controle e confira as medidas da prancheta (2).
Para sair do modo da “Artboard”, basta clicar em qualquer outra ferramenta ou teclar “Esc”.
263 www.mundodesenhodigital.com.br
19 Tranque a layer “Verso” e crie uma nova de nome “Receita”. Aplique o símbolo como
mostra a imagem e quebre o link. Vamos modificar o desenho. Desagrupe os objetos e
apague todas as formas que compõem a azeitona e também a onda à esquerda.
Em seguida, incline para deixar a taça reta. Selecione a estrela que representa o ponto de luz e
posicione conforme a imagem.
264 www.mundodesenhodigital.com.br
21 Posicione a taça
como mostra a
imagem. Em seguida, crie e
configure os textos. 1
1 3
2 3
Dica do Illustrator
Quando criamos uma forma livre, muitas vezes, o resultado pode não sair exata-
mente como esperado, e o desenho pode ficar com um aspecto meio tremido,
irregular. Para modificar esse tipo de acontecimento, selecione a forma, vá em
“Object>Path>Simplify” (Objeto>Caminho>Simplificar). Na janela de opções, dimi-
nua o valor de “Curve Precision” (Precisão da Curva) para que a curva fique mais fluida
e natural. Clique em “Ok” e veja o resultado.
Antes Depois
265 www.mundodesenhodigital.com.br
23 Vátempo
até “Object>Live Paint>Make” (Objeto>Pintura em
real>Criar). Esse recurso permite que diversas co-
res de preenchimento possam ser aplicadas ao objeto. O objeto
de cima, no caso, a curva que criamos sobre o texto, criou áreas
que “dividem” as letras. Casa uma dessas áreas será preenchida
com uma cor.
Para aplicar a cor, selecione a ferramenta “Live Paint Bucket” (Balde de tinta em tempo real).
Com o “Color Guide” (Guia de cores) aberto, escolha um paleta de combinações. Selecione a cor
desejada e clique sobre as partes que deseja colorir. Repita até chegar ao resultado indicado.
266 www.mundodesenhodigital.com.br
Dica do Illustrator
O “Live Paint” (Pintura em tempo real) funciona não apenas com textos, mas com qualquer tipo de objeto. Veja
outro exemplo abaixo:
24 Existe um recurso muito útil no Illustrator que permite, facilmente, recolorir um dese-
nho complexo ou com muitas cores. Selecione o “Drinks”, vá até o painel de controle e
clique no ícone de “Recolor Artwork” (Recolorir Arte) (1).
1
267 www.mundodesenhodigital.com.br
Veja que um círculo cromático é aberto. Nele, cada uma das elipses representa uma cor do de-
senho. Você pode movimentar o círculo que desejar para modificar a cor do desenho original.
Nesse caso, queremos que a mesma harmonia de cores seja mantida, por isso, veja se a corren-
te “Link harmony color” (Vincular Cores Harmônicas) está fechada, como mostra a imagem (3).
Caso contrário, clique sobre ela para que fique como mostrado.
268 www.mundodesenhodigital.com.br
Clique em qualquer símbolo e arraste para a área mais azul do círculo cromático. Veja que o
desenho “Drinks” é automaticamente modificado.
269 www.mundodesenhodigital.com.br
Faça vários testes e vejas quantas opções é possível criar facilmente.
270 www.mundodesenhodigital.com.br
25 Por fim, depois de conferir todos os textos, transforme todos em curva e salve seu
arquivo.
271 www.mundodesenhodigital.com.br
Capítulo 5
Preparação do arquivo para impressão
Os capítulos 5 e 6 foram executados
com o sistema operacional Windows
Introdução
O Illustrator é uma poderosa ferramenta para o designer gráfico. Ele só tem como
limite a imaginação de quem sabe usá-lo. No entanto, é de vital importância conhecer
as diferenças entre produzir arquivos para meios eletrônicos e produzi-los para artes
gráficas.
Posso dizer, simplificando, que tanto a comunicação eletrônica (digital) quanto a
impressa dispõem de muitos recursos na produção de peças de comunicação. Muitos
desses recursos se cruzam nos dois processos, como é o caso dos arquivos JPEG, que
são usados tanto na imagem de um site quanto na produção de um impresso. Apesar
de óbvia, a afirmação: “deve-se ter cuidado para não misturar as coisas, pois elas são
diferentes” me fez apresentar alguns conceitos básicos sobre impressão gráfica, tam-
bém diferente da impressão digital.
O designer gráfico que pretende trabalhar de forma profissional e com bom de-
sempenho precisa de conhecimentos técnicos que vão muito além de operar e con-
trolar um software gráfico. Ele precisa conhecer artes gráficas.
Para o profissional que pretende se especializar no segmento de rótulos e embala-
gens a situação é a mesma. É necessário conhecer muito mais além do software usado
para produzir a arte.
Dois capítulos não são suficientes para falar tudo que é necessário sobre prepara-
ção e fechamento de arquivos para impressão. Portanto, pretendo de maneira resumi-
da ser o mais claro possível nas informações.
Antes de mais nada quero esclarecer alguns termos que usarei nestes capítulos:
Arte final - chamo de arte final o arquivo usado para construir o layout do rótulo
ou embalagem.
Arquivo fechado - dou esse nome ao arquivo gravado em PDF preparado para
impressão.
272 www.mundodesenhodigital.com.br
Você conheceu e aprendeu como usar várias ferramentas e procedimentos do
Illustrator. Também conheceu muitos aspectos como: legislação, código de barras,
reciclagem, entre outras coisas importantes que envolvem a criação de rótulos. Agora,
você está apto a preparar o arquivo para a impressão. Considerando as características
que um arquivo precisa ter para ser impresso, esse é o principal arquivo do rótulo que
você criou e desenhou, mas ainda não é o arquivo que será enviado para a gráfica.
Antes de falar sobre a preparação do arquivo é importante conhecer o conceito de
pré-impressão.
Pré-impressão
Pré-impressão é uma das fases do processo de produção gráfica. Consiste num
conjunto de procedimentos que termina com a produção da matriz impressora.
Cada processo gráfico tem um tipo de matriz. No offset a matriz é uma chapa de
alumínio, na serigrafia é uma tela, na flexografia é um clichê de borracha e na rotogra-
vura é um cilindro em baixo relevo.
A matriz impressora é colocada na máquina de impressão e produz a quantidade
necessária de impressos. Em qualquer processo de impressão gráfica é necessário
uma matriz impressora para cada cor do impresso.
A preparação do arquivo, que veremos mais adiante, faz parte da pré-impressão.
É necessário muito cuidado com a transição entre a arte final e a matriz impressora,
pois muitos erros podem ocorrer durante esse procedimento.
O profissional especializado em pré-impressão usará o seu arquivo PDF para pro-
duzir a matriz impressora.
O designer gráfico deve estar muito atento e ter um relacionamento comercial
muito estreito com seu fornecedor, pois existem muitos recursos, equipamentos e
processos diferentes de um fornecedor para outro.
Em se tratando de prestador de serviços podemos considerar três situações: a grá-
fica que tem seu próprio departamento de pré-impressão, a gráfica que terceiriza a
pré- impressão e a empresa especializada só na pré-impressão.
A diferença entre elas está na especialidade de cada processo. Em qualquer um dos
casos você deverá enviar seu arquivo de maneira correta e dentro dos padrões usados
por cada tipo de prestador de serviço.
É muito importante que você converse muito com seu fornecedor para conhecer
os equipamentos e processos que ele usa. Isso te dará mais segurança e qualidade na
hora de preparar o seu arquivo.
Aconselho que você se informe mais sobre os procedimentos de pré-impressão.
Assim, você terá mais conhecimento de causa no momento da criação.
Dentro de cada arquivo PDF, preparado para impressão, existem tecnologias que
atualmente não são vistas por quem prepara o arquivo. PostScript é a principal delas.
Foi ela que fez o elo entre os processos digitais e os de impressão gráfica.
273 www.mundodesenhodigital.com.br
Preparação do arquivo
Preparar o arquivo para a impressão significa ajusta-lo às condições de produção,
verificar e aplicar procedimentos que garantam que o resultado da impressão será o
mesmo visto na tela do computador.
Você verá que fechar o arquivo é um procedimento bastante simples, pois o Illus-
trator tem bons recursos para isso. A questão e desafio está na preparação adequada
do arquivo para a impressão.
O primeiro passo desse procedimento é salvar o arquivo com outro nome. Vamos
usar como exemplo o arquivo “Rótulo de Azeite” do Capítulo 4. Abra o arquivo e salve-
-o com “Salvar como”(Save As) com o nome: “RótuloAzeitePreparação”. Observe, na
figura ao lado, que agora temos dois arquivos do
rótulo de azeite. Mantenha o arquivo “RótuloAzei-
teArteFinal” sem alterações. Ele será sempre a base
do seu trabalho. Nele você tem todos os parâme-
tros que determinou na sua criação e arte-finali-
zação do rótulo. A qualquer momento você pode
usá-lo ou modificá-lo conforme desejar.
274 www.mundodesenhodigital.com.br
Quando você iniciou o processo de arte final e criação, a posição dos rótulos na
prancheta do Illustrator foi adequada para o desenvolvimento da arte final. No entan-
to, essa posição pode não ser a ideal
para enviar o arquivo para a gráfica.
Nesta fase, é necessário conhe-
cer o processo de impressão para
posicionar a imagem de maneira
adequada, como mostra a figura ao
lado. Esta posição da imagem é ape-
nas um exemplo. Aqui entra mais
um detalhe importante da comuni-
cação com seu fornecedor.
Manter contato com o fornece-
dor e conversar sobre essas questões
diminuirá sua margem de erro, faci-
litará o trabalho de pré-impressão e
agilizará todo o processo.
Ao criar o rótulo você recebeu o
breafing de cores, formato, etc. Ago-
ra, deverá conversar com seu forne-
cedor para se certificar do melhor
275 www.mundodesenhodigital.com.br
los. Esses contornos foram criados numa layer (camada) separada e à eles foi atribuída
uma cor especial (spot color). Esse procedimento estabelece o desenho e posiciona-
mento da faca de corte e vinco que trabalha na mesma máquina de impressão em
conjunto com as cores. Como está em cor especial, seu fornecedor a eliminará na hora
da confecção do clichê para a impressão mas, por outro lado, ele tem o desenho exato
da faca.
O desenho da faca pode ser criado depois que você tem a arte final pronta. Depois
da conversa com seu fornecedor e com todos os parâmetros de medidas, inclusive da
faca, você pode criar o desenho da faca no arquivo de preparação usando todos os
recursos das ferramentas do Illustrator.
O desenho da faca, caso haja, deve ser feito sempre em uma camada (layer) se-
parada e com cor especial para evitar que essa imagem seja gravada no clichê e seja
impressa no rótulo. Mais adiante você saberá como verificar isso.
Cores em CMYK
No arquivo de preparação, certifique-se que as imagens e o documento do Illus-
trator estejam no modo “CMYK”. É comum o designer aplicar uma imagem em “RGB”
e esquecer de mudá-la para “CMYK”. Você deveria ter feito isso quando iniciou a arte
final, no entanto, nada impede de mudá-lo agora, por isso é importante conferir.
Mais adiante, você conhecerá um pouco mais sobre quadricromia para entender
melhor o processo de impressão.
Marcas de corte
Nem sempre as marcas de corte são necessárias na impressão. Esse é outro assun-
to que deve ser conversado com seu fornecedor. No exemplo que estamos usando, o
desenho da faca já estabelece a marca de corte.
Como você pode ver, não existe uma receita para preparação do arquivo. Depen-
dendo do processo de impressão e de rotulagem existem formas diferentes de pre-
parar o arquivo. Para que você tenha o processo sobre controle, deverá estudar o as-
sunto junto com seus fornecedores de pré-impressão, impressão e produção (envase
e rotulagem).
O rótulo que você criou pode ser aplicado na embalagem por processo manual,
por processo semiautomático fora de linha de produção e por processos totalmente
automatizados dentro da linha de produção. São muitas as variáveis, por isso seu ar-
quivo deve estar preparado para o processo que será usado.
276 www.mundodesenhodigital.com.br
Em qualquer processo de impressão, seja ele offset, flexografia, rotogravura, seri-
grafia 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 ilusão ótica de várias tonalidades, figura abaixo à esquerda. Na
impressão gráfica esses pontos são muito pequenos, impossíveis de serem reconhe-
cidos 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 à direita.
Quadricromia
A quadricromia é o recurso gráfico que separa qualquer imagem colorida, seja ela
uma foto ou um desenho em quatro cores básicas: ciano, amarelo, magenta e preto.
Na quadricromia é utilizado o recurso de reticulado para a produção de cada cor.
277 www.mundodesenhodigital.com.br
Colocando uma lente de aumento, também conhecida como conta-fios, sobre um
impresso é possível observar o entrelaçado do reticulado das quatro cores.
As quatro cores da quadricromia são transparentes e, quando sobrepostas, propor-
cionam o efeito visual igual ao original.
Todo processo gráfico usa a quadricromia na impressão de imagens coloridas. Ela é
um padrão na indústria gráfica.
Cor especial
Qualquer cor que estiver fora do padrão de tonalidade da quadricromia é con-
siderada 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 “Opção
de amostra” no sub menu “Tipo e cor:” identifica se essa cor é “Cor de escala” (qua-
dricromia) ou se é cor
especial.
Existem vários sis-
temas que controlam
a tonalidade das cores.
Um deles é o Pantone.
Antes de mandar
seu arquivo para a grá-
fica é possível conferir a
separação de cores.
278 www.mundodesenhodigital.com.br
Verificando a separação de cores
Vá até a barra de menu “Janela” e de-
pois em “Visualizar Separações”, figura
ao lado. A janela visualização de separa-
ções se abrirá. Habilitando e desabilitan-
do o olho, à esquerda de cada cor, você
pode ver cada uma das cores que serão
impressas, figura abaixo.
279 www.mundodesenhodigital.com.br
É importante verificar a separação de cores para certificar-se que cada detalhe, que
você acrescentou no seu layout, esteja correto. Essa verificação também nos mostra
os detalhes das cores especiais, e se elas estão separadas da quadricromia.
Fundo branco
Na impressão sobre materiais transparentes é comum usar o fundo branco como
uma quinta cor de impressão. Isso é feito para evitar que a transparência das cores da
quadricromia recebam interferência da cor da embalagem ou da cor do produto.
Como exemplo, vamos supor que o rótulo que estudamos neste capítulo seja im-
presso em material autoadesivo transparente.
Considerando que a maioria das garrafas de azeite são verde escuro, as imagem
da quadricromia ficariam completamente escuras, pois elas são transparentes e re-
ceberiam a interferência da
cor da garrafa. Para que as
cores do rótulo apareçam e
se destaquem é necessário
a impressão 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 construída em um
arquivo separado usando a
mesma estrutura do arquivo
principal ou, ainda, feita no
arquivo principal como cor
especial.
A preparação do arquivo
requer cuidado e avaliação.
Faça isso sempre com orien-
tação do seu fornecedor.
280 www.mundodesenhodigital.com.br
Capítulo 6
Fechamento de arquivos
Existem várias maneiras de gerar um arquivo para impressão. Neste capítulo, usa-
remos o recurso “Adobe PDF” para fechar o arquivo que será enviado para a gráfica.
Consulte seu fornecedor para saber se ele aceita arquivo PDF e quais as configura-
ções que ele prefere que você use.
Usaremos o arquivo exemplo do capítulo anterior. Observe que é o arquivo já pre-
parado.
01 Abra o arquivo e, em seguida, clique no menu “Arquivo” (File) (1). Clique no submenu
“Imprimir” (Print) (2) para escolher a impressora.
www.mundodesenhodigital.com.br
281
02 Clique na janela “Impressora” (1). Clique no submenu “Adobe PDF” (2).
03 Clique na janela “Tamanho” (1) e escolha “Personalizar” (2). Veja que alterei as medidas
“Largura” (3) para 160 mm e “Altura” (4) para 180 mm. Com essas novas medidas todas
marcas de corte e informações ficarão aparentes.
3 4
www.mundodesenhodigital.com.br
282
04 Clique no campo “Marcas e sangria” (1), em seguida, habilite todos os recursos (2) .
Observe que na janela de visualização aparecem todas as informações de impressão
(3).
2
1
05 Clique no campo “Saída” (1). Em seguida, na janela “Modo” (2) e escolha a opção “Se-
parações in-RIP” (3). Na janela “Resolução de impressora” (4) use a indicada pelo seu
fornecedor.
2
1
3
www.mundodesenhodigital.com.br
283
06 Agora, para finalizar, clique em imprimir (1). O Illustrator irá perguntar onde você quer
salvar o arquivo. Escolha o local e salve o PDF.
07 O seu arquivo PDF terá a aparência da figura abaixo. Esse é o arquivo que você deve
enviar para a gráfica. Lembre-se sempre de conversar com seu fornecedor para usar
as configurações de acordo com os padrões de produção da empresa dele.
www.mundodesenhodigital.com.br
284
www.mundodesenhodigital.com.br
285