Ilustração por Computador

Material Teórico
Recursos Complementares

Responsável pelo Conteúdo:

Prof. Me. Ivan Ordonha Cechinel

Revisão Textual:
Prof. Esp. Claudio Pereira do Nascimento
 Recursos Complementares

• Planejamento Inicial;
• Gerenciamento de Cores na Ilustração;
• Configurações de Texto;
• Mockup Digital;
• Recurso Tridimensional.

OBJETIVO DE APRENDIZADO
• Explorar recursos complementares do desenho vetorial;
• Ampliar as técnicas de ilustração;
• Exercitar recursos de efeito tridimensional para construção de mockup digital e aplicar estes
recursos em criações de design.
 Orientações de estudo
Para que o conteúdo desta Disciplina seja bem
aproveitado e haja maior aplicabilidade na sua
formação acadêmica e atuação profissional, siga
algumas recomendações básicas:
Conserve seu
material e local de
estudos sempre
organizados.
Aproveite as
Procure manter indicações
contato com seus de Material
colegas e tutores Complementar.
para trocar ideias!
Determine um Isso amplia a
horário fixo aprendizagem.
para estudar.

Mantenha o foco!
Evite se distrair com
as redes sociais.

Seja original!
Nunca plagie
trabalhos.

Não se esqueça
de se alimentar
Assim: e de se manter
Organize seus estudos de maneira que passem a fazer parte hidratado.
da sua rotina. Por exemplo, você poderá determinar um dia e
horário fixos como seu “momento do estudo”;

Procure se alimentar e se hidratar quando for estudar; lembre-se de que uma

alimentação saudável pode proporcionar melhor aproveitamento do estudo;

No material de cada Unidade, há leituras indicadas e, entre elas, artigos científicos, livros, vídeos
e sites para aprofundar os conhecimentos adquiridos ao longo da Unidade. Além disso, você
também encontrará sugestões de conteúdo extra no item Material Complementar, que ampliarão
sua interpretação e auxiliarão no pleno entendimento dos temas abordados;

Após o contato com o conteúdo proposto, participe dos debates mediados em fóruns de discus-
são, pois irão auxiliar a verificar o quanto você absorveu de conhecimento, além de propiciar o
contato com seus colegas e tutores, o que se apresenta como rico espaço de troca de ideias e
de aprendizagem.
UNIDADE Recursos Complementares

Planejamento Inicial
Nesta unidade vamos desenvolver, desde o início, um rótulo para frasco de
geléia e por fim construir um mockup digital com as ferramentas de desenho
tridimensional do Adobe Illustrator.

O Illustrator não é propriamente um software de desenho 3D, porém exis-

tem recursos que possibilitam construir o tridimensional a partir de desenho
2D, de maneira prática.

Como procedimento que beneficia a criação de um projeto eficaz vamos iniciar

de um esboço (esse rascunho inicial é também chamado de “rafe” ou “rough” no
universo do design), antes de sentar na frente do computador e iniciar o projeto.
O desenho gestual faz com que as ideias fluam.

É importante nesse estudo inicial pensarmos os elementos principais que

deverão compor o layout. Planejando a composição, por exemplo onde posicio-
nar a ilustração, o título, demais informações textuais e elementos ilustrativos.

Figura 1

O esboço da ilustração será base para iniciar o desenho com a ferramenta Pen:

Figura 2

Dessa forma o desenho servirá como um guia para que na hora de utilizarmos
a Pen possamos definir o traçado com mais precisão. Após trabalhar as linhas
principais do contorno partiremos para o preenchimento da ilustração.

8
Gerenciamento de Cores na Ilustração
Neste momento é interessante observar que quando trabalhamos uma ilustra-
ção abrimos um leque extenso para a questão de estilo, existem infinitas possibi-
lidade de se representar a mesma coisa, por isso não basta utilizar as ferramentas
do software e sim exercitar olhar para as diferentes formas que podemos desen-
volver para criar algo. Aqui vamos usar também a ferramenta Gradient para
representar os volumes da forma e sugerir ao observador a forma curvilínea que
possui o caju.

Para representar o caju de forma estilizada, trabalharemos inicialmente tons

próximos ao amarelo e ao laranja, para compor o preenchimento de base.

Figura 3

Faremos mais duas partes com a ferramenta Pen, entretanto agora desenha-
remos de maneira mais livre, com base no formato do caju.

Iniciaremos com a ferramenta Pen, desenharemos a mão livre, aplicare-

mos o mesmo padrão de preenchimento, para isso basta utilizar a ferramenta
Eyedropper (conta gota) disponível na barra principal de ferramentas.

Figura 4

9
9
UNIDADE Recursos Complementares

Utilizaremos também a ferramenta Feather para suavizar as bordas dessa nova

forma. Como mostra a imagem abaixo:

Figura 5

Na imagem abaixo vemos as duas partes sobre o caju (representando as curva-

turas externas da fruta - reforçando a sensação de profundidade e volume).

Figura 6 Figura 7

O mesmo procedimento poderá ser utilizado na castanha do caju e nas folhas que
compõem o cenário. O segundo caju é uma cópia do primeiro, foi apenas rotacio-
nado e suas cores ajustadas para tons mais próximos ao vermelho. Nas folhas em
verde o mesmo princípio foi aplicado (Gradient com tons de verde).

10
 Figura 8

Configurações de Texto
A ferramenta de texto será usada para compor o nome do produto. A inclinação
na tipografia é um recurso recorrente no universo das embalagens e rótulos, pois
transmite a sensação de dinamismo, velocidade na percepção, leitura mais rápida
quando as embalagens estão lado a lado nas prateleiras do supermercado.

Figura 9

