CONHECENDO O ILLUSTRATOR

Para iniciar o Adobe Illustrator CS6, clique no botão Iniciar ou na tecla de atalho WinKey e vá na
barra de pesquisa, digite o nome illustrator após encontrar clique sobre ele.

Adobe Illustrator CS6

A interface do Illustrator pode parecer um pouco estranha a primeiro ver, porém depois de descobrir
suas ferramentas e como funcionam fica tudo mais fácil, porém vamos saber um pouco mais sobre
essa ferramenta da Adobe.

1
O Illustrator CS6 apresenta uma área de trabalho mais prática e inteligente, onde podemos trabalhar
com as paletas posicionadas como painéis ou ícones.
Vamos conhecer os demais componentes da janela do Adobe Illustrator CS6.

Barra de Menus

Painéis

Caixa de Ferramentas

1- Barra de Menus: onde estão localizados os menus que contém as opções do programa para
manipulação de objetos e demais recursos.

2- Caixa de Ferramentas: contém as principais ferramentas de criação, manipulação e edição de

objetos gráficos do programa.

3- Painéis: pequenas caixas suspensas que possuem as opções dos recursos para a manipulação
de objetos.

ABRINDO NOVO ARQUIVO

Para podermos criar um arquivo no Illustrator

CS6, basta clicar no menu “Arquivo” e selecione
“Novo” ou pressione as teclas de atalho Crtl+N.

Depois de clicar em criar irá aparecer uma nova

janela com as configurações do novo documento
a ser criado.

2
 No campo Nome digite o nome desejado
para o documento a ser criado. Clique no
drop-down da opção Tamanho e selecione
A4, para o formato do documento, caso
o mesmo não esteja selecionado.
Quanto aos campos referente às
medidas (Largura, Altura e Unidades)
não há necessidade de fazer alterações
por enquanto. Mantenha o padrão que
estiver aparecendo em sua janela.
Em seguida, clique em OK para finalizar
a criação do documento.

ÁREA DO DOCUMENTO

A área do documento se apresenta como um papel em branco pronto para receber qualquer
modificação que você faça.

SALVANDO ARQUIVO

Para salvar o documento, clique no menu Arquivo e

selecione o comando Salvar Como..., ou pressione as
teclas de atalho Shift+Ctrl+S.

Na caixa de diálogo Salvar Como, selecione o local onde

deseja salvar o arquivo e clique em Salvar ou OK.

3
Após salvar o arquivo, surge uma caixa de
diálogo de nome Opções do Illustrator, onde
temos algumas predefinições para a criação
do arquivo, como a versão do programa para
o qual este deverá ser salvo, neste caso
Illustrator CS6.

Temos também opções para caracteres, com

compatibilidade para exportação em formato
PDF.

Após fechar o documento anterior ou encerrar

o programa, quando você abrir o programa
de novo irá aparecer um atalho para abrir o
programa mais recente que você fez, basta
clicar para abrir.

Caso não apareça o atalho, basta ir em
Arquivo na barra de menus e clicar em Abrir.
Em seguida a caixa de diálogo Abrir será aberta. Escolha o local onde desejar, através do
drop-down do campo Examinar e selecione o arquivo, clicando em seguida no botão Abrir.

4
 PAINEL DE CONTROLE

O Painel de controle oferece rápido acesso a opções relacionadas aos objetos que você seleciona.
Por padrão, o Painel de controle fica encaixado na parte superior da área de trabalho.

As opções exibidas no Painel de controle dependem do tipo de objeto ou ferramenta selecionado.

Por exemplo, quando você seleciona um objeto de texto, o Painel de controle exibe opções de
formatação de texto, além de opções para alterar a cor, o posicionamento e as dimensões do objeto.
Quando uma ferramenta de seleção está ativa, é possível acessar Configuração de documento e
Preferências no Painel de controle.

ORGANIZANDO PÁINEIS OU PALETAS

O Illustrator CS6 apresenta uma área de trabalho prática e inteligente, onde podemos trabalhar
com as paletas, posicionadas como painéis ou ícones.

A maneira de dispor essas ferramentas são muito interessantes, pois facilita o usuário configurar da
maneira que ele deseja para facilitar o uso.

Os painéis podem ser encaixados ao longo da borda da área de trabalho fornecendo um controle
eficiente sobre ela. Clicar sobre as setas na parte superior direita do grupo, faz com que o mesmo
se transforme em ícones. Podemos exibir a Caixa de Ferramentas ou Painel de Ferramentas com
uma ou duas colunas, através de novas setas que aparecem acima do painel.

Clique na seta dupla acima Clique nas setas, como indica a imagem a seguir
da Caixa de Ferramentas. para redimensionar o Painel.

5
Após clicar nas setas duplas irão se abrir como ícones, todos os painéis disponíveis, clicando sobre
cada um irá apresentar suas opções.

Além de redimensionar os painéis, é possível fazê-los flutuar,

Em seguida, visualize o podemos movêlos sobre a área de trabalho. Para mover o
painel em modo de Ícone: painel, clique a partir da área pontilhada e arraste para o centro
da área de trabalho.
Para encaixar o painel novamente, clique e arraste o
mesmo utilizando a área cinza. Uma área transparente
com borda azul à esquerda aparecerá. Solte o painel
e ele se ajustará organizadamente no lado da área de
trabalho.

6
 ARTBOARDS

O painel "Arboard(Prancheta)" permite executar

várias operações da prancheta, como:

- Adicionar, reordenar, reorganizar e excluir

pranchetas.

- Reordenar e renumerar pranchetas.

- Selecionar e navegar por várias pranchetas.

- Especifica as opções da prancheta, como

predefinições, tamanho da prancheta e posição
relativa da prancheta.

A. Move para cima B. Move para baixo C. Adiciona novas pranchetas D. Apaga pranchetas
Para acessar o painel Pranchetas, clique em Janela> Pranchetas.

7
 CAIXA DE FERRAMENTAS

A caixa de ferramentas contém as ferramentas de seleção, de desenho e pintura, ferramentas de

edição, de visualização e as caixas de preenchimento e contorno.

As ferramentas do programa foram feitas para garantir um uso muito mais prático e eficiente.
Possuem flexibilidade nos pontos de âncora, grande performance e rapidez operacional em
movimento de objetos, escalas e realização de transformações, a ferramenta de borracha permite
apagar desenhos pixel por pixel, assim como no Photoshop.

Observe a Caixa de Ferramentas ou Painel Tools:

Posicionando o ponteiro do mouse sobre a ferramenta de

seleção, observe que o nome da ferramenta e o atalho
para ela são exibidos.

8
 PASSO A PASSO
1- Inicie um novo documento com as seguintes configurações:

Nome: Casa pequena

Tamanho A4
Orientação paisagem.
Unidade de medida centimetros

2- Crie um retângulo do formato inteiro da área de desenho na cor azul claro.

3- Crie duas Elipses verdes escuras lado a lado. Representação duas montanhas.
4- Crie um retângulo na parte inferior da área de edição com L 29,7cm x A 4,5cm.
5- Altere a cor para verde.
6- Desenhe outro retângulo sobre esse com tamanho L 11cmx A 6cm
7- Escolha a cor cinza ou outra de seu interesse.
8- Crie um outro retângulo representando uma porta tamanho 1,8cm x 3,5cm
9- Escolha a cor marrom.
10- Aumente o zoom sobre a porta
11- Com a ferramenta Elipse desenhe a maçaneta da porta pressionando a tecla shift pra ficar uma
elipse perfeita.

12- Agora desenhe um próximo retângulo na parte superior, será o telhado da casa medindo 14cm
x 5 cm.

13- Cor vermelho

14- Com a ferramenta seleção direta, clique na ponta superior esquerda do retângulo e
arraste para dentro(repita o procedimento no outro lado) criando o efeito de telhado da casa.

15- Crie mais 1 retangulo na cor cinza posicionando na parte superior da casa. Será a chaminé.
16- Crie 2 retangulos azuis próximos as portas para representar as janelas.
17- Crie agora 1 elipse na parte superior da imagem.
18- Altere a cor para branco, e retire a borda.
19- Com a tecla alt pressionada clique e arraste para o lado criando uma cópia da elipse.
20- Repita o procedimento para termos 3 elipses no formato de nuvem.
21- Crie uma elipse grande amarela representando o Sol.
22- Agora salve seu trabalho. Com o nome de Casinha.
23- Agora exporte seu desenho uma versão JPEG para a área de trabalho.
24- Defina como plano de fundo de seu Desktop.

9
 VETORES
Os vetores são segmentos que tem um começo e um fim, eles são responsáveis pela criação de
formas geométricas que nós podemos utilizar no illustrator.

Quando se utiliza vetores como o illustrator faz, é possível manipular melhor e com mais perfeição
as formas, para que se possa ter um resultado bem mais profissional em cada arte.
10
 FERRAMENTAS DE SELEÇÃO

Seleção (V): Ferramenta que permite selecionar objetos.

Seleção Direta (A): Permite selecionar e manipular os vértices e linhas de um objeto.

Seleção Seleção Direta

Com a seleção comum podemos alterar o tamanho do objeto através dos pontos mostrados nele, já
com a ferramenta de seleção direta, é possível alterar os pontos âncoras do obejto podendo mudar
a sua forma.

FERRAMENTAS DIMENSIONAR

Dimensionar (S): Ferramenta que permite escalonar objetos, textos e imagens.

Para redimensionar basta selecionar o objeto clicar no ícone da ferramenta Dimensionar ou a tecla
(S) e depois clicar em um ponto âncora do objeto.

11
 FERRAMENTAS DE ROTAÇÃO

Girar (R): Ferramenta que permite rotacionar objetos, textos e imagens.

Para utilizar esta ferramenta é

necessário selecionar um objeto
do seu documento, logo depois
basta clicar na ferramenta e você
irá observar uma pequena mira em
azul claro, que mostra aonde será
o ponto gravitacional para poder
rotacionar o objeto. Dependendo
de onde ficar o ponto o resultado
obtido pode variar.

NÓS EM VETORES

Para fazermos um nó em um vetor, nós devemos selecionar o nosso objeto, depois de selecionar
basta escolher a ferramenta a ferramenta de adicionar ponto de âncora que fica no mesmo grupo
da ferramenta caneta . Depois utilize a ferramenta de seleção direta para poder manipular o
objeto mudando a sua forma através do nó. Veja o exemplo abaixo:

ALÇAS DE VETORES

As alças do objeto é um quadrado invisível que só aparece quando o objeto é selecionado, elas
auxiliam para a diminuição e aumento do objeto, só pode ser manipulado com a ferramenta de
selação.

12
 EFEITOS DE BORDA

O efeito de borda pode ser controlado facilmente pelo painel de controle no superior da tela, nele
você pode configurar a espessura da borda, a cor da borda e do preenchimento.

Figura 1

Figura 2

Figura 3

Figura 1 Figura 2 Figura 3

ALINHAMENTO DE BORDA

É possível também configurar o alinhamento e outras

configurações da borda através do painel “Stroke”. podemos
alinhar a borda ao centro, por dentro da figura ou também por
fora da figura.

EFEITOS DE CANTO DE CONTORNO

Também podemos configurar de uma maneira mais

personalizada os cantos da borda da nossa figura podendo
mudar sua forma.

13
 TRACEJADOS

O efeito tracejado transforma sua forma em vários pedaços que

pode ter o formato que você desejar, também é muito fácil de
alterar pelo painel Stroke.

Para obter o efeito basta selecionar seu objeto ir no painel Stroke

e habilitar a opção “Dashe Line” e escolher o tipo de tracejado,
você também pode mudar o formato dele na opção “Profile” na
parte inferior do painel.

ARROWHEADS

No mesmo painel também é possível transformar

as linhas que você faz em setas de diferentes
tipos, você pode transformar em uma seta virada
para a esquerda ou para direita utilizando as 2
opções ou até mesmo fazer a parte de trás da
flecha e a parte da frente utilizando os 2.

14
 BALDE DE TINTA EM TEMPO REAL

Pressione a tecla <K>, para que a ferramenta Balde de Tinta em Tempo Real seja selecionada. No
painel Amostras, escolha a cor Magenta CMYK.

Depois de selecionar o balde

de tinta, escolha no painel do
lado direito uma cor. Depois de
selecionar esta cor você pode
clicar em Color Guide (Guia
de cor), para poder ver mais
variações daquela mesma cor e
assim completar o seu desenho
com mais perfeição.

VETORIZANDO IMAGENS

Hoje em dia muitas gráficas utilizam estes recursos de vetorização. Imagine que uma empresa
peça a gráfica para imprimir um banner de metros, sendo que a imagem que lhe é enviada tem o
tamanho para um cartão de visitas.

Portanto a gráfica vetoriza esta imagem para poder aumentá-la com qualidade. Como pode ver,
vetorização é uma atividade que requer tempo, habilidade, paciência, mas no próprio Illustrator
há um recurso chamado Traçado da Imagem que faz a vetorização automaticamente. Veremos a
seguir. Para utilizar o recurso, selecione sua imagem na área de trabalho.

15
 Clique no drop-down da opção Traçado da
Imagem e clique em Opções de rastreamento...

Clique na opção foto de alta fidelidade.

Cada tipo de imagem poderá ter um ajuste diferente para se conseguir o resultado desejado.
Após clicar em foto de alta fidelidade, sua imagem estará com a seguite aparência.

Após clicar em foto de alta fidelidade, sua imagem estará com a seguite aparência.

Após o clique no botão já temos a imagem vetorizada, mas ainda não é possível pintá-la. Para que
isso ocorra, vamos ativar a opção Expandir no painel Controle.

Com a imagem selecionada, clique no botão Expandir.

16
Use o painel de cores para preemcher cada parte do desenho ja vetorizado, e veja o resultado:

17
 GRADIENTE

Gradiente (G): Ferramenta que permite criar um preenchimento gradiente de cores.

O painel Gradient pode ser usado para transformar as

cores do objeto que você tem em Gradiente, o gradiente
por padrão vem em preto e branco mas é possível ser
alterado as cores de inicio e final do gradiente mostrado
pela barra, basta clicar em cada ponta e configurar.

Selecionando a opção gradiente na barra de

ferramentas e clicando no seu objeto irá surgir uma
barra de gradiente em cima dela possibilitando você
mover para onde você quer o efeito mais forte ou mais
fraco do grandiente e também a direção que vai ficar.

18
 TRANSPARÊNCIA
O efeito de transparência permite você colocar opacidade no seu objeto fazendo com que ele
fique transparente podendo estar por cima de algum outro objeto e ainda sim o objeto atras dele
continuar aparecendo. Veja no exemplo:

O método para aplicar transparência em objetos ou imagens no Illustrator é muito simples. Para
entender melhor como funcionam as transparências pensem em uma folha de vidro. Quanto maior
a transparência, mais fácil ficará para ver o outro lado.

19
Desenhando um retângulo sobre a imagem que irá receber a transparência e aplicando um
gradiente sobre o retângulo:

Neste momento faremos uma transparência com máscara de opacidade. Este retângulo será a
nossa máscara. Como é um degradê, a imagem irá sumir aos poucos.

Para criar a máscara de opacidade, temos que selecionar a imagem natureza2 e o retângulo. Para
isso, pressione as teclas <Ctrl>+<A> para a seleção de todas as imagens. Em seguida, pressione
a tecla <Shift> e clique na imagem natureza1, para retirar apenas essa seleção.
Dê um duplo clique no painel Transparência para que sejam exibidas mais opções de transparência.
Caso não apareça, continue clicando para que as opções sejam visualizadas.

Em seguida, clique no menu de opções do painel Transparência

e selecione a opção Criar Máscara de Opacidade.

20
A seguir, vamos inverter o lado da transparência. No painel Transparência, marque a opção Invert.
Másc., para inverter a seleção.

Observe que as imagens estão quase unificadas, exceto por conseguirmos ver o final da imagem
natureza1.

Com a máscara ainda selecionada, na paleta Transparência clique sobre a máscara gradiente.

21
 INSERINDO IMAGEM

Para abrir uma imagem no arquivo, para complementar nosso desenho. Clique em Arquivo e
escolha a opção Inserir...

Na caixa de diálogo aberta, selecione a unidade a pasta desejada, dê um duplo clique na pasta
Illustrator, escolha a imagem e clique em Inserir.

22
 FERRAMENTA ZOOM

No Illustrator temos a constante necessidade de

visualizar o documento com grandes proporções
de zoom. Vamos aprender as principais formas
de visualizar o desenho obtendo precisão na
composição e algumas formas de navegar pelo
documento.

Para expandir ou reduzir a visualização do desenho

utilizamos o menu Exibir.

Clique no mesmo e selecione a opção Mais Zoom

ou pressione as teclas de atalho “Ctrl” + ”+’’.

Para reduzir a visualização, clique no menu

Exibir e selecione Mais Zoom ou utilize as teclas
de atalho <Ctrl>+<->.

23
 DUPLICANDO OBJETOS
É possível duplicar um objeto da maneira tradicional utilizando o CTRL + C e depois CTRL + V na
área desejada, mas também é possível duplicar apenas selecionando o objeto segurando a tecla
ALT e arrastar o mouse para área desejada.

SELECIONANDO ITENS

Para selecionar vários itens de uma só vez basta deixar a tecla SHIT pressionada e clicar em
cima dos objetos desejados para selecionar.

ALINHAMENTO

O alinhamento é utilizado para organizar melhor os objetos que você está manipulando na tela, o
painel de alinhamento se encontra no cando direito junto com os demais painéis.

24
Veja dois exemplos de uma forma alinhada dentro de outra forma:

ALINHAMENTO AO CENTRO

Podemos alinhar múltiplos objetos ou distribuí-los entre si. Agora iremos explorar as opções para
alinhar objetos.

Vamos utilizar o painel Alinhar, para ativa-lo na lateral direita da janela, clique no menu Janela e
selecione Alinhar.
Para fazer o alinhamento, basta selecionar os objetos e
clicar sobre uma das opções de alinhamento desejado.

Para que um determinado objeto permaneça fixo em

uma parte qualquer do seu documento e que as demais
se alinhem tendo ele como referência, basta selecionar
todos os objetos, clicar sobre o objeto referência e aplicar
o alinhamento desejado.

Pressionando a tecla “Shift”, selecione os objetos,

em seguida clique na opção Alinhamento horizontal à
esquerda.

Também é possível alinhas os objetos referente a posição dele na folha:

Objetos alinhados à esquerda:

Com os objetos selecionados,

pressione as teclas “Ctrl” + ‘‘Z’’ para
voltar ao modo anterior.
Clique sobre as outras opções como:
Alinhamento horizontal, ao Centro e
Alinhamento horizontal à Direito.

25
 RÉGUAS E GUIAS

As réguas e Guias podem auxiliar na hora de contruir um documento que precisa ter tamanho
específico para cada objeto. Para ativar vá no menu View -> Rulers -> Show Rulers.

Veja como irá ficar com as guias e a régua ativadas:

26
É possível também deixar a sua área do documento quadriculada, isso pode te auxiliar na hora de
manipular algumas formas. Vá no menu View-> Show Grid.

FERRAMENTA MÁSCARA

Máscara é um recurso do Illustrator que permite esconder rapidamente parte de elementos ou

detalhes de alguma imagem que não desejamos usar em determinado trabalho.

É um recurso versátil, pois mesmo após ter sido aplicada, é possível editar tanto a máscara quanto
o conteúdo. O objeto de máscara é aquele, cujos caminhos formam a máscara e esse objeto deve
estar posicionado na frente de todos os objetos mascarados. Quando aplicamos uma máscara em
uma imagem, está só aparecerá dentro dos limites da máscara.

27
Ao criar um novo documento e inserir a imagem desejada no documento, podemos desejar qualquer
forma disponível no Illustrator e usa-la como Máscara.

Com o desenho selecionado, pressione a tecla <Shift> e selecione a primeira imagem inserida.
Depois de criar a sua forma do tamanho desejado, e selecionar os dois objetos juntos, vá na guia
“Object” (Objeto) e clique na opção “Clipping Mask’’(Máscara de Recorte) => “Make”(Criar).

28
 Você pode utilizar um texto também
como máscara para seu arquivo.
Com a mesma imagem utilizada
para o texto, se obtém um efeito
bem interessante.

Depois de conseguir as máscaras que você deseja, centralize os objetos. Você pode colocar o
texto abaixo ou acima da imagem principal.

29
 FERRAMENTAS GEOMÉTRICAS

As ferramentas geométricas são acessadas através do grupo

de ferramenta do retângulo. Além das figuras já prontas sendo
necessário somente arrastar o mouse para desenhá-las na tela,
você pode combinar 2 ou mais para formar outros tipos de vetores
ou figuras geométricas.

Retângulo Arrondado Retângulo Elipse Polígono

FERRAMENTA ÁREA DE FORMA

Com as ferramentas que você já aprendeu tente

reproduzir o desenho do cadeado ao lado.

A ferramenta Adicionar área de forma é utilizada

para que as duas formas possam se juntar,
formando uma única. Com a ferramenta Seleção
selecionada, pressione a tecla “Shift” e clique
sobre o círculo e o retângulo, para selecioná-los.

Para ativar a ferramenta, clique no menu Janela e

ative o painel Pathfinder, caso esteja desativado.

30
Clique na opção Unir para Juntar os objetos, em seguida clique no botão Expandir.

Ao retirar a seleção do objeto, observe o cadeado pronto.

Esta ferramenta é utilizada para selecionar um ou mais pontos

de ancoragem individuais, se clicarmos em um segmento de
curva, as linhas de direção e pontos de ancoragem se tornarão
visíveis.

A seguir um exemplo de seleção com a ferramenta Seleção Direta.

Ao clicar pela primeira vez no objeto são mostrados os pontos que
são chamados de ponto âncora.

Ao clicar com o mouse sobre um desses pontos são criados outros

pontos âncora. Em seguida, pressionando a tecla “Shift”, é possível
selecionar outras partes do objeto e visualizar seus respectivos
pontos.

31
 CAMADAS

O painel Camadas é utilizado para gerenciar e organizar objetos. Quanto mais detalhes tem um
trabalho, maior a necessidade de usar as camadas. O painel Camada, se localiza do lado direito
da janela do Illustrator.

Sempre que um objeto estiver selecionado, No pequeno círculo ao lado, pode selecionar ou
um pequeno ponto surge do lado direito da retirar a seleção de objetos de uma camada apenas
tarja de camadas, indicando a seleção do clicando sobre ele.
objeto.

Ao clicar sobre o círculo mostrado acima, observe que o objeto cadeado será selecionado.

Um objeto pode ser transferido de uma camada para outra

apenas clicando e arrastando o pequeno ponto que indica a
seleção do objeto.

Uma cópia de um objeto selecionado também pode ser

transferida para uma nova camada.

32
Para fazer a cópia do objeto, vamos criar uma nova camada. Clique no botão Nova Camada.

Selecione o objeto clicando no círculo da Camada 1 caso o mesmo não esteja.

Em seguida, clique no indicador de objeto selecionado, pressione a tecla <Alt> e arraste para a
camada criada.

Isto possibilita gerenciar os objetos de forma específica dentro de uma mesma camada.
Todo objeto que for criado ou acrescentado nesta camada será apresentado de forma individual
dentro da Subcamadas.

Cada camada na paleta Camadas

possui dois ícones que definem
a visibilidade ou não da camada
ou seu bloqueio para edição dos
objetos contidos na mesma.

33
 FORMAS & PATHFINDER
Para exibir o painel, clique no menu Janela e escolha Pathfinder ou utilize o atalho
<Shift>+<Ctrl>+<F9>.

Caso o painel surja sobre a área de trabalho, arraste-o e solte sobre os outros painéis, do lado
direito da janela.

O Pathfinder é dividido em duas seções: Modos de Forma e Pathfinders:

34
As opções de Modos de Forma possibilitam a edição de elementos compostos selecionados,
criando sempre um novo objeto editável.

As opções de Pathfinders, por sua vez, modificam os elementos em uma forma final de acordo com
a função de cada opção. Entende-se por elementos compostos duas ou mais formas selecionadas
que interagem e resultam em outra forma editável.

Modos de Forma:

Na seção Modos de Forma há alguns comandos. Entre eles, o

Unir, que combina todos os elementos selecionados em apenas
uma forma que terá as mesmas características da forma que se
sobrepõe a todas.

Objetos selecionados:

Opção Unir no painel Pathfinder: Objetos unificados:

Opção Menos Frente:

A ferramenta Menos frente permite que ao desenhar dois objetos sobrepostos a área em que se
sobrepõe o objeto de nível superior, seja possível cortar o nível inferior, com outra cor desejada.

35
A opção Interseção, deixará visível somente onde os caminhos formam intersecção.

Grupo Pathfinders:

Dividir: Verifica e cria se necessário, novos objetos em todas as intersecções. Quando caminhos se
sobrepõem, cria-se novos em todas as intersecções desses caminhos.

Aparar: Remove as sobreposições, cortando os objetos de trás e mantendo apenas o que está mais
a frente.

Mesclar: Combina caminhos sobrepostos que possuem um preenchimento idêntico. Mesmo que o
preenchimento apresente uma diferença mínima, este recurso gera dois caminhos separados.

Corte: Funciona quase como as máscaras, exceto pelo fato de que tudo o que estiver fora da área
recortada será eliminado, não somente mascarado.

Contorno: Exibe apenas o contorno dos objetos, mesmo se cruzando.

Menos Atrás: É o inverso do Menos Frente, pois corta o objeto de cima no formato do que está
abaixo.

36
 FERRAMENTA CANETA

A ferramenta Caneta, desenha com mais precisão e também é utilizada

para criar caminhos abertos (linhas e curvas). As linhas no Illustrator
são conhecidas como caminhos e os pontos que surgem sobre ele
quando está selecionado, também se chamam pontos de âncora como
vimos anteriormente.
Esta ferramenta também permite criar caminhos fechados (estrelas ou
retângulos). O objeto mais simples que podemos desenhar é uma linha
reta, para criar dois pontos de ancoragem.
Para trabalhar com esta ferramenta exige-se paciência e prática.
Para desenhar uma curva chamada de Curva Bezier, adicionamos o
ponto de ancoragem e arrastamos as linhas de direção que formam a
curva.
O comprimento e a inclinação das linhas de direção determinam a
forma da curva.

O uso de muitos pontos também pode gerar formas indesejadas em uma curva. Desenhe pontos
de ancoragem bem espaçados e pratique a formatação das curvas ajustando o comprimento e os
ângulos das linhas de direção.

Com a ferramenta selecionada, clique e solte o botão do mouse em qualquer lugar da página, para
criar o ponto de ancoragem inicial. Clique em outro local e arraste inclinado para criar um efeito de
curva.

37
 CONVERTER

Essa ferramenta consiste em facilitar a alteração da forma sem precisar criar pontos de nós , basta
clicar no ponto âncora já existente e mover fazendo a alteração desejada.

FERRAMENTA LÁPIS

Vamos conhecer um pouco mais sobre as ferramentas utilizadas

nas criações de linhas e a edição de curvas, recurso muito utilizado
na composição de desenhos no Illustrator CS6.

Esta ferramenta permite escrever ou desenhar traços, como se

você estivesse desenhando com um lápis sobre um papel.

Selecionando a ferramenta Lápis, na caixa de ferramentas ou

pressione a tecla de atalho <N>.

Em seguida, podemos deslocar esse grupo

de ferramentas, para que o mesmo seja
exibido como um painel flutuante.

Selecione a ferramenta Lápis, mantenha

mouse pressionado e arraste até a barra
na lateral das ferramentas como mostra na
imagem a seguir:

A ferramenta Lápis é utilizada para traçar linhas

que são conhecidas como caminhos e os pontos
que surgem sobre ele são chamados de Âncora.
Chamamos esta linha de Caminho Aberto, pois,
o traço começa em um ponto e termina em outro.
38
Os pontos de ancoragem são definidos conforme você desenha, a própria ferramenta Lápis
determina onde eles serão posicionados. Essa ferramenta é mais útil para fazer esboços rápidos
ou para criar uma aparência de desenho à mão livre.

FERRAMENTA PINCEL

A ferramenta Pincel aplica cor de uma maneira parecida com um pincel. O tamanho e a forma do
pincel podem ser selecionados na lista do painel Pincéis.
Esta ferramenta se assemelha com a ferramenta Caneta em seu modo de uso, pois é muito prática
e versátil para aplicar efeitos sobre caminhos ou contornos.

Ative o painel Pincéis, clicando no menu Janela, opção Pincéis. No mesmo

painel, clique no drop-down da opção Abrir Biblioteca de Pincéis, selecione
Artístico e clique na opção Pincel_artistico.

Antes de usarmos o pincél utilize um texto em letras grandes e faça uma forma de sua preferência
ao lado do texto para podermos observar o efeito em cima de um objeto.

Na caixa Pincel_artistico, com a forma selecionada, escolha a opção Pincel a Seco 2.

Depois de aplicar o efeito veja como fica:

39
 FERRAMENTA BORRACHA

Borracha (Shift + E): Ferramenta que permite apagar qualquer conteúdo.

FERRAMENTA PINCEL BLOB

Este pincél permite fazer traços mais suaves, parecido com o lápis permite traços livres.

Com ele é possível criar diversas formas e até mesmo escrever se você tiver um bom controle do
mouse e for bastante criativo.

Utilizando todas essas ferramentas juntas é possível criar desenhos incríveis e profissionais.

40
 SÍMBOLOS
Um símbolo é um objeto armazenado no painel Símbolos e pode ser reutilizado.
Criar elementos de diferentes naturezas está mais fácil e rápido, o software traz ferramentas
específicas para utilização e combinação de símbolos com objetos de desenho, textos ou imagens,
direcionando tanto para criações web quanto para artes vetoriais.
A partir de uma arte qualquer, podemos simplesmente acrescentar a ilustração à paleta Símbolos.
Uma vez criado um novo símbolo, podemos utilizá-lo em várias aplicações através dos recursos
oferecidos pelas ferramentas.
1. Símbolos.
2. Menu Biblioteca de Símbolos: Menu das bibliotecas de
símbolos.
3. Inserir Ocorrência de Símbolo: Insere uma instância de
um símbolo.
4. Quebrar Link Com Símbolo: Quebra a ligação entre o
símbolo e a instância.
5. Opções de Símbolo: Opções do símbolo.
6. Novo Símbolo: Cria um novo símbolo.
7. Excluir Símbolo: Exclui o símbolo.
Clique sobre o desenho que deseja para selecioná-lo, em seguida sobre o botão Inserir
Ocorrência de Símbolo. A cada clique do botão é adicionada uma nova instância.

GRÁFICOS

O Illustrator traz um recurso muito interessante que é a possibilidade de criar gráficos diretamente
no programa, sem a necessidade de colar um gráfico, por exemplo, do Excel como imagem.
Na caixa de ferramentas, clique na opção Gráfico de Colunas e abra o painel flutuante, para que
possamos ver as possíveis ferramentas para a criação de gráficos.

Com a ferramenta Gráfico de Colunas selecionada, faça

a marcação de onde será inserido o gráfico.

Ao soltar o botão do mouse, será aberta a planilha onde

vamos inserir os dados.

Vamos fazer um gráfico com a quantidade de pares de calçados produzidos nos meses de
Janeiro a Junho.
41
 Alterando o tipo de gráfico. Depois de criado é possível alterar seu tipo.

Opção barra

42
 MISTURA

A ferramenta Mistura é utilizada para criar combinações que são um grupo de caminhos que mudam
de forma e de cor à medida que cada caminho é criado mais próximo ao caminho extremo oposto.

Esta ferramenta cria etapas intermediárias na área entre dois caminhos, onde o estilo de pintura e
a forma de um caminho se transformam no estilo de pintura e forma do segundo caminho.

Para criar um mistura basta criar dois objetos:

Para aplicar a mistura aos objetos selecione-os, e em seguida clique no menu Objeto, em Mesclar
escolha a opção Criar ou pressione as teclas de atalho <Alt>+<Ctrl>+<B>.

43
Podemos substituir o caminho para qualquer outra forma, retirando a seleção do objeto e desenhando
a forma desejada. Em seguida, clique no menu Objeto, em Mesclar selecione Substituir Lombada.

Resultado da mudança Podemos obter resultado com textos

Com linhas também é possível criar misturas

44
 FERRAMENTA TIPO
Com a ferramenta Tipo podemos adicionar, textos em nossa ilustrações e personaliza-las como
desejamos.
Para alterar o tipo de fonte basta seleciona-la no botão
drop-down. Podemos também

Podemos também alterar o tamanho da fonte.

Veja como o texto ficará após as alterações:

45
 Caixa de ferramentas Menu Tipo

Opções tipo Área Caixa de diálogo aberta

46
Na opção Colunas, informe 2 e confirme clicando no botão OK.

RESULTADO

47
 TIPO NO CAMINHO

Agora faremos com que o texto siga um caminho. Usando a ferramenta Pencil, trace um caminho
na imagem. Selecione a ferramenta Tipo no Caminho.

Em seguida, clique sobre a linha e digite o que

desejar.

Você pode também utilizar uma forma para

fazer a linha(caminho) onde vai digitar o texto,
basta criar a forma e a deixar sem cor e depois
selecionar a ferramenta de Tipo no caminho, e
começar a escrever o seu texto

FERRAMENTA ENVELOPE

Vamos trabalhar com distorção ao texto. Com o texto já digitado, clique na ferramenta Tipo e com
o texto selecionado, clique no botão Criar envelope no painel Controle.

Em seguida a caixa de diálogo Opções Envelope será

aberta. Essas opções permitem distorcer o texto.
No campo Estilo mantenha a opção Arco selecionada,
escolha Vertical para a direção e mova o controle Curvatura
até alcançar 9%. O texto será distorcido, aproximando-se
mais à curva da ilustração.

48
 ANTES DEPOIS

TOUCH TYPE TOOL

Com esta ferramenta é possível fazer alteração em cada letra de
um texto, basta escrever até mesmo uma só palavra selecionar o
texto e simplesmente “brincar” com as letras.

49
 CONFIGURAÇÃO DE DOCUMENTOS

Nesta opção podemos alterar o tamanho de nosso documento após ser criado, e alterar também
configurações de medidas, é possível também inserir imagens como plano de fundo.
Na barra superior clique na opção Configuração de documento.
E na janela Configuração do documento clique em Editar pranchetas e dê Ok.

Observe que seu documento está com um contorno diferente, indicando que é possível trocar seu
tamanho, porém não vamos utilizar esta opção. Selecione na barra superior as opções mostradas
abaixo:

Redimensione a imagem do tamanho da página e em seguida bloqueie a camada. Redimensione

também todos os desenhos e salve as alterações em seu arquivo.

50
 LINHAS TRACEJADAS

Em nosso documento podemos alterar qualquer tipo de linha, para o tipo tracejada, como mostrado
no exemplo abaixo:

Selecione todas as linhas da camada, e marque a opção Linha Tracejada na guia Traçado e escolha
a segunda opção.

Seu documento deve estar

como na imagem abaixo:

51
Mude o contorno das linhas para um gradiente preto e branco, e veja o resultado.

52
 FERRAMENTA 3D

A revolução varre um caminho ou perfil em direção circular ao redor do eixo y global (eixo de
revolução) para criar um objeto 3D. Como o eixo de revolução é fixo verticalmente, o caminho
aberto ou fechado que é revolvido normalmente precisa representar metade do perfil do objeto 3D
desejado em uma posição vertical voltada para frente. Em seguida, é possível revolver a posição
do objeto 3D na caixa de diálogo do efeito.

Cada objeto 3D é formado por várias superfícies. Por exemplo, um quadrado com extrusão se
transforma em um cubo formado por seis superfícies: as faces frontal e traseira e as quatro faces
laterais. Você pode fazer o mapeamento do trabalho artístico 2D para cada superfície em um
objeto 3D. Por exemplo, é possível mapear um rótulo ou texto para um objeto com forma de
garrafa ou simplesmente adicionar diferentes texturas a cada lateral de um objeto.

53
Alguns objetos podem ser até bem fáceis de criar, pois o illutrator facilita muito o processo da
transformação em 3D, veja o exemplo desta maçã:

Primeiramente é necessário criar uma elipse da mesma forma mostrada acima, lembrando que
dependendo da altura ou largura a forma pode ter um resultado diferente. Depois de criar a elipse
devemos selecionar a cor vermelha, e logo após com a figura selecionada, ir no menu Effect -> 3D
-> Revolve... Depois de fazer esses passos irá abrir uma janela mostrando as opções do efeito 3D.

Veja que existe uma opção no canto inferior esquerdo, chamada Preview, marque esta opção para
ver os resultados das suas alterações antes de conclui-las.

54
O cubo cinza representa o objeto que está na tela, você pode mudar as posições do objeto
dependendo da maneira que você deseja que ele apareça.

Faça 2 figuras parecidas com essas, elas serão o

cabo e a folha da maça, se você preferir deixe apenas
o cabo da maçã.

Veja o resultado depois de posicionar os objetos corretamente:

55
Agora vamos ver como podemos transformar um objeto que nós criamos em 3D. Veja a seguinte
figura abaixo e tente reproduzir ela na sua tela, utilizando as ferramentas de figuras geométricas
que ficam no grupo de ferramentas do retângulo, para um melhor efeito deixe as linhas sem cor:

Depois de terminar o seu desenho selecione tudo e arraste para área de Símbolos(Symbols) no
painel de visualização na parte direita da tela. Depois de arrastar o seu desenho para esta área
você irá escolher um nome para ele, ele agora será um símbolo, como uma figura que você poderá
usar em qualquer hora, e ficará salvo no painel de símbolos.

Após salvar o seu novo símbolo faça uma elipse sem cor de fundo e utilize a ferramenta tesouro
para cortá-la na metade, clicando nos pontos de âncora.

Depois utilize a ferramenta caneta para

ligar os dois pontos do meio e criar uma
meia lua, este objeto que vamos utilizar
para dar uma forma 3D para o nosso
símbolo.

56
Depois de criar selecione a elipse vá em no menu Effect -> 3D -> Revolve, selecione a opção de
Preview, veja como irá ficar:

MAP ART

Clique no botão Map Art... Logo abrirá um mapa da esfera 3D, depois disso va na opção Symbol
e procure o símbolo do escudo que você acabou de criar. Caso você não esteja vendo o mapa da
maneira mostrada abaixo, mude a Surface, clicando nas setas para o lado.

Selecione a opção de Invisible Geometry para esconder a esfera e deixar somente o escudo
aparecendo, depois posicione o escudo aonde você achar melhor e clique OK.

57
Clicando em OK, irá voltar para a janela do cubo 3D nele você pode posicionar o escudo da maneira
que quiser.

Veja o resultado do objeto manipulado com a ferramenta 3D.

58
 FERRAMENTA ROTAÇÃO

Vamos conhecer um pouco sobre nossa ferramenta de rotação podemos fazer um exemplo simples
desenhando um círculo e dois pequeno retângulo para marcação, como o exemplo abaixo:

Repare que no centro da figura se encontra uma pequeno marcação em forma de mira, com a cor
azul clara, isto acontece porque a ferramenta de rotação já está ativada.

Para utilizar esta ferramenta, devemos primeiro selecionar os objetos onde ela deve fazer
efeito. No nosso caso vamos selecionar os dois retângulos pretos. Para selecionar, basta
clicar em um deles, pressionar a tecla SHIFT e clicar no outro. Depois de selecionados
você poderá clicar na ferramenta de rotação.

Depois de clicar na ferramenta rotação irá aparecer aquela pequena

marcação no centro das duas figuras, essa marcação funciona
como um centro gravitacional onde as figuras relacionadas a ela
irão sempre se deslocar ao redor dela no ângulo determinado. Para
fazer essas modificações você deverá ir no painel Transform, caso
ele não esteja visível no lado direito da tela onde ficam os painéis,
você pode ir no menu Window -> Transform ou usar o atalho SHIFT
+ 8, e ele irá aparecer.
Para aproveitar bem a nossa ferramenta é possível copiar as
figuras ja fazendo a formatação do ângulo, veja o exemplo colocando
a transformação para 30 graus.

59
Depois de colocar o ângulo para 30 graus, deixe pressionada a tecla ALT do seu teclado e em
seguida aperte ENTER, veja o resultado:

Utilizando a tecla ALT pressionada, a ferramenta faz uma cópia do objeto selecionado, já o
deslocando no grau que você configurou, repita o processo sempre utilizando o ângulo de 30
graus, até formarmos uma figura semelhante a um relógio. Terminando este processo e alterando
um pouco as cores você deverá obter um resultado semelhante ao exemplo abaixo:

Agora você pode montar um marcador de ângulos de graus, basta criar duas caixas de texto e
utilizar o mesmo processo de antes deslocando e copiando de 30 em 30 graus.

60
Depois basta ir alterando os textos para o grau correspondente.

61
 DIA DE LOS MUERTOS

Este projeto dividido em 2 partes consiste em criarmos um layout gráfico a partir de uma desenho
escaneado chamado “Dia de los Muertos” para um pôster e uma estampa de camisa, iremos
demonstrar as técnicas vistas durante o curso de forma prática passo a passo até criarmos até
criarmos nossa própria arte.
Lembrando que além da execução guiada pelo professor o resultado final também será avaliado
como forma de comprovação do aprendizado do aluno.

Vamos começar!
Atenção antes de iniciar a aula siga as orientações do professor e baixe o arquivo Scan_Skull.jpg
Antes de iniciarmos devemos configurar nosso documento de acordo com as características de
nossa arte final siga as seguintes instruções.

Inicie um novo documento com as configurações abaixo, nome Skull, em perfil selecione a opção
impressão, em números de artboards coloque 2, espaçamento entre artboards colocaremos
10mm, tamanho selecionaremos a opção A3 (o formato é o dobro de um A4), unidade de medida
Milímetros(mm), Sangramento de 5 mm, cores deixaremos em CMYK (impressão), Qualidade
300dpi, Agora clique em OK.

62
 INSERINDO O DESENHO
Nesta etapa iremos inserir o desenho em formato BITMAP para utiliza-lo como referência para
criação da arte. Porém antes de trabalhar com ele devemos convertê-lo para um formato vetorial.
Existem 2 formas de realizarmos essa tarefa de acordo com o tipo de desenho e nível de detalhamento.
Faremos primeiro a técnica mais simples chamada “live trace” ou “Image Trace”(dependendo da
versão do seu illustrator) em seguida faremos o Desenho direto no illustrator.

1. Insira a imagem através do menu File > Place

2. Selecione o arquivo baixado anteriormente.
3. Basta dar um clique no primeiro Artboard para inserir.
4. Altere um pouco o tamanho para que fique proporcional ao tamanho do Artboard.
5. No painel camadas nomeie a camada 1 para GUIA.
6. Crie uma nova camada com o nome Live Trace.
7. Faça uma cópia(Ctrl+C – Ctrl+V) da caveira para o segundo Artboard.
8. Na caveira do primeiro Artboard altere a transparência(opacity) para 20%.
9. Bloqueie a camada GUIA (cadeado ao lado).

63
 UTILIZANDO O LIVRE TRACE OU IMAGE TRACE

Agora iremos converter a imagem do segundo artboard para vetor apenas assim é possível colorir
e trabalha com os elementos individualmente, além de não perdermos a qualidade em caso de
redimensionamento.

1. Selecione a caveira do segundo Artboard

2. Agora observe que ao selecionar no painel de controle já apareceu o botão “Image Trace” não
faremos ainda por aí.
3. Ative o painel de opções “Image Trace” Menu view > image Trace.
4. Observe agora que temos várias opções, cada opção determina características do resultado,
Como Threshold (quantidade de detalhes em nós) utilizaremos o botão Preto e branco na parte
superior.

5. Agora a caveira mudou de formato porém ainda está agrupada.

6. Antes de desagrupar clique no botão expandir (expand) para separar em vetores
7. Clique com botão direito em seguida desagrupar.

64
8. Altere as cores dos elementos (flores, coração, crânio etc..) como preferir.

DESENHANDO A IMAGEM NO ILLUSTRATOR

Ao converter automaticamente note que essa arte embora bonita não ficou com o resultado
esperado, os detalhes não estão bem acabados e existem elementos desalinhados.
Redesenhar toda imagem no illustrator embora pareça trabalhoso existem técnicas que nos ajudam
a otimizar o trabalho, utilizaremos agora a caveira no Artboard 1 como referência para vetorizar e
desenhar do zero. Assim tendo um trabalho profissional.
Trabalharemos essencialmente com as ferramentas Caneta e Lápis.
Destaque as ferramentas de Caneta e Lápis da barra de ferramenta para uma melhor utilização.
Para que o desenho fique proporcional faremos uma técnica muito interessante de desenhar apenas
um lado da arte e depois apenas copiaremos e inverteremos a posição dos elementos.
CRÂNIO
1. Ative as réguas e crie uma linha guia no centro da imagem para facilitar o trabalho.
2. Selecione a ferramenta caneta e inicie criando os pontos começando da parte superior do crânio
até o queixo.

65
3. Agora utiliza a ferramenta (< (convert anchor point) e crie as curvas deixando toda a lateral suave
e na mesma direção da arte de referencia abaixo.
4. Agora com o contorno da lateral direita toda pronta, selecione o botão (swap stroke to fill) trocar
o preenchimento pelo contorno. Pronto você terá a metade do crânio construída.

5. Crie uma cópia da lateral direita e inverta verticalmente (object>transform>refflect vertical ok )

6. Agora centralize as duas partes e utilize a ferramenta pathfinder para mesclar.

66
7. Remova o preenchimento deixe apenas as bordas com tamanho de 5pt para facilitar a visualização.

FLORES DA BOCHECHA

1. Agora de um zoom na lateral da caveira e com a ferramenta caneta diminua a espessura do traço
(3pt) e crie os arcos centrais da flor partindo do contorno do crânio.

2. Após criar o primeiro duplique o para cima.

3. Agora com a ferramenta caneta crie triângulos para formarmos as pétalas.

67
4. Converta a ponta de cada triangulo em curvas com as alças e acerte cada pétala.

5. Altere a espessura do traço para 1pt e utilize a ferramenta lápis para fazer a parte interna das
pétalas. Caso necessário suavize os pontos com a ferramenta smooth tool.

OLHOS, TESTA E MAXILAR

1. Agora com a ferramenta lápis crie a linha da lateral até a parte superior aos olhos.
2. Utilize a ferramenta smooth tool pra suavizar e acerte as linhas movendos as alças.
3. Agora com a ferramenta lápis crie a linha da lateral do maxilar até a parte superior a boca.
4. Utilize a ferramenta smooth tool pra suavizar e acertes as linhas movendos as alças.

68
5. Agora crie com a ferramenta elipse todas as “bolinhas” acima e abaixo do olho(pressione a tecla
shift pare elipses perfeitas).
6. Crie uma elipse maior que será o buraco do olho e ajuste os nós para o formato da imagem de
referencia.

7. Crie uma elipse menor dentro do olho que será o centro da flor e utilize a mesma técnica com a
ferramenta caneta e lápis para fazer as pétalas.

8. Agora iremos duplicar tudo feito até agora para inserirmos do outro lado invertido.
9. Selecione todos os elementos, pressione shift e clique no contorno do crânio para remover a
seleção apenas do crânio.
10. Agora agrupe pare facilitar (CTRL+G)
11. Crie uma cópia(arraste com ALT) e inverta verticalmente(object > transforma > reflect > vertical)
colocando na posição correta do outro lado.
12. Faça os devidos ajustes (siga seu desenho ao lado pois a imagem feita a mão não possui a
mesma exatidão nas proporções).

69
 FLOR NA TESTA E DENTES

1. Agora utilizando a mesma técnica da flor na bochecha crie os arcos no centro da flor com a
ferramenta caneta.
2. Agora as pétalas são diferentes, utilize a mesma técnica das pétalas anteriores porém agora
cada pétala com duas pontas.
3. Utilize o lápis com a espessura menor para a parte interna das pétalas.
4. Agora agrupe todos elementos da flor e cole uma copia do lado oposto invertida

5. Agora utilizaremos a ferramenta caneta para fazer os dentes.

6. Faça primeiramente a curva lateral da boca com a ferramenta caneta
7. Em seguida começa a partir do dente da frente criar linhas clicando em cada junção dos dentes
até o final da boca.

70
15. Utilizando a fermenta caneta conecte os traços de cada lado.
16. Por fim crie uma linha do meio construindo a divisão entre os dentes frontais.

CORAÇÃO, CRUZ E FLOR

1. Com a ferramenta caneta criaremos o coração na testa.

2. Clique e trace 3 pontos para fazer a metade do coração.

3. Ajuste apenas a alça de controle do ponto do meio e faça a curva superior do coração.
4. Em seguida ajuste a alça do terceiro ponto, criando a curva inferior.
5. Inverta o preenchimento pelo contorno (como foi feito no Crânio) e já teremos a metade do
coração.

71
6. Agora faça uma copia, inverta a posição.
7. Com o coração já visualizado mescle as duas partes e remova o preenchimento interno deixando
apenas o contorno.
8. Agora faça copia menores do coração para a testa e o queixo.
CRUZ

1. Com a ferramenta caneta clique em cada canto da cruz começando a partir do coração.
2. Para que a cruz fique proporcional você pode alinhar os pontos dela com a barra de ferramentas
alinhar e distribuir.

1. Utilizaremos a mesma técnica da flor na bochecha.

2. Ferramenta caneta para fazer a parte inferior da flor.
3. E ferramenta caneta criando triângulos para fazer as pétalas.
4. Ajustando com a alça para arredondar as pontas.

72
 NARIZ E QUEIXO

1. Utilizaremos a mesma técnica do coração.

2. Crie uma reta de 3 pontos.

3. Abra as alças do segundo ponto agora criando a curva inferior.

4. Agora abra as alças do primeiro ponto para criar a curva inversa.
5. Utilize o botão de inversão preenchimento e contorno.(Swap Fill and Stroke

6. Agora duplique o elemento invertendo sua cópia.

7. Teremos um coração maior invertido.
8. Agora Mescle os dois elementos e acerte os pontos que podem ter ficado desajustados.
9. Remova o preenchimento e deixe apenas o contorno.
10. Ao contrário do coração o nariz possui uma parte preta interna que dá o efeito de profundidade.
11. Basta copiar o nariz, e a cópia interna diminuir a largura preenchendo com o preto.
12. Agora utilizando a mesma técnica das flores, com a ferramenta caneta crie um arco ao lado
direito do queixo.
13. Em seguida duplique-os e inverta para o outro lado.

73
 ELEMENTOS FINAIS
1. Crie uma elipse perfeita em cima da cruz
2. Com a ferramenta faremos as 3 gotas sobre a cruz
3. Crie uma linha utilizando a caneta com a ponta inicial e final.
4. Após clicar no ponto final retorne para o primeiro ponto e arraste lateralmente.
5. Você criará o primeiro item em formato de gota.

6. Copie diminuindo o formato e crie os outros 2 itens.

7. Agora com os 3 prontos agrupe-os e crie uma cópia invertida do outro lado.
8. Faremos o item embaixo do coração.

74
9. Com a ferramenta caneta, crie uma elemento com 4 pontos partindo da base do coração.
10. Com a espessura do traço menor que o coração.
11. Agora ajuste as alças para que fique no formato de ”foice”.

12. Copie esse elemento 2x arrastando a cópia para baixo.

13. Diminua o tamanho das cópias progressivamente.

AJUSTES E ESTILIZAÇÃO

Agora deixaremos a Caveira mais estilizada com sombreamentos e o traço com as pontas mais
interessantes, utilizaremos a ferramenta (Blob Brush), Borracha e Pincel.

1. Primeiro com a ferramenta caneta crie uma linha na cavidade lateral do crânio, na lateral onde
seria a “orelha”.
2. Faça uma curva para dentro utilizando a mesma técnica das flores.

75
3. Agora selecione a Ferramenta Blob Brush
4. Pinte a área interna.
5. Com a Ferramenta Borracha ajuste para que não ultrapasse os limites.

6. Agora crie 6 elipses no espaço em branco em direção a testa.

7. Agrupe todos os elementos criados agora: Linha preenchimento e elipses.
8. Agora Faremos a mesma Estilização da lado da boca.
[Link] uma linha com a caneta da lateral do crânio até a linha da boca.
10. Preencha com a Ferramenta Blob Brush.

76
11. Crie as elipes com preenchimento preto.
12. Agora agrupe os elementos.
13. Pronto faça uma cópia e inverta verticalmente toda estilização para o outro lado.
14. Caso Necessite faça os mesmos ajustes para que os dois lados fiquem iguais

MELHORANDO O TRAÇO

Sua caveira está pronta mas observe que a ponta das linhas soltas (parte interna das flores e linhas
de expressão da testa e maxilar) estão cortadas ou seja não possui um estilo. Agora iremos criar
um 2 pinceis personalizados para estilizar a ponta de todo traço solto da minha caveira.

77
1. Vá para uma área Vazia e crie uma elipse achatada com preenchimento preto sem contorno.

2. Agora com edite as alças de controle para que uma das pontas (da direita, por exemplo) seja
afinada.
3. Em seguida utilizando a ferramenta pathfinder faça um quadrado e corte na metade da forma
para que fique exatamente como uma ponta de pincel.

4. Agora faça uma cópia desse pincel e o inverta verticalmente.

5. Ative agora o painel brushes (view > brushes)
6. Clique e arraste a primeira ponta de pincel para dentro do painel.
7. Na janela que abriu escolha a opção ArtBrushes em seguida dê um nome ao pincel: Estilo Direita
8. Observe que agora no Painel de Brushes(Pinceis) agora seu novo estilo foi criado.
9. Repita o procedimento com a outra forma para criar o mesmo pincel agora direcionado a outra
posição.
10. Nomeie como Estilo Esquerda.

78
11. Agora vá a parte aos elementos com as pontas soltas e aplique os novos pinceis de acordo com
a sua direção, caso necessário altere a espessura do traço.

Veja o resultado:

PARABÉNS VOCÊ FINALIZOU A PRIMEIR ETAPA DO PROJETO FINAL.

Fez um desenho completo do zero no Illustrator, isso significa que você já está quase profissional.
Agora salve seu projeto em sua pasta no Google Drive.
Para Finalizarmos na próxima Aula.
Até lá.
79
Bem vindos a 2 aula deste projeto, nesta etapa finalizaremos a nossa arte do banner e da estampa
para a camisa com a ilustração criada na aula passada, atenção esta é a etapa final do módulo de
illustrator em caso de dúvida sobre qualquer ferramentas pergunte ao professor.
Abra seu arquivo da aula passada e vamos começar!

FINALIZANDO E COLORINDO

Nesta primeira etapa precisamos transforma o desenho que são apenas traços em forma com
preenchimentos para que possamos colorir da forma que quisermos.

1. Selecione todo o desenho e crie uma cópia no artboard ao lado (caso não tenha um arboard
vazio crie um novo)
2. Selecione o segundo desenho e vá ao menu Object > Expand appearance
3. Isso significa que todos os efeitos de pincéis serão transformado em contornos.

80
4. Agora para transformarmos em vetor precisamos ir no menu Object >Expand
5. Deixe marcado as opções fill (preenchimento )e stroke(contorno)
6. Na próxima etapa devemos mesclar todas as formas.

7. Ative o painel pathfinder em seguida com todos elementos selecionados clique em (Merge)
Mesclar.
8. Ainda no painel Pathfinder clique no botão de controle no canto superior direito.
9. Selecione a opção Make compound Shape.
10. Agora observe que no mesmo painel apareceu o botão expand, clique nele.
11. Finalizamos a composição, agora o crânio tem a composição sólida como um vetor.

81
 CRIANDO FORMAS INTERNAS PARA COLORIR

1. Agora que temos a forma pronta precisamos criar a parte interna para que possamos colorir
separadamente os elementos.
2. Crie um novo Artboard e posicione abaixo do primeiro.

3. Agora com a ferramenta retângulo crie um retângulo do tamanho desse novo artboard.
4. Escolha uma cor sólida para o retângulo (sugestão amarelo)
5. Agora copie(Ctrl+C) (Ctrl+V) a caveira que acabamos de compor do segundo artboart para esse
terceiro, em cima do retângulo.
6. Agora alinhe perfeitamente o retângulo(horizontal e vertical) e a caveira com o painel align.

82
7. Clique na caveira e faça uma cópia ao lado de fora do Artboard (iremos utiliza-la em breve)

8. Selecione novamente o retângulo e a caveira sobre ele e ative o painel pathfinder.

9. Clique no quarto botão (exclude) o resultado deverá aparecer o fundo preto e o traçado branco.

10. Altere a cor dessa composição para amarelo novamente

11. Agora selecione a caveira preta ao lado a alinhe horizontalmente e verticalmente

83
12. Clique novamente na parte amarela e desegrupe os elementos (botão direito desagrupar)
13. Pronto agora basta excluir a parte de trás amarela e você possuí todos os elementos
transformados em vetor.

COLORINDO O DESENHO

Agora que já temos nosso desenho pronto precisamos acertar as cores para impressão digital ou
utilização como estampa para camisa.

1. Insira mais um Artboard ao lado direito deste com a caveira amarela.

2. Abra em outra guia do illustrator o arquivo ([Link]). (file>open)
3. Copie as cores do pôster ao lado esquerdo em seguida copie as cores da camisa ao lado direito.

84
4. Para pintar nosso desenho selecionaremos a ferramenta conta gotas (eyedroper)
5. Agora selecione a parte superior do crânio da caveira.

6. Com a ferramenta contra gotas selecione a primeira opção com gradiente.

7. Agora pressione a tecla G para ativar a barra de controle do gradiente.

85
8. Gire o gradiente para posição vertical deixando a parte escura para baixo.
9. Agora selecione a parte inferior do crânio
10. Selecione a mesma cor gradiente e posicione inversamente o gradiente.

86
11. Agora utilizaremos a ferramenta zoom e selecionaremos todas as pétalas do desenho segurando
o SHIFT.
12. Após todas selecionadas clique no conta gotas e selecione a cor rosa.

13. Agora pinte o buraco dos olhos de preto

14. Em seguida fique a vontade pra escolher quaisquer cores para os demais elementos.
15. Após colorir, selecione todo o Cranio e agrupe-o

87
 FINALIZANDO E INSERINDO AS ROSAS

1. Agora iremos fazer o background

2. Crie um retangulo sobre todo Artwork
3. Escolha a cor amarela
4. Posicione-o para trás da caveira (botão direito arrange – send to back)
5. Agora diminua um pouco o tamanho do Crânio posicionando na parte superior do desenho.
6. Agora iremos fazer uma borda branco no crânio.

7. Vá no primeiro artboard e copie o contorno do crânio para esse artboard.

8. Acerte o tamanho para o mesmo do crânio atual.

9. Coloque no preenchimento branco e contorno branco

10. Aumente a espessura do contorno para 30pt.
11. Selecione ele juntamente com o fundo amarelo PRESSIONANDO SHIFT.
12. Utilize a opção arrange para colocar para trás, criando um efeito de borda em sua arte.

88
13. Agora vamos inserir as rosas ao desenho.
14. Vá ao menu File > Place (arquivo>inserir)
15. Busque o arquivo [Link]
16. Insira-o ao lado de fora do arboard.

17. Agora iremos ulitilar o Image Trace para converter a Rosa em vetor.
18. Em seguida clique no botão expand.
19. Clique 2 duas sobre o fundo branco e remova-o
20. Selecione uma cor para suas rosa e rotacione-a posicionando embaixo da caveira.

89
21. Faça uma cópia e inverta a posição verticalmente(transform>reflect)
22. Com as dua rosas selecionadas pressione shift selecione o fundo e altera a ordem para o
final(arrange>send to back)

Agora iremos fazer a arte para ser estampada na camisa, ela possui muitos diferenciais, um deles
é a tabela de cores reduzina trabalharemos com os modelos pantone ao lado.

CRIANDO A ARTE PARA CAMISA

1. Selecione todos os elementos do Artboard anterior e copie nesse ao lado.

2. Remova o contorno branco e afaste um pouco as rosas para que possamos recolorir.

90
3. Altere o fundo para cor magenta do pantone ao lado.

4. Agora selecione todo o crânio e escolha asegunda cor pantone verde 7744
5. Agore selecione uma das linhas a da parte inteiror do crânio e alterando toda parte do contorno
para preto do pantone.

91
6. Agora selecione alguns elementos e coloque na cor amarelo claro, e alguns elementos internos
podem ficar na cor do fundo mesmo.

7. Selecione as rosas preencha ela toda com a cor verde.

8. Clique 2x e pinte as folhas externas e o centro da flor em amarelo claro (do pantone)
9. Reposicione-as em baixo do Crânio.
10. Agora ative o contorne das rosas para 6pt e altere a opção de contorno para (Align stroke to
outside)
11. Salve seu documento.

92
 INSERINDO TEXTOS NA ARTE DO PÔSTER

Primeiramente verifique se a fonte THE DEAD SALOON está instalada, caso não esteja peça
orientação ao seu professor.

1. Primeiro selecione toda a arte do primeiro artboard menos o background.

2. Agora diminua um pouco o tamanho e posicione-a na parte superior do artboard.
3. Agora clique na ferramenta de texto, agora selecione a fonte THE DEAD SALOON
4. Digita abaixo da de seu desenho: DIA DE LOS
5. Com a ferramenta de seleção aumente o tamanho desse texto.
6. Clique a arraste pra baixo pressionando ALT gerando uma cópia.
7. Agora na cópia de baixo clique na ferramenta de texto selecione o texto da linha de baixo e digite
: MUERTOS

8. Clique e arraste agora sobre o texto anterior mais uma vez pressionando ALT
9. Criando uma terceira linha de texto
10. Digite nesta linha: DAY OF THE DEAD
11. Diminua o tamanho do texto e posicione um pouco afastado na parte de baixo

93
12. Agora no desenho acima clique nas rosas até selecionar apenas uma rosa.
13. Copie com ctrl+C clique do lado de fora.
14. Cole próximo ao texto menor na parte inferior
15. Altere o preenchimento pra preto.
16. Crie uma cópia dessa rosa e cole ao outro lado invertendo-a.(transform> reflect)
17. Agora desenha uma linha na parte superior e inferior dessa ultima frase.
18. Selecione as linhas e altere o formato do pincel para um efeito de traçado mais interessante.

19. Pronto basta selecionar as cores que você deseja e a arte do pôster esta pronta.

94
 INSERINDO TEXTOS NA ARTE DA CAMISA

1. Selecione a arte da caveira no artboard ao lado e diminua seu tamanho para haver espaço em
baixo onde colocaremos os textos.
2. Agora agrupe toda composição do texto da arte anterior e copie para o artboard ao lado.
3. Desagrupe e exclua o desenho das rosas e o traçado sobre o texto e desça um pouco a frase
DAY OF THE DEAD

4. Agora selecione a palavra MUERTOS clique com botão direito e (create oulines)
5. Agora você converteu esse texto em vetor.
6. Clique 2x na letra M e aumente seu tamanho

95
7. Faça o mesmo procedimento com a letra S ( ulilize linhas guias para ficar as duas com mesmo
tamanho.)
8. Clique fora dá do texto agora posicione a ultima frase entre eles e alinhe o texto superior.

9. Altere as cores texto para uma das cores do pantone de sua preferencia .
10. Pronto parabéns finalizamos os dois layouts.

96
Após criar nosso documento agora precisamos exporta-los para que a gráfica imprima.
O formato ideal para impressão é o PDF, portando trabalharemos para exportar as duas artes
separadas como 2 arquivos em PDF.

Sangramento:

Antes de fecharmos o nosso arquivo devemos nos preocupar com o sangramento(bleed) é o espaço
que deixamos de sobra para que não haja problema na hora do corte.
Ao exportar nosso documento existe duas formas de definimos o sangramento. Direto no artboard.
File > Document setup temos a opção Bleed para criarmos um espaço de sangramento. Normamente
usa-se até 5 mm. Em caso de dúvidas pergunte a gráfica qual tamanho ela necessitará.

97
Separar em camadas:

Organize sua arte em camadas facilida a compactação do arquivo e fica mais organizado.
Exemplo selecione toda arte do pôster e coloque em uma camada única, e a arte da camisa em
uma camada específica.

Textos:

Certifique-se que todos os texto de sua arte estão convertidos em curva.

CTRL+A em seguiga Type > Create outlines.
Isso evitará problemas caso sua gráfica não tenha a fonte específica de sua arte.

Após as orientações acima vamos exportar primeiro a arte do Pôster:

1- Clique no Menu arquivo – Salvar como – altere o formato de AI para Pdf

2- Escolha o local para ser salvo e antes de clicar em salvar escolha embaixo qual numero do
Artboard será exportado. (neste caso é o artboard 3)
3- Agora na jalena que abriu em ADOBE preset marque a opção High Quality Print
4- Em mark and bleed ative as opções.
5- Pronto seu documento está pronto para produção

Agora a Arte da Camisa, na arte da camisa note que temos a cor magenta de fundo essa cor deverá
ser excluída em todos os elementos pois ela será a cor do tecido:

1- Selecione todos os elementos na cor magenta com a magic tool e clique em delete.
2- Vá no menu arquivo salvar como, salve como PDF, atenção que esse artboard é de numero 4.
3- Na janela de configuração clique em Hight Quality print, e em mark and bleeds pode deixar
desmarcado.
4- Como essa impressão não haverá corte e sim uma estampa pode-se deixar sem as marcas.
5- Pronto suas artes foram salvas.

98