Unidade IV - Recursos Complementares

Prévia do material em texto

Ilustração por Computador
Material Teórico
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.
• 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.
OBJETIVO DE APRENDIZADO
Recursos Complementares
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: 
Assim:
Organize seus estudos de maneira que passem a fazer parte 
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.
Organize seus estudos de maneira que passem a fazer parte 
Mantenha o foco! 
Evite se distrair com 
as redes sociais.
Mantenha o foco! 
Evite se distrair com 
as redes sociais.
Determine um 
horário fixo 
para estudar.
Aproveite as 
indicações 
de Material 
Complementar.
Procure se alimentar e se hidratar quando for estudar; lembre-se de que uma 
Não se esqueça 
de se alimentar 
e de se manter 
hidratado.
Aproveite as 
Conserve seu 
material e local de 
estudos sempre 
organizados.
Procure manter 
contato com seus 
colegas e tutores 
para trocar ideias! 
Isso amplia a 
aprendizagem.
Seja original! 
Nunca plagie 
trabalhos.
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
9
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
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
11
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
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!
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.
Importante!
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
13
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
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
15
Para estabelecer de fatoas 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
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
17
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
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
19
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
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
21
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