Desenvolvida a ilustração, agora a próxima etapa é elaborar o plano de fundo tam-

bém utilizando a ferramenta Gradient para sugerir e reforçar a ideia de profundidade.

Figura 10

11
11
UNIDADE Recursos Complementares

Na imagem abaixo o painel Character e as configurações que foram utilizadas

para configurar o texto.

Figura 11

Neste exercício foi feito uma tabela de Informação Nutricional. O Illustrator

não é a ferramenta mais indicada para trabalhar recursos avançados de texto,
principalmente em grande quantidade, por exemplo não há recurso para tabela
(aqui a tabela foi feita com a ferramenta de retângulo apenas como exemplo).

Importante! Importante!

Outros softwares cumprem melhor essa função como o Adobe InDesign, por exemplo
que é utilizado no universo editorial para a produção de livros e revistas.

Os símbolos de reciclagem também foram feitos em Vetor e o código de barras

aqui está apenas representado como simulação, também foi construído com as
ferramentas de formas geometricas.

Figura 12

12
Mockup Digital
Mockup é um termo em inglês que designa uma simulação digital ou física de
uma produção de design, geralmente atrelada ao universo das embalagens.

É possível no Illustrator simular um mockup tridimensional do frasco já com o

rótulo. É uma simulação já representando como o rótulo poderá ser aplicado.

Figura 13

Para iniciar podemos pegar uma foto de um frasco qualquer, a foto não neces-
sariamente precisa ter qualidade ou nitidez pois aqui será utilizada apenas como
referência e não fará parte do resultado final do projeto.

Ao abrir a imagem no Illustrator através de File – Place colocar uma Guide

(basta clicar na régua nas laterais do documento e puxar) posicionada verticalmente
ao meio da imagem do frasco e começar a desenhar com a ferramenta Pen, pois
só será necessário desenhar a silhueta de metade do frasco.

Figura 14

13
13
UNIDADE Recursos Complementares

Nas imagens abaixo vemos o traçado já na metade do frasco:

Figura 15

Selecione o traçado e defina preenchimento de cor para que o Illustrator “en-

tenda” qual forma deverá ser dividida. Em seguida trace linhas horizontais sobre o
desenho (para determinar divisões).

Figura 16

14
 Para estabelecer de fato as divisões selecione todo o desenho e as linhas (cli-
cando e arrastando sobre o desenho e as linhas) e com a ferramenta Pathfinder
(disponível no menu Window) e escolha a opção Devide para poder separar as
3 partes, como mostra a imagem abaixo:

Figura 17

Com a ferramenta Direct Selection (seta branca) selecione separadamente

cada parte (tampa, vidro e corpo do frasco) para definir diferentes cores:

Figura 18

15
15
UNIDADE Recursos Complementares

Para representar áreas transparentes, como do vidro por exemplo, atribua preen-
chimento de cor e também aplique transparência, através da opção Transparency
(disponível no menu Window). Surgirá o painel Transparency, ajuste a opção Opacity
(em porcentagem) neste exemplo foi definido 50% de transparência.

Figura 19

A partir daqui vamos iniciar o processo de construção do mockup 3D. Antes

é necessário rasterizar o rótulo (converter o vetor em imagem e transformá-lo em
símbolo gráfico), esse procedimento é necessário para aplicarmos o rótulo no
mockup 3D com maior precisão, diminuindo o risco de erros e imperfeições na
hora de gerar a imagem 3D.

Figura 20

16
 Surgirá a janela abaixo basta clicar em OK.

Figura 21

Após rasterizar a imagem abra o painel Symbols (localizado no menu Window).

Clique no rótulo rasterizado e arraste para o painel Symbols, um novo item surgirá,
como vemos na imagem abaixo:

Figura 22

No item Effect do menu temos o item 3D que nos traz a opção Revolve.

Figura 23

17
17
UNIDADE Recursos Complementares

Recurso Tridimensional
Após clicar em Revolve surgirá a janela 3D Revolve Options. Marque o comando
Preview (no rodapé da janela) para visualizar os efeitos tridimensionais.

Figura 24

Clique no botão Map Art (também localizado no rodapé da janela 3D Revolve

Options), surgirá a janela Map Art:

Figura 25

Clique nas setas (localizadas na parte superior) e avance até visualizar a malha
3D da parte principal do corpo do frasco (aparecerá representado em linhas ver-
melhas). Nessa região será a aplicado o rótulo.

18
 Clique em Symbol (localizado na parte superior da janela) e selecione a ima-
gem do rótulo:

Figura 26

Agora clique sobre o rótulo e posicione da maneira necessária (no mockup 3D

poderemos observar o posicionamento do rótulo em tempo real):

Figura 27

Abaixo o resultado final:

Figura 28

19
19
UNIDADE Recursos Complementares

Material Complementar
Indicações para saber mais sobre os assuntos abordados nesta Unidade:

  Sites
Abre - Associação Brasileira de Embalagem
Site da ABRE – Associação Brasileira de Embalagem onde podemos encontrar
maiores informações sobre o universo das embalagens e rótulos.
https://goo.gl/gYzsr8
Ideatore
Dica sobre desenvolvimento de rótulos.
https://goo.gl/KSBAjz
Promtec
Traz dicas, exemplos e possibilidades interessantes.
https://goo.gl/gj6k17
O 3 Design
Artigo sobre a importância do design no universo das embalagens.
https://goo.gl/hcLDaF

20
Referências
ALVES, William Pereira. Adobe Illustrator CC: descobrindo e conquistando. São
Paulo: Editora Érica, 2013. (e-book)

AMBROSE, Gavin. Fundamentos de design criativo. Porto Alegre: Bookman,

2014. (e-book)

21
21