Introdução ao Adobe Illustrator

Prévia do material em texto

2 
 
Sumário 
Aula 1 ............................................................................................................................................................ 5 
Introdução ao Adobe Illustrator ................................................................................................................... 5 
Espaços de trabalho ................................................................................................................................. 9 
Grupos de painéis .................................................................................................................................. 12 
Exercícios teóricos .................................................................................................................................. 14 
Exercícios práticos .................................................................................................................................. 16 
Aula 2 .......................................................................................................................................................... 17 
Formas geométricas primitivas .................................................................................................................. 17 
Mover formas......................................................................................................................................... 21 
Ampliar/Compactar formas ................................................................................................................... 22 
Desenhar com precisão .......................................................................................................................... 24 
Círculo .................................................................................................................................................... 25 
Polígonos ................................................................................................................................................ 27 
Estrelas ................................................................................................................................................... 30 
Retângulo arredondado ......................................................................................................................... 31 
Grades .................................................................................................................................................... 32 
Exercícios práticos .................................................................................................................................. 34 
Exercícios práticos .................................................................................................................................. 35 
Exercícios de fixação .............................................................................................................................. 38 
Aula 3 .......................................................................................................................................................... 39 
Personalizando contornos .......................................................................................................................... 39 
Linhas ..................................................................................................................................................... 39 
Arco (Linha curva) .................................................................................................................................. 45 
Espiral ..................................................................................................................................................... 45 
Grade retangular .................................................................................................................................... 46 
Grade Polar ............................................................................................................................................ 47 
Exercícios teóricos .................................................................................................................................. 49 
Exercícios práticos .................................................................................................................................. 50 
Exercícios de fixação .............................................................................................................................. 64 
Aula 4 .......................................................................................................................................................... 66 
Trabalhando com símbolos ........................................................................................................................ 66 
Linhas ..................................................................................................................................................... 66 
Bordas .................................................................................................................................................... 71 
Criar símbolos ........................................................................................................................................ 73 
Exercícios práticos .................................................................................................................................. 77 
Exercícios de fixação .............................................................................................................................. 84 
 
3 
 
Aula 5 .......................................................................................................................................................... 85 
Utilizando a ferramenta caneta .................................................................................................................. 85 
Exercício prático ..................................................................................................................................... 93 
Exercícios de fixação ............................................................................................................................ 106 
Aula 6 ........................................................................................................................................................ 107 
Ferramenta de seleção direta .................................................................................................................. 107 
Exercícios práticos ................................................................................................................................ 115 
Exercícios de fixação ............................................................................................................................ 125 
Aula 7 ........................................................................................................................................................ 126 
Vetorização ............................................................................................................................................... 126 
Exercícios práticos ................................................................................................................................ 134 
Exercícios de fixação ............................................................................................................................ 142 
Aula 8 ........................................................................................................................................................ 143 
Convertendo BITMAPS ............................................................................................................................. 143 
Exercícios práticos ................................................................................................................................ 149 
Exercíciosde fixação ............................................................................................................................ 151 
Aula 9 ........................................................................................................................................................ 152 
Utilizando a ferramenta texto .................................................................................................................. 152 
Exercícios práticos ................................................................................................................................ 158 
Exercícios de fixação ............................................................................................................................ 163 
Aula 10 ...................................................................................................................................................... 164 
Camadas ................................................................................................................................................... 164 
Exercícios práticos ................................................................................................................................ 178 
Exercícios de fixação ............................................................................................................................ 182 
Aula 11 ...................................................................................................................................................... 184 
Efeitos de preenchimento ........................................................................................................................ 184 
Exercícios práticos ................................................................................................................................ 194 
Exercícios de fixação ............................................................................................................................ 207 
Aula 12 ...................................................................................................................................................... 208 
Efeitos de contorno .................................................................................................................................. 208 
Exercícios práticos ................................................................................................................................ 215 
Exercícios de fixação ............................................................................................................................ 221 
Aula 13 ...................................................................................................................................................... 222 
Introdução aos objetos em 3D ................................................................................................................. 222 
Exercícios práticos ................................................................................................................................ 234 
Exercícios de fixação ............................................................................................................................ 239 
 
 
4 
 
Aula 14 ...................................................................................................................................................... 240 
Mapeamento de objetos em 3D............................................................................................................... 240 
Exercícios práticos ................................................................................................................................ 250 
Exercícios de fixação ............................................................................................................................ 260 
Aula 15 ...................................................................................................................................................... 261 
Preenchimento gradiente ......................................................................................................................... 261 
Exercícios práticos ................................................................................................................................ 276 
Exercícios de fixação ............................................................................................................................ 281 
Aula 16 ...................................................................................................................................................... 282 
Ferramenta Malha .................................................................................................................................... 282 
Exercícios práticos ................................................................................................................................ 294 
Exercícios de fixação ............................................................................................................................ 306 
Aula 17 ...................................................................................................................................................... 307 
Ferramenta malha parte 2 ....................................................................................................................... 307 
Exercícios práticos ................................................................................................................................ 317 
Exercícios de fixação ............................................................................................................................ 321 
Aula 18 ...................................................................................................................................................... 322 
Deformando objetos ................................................................................................................................ 322 
Ferramenta largura .............................................................................................................................. 323 
Ferramenta deformar .......................................................................................................................... 327 
Ferramenta redemoinho ...................................................................................................................... 330 
Ferramenta esvaziar ............................................................................................................................. 331 
Ferramenta inflar ................................................................................................................................. 331 
Ferramenta guirlanda .......................................................................................................................... 332 
Ferramenta cristalizar .......................................................................................................................... 332 
Utilizando a ferramenta de mesclagem ............................................................................................... 334 
Personalizando objetos em 3D ............................................................................................................ 347 
Agrupamento de objetos ..................................................................................................................... 361 
Exercícios práticos ................................................................................................................................ 377 
Exercícios de fixação ............................................................................................................................ 382 
Aula 19 ......................................................................................................................................................383 
Preenchimento personalizado.................................................................................................................. 383 
Exercícios práticos ................................................................................................................................ 390 
Exercícios de fixação ............................................................................................................................ 394 
Aula 20 ...................................................................................................................................................... 395 
Opacidade e transparência ....................................................................................................................... 395 
Exercícios práticos ................................................................................................................................ 404 
Exercícios de fixação ............................................................................................................................ 410 
 
5 
 
Aula 1 
Introdução ao Adobe Illustrator 
 
 Bem-Vindo ao curso do Adobe Illustrator CS6, neste 
curso você irá aprender e utilizar um dos programas de 
edição e criação de imagens mais usados em todo mundo, 
neste você poderá realizar diversos tipos de trabalhos 
gráficos. 
 
 O Adobe Illustrator faz parte do pacote de programas 
da Adobe Master Collection. 
 
 Illustrator CS6 Media Encoder CS6 
 Photoshop CS6 
 In design CS6 
 Acrobat X pro 
 Flash Professional CS6 
 Flash Builder 4.6 
 Dreamweaver CS6 
 FireWorks CS6 
 Adobe Premiere Pro CS6 
 After Effects CS6 
 Adobe Audition CS6 
 Speed Grade CS6 
 Prelude CS6 
 Encore CS6 
 Bridge 
 
 
6 
 
 A modo grosso podemos dizer que o Illustrator é um 
software semelhante ao Paint da Microsoft, porém muito 
mais sofisticado. Embora o seu principal concorrente hoje 
seja o CorelDraw. 
 
 
 Como citamos acima no Adobe Illustrator você pode 
realizar diversos tipos de trabalhos gráfico, desde cartões 
de visita até outdoors, cartoons, criar logotipos para 
empresas, colorir pinturas gráficas, Etc. 
 
 
 
 
 
 
 
 
 
 
 
 
7 
 
 Em 1985 a Adobe Sistems desenvolveu um 
complemento de aplicativo de fonte para a própria 
empresa. O Illustrator havia sido desenvolvido 
exclusivamente para o sistema Macintosh, porém isso 
acabou não dando muito certo pois o Macintosh não 
possuía um fatia muito expressiva no mercado. Além disso 
a Apple LaserWriter era a única impressora capaz de 
reproduzir arquivos do Illustrator. Mas com o passar do 
tempo os usuários começaram a reparar que o Illustrator 
não apresentava os problemas frequentes dos 
concorrentes. Com isso nosso protagonista deste curso se 
infiltrou no mercado de edição e criação de imagens e CAD. 
 Muito bem, chega de história e vamos partir para a 
prática. Vamos abrir o Illustrator e assim conhecer o 
programa, clique no menu Iniciar > Todos os 
Programas> Adobe Illustrator CS6, (Caso o Illustrator 
não esteja visível, basta arrastar a barra de rolagem para 
baixo) 
 Esta é a área de trabalho do Adobe Illustrator CS6. 
 
 
 
8 
 
 Com o programa já aberto vamos inserir uma 
prancheta. 
 Mas o que é uma prancheta? 
 
 Uma prancheta simplesmente é uma página de 
trabalho onde você irá inserir as formas e recursos. Para 
criar uma prancheta clique na guia Arquivo e opte por 
Novo. 
 Uma janela de diálogo irá surgir, nelas você pode 
definir algumas configuração referentes a prancheta. 
 
 
 
 
 
 
 
 
 
 
 
 
 
Como você pode ver nesta janela é possível definir 
configurações referentes a prancheta, como nome, 
perfil, Nº de pranchetas, tamanho, Etc. 
Após isso pressione 
OK para criar a 
prancheta. 
 
9 
 
 
 
 Muito bem acabamos de criar a prancheta, mas antes 
de começar a desenvolver e editar imagens, vamos 
observar uma opção muito útil. 
 
 
Espaços de trabalho 
 Os espaços de trabalho são predefinições das diversas 
ferramentas localizadas na tela, estas que podemos utilizar. 
 Existem vários tipos de predefinições, cada uma com 
sua seleção de ferramentas que de acordo com o tipo de 
trabalho que você pretende fazer, pode facilitar sua tarefa. 
 Por padrão o espaço de trabalho Essenciais aparece 
ao iniciar o programa. 
 
10 
 
 
 Clique nas setas marcas para abrir os espaços de 
trabalho. 
 
 Com isso o espaço de trabalho é liberado. 
 
11 
 
 
 Observe que com a opção essenciais selecionada em 
espaço de trabalho algumas ferramentas ficam ativadas no 
canto esquerdo da tela, esta seleção de ferramentas se 
chama Grupo de painéis. 
 
 
12 
 
 Mas você pode mudar a opção clicando em 
clicando nesta opção uma janela surge, nesta você pode 
escolher outra opção. 
 
 
 
 Selecionando outras opções os grupos de painéis 
também serão alterados. 
 
 Note que alguns grupos de painéis somente são 
adicionados e outros permanecem. 
Grupos de painéis 
 Os grupos de painéis são compostos de duplas ou trios 
de ferramentas. Caso você não pretende utilizar algum 
grupo, basta dar um duplo clique sobre algum título de 
ferramenta. 
Clique em Tipografia 
 
13 
 
 
 Com isto os grupos poderão ser visualizados deste 
jeito. 
 
 
 Caso você deseja utilizar o grupo que está 
compactado, novamente de um duplo clique sobre os 
títulos das colunas. 
 Para salvar um trabalho feito no Illustrator basta 
ir no meu Arquivo e clicar em Salvar. 
 Chegamos ao fim da primeira aula do curso do Adobe 
Illustrator CS6, não se esqueça de fazer os exercícios desta 
apostila. 
 
 
14 
 
Exercícios teóricos 
 
1) Que tipo de trabalho é possível realizar com o Adobe 
Illustrator? 
_______________________________________________
_______________________________________________
_______________________________________________ 
2) Em que ano foi desenvolvido o Adobe Illustrator? 
_______________________________________________
_______________________________________________
_______________________________________________ 
3) Qual a única impressora que era capaz de reproduzir 
arquivos criados no Illustrator? 
_______________________________________________
_______________________________________________
_______________________________________________ 
4) O que é uma prancheta? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
5) O que são grupos de painéis? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
6) O que são os espaços de trabalho? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
 
15 
 
7) Por padrão qual o espaço de trabalho aparece ao 
iniciar o programa? 
_______________________________________________
_______________________________________________
_______________________________________________ 
8) Em qual menu é possível criar uma prancheta? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
9) Primeiramente para qual sistema o Adobe Illustrator 
foi exclusivamente criado? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
10) Neste curso, qual a versão do Adobe Illustrator que 
será estudada? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
 
 
 
16 
 
Exercícios práticos 
 
1) Abra o Adobe Illustrator. 
 
2) Insira uma prancheta, menu Arquivo> Novo. 
 
3) Defina o nome da prancheta como “Minhaprimeira 
prancheta” 
 
4) Salve o arquivo, menu Arquivo> Salvar como, 
coloque o nome do trabalho também como Minha 
primeira prancheta. 
 
 
17 
 
Aula 2 
Formas geométricas primitivas 
 
 Bem-Vindo a segunda aula do Adobe Illustrator CS6, 
na aula de hoje iremos aprender como inserir formas. 
 Este programa é um tanto quando diferente, levando 
em consideração a inserção e manipulação de formas, 
vamos ver na prática como isso funciona. 
 Com o Illustrator já aberto, clique em menu Arquivo> 
opte por Novo. 
 Na janela de diálogo que irá surgir devemos inserir um 
nome, no caso já inserimos o nome Teste, também vamos 
configurar o Tamanho da prancheta a ser criada 
normalmente o tamanho A4 é o padrão, por isso defina 
este tamanho a sua prancheta. 
 
 
 
18 
 
 Após isso clique em OK. 
 Você também pode configurar a sua prancheta através 
dos outros recursos contidos nesta janela, mas como nossa 
aula de hoje é focada na inserção de formas deixaremos 
isto para as aulas futuras. 
 Com a prancheta já criada, vamos iniciar a inserção de 
formas no Illustrator, por primeiro vamos inserir um 
retângulo. Por padrão o retângulo aparece inicialmente 
nesta opção. Mas caso você queira inserir outra forma 
basta clicar e manter pressionado o mouse sobre o 
retângulo destacado. 
 
 Com isso uma janela surge com outros tipos de 
formas, então basta escolher a forma e soltar o mouse. 
 
19 
 
 
 Mas como havíamos dito vamos inserir um retângulo e 
como ele já está visualizado na opção, basta clicar sobre 
esta para que ele seja inserido. 
 Siga as instrução contidas na imagem abaixo. 
 Pronto o retângulo está inserido. 
 
 
20 
 
 
 Você pode mover a forma através dos pontos nas 
extremidades do mesmo. 
 
 Porém esta ai uma das grandes diferenças entre o 
Illustrator e outro softwares que são possíveis a inserção de 
testos. 
 
21 
 
Mover formas 
 Pois para ser possível a mobilidade da forma, antes 
você deve selecionar a ferramenta de seleção direta e siga 
as instruções contidas na imagem abaixo. 
 
 
 
 O retângulo foi puxado para o canto da prancheta. 
 
 
22 
 
Ampliar/Compactar formas 
 
 Agora se você deseja ampliar ou compactar a formula, 
basta você selecionar a ferramenta de seleção. 
 
 Note que nesta ferramenta mais pontos de 
extremidade são ativos na forma. 
 
Obs.: O ponto central da fórmula não amplia a forma 
somente move. 
 
23 
 
 Vamos ampliar o retângulo, para isso siga as 
instruções contidas na imagem abaixo. 
 
 
 
 
24 
 
 Utilizando a ferramenta de seleção você pode girar a 
imagem, basta selecionar a imagem e manter o cursos 
próximo de um dos cantos da imagem, note que uma seta 
com duas pontas irá surgir. 
 
Desenhar com precisão 
 
 Para deixar a sua forma mais precisa, existe um 
recurso muito interessante, basta você clicar sobre 
ferramenta de formulas. 
 
 
 
 
 
 
 
 
 
 
Realizando isso uma janela de 
diálogo, nesta você poderá inserir as 
dimensões desejadas para a fórmula. 
 
25 
 
 Após definir o tamanho desejado basta clicar em OK. 
 Após isto vamos deletar o retângulo, selecione a forma 
com uma das ferramentas de seleção e pressione Delete. 
 Deste jeito a prancheta ficará vazia, livre para 
inserção de novas formas. 
 Muito bem, agora vamos inserir outras fórmulas, 
começando pelo círculo. 
Círculo 
 Clique e mantenha pressionado o mouse na 
ferramenta de formulas e direcione o cursor para a opção 
ferramenta Elipse e solte o mouse (Elipses são tipos de 
círculos) 
 
 
 Agora as ferramentas de manipulação são 
semelhantes em todas as formas. 
 Lembre-se que para manipular a formula, antes você 
deve selecionar a formula e uma das ferramentas de 
seleção dependendo do que você deseja realizar com a 
forma. 
 Ferramenta de seleção direta - Move a forma. 
 Ferramenta de seleção - Altera o tamanho da 
formula. 
 
26 
 
 Crie um círculo no canto superior esquerdo da tela. 
 Selecione a ferramenta de seleção direta e mova o 
círculo para o canto esquerdo. 
 
 Selecione o círculo e com a ferramenta de seleção 
amplie o círculo. 
 
27 
 
 
 
 Pronto inserimos o círculo ampliamos e movemos ele, 
agora vamos inserir outras fórmulas. 
 Selecione com alguma das ferramentas de seleção e 
exclua o círculo pressionando Delete. 
Polígonos 
 Para inserir um polígono você deve seguir os mesmos 
passos para inserção de retângulos e círculos. 
 Clique e mantenha pressionada a ferramenta de 
formulas na janela que irá surgir arraste o cursor até a 
opção Ferramenta Polígono e solte o mouse. 
 
28 
 
 
 Crie um Polígono no canto superior esquerdo da tela. 
 
 Selecione a ferramenta de seleção direta e mova o 
Polígono para o canto esquerdo. 
 
 Selecione o Polígono e com a ferramenta de seleção 
amplie o círculo. 
 
29 
 
 
 
 Pronto inserimos o Polígono. 
 Agora vamos ver uma peculiaridade de algumas 
formas. 
 Clique na ferramenta de formulas , clique sobre a 
fórmula recém inserida. 
 Uma janela irá surgir, nesta você pode desenhar com 
precisão inserindo o tamanho da formula, mas neste tipo 
de fórmula você também pode alterar o número de lados 
da fórmula. 
 
 Por padrão ao criar inicialmente uma Polígono ele 
surge com seis lados, mas você pode alterar isso. 
 
30 
 
 Veja alguns exemplos de fórmulas com mais lados. 
 
 
Estrelas 
 
 Estrelas com a formula de estrelas não é diferente. 
 Você cria com a ferramenta de formas clicando e 
mantendo pressionado o mouse, arrastando o mesmo 
até a opção estrela e soltar o mouse. 
 Por padrão a forma estrela ao ser criada aparece com 
cinco pontos. Assim como na formula polígono você pode 
alterar os lados na janela Desenhar com precisão, porém 
este recurso é definido como Pontos, 
 
 
 
31 
 
 Veja alguns exemplos de formas de estrelas com mais 
pontos. 
 
 
Retângulo arredondado 
Esta formula é muito semelhante ao retângulo 
convencional, porém ele possui as pontas arredondadas.
 
 
32 
 
Grades 
 Este recurso é muito útil pois permite que seu trabalho 
fique mais organizado e preciso. 
 Clique na guia Exibir. 
 
 Selecione a opção Mostrar grade e a opção encaixar 
na grade, deste modo as formas irão se encaixar nas 
grades. 
 
 
 
 
33 
 
 
 Para retirar este recurso basta ir em menu Exibir e 
desmarcar as opções marcadas. 
 Chegamos ao fim desta aula, não se esqueça de fazer 
os exercícios desta apostila. 
 
 
34 
 
Exercícios práticos 
 
1) Ao criarmos uma prancheta qual o tamanho padrão? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
2) Através de qual ferramenta é possível criar círculos? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
3) Qual a principal função da ferramenta de seleção? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
4) Qual a principal função da ferramenta de seleção 
direta? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
5) Qual o procedimento para a inserção de um retângulo? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
 
 
35 
 
Exercícios práticos 
 
1) Abra o Adobe Illustrator CS6 e insira uma prancheta. 
 
 Vamos criar o esboço de um símbolo de uma emissora 
de TV, neste exercício vamos trabalhar somente com 
formas. 
 
2) Desmembre a ferramenta de formas, clique, arraste e 
solte o mouse até o local indicado. 
 
Agora as ferramentas de formas esta desmembrada. 
 
 
363) Clique na ferramenta elipse. 
 
4) Clique e arraste até o local indicado. 
 
 
Assim nos criaremos uma elipse ou seja um círculo. 
 
5) Agora selecione a ferramenta retângulo. 
 
 
 
37 
 
6) Clique e arraste até o local indicado. 
 
 Observe o retângulo arredondado dentro da elipse. 
 
 
7) Agora vamos criar uma nova elipse dentro deste 
retângulo arredondado. 
 
 Veja que uma nova elipse surgiu dentro do retângulo 
arredondado. 
 
 
38 
 
8) Salve o arquivo com o nome de Símbolo globo. 
Exercícios de fixação 
 
1) Utilizando a ferramenta estrela, configurando está com 
três cantos, faça uma forma semelhante a esta abaixo, 
chamada de Estrela de Davi. 
 
 
 
 
 
39 
 
Aula 3 
Personalizando contornos 
 Na aula de hoje vamos focar os estudos nas 
ferramentas de contorno, linhas retas, linhas curvas, 
grades, espirais, grade polar a seus respectivos contornos 
como formatos, cores etc. 
 Vamos começar com as linhas retas, mas primeiro 
vamos desmembrar essa ferramenta dos menu, clique e 
segure o mouse na ferramenta indicada, arraste até a área 
marcada e solte o mouse. 
 
 
 Pronto desmembramos esta ferramenta e vamos 
iniciar inserindo uma linha reta. 
 
Linhas 
 Como a ferramenta Linha Reta selecionada insira 
uma linha no Illustrator. 
 
 
40 
 
 Siga as instruções contidas na imagem abaixo. 
 
 
 Agora vamos iniciar a formatar esta linha, clique na 
ferramenta marcada, este painel se chama Traçado. 
 
 
41 
 
 Ao abrir a janela clique no local indicado para ampliar 
a janela e mostrar mais opções. 
 
 
 
 Através dos recursos desta janela você pode redefinir 
a espessura da linha os arremates ou seja as 
extremidades das linhas, definir uma aplicação de seta 
nesta, dimensionar o tamanho, alinhar e aplicar estilos 
a linha. 
 
 
42 
 
 Observe alguns tamanho de espessuras. 
 
 Vamos ver agora o que são os arremates, mas 
primeiro vamos dar um zoom na prancheta. 
 Selecione a opção zoom clique sobre uma das 
extremidades de uma linha e teste cada uma das três 
opções de arremates. 
 
1 pt 
2 pt 
6 pt 
3 pt 
4 pt 
5 pt 
Arremate Limitado 
Arremate Projetado 
Arremate Arredondado 
 
43 
 
 Em Pontas Setas você pode definir um estilo de setas 
para aplicar a linha em qual das extremidades que for. 
 
 
 Você também pode aplicar cores nas setas, 
primeiramente você deve selecionar o objeto no caso a seta 
através da ferramenta de seleção e clique na opção 
 Com isto uma janela irá surgir, repare que nesta 
existe dois quadrados pequenos. 
 
 
44 
 
 Este botão determina a cor do preenchimento, mas 
como o Illustrator trata uma seta como uma simples linha, 
ele não aplica um preenchimento. 
 
 
 Portanto defina somente a borda da imagem que toda 
a seta será colorida, porém você deve selecionar o outro 
quadrado. 
 
 
 Agora defina uma das cores dentro da caixa de cores 
para ser aplicadas a forma no caso a seta. 
 
 Porém não se esqueça de sempre manter a figura 
selecionada 
 
45 
 
 
Arco (Linha curva) 
 
 A ferramenta arco como o próprio nome diz faz uma 
linha curva com os mesmos recursos de formatação da 
linha reta. 
 
Espiral 
 Esta ferramenta não possui uma utilidade muito 
grande porém pode ser usada para fins estéticos. 
 Antes de criar uma espiral clique na ferramenta e 
depois clique na área de trabalho 
 Uma janela irá surgir. 
 
46 
 
 
 Nesta você poderá configurar algumas características 
na forma, como raio decréscimo, segmentos e estilo. 
 
 Veja um exemplo de como uma espiral pode ser 
formatada. 
 
Grade retangular 
 
 Uma grade retangular como o próprio nome diz, tem 
um formato de retângulo, semelhante a uma tabela ou um 
tabuleiro de xadrez ela também pode ser configurada por 
formato estilo e cor. 
 Selecione a opção grade retangular e de um clique na 
área de trabalho do Illustrator, novamente uma janela irá 
 
47 
 
surgir, nesta pode ser definido algumas configurações como 
largura, altura, número de células horizontais e verticais a 
sua inclinação, uso de retângulo externo como quadrado e 
preenchimento de grade. 
 
Grade Polar 
 
 Primeiro vamos intender o porquê do nome Grade 
Polar, observe a imagem abaixo do círculo polar ártico, 
veja as linhas dos meridianos e paralelos é muito 
semelhante à figura Grade polar. Ou seja todos as linhas do 
círculo se encontram em um ponto chamado de polo. 
 
 
48 
 
 
 Antes de inserir você pode configurar a grade do 
mesmo modo que as formas anteriores, através da janela. 
 
 
 
49 
 
Exercícios teóricos 
 
1) Quais são as ferramentas de contorno? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
2) Qual o procedimento para desmembrar as ferramentas 
de contorno? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
3) O que pode ser definido através do painel traçado? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
4) Qual ferramenta cria uma imagem semelhante a um 
tabuleiro de xadrez? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
5) O que pode ser definido em Pontas setas? 
_______________________________________________
_______________________________________________
_______________________________________________ 
 
 
 
50 
 
Exercícios práticos 
 
1) Abra o Adobe Illustrator CS6 e crie uma prancheta. 
 
2) Desmembre as ferramentas de contorno, clicando e 
arrastando até o local indicado. 
 
 
 
 Com isso as ferramentas de contorno ficaram 
desmembradas. 
 
3) Selecione a ferramenta linha. 
 
 
 
51 
 
 
4) Clique e arraste até o local indicado. 
 
 
 
 
5) Clique e arraste novamente até o local indicado. 
 
 
52 
 
6) Faça isso outra vez. 
 
7) Para terminar feche o retângulo. 
 
 Muito bem, o retângulo está pronto. 
 
53 
 
 
 
8) Agora selecione a ferramenta arco. 
 
 
54 
 
9) Clique e arraste até o local indicado. 
 
 Note que uma linha em formato de arco surgiu. 
 
 
55 
 
 
10) Agora faça o inverso, clique e arraste até o local 
indicado. 
 
 
56 
 
 Agora uma nova linha em curva surgiu. 
 
 
11) Clique e arraste até o local indicado. 
 
 
57 
 
 
12) Agora faça o contrário, clique e arraste até o local 
indicado. 
 
 Veja a linha em curva que foi criada, está parecendo 
duas pranchas de surf sobrepostas. 
 
 
58 
 
 
13) Agora vamos excluir o retângulo, que só foi utilizado 
como base para elaborar com perfeição as formas. 
 
14) Com a ferramenta de seleção, clique no local indicado. 
 
15) Pressione Delete. 
 
 
59 
 
 
 
16) Pressione Delete. 
 
 
 
17) Clique no local indicado. 
 
60 
 
 
 
18) Pressione Delete. 
 
 
 
 
61 
 
19) Clique no local indicado. 
 
 
 
20) Pressione Delete. 
 
 
62 
 
21) Como as figuras de pranchas estão colocadas 
sobrepostas, vamos alterar isto dando um efeito como se 
uma estivesse por cima da outra. Utilizando a ferramenta 
de seleção direta, selecione o local indicado. 
 
 
22) Agora selecione a ferramenta borracha, como você 
selecionou uma linha, somente esta poderá sofrer 
alterações da borracha no momento. 
 
23) Apague parte da linha, conforme a imagem abaixo. 
 
63 
 
 
24) Agora clique no local indicado. 
 
 
25) Apague esta parte com a borracha. 
 
 
64 
 
 
 Pronto agora podemos ver e interpretar como se a 
prancha esquerda está por cima da direita. 
 
26) Futuramente poderemos utilizar este trabalho, salve 
este com o nome de Prancha de surf. 
Exercícios de fixação1) Faça uma imagem semelhante a esta abaixo, 
utilizando as ferramentas de contorno, salve este com o 
nome de Torre Eiffel. 
 
65 
 
 
 
 
66 
 
Aula 4 
Trabalhando com símbolos 
 Na aula de hoje vamos estudar os símbolos, como 
aplicar estilos de contornos e preenchimento, também 
vamos estudar as bibliotecas de símbolos, isto facilita 
seu trabalho pois economiza seu tempo na hora de criar 
imagem. 
Linhas 
 
 Crie uma nova prancheta, um menu Arquivo> Novo. 
 Desmembre as ferramentas de forma, clique no local 
indicado, segure o mouse e arraste até a seta 
marcado. 
 
 Com isso a barra de ferramentas de linhas e grades se 
desmembrará. 
 
 
 
67 
 
 Com uma nova prancheta já inserida crie uma elipse 
ou seja um círculo. 
 
 Selecione a forma através da ferramenta de seleção 
 
 
 Abra o painel de cores localizado no lugar marcado. 
 
 
 Com a janela de cores já aberta, selecione biblioteca. 
 
68 
 
 
 Dentro da biblioteca existem inúmeras opções de 
estilos de cores, clique em Metal. 
 
 Com isso, o círculo ficará da cor selecionada. 
 
 Agora vamos selecionar um estilo para a borda, 
selecione o círculo. 
 
69 
 
 
 
 Clique no local indicado. 
 
 Selecione a opção indicada. 
 
 Escolha um formato de borda. 
 
 
 
 
70 
 
 Selecione a opção Cinza Escuro – pena. 
 
 
 Amplie a espessura da borda no botão. 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 Exclua o círculo, selecionando ele e pressionando 
Delete. 
 
 
71 
 
 Bordas 
 Agora vamos estudar outras opções de bordas, 
primeiramente crie uma forma no caso um retângulo e 
clique em Layout de bordas. 
 
 Ao abrir esta ferramenta clique em biblioteca. 
 
 Selecione Bordas. 
 
 Ao clicar em bordas algumas opções surgirão. 
 
 
 
 
72 
 
 Através deste recurso uma janela se abrirá com 
modelos, caso deseje escolher outra borda basta rolar a 
barra de rolagem para baixo. 
 
Procure e selecione a opção Mosaico e aplique-o. 
 
 
 No espaço de trabalho existem opções para símbolos 
para abri-las basta clicar em 
 Abra a opção biblioteca e selecione a opção Primitivo. 
 
 
73 
 
 
 Você pode escolher qualquer imagem contida na 
janela e procura outras utilizando as setas marcadas. 
 
 Para inserir estas imagens basta clicar duas vezes 
sobre a imagem desejada ou clicar e arrasta-la até a 
prancheta. 
 Criar símbolos 
 Agora vamos criar uma imagem para salvar na 
biblioteca. 
 Crie uma imagem qualquer utilizando formas e linhas 
assim como aprendemos nas aulas anteriores. 
 
74 
 
 Para agilizar criamos uma imagem de uma estrela 
amarela, agora selecione a imagem e arraste está para 
dentro da caixa de símbolos. 
 
 Lembre-se que para selecionar você deve utilizar a 
ferramenta de seleção 
 Antes da imagem ser salva você deve definir algumas 
opções de símbolo e clicar em OK. 
 
 Pronto você já pode notar que a imagem que criamos 
já está no espaço dos símbolos. 
 
75 
 
 
 Você também pode salvar esta imagem no seu 
computador, para isso você deve ir em biblioteca. 
 
 E clicar em Salvar símbolo. 
 
 
76 
 
 
 Uma janela semelhante a esta acima surgirá, nesta 
você deve inserir o nome da imagem o local onde irá salvar 
e clicar em Salvar. 
 Para excluir este símbolo ou qualquer outro que esteja 
no espaço de símbolos basta arrastar o símbolo até o ícone 
de lixeira. 
 
 
 
77 
 
Exercícios práticos 
 
1) Abra o Adobe Illustrator e já crie uma prancheta. 
 
2) Clique na ferramenta indicada, mantendo o mouse 
pressionado arraste até a ferramenta elipse. 
 
 
 
3) Clique em algum lugar da prancheta. 
 
4) Note que uma janela irá surgir, nesta você deve definir 
os parâmetro para 200 pt de largura e 200 pt de altura. 
 
 
 
5) Clique em OK. 
 
78 
 
 
 Observe que uma elipse surgiu. 
 
 
6) Selecione a elipse com a ferramenta de seleção. 
 
7) Aplique a cor amarela com cor de preenchimento da 
forma. 
 
 Veja que a elipse ficou com preenchimento amarelo. 
 
 
 
 
79 
 
8) Agora vamos definir um contorno a forma, clique nas 
opções de borda. 
 
9) Clicando na seta indicada acima, um layout de opções 
irá abrir, selecione a opção Cinza escuro-pena. 
 
 
10) Vamos alterar a cor do contorno, clique na seta 
indicada e selecione a cor vermelha. 
 
 
 
11) Amplie a espessura do traçado, clique na seta 
indicada. 
 
 
 
12) Selecione a opção 3 pt. 
 
 
80 
 
 
 
 Veja como o contorno do círculo ficará. 
 
13) Salve esta imagem em sua pasta com o nome de 
Contorno personalizado. 
 
14) Abra o menu Arquivo> novo. 
 
81 
 
15) Vamos criar um retângulo, para isso selecione a 
ferramenta retângulo. 
 
16) De um clique em algum lugar da prancheta. 
 
17) Uma janela irá surgir, nesta você deverá definir os 
metidas, 200 pt de largura e 200 pt de altura. 
 
 
18) Clique em OK. 
 
 
19) Veja que um retângulo foi criado, agora selecione este 
com a ferramenta de seleção. 
 
 
82 
 
20) Aplique a cor laranja como preenchimento. 
 
 
21) Agora vamos aplicar um contorno que está na 
biblioteca, como a forma selecionada clique na seta 
indicada. 
 
 
 
22) Clique no botão que dá acesso a biblioteca. 
 
 
 
23) Selecione Bordas> Bordas primitivas. 
 
83 
 
 
 
24) Arraste para baixo a barra de rolagem para baixo e 
selecione a opção Primitivo 3. 
 
 
84 
 
 Veja como ficara o retângulo com essa borda. 
 
 
25) Salve o arquivo com nome de Borda primitiva. 
 
26) Abra o menu Arquivo> Novo. 
 
Exercícios de fixação 
 
1) Crie um símbolo e cole no painel de símbolos. 
 
2) Salve e feche o programa. 
 
 
85 
 
Aula 5 
Utilizando a ferramenta caneta 
 
 Na aula de hoje vamos estudar uma das ferramentas 
mais usadas do Illustrator. 
 Através dela você poderá criar os traços base para 
criar qualquer tipo de desenho, na verdade não haverá 
trabalho que você não consiga realizar com a ferramenta 
caneta. 
 Você vai criando e formando pontos, aqui chamados 
de nós e ajustando para posteriormente formar curvas, 
este processo denomina-se vetorização, nesta aula vamos 
aprender o básico mas nas próximas aulas vamos 
aperfeiçoando os nossos conhecimentos. 
 Bom chega de teoria e vamos partir para a prática. 
 Com o Illustrator já aberto e uma prancheta criada 
com o nome que você desejar, selecione a ferramenta 
caneta 
 Vamos criar um retângulo por primeiro, clique no local 
indicado. 
 
86 
 
 
 Note que uma linha reta surgiu entre os pontos que 
você criou, lembre-se que estes pontos são chamados de 
Nó e assim serão chamados a partir de agora neste curso. 
 
 Agora clique no outro ponto indicado. 
 
87 
 
 
 
 
 
88 
 
 Novamente uma linha surgiu entre os nós. 
 
 Agora crie mais uma linha e um nó clicando no ponto 
indicado. 
 
 
 
89 
 
 
 Agora feche o retângulo clicando no ponto indicado. 
 
 
90 
 
 
 Muito bem o retângulo já está pronto, com quatro nós, 
mas você ainda pode criar novos nós. 
 Clique nos locais indicados. 
 
 Você também pode excluir os nós através da 
ferramenta caneta. 
 
 
91 
 
 Clique no ponto indicado. 
 
 
 Agora vamos criar um nó e puxar ele para que o 
retângulo volte ao formato original. 
 Clique no local indicado. 
 
 Com a ferramenta de seleção direta estique o novo nó 
até que o retângulo seja novamente formado. 
 
92 
 
 Note que ao atingir o ponto que deixa o retângulo 
perfeito, o Illustrator lhe ajuda com linhas verdes. 
 
 
 
 
 
 
 
 Muito bem chegamos ao final desta aula veja algumas 
formas que podem ser feitas com a ferramenta caneta do 
Illustrator. 
 
 
 
93 
 
Exercício prático 
 
1) Abra o Adobe illustrator CS6 e crie uma prancheta. 
 
2) Selecione a ferramenta caneta . 
 
3) Clique nos locais consecutivamente. 
 
 
 
4) Clique no local indicado. 
 
 
5) Mais uma vez clique nos locais indicados.94 
 
 
6) Vamos fechar o retângulo, clique no local indicado. 
 
 Veja o retângulo ficou pronto. 
 
 
95 
 
7) Vamos excluir um dos pontos, com a ferramenta 
caneta clique no local indicado. 
 
 
 
8) Crie um novo ponto, com a ferramenta caneta clique 
no local indicado. 
 
96 
 
 
9) Agora molde o retângulo novamente, com a 
ferramenta de seleção direta clique e arraste o ponto até o 
local indicado. 
 
 
 Pronto o retângulo está formado novamente. 
 
 
97 
 
10) Selecione todo o retângulo com a ferramenta de 
seleção direta. 
 
11) Clique no local indicado. 
 
12) Converta o ponto ancora para Suave, clique no ponto 
indicado e selecione a opção Ponto suave. 
 
 
 
13) Clique no ponto indicado. 
 
 
98 
 
14) Converta o ponto ancora para Suave, clique no ponto 
indicado e selecione a opção Ponto suave. 
 
 
 
15) Clique no ponto indicado. 
 
 
16) Converta o ponto ancora para Suave, clique no ponto 
indicado selecionando a opção Ponto suave. 
 
 
 
 
99 
 
17) Clique no ponto indicado. 
 
 
18) Converta o ponto ancora para Suave, clique no ponto 
indicado selecionando a opção Ponto suave. 
 
 Veja como ficou o retângulo, com os cantos levemente 
arredondados. 
 
 
 
100 
 
19) Selecione a ferramenta caneta. 
 
20) Clique no local indicado. 
 
 
 
 
21) Selecione a ferramenta de seleção direta. 
 
 
22) Clique duas vezes no ponto criado anteriormente, 
somente assim ele será liberado para ser movido. 
 
 
101 
 
23) Clique e arraste o ponto até o local indicado. 
 
24) Selecione a ferramenta caneta. 
 
25) Utilizando a ferramenta de seleção direta clique no 
local indicado. 
 
 
 
102 
 
 
26) Selecione a ferramenta de seleção direta. 
 
27) Clique duas vezes no ponto indicado anteriormente. 
 
28) Arraste o ponto até o local indicado. 
 
 
 Veja que nossa forma está parecendo uma gravata 
borboleta 
 
 
103 
 
 
29) Crie uma retângulo com proporções de 80 pt por 80 
pt. 
 
 
30) Da mesma maneira suavize os pontos do retângulo. 
 
 
31) Arraste a nova forma par acima do outra forma. 
 
104 
 
 
32) Agora vamos aplicar as cores, clique no local indicado. 
 
 
33) Selecione azul como cor de preenchimento e nenhuma 
cor de contorno. 
 
 
105 
 
 
34) Agora clique no local indicado. 
 
 
35) Selecione amarelo com cor de preenchimento e 
também amarelo como cor de contorno. 
 
 
 
106 
 
 
36) Salve o arquivo com o nome de Gravata borboleta. 
 
37) Feche o programa. 
 
Exercícios de fixação 
 
1) Abra o Adobe Illustrator CS6 e crie uma prancheta. 
 
2) Crie uma imagem semelhante a esta abaixo, utilizando 
a ferramenta caneta. 
 
3) Salve e feche o programa. 
 
107 
 
Aula 6 
Ferramenta de seleção direta 
 
 Olá, na aula de hoje vamos estudar mais sobre a 
ferramenta de seleção direta, esta ferramenta é muito útil 
na criação de figurar com linhas curvas, já que na aula 
passada só estudamos linhas retas. 
 Primeiramente vamos criar linhas retas para depois 
modifica-las e deixa-las arredondadas. 
 Começando vamos criar um triângulo através da 
ferramenta caneta 
 
 Selecione a ferramenta de seleção direta 
 Observe que na parte superior da área de trabalho 
existem duas opções de conversão. 
 
 Para que você possa modificar as formas em curvas, 
selecione 
 
108 
 
 
 Puxe a alça para fora. 
 
 
 Repita o mesmo com a outra alça. 
 
 
 
 
109 
 
 Agora arraste a alça para cima. 
 
 
 Volte a posição anterior. 
 
 
 
 Agora vamos transformar esta forma em Triangulo 
novamente. 
 
110 
 
 Para isto arrastar as alças até o local indicado, porém 
pressionando uma das teclas Alt. 
 
 Vamos desenhar uma forma de coração, repita o 
mesmo com a outra alça, não se esqueça de manter 
pressionada uma das teclas Alt. 
 
 Muito bem agora selecione a ferramenta Caneta, 
vamos criar um nó no local indicado. 
 
 Vamos puxar o nó para cima, selecione a ferramenta 
de seleção direta 
 
111 
 
 
 
Selecione a imagem com a ferramenta de seleção 
direta e clique em na opções de 
conversão. 
 
 Segurando a tecla Alt Arraste a alça até o local 
indicado. 
 
 
112 
 
 
 Faça o mesmo com a outra alça. 
 
 Agora vamos suavizar os cantos, selecionando a opção 
de converção lembre-se que para isso a figura deve 
estar selecionada pela ferramenta 
Clique no local indicado e depois clique em 
 
113 
 
 
 Possivelmente o seu coração tenha ficado deformado, 
mas para arrumar basta manipular a forma através da alça 
marcada e arrastar até o ponto marcado. 
 
 Repita isso na outra alça se for preciso e então 
teremos uma forma quase que perfeita de um coração. 
 
 
114 
 
 Agora selecione o coração com a ferramenta de 
seleção e clique em nesta opção opte pela cor 
amarela, defina uma borda, não se esqueça que para isso 
você deve primeiro selecionar o quadrado que define a 
borda. 
 
 Em bordas selecione a cor vermelha e amplie a 
espessura para 17pt. 
 
 Finalmente o coração ficou pronto, não se esqueça de 
fazer os exercícios desta apostila, até a próxima aula 
 
 
 
 
115 
 
Exercícios práticos 
 
1) Abra o Adobe Illustrator CS6 e crie uma prancheta. 
 
2) Insira uma forma de estrela na prancheta. 
 
3) Selecione a ferramenta de seleção direta. 
 
 
4) Clique e arraste até o ponto indicado. 
 
 
5) Clique e arraste até o ponto indicado. 
 
 
116 
 
 
 
6) Clique e arraste até o ponto indicado. 
 
 
7) Clique e arraste até o ponto indicado. 
 
 
 
8) Clique e arraste até o ponto indicado. 
 
117 
 
 
 
 Veja só, transformamos a estrela em losango. 
9) Clique no local indicado. 
 
 
10) Clique na opção para suavizar o canto. 
 
 
 
11) Clique no local indicado. 
 
118 
 
 
12) Clique na opção para suavizar o canto. 
 
 
 
13) Clique no local indicado. 
 
14) Clique na opção para suavizar o canto. 
 
 
 
119 
 
15) Clique no local indicado. 
 
16) Clique na opção para suavizar o canto. 
 
 
 
17) Clique no local indicado. 
 
18) Clique na opção para suavizar o canto. 
 
 
 
 
120 
 
 Veja como a imagem ficou. 
 
19) Crie uma Elipse com perímetros de 100 pt de largura e 
100 pt de altura. 
 
20) Arraste esta elipse para o centro da forma que 
estamos manipulando. 
 
 
21) Clique e arraste até o local indicado. 
 
121 
 
 
 
 
22) Clique e arraste até o local indicado. 
 
 
 
23) Clique e arraste até o local indicado. 
 
 
122 
 
 
24) Clique e arraste até o local indicado. 
 
 
25) Clique e arraste até o local indicado. 
 
 
123 
 
 
 Veja como nossa forma ficou. 
 
 
 
26) Agora vamos aplicar uma cor a nossa forma, veja que 
ficou parecido com uma flor, selecione as pétalas com a 
ferramenta de seleção. 
 
 
124 
 
27) Aplique a cor Fucsia para as pétalas. 
 
 
 
 
 
28) Agora vamos aplicar a cor Amarela como cor de 
preenchimento e nenhuma cor para o contorno. 
 
 
 
125 
 
 
29) Salve o arquivo cor o nome de Margarida. 
 
30) Salve e feche o programa. 
 
Exercícios de fixação 
 
1) Crie uma forma semelhante à está abaixo, conhecido 
como o símbolo do infinito, utilizando a ferramenta caneta e 
ferramenta de seleção direta suavizando os cantos 
necessários. 
 
 
 
 
126 
 
Aula 7 
Vetorização 
 
 Olá, bem-vindo a sétima aula do curso Adobe 
Illustrator CS6, na aula de hoje vamos estudar as 
vetorizações. 
 Mas o que é vetorização? 
 Provem do primitivo vetor, que na área de design 
gráfico significa um imagem formada por elementos 
gráficos, mais adiante no curso estudaremos outro formato 
o BITMAP. 
 A Vetorização possibilita uma técnica muito 
interessante para colorir imagens que já existem no seu 
computador. 
 Muito bem, vamos inserir uma forma já inserida no 
seu computador. 
 Caso você não tenha nenhuma imagem pronta para 
colorir,abra o Google e procure alguma imagem para 
ilustrar, salve este desenho no seu computador. 
 Para inserir este no Illustrator basta criar uma 
prancheta, abrir o menu Arquivo e clicar na opção inserir. 
 
Nesta opção você deve 
procurar a imagem 
desejada e clicar em OK. 
 
127 
 
 No exemplo abaixo usamos uma imagem do 
personagem Bart Simpson. 
 
 Vamos colorir a imagem para isso siga os passos. 
 Clique no Layout do recurso marcado na imagem 
abaixo. 
 
 Uma janela com várias funções irá surgir, você pode 
testar cada opção, caso a imagem não se adapte à função 
basta pressionar Ctrl + Z. 
 Já testamos todas as funções durante a edição desta 
aula e percebemos que a imagem ficou melhor com a opção 
Esboço artístico, por isso clique em Esboço artístico. 
 
128 
 
 
 Agora clique e mantenha pressionado o mouse na 
ferramenta indicada, arraste e solte o mouse sobre a 
opção Balde de tinta em tempo real. 
 
Selecione a figura com a ferramenta de seleção 
Clique no botão Expandir. 
 
129 
 
 
 Repare que a imagem ficou com um contorno azul, 
isso significa que ela pode ser colorida. 
 
 Selecione a ferramenta de seleção direta e clique 
no local indicado, na borda da linha. 
 
 
130 
 
 Note que somente a parte da cabeça de “Bart” ficou 
selecionada. 
 Agora no painel de cor selecione a cor amarela 
clicando no local indicado. 
 
 Agora a parte que estava circulada no vários nós azuis 
esta amarela. 
 
 Como a cor amarela não será usada somente neste 
local da imagem você deve evitar usar outros tons de 
amarelo, para isso existe uma ferramenta muito útil 
chamada conta-gotas. 
 
131 
 
 Primeiramente seleciona-se o local a ser colorido de 
amarelo. 
 Clique no local indicado, assim somente a mandíbula 
do personagem ficará marcada. 
 A ferramenta conta-gotas funciona como o objeto, 
literalmente capta a cor de um ponto e insere em outro, 
como queremos que a mandíbula de “Bart” fique também 
na cor amarela e com o mesmo tom, devemos captar a cor 
da cabeça da figura e aplicar na mandíbula. 
 
 Com a ferramenta conta-gotas clique em qualquer 
parte amarela da cabeça de “Bart”. 
 
 
132 
 
 Repita o mesmo com os braços e as pernas de “Bart” 
 
 Lembre-se que para isso você deve primeiro definir a 
área a ser colorida e depois utilizar o conta-gotas. 
 Agora repita o mesmo com a camisa colorindo ela de 
vermelho, não se esqueça de colorir a parte de dentro da 
manga esquerda na figura. 
 
 
 
133 
 
 Muito bem, agora só falta colorir o calção e os tênis de 
“Bart” pintes essas partes de azul. 
 
 Pronto a imagem está colorida. 
 Como esta imagem já veio pronta não existe muitas 
coisas a serem modificada perante ao formato, mas caso 
você deseje modificar o formato basta selecionar a imagem 
com a ferramenta de seleção direta e clicar duas vezes 
nos pontos para liberar as alças. 
 
 Veja na imagem acima que criamos mais um dedo na 
mão de “Bart”, você pode criar inúmeras modificação nas 
 
134 
 
ilustrações, mas isso veremos nas próximas aulas, não se 
esqueça de fazer os exercícios desta apostila. 
 Exercícios práticos 
 
1) Abra o Adobe Illustrator CS6 e crie uma prancheta. 
 
2) Procure uma imagem para colorir do desenho “O 
fantástico mundo de Bob” caso não saiba este era um 
desenho que passava nos anos 90. 
 
3) Salve este arquivo no seu computador como o nome 
de “Bob” 
 
4) No Illustrator abra o menu Arquivo. 
 
5) Clique em Inserir. 
 
6) Procure e abra o arquivo “Bob” 
 
 
 
 
135 
 
7) Muito bem, vamos colori-lo, mas para isso 
primeiramente devemos vetorizar este. 
 
8) Selecione a imagem com uma das ferramentas de 
seleção. 
9) Clique na seta de layout da opção Traçado de 
imagem. 
 
 
 
10) Selecione a opção Esboço artístico. 
 
 
 
11) Clique no botão expandir. 
 
 
136 
 
 
12) Repare que a margem que existia em volta da imagem 
sumiu, porém ainda resta uma parte do logotipo do site de 
onde foi extraído a imagem, por isso clique nas partes 
indicadas e pressione Delete, até que todas forem 
excluídas. 
 
 
 
13) Utilizando a ferramenta de seleção direta selecione 
toda a imagem. 
 
 
 
 Veja que a imagem ficou toda contornada por pontos 
azuis, com isso você poderá selecionar partes separadas da 
imagem e colorir a imagem. 
 
 
137 
 
14) Clique fora da imagem. 
 
 
 
15) Agora clique no local indicado. 
 
 
 Veja que a região do rosto da figura ficou marcada, 
agora você pode colorir esta. 
 
16) Clique no painel de cor. 
 
 
 
138 
 
17) Dê um duplo clique no local indicado. 
 
18) Uma janela irá surgir, nesta arraste o círculo de 
captação de cor até o local indicado. 
 
 
 
19) Clique em OK. 
Com isso o rosto de bob ficará com cor de pele. 
 
 
139 
 
20) Com a ferramenta de seleção direta clique no local 
indicado. 
 
 
21) Agora vamos utilizar a ferramenta Conta cotas. 
Clique nesta. 
 
 
22) Agora vamos captar a mesma totalidade de cor do 
rosto, clique no local indicado. 
 
 Veja que a orelha de Bob está com a mesma cor do 
rosto. 
 
23) Repita o mesmo com as mão, abdome, canelas e 
pescoço de Bob. 
 
 
140 
 
24) Utilizando a ferramenta de seleção direta, clique no 
local indicado (na manga da camiseta). 
 
 
 
25) Aplique a cor vermelha para esta área. 
 
26) Defina esta cor para a outra manga gola da camisa e 
para o calção de Bob. 
 
 
27) Agora selecione o local indicado. 
 
 
141 
 
 
28) Aplique a cor azul para esta parte do tênis de Bob. 
 
 
29) Aplique esta cor a outra parte do tênis, utilizando a 
ferramenta conta gotas e ferramenta de seleção direta. 
 
 
 
142 
 
 Pronto a figura de Bob está pronta totalmente 
ilustrada. 
 
30) Salve o arquivo e feche o programa. 
 
Exercícios de fixação 
 
1) Capte da internet e pinto a imagem abaixo levando em 
consideração a fidelidade com o desenho. 
 
 
2) Salve o arquivo e feche o programa. 
 
 
 
143 
 
Aula 8 
Convertendo BITMAPS 
 Na aula de hoje continuaremos estudando a 
vetorização e a ferramenta pincel irregular, com ela você 
pode vetorizar imagens feitas à mão, esta técnica é muito 
útil no processo de criação de um logo pra uma empresa, 
muitas vezes o responsável pela empresa já vem com um 
esboço pronto e você, no caso designer gráfico devera 
lapidar ou seja digitalizar o logo. 
 O ideal é você criar dois ou três modelos e pedir a 
opinião de quem lhe pediu o serviço. 
 Abaixo temos um esboço de um logo que uma outra 
pessoa fez, por tanto devemos manter as características e 
mudar o mínimo de detalhes possíveis. 
 
 Lembre-se que para inserir um logo você deve abrir o 
menu Arquivo> Inserir. Uma esboço feito à mão pode ser 
passado para o PC através de uma fotografia. 
 Vamos utilizar o exemplo da aula passada, o traçado 
em tempo real para deixar os traços editáveis e com 
possibilidade de colorir. 
 
 
 
144 
 
 Veja que o trabalho ficou praticamente perfeito, está 
quase pronto para entrega e aprovação do cliente. 
 
 Porém note que a palavra Produções está borrada. 
 
 Para fazer algumas modificações necessárias e 
reutilizar algumas partes clique no botão Expandir. 
 
 Clicando nesta opção vamos transformar o resultado 
do traçado em tempo real em curvas e linhas que podem 
ser modificadas com a ferramenta seleção direta . 
 
 
145 
 
 Cada ponto azul chamado de Nó pode ser manipulado 
através da ferramenta de seleção direta . 
 
 Para poder observar melhor como essa ferramenta 
funciona vamos ampliar a visualização, clique na 
ferramenta Zoom e amplie as imagens seis vezes. 
 
 Clique e arraste até o ponto indicado. 
 
146 
 
 Podemos fazer essas modificações para alterar melhor 
os traços de uma arte. Mas no caso, até para continuar com 
a explicações e o conhecimento de novas ferramentas, 
vamos apenas modificar a cor da palavra Produções. 
 Cliquena guia Editar e Desfazer ou o atalho Ctrl + 
Z. 
 Novamente utilize a ferramenta Zoom para aproximar 
a palavra Produções. 
 Quando utilizamos o Traçado em tempo real ele 
vetoriza automaticamente à imagem, deixando tudo 
agrupado, isto significa que não podemos separar apenas 
uma parte da palavra ou desenho, para fazer modificações 
individuais devemos desagrupar. 
 Clique no meu Objeto. 
 
 Nesta opção temos várias opções, duas delas são 
Agrupar e Desagrupar. 
 Selecione Agrupar. 
 
 Esta opção faz com que toda imagem possa ser 
movida e manipulada por inteiro. 
 Já na opção Desagrupar podemos separar a imagem 
em algumas partes, cada parte pode ser manipulada 
separadamente. 
 Selecione Desagrupar. 
 
147 
 
 
 Utilizando a ferramenta Zoom a palavra Produções, 
para isso, vamos retirar o fundo da palavra Produções ou 
como queira a parte de dentro da letra O, clique na área 
marcada e pressione Delete. 
 
 Selecione a palavra Produções. 
 
 Clique no Layout da opção de cores. 
 
 E clique na cor indicada. 
 
 
148 
 
 Pronto trocamos a cor da palavra Produções, porém 
note que ela não está bem definida. 
 
 Isso acontece pois o Illustrator não utilizou apenas 
preenchimento, para o vetorização ele utilizou linhas, sendo 
necessário modificar a cor do contorno também. 
 Nesse caso o melhor a fazer é recortar a palavra - e 
redesenha-la sobre a original utilizando a ferramenta 
caneta. 
 Observe a letra “P” redesenhada com a cor salmão. 
 
 
 Muito bem chegamos ao fim da aula do capítulo oito 
do curso Adobe Illustrator CS6. 
 
 
149 
 
Exercícios práticos 
 
1) Abra o Adobe Illustrator CS6 e crie uma prancheta. 
 
2) Procure na internet uma imagem referente ao logo da 
empresa Unilever. 
 
3) Salve esta imagem no seu computador com o nome de 
Unilever. 
 
4) No programa Adobe Illustrator abra o menu Arquivo. 
 
5) Clique em Inserir. 
 
6) Procure pela imagem salva no exercício acima, e insira 
esta. 
 
7) Selecione a imagem com a ferramenta de seleção 
direta. 
 
150 
 
 
8) Clique na seta da opção Traçado da imagem. 
 
 
 
9) Opte por Esboço artístico. 
 
 
 
 Veja que a imagem ficou com um aspecto diferente, os 
pequenos detalhes foram suprimidos, como por exemplo o 
“pingo da letra I e detalhes da letra E. 
 
10) Utilizando a ferramenta lupa, para aproximar a 
imagem. 
 
 
151 
 
11) Utilizando a ferramenta pincel e caneta vamos 
concertar isto. 
 
 
12) Salve e feche o programa. 
 
Exercícios de fixação 
 
1) Capte algum desenho da internet, vetorize, concerte o 
necessário e pinte este. 
 
2) Salve e feche o programa. 
 
 
 
 
152 
 
Aula 9 
Utilizando a ferramenta texto 
 
 Na aula de hoje vamos aprender como deixar nossos 
trabalhos mais diversos inserindo textos neles, não vamos 
entrar no assunto que textos possam fazer uma grande 
diferenças nos trabalhos gráficos, vamos direto para a 
prática. 
 Bom digitar é fácil, desenvolver um texto nem tanto, 
mas como o designer gráfico trabalha com a estética, 
vamos estudar a formatação de texto, ou seja (fonte, 
tamanho, cor, etc.) 
 Para inserir texto no Illustrator você deve utilizar a 
ferramenta texto no painel de opções à direita da área de 
trabalho. 
 
 E clique na seta indicada. 
 
 Deste modo a ferramenta de texto se desmembrou do 
grupo de opções, ficando mais rápida e fácil de ser 
utilizada. 
 
 
153 
 
 Primeiramente vamos utilizar a primeira opção desta 
ferramenta, a opção Tipo. 
 
 Para digitar basta clicar onde desejamos iniciar a 
palavra, porém depois de digitar podemos pegar a 
ferramenta seleção e mover de lugar. 
 Digite a palavra Illustrator. 
 
 Opções que já aprendemos estão disponiveis, como a 
alteração de contorno, outras opções serão exclusivas ao 
texto , porém para aplicar qualquer efeito ou modificações 
o ideal é pegar a ferramento seleção para ativar os 
recursos. 
 Para alterar a fonte e o tamanho dela clique em 
Caractere. 
 
 Clicando nesta opção uma janela com recursos de 
fonte irá surgir. 
 
154 
 
 
 Clique no Layout e aplique a fonte Berlin Sans FB, 
estilo Bold, e 60 pt na opção 
 
 Veja como que a fonte ficará. 
 
 Mas você também pode fazer dowloand de outras 
fontes na internet, um modo é pelo site www.dafont.com 
 Neste site você encontrará varios estilos de fonte para 
baixar, lembrando que baixar é o termo que se usa 
quando copiamos arquivos da internet para o seu 
computador. 
 
http://www.dafont.com/
 
155 
 
 Abra o navegador que você mais utiliza. 
 
 E vá até o site citado acima. www.dafont.com 
 Veja a página inicial do site. 
 
 Como você pode ver existem colunas de vários estilos 
que você pode escolher. 
 Na coluna Gotica clique em Medievais. 
 
http://www.dafont.com/
 
156 
 
 Desça a barra de rolagem. 
 
 Assim você poderá visualizar as opções de fontes para 
baixar referente ao assunto gótico. 
 Clique sobre a opção Deutsche Zierschrift. 
 
 Clique na pasta em formato ZIP que surgiu na canto 
inferior direito da tela. 
 
 
 
157 
 
 Na janela que irá surgir abra a pasta marcada. 
 
 Uma nova janela se abrirá, nesta você deve clicar na 
opção Instalar, deste modo a fonta poderá ser utilizada 
em qualquer programa que tenha ferramenta para inserção 
de texto. 
 Veja só. 
 
 Muito bem chegamos ao fim desta aula, não se 
esqueça de fazer os exercícios desta apostila. 
 
158 
 
Exercícios práticos 
 
1) Abra o Adobe Illustrator e crie uma prancheta. 
 
2) Clique na ferramenta de texto . 
 
3) Clique sobre a prancheta e digite a palavra 
Illustrator. 
 
4) Selecione o texto. 
 
5) Clique no recurso Caractere. 
 
6) Para abrir as opções de caractere clique na seja 
indicada. 
 
 
159 
 
7) Aqui abriu uma lista de fontes disponíveis, clique na 
seta indicada até achar a fonte Lucida Handwriting 
Italic, observação a lista está em ordem alfabética. 
 
8) Defina o tamanho do caractere para 45 pt. 
 
 
 
9) Agora abra algum navegador e acesse o site 
www.dafont.com. 
 
http://www.dafont.com/
 
160 
 
10) Clique na opção LCD. 
 
 
11) Arraste a barra de rolagem até a fonte Game Over. 
 
 
 
 
161 
 
12) Clique em Download, repare que o download iniciará 
no canto inferior esquerdo da tela. 
 
 
13) Após o término do download clique na pasta zip. 
 
 
 
14) Clique em fechar. 
 
 
 
15) Dê um clique sobre o arquivo de fonte. 
 
16) Clique sobre Instalar. 
 
162 
 
 
 
 
17) Agora volte ao Illustrator e clique em caractere. 
 
18) Defina o tamanho de caractere para 100 pt. 
 
 
163 
 
 
19) Selecione a ferramenta de texto . 
 
20) Digite a palavra Game Over. 
 
 
 
21) Salve o arquivo como Game Over. 
 
22) Feche o programa. 
 
 
Exercícios de fixação 
 
1) Acesse o site www.dafont.com e faça o download de 
uma fonte. 
 
2) Digite o nome da fonte utilizando a mesma. 
 
3) Salve a feche o programa. 
 
 
http://www.dafont.com/
 
164 
 
Aula 10 
Camadas 
 
 Na aula de hoje vamos revisar na prática algumas 
ferramentas e estudar o uso de camadas, esta que tem 
como principal papel separar os elementos de uma arte 
gráfica facilitando a organização destes dentro do 
Illustrator. 
 Como exemplo vamos criar um cardápio utilizando 
ferramentas como o pincel, retângulo e caneta, a imagem 
abaixo também foi tratada com o Adobe Illustrator. 
 
 
 Nosso trabalho será organizar estes elementos da 
imagem em camadas, posteriormente vamos aprender 
como criar novas camadas. 
 
 
 
165 
 
Mas o que são camadas? 
 Camadas são recursos do Illustrator que funcionam 
como folhas de trabalho ou de mesa, é importante saber 
que podemos isolar os elementos uns dos outros. Com isso 
podemos ocultar ou bloquear partes do desenho evitando 
que eles nos atrapalhem durante as criações. 
 Durante o curso você vai perceber que coisa mais 
frustrante é vocêtentar selecionar um objeto e selecionar o 
fundo ou até mesmo outro objeto acidentalmente, se 
separarmos por camadas os elementos, poderemos 
bloquear ou ocultar para que não atrapalhe o seu trabalho, 
com camadas ainda poderemos definir quais elementos 
serão impressos ou não, 
 Clique no Painel de Camada. 
 
 
 
166 
 
 Uma janela irá surgir, você pode ativar esta, pelo 
painel de camadas ou pelo botão F7. 
 
 Observe que já temos uma camada nomeada 
automaticamente de Camada 1, toda vez que iniciarmos 
um trabalho já haverá uma destas, se não criarmos outra 
camada todos os elementos ficarão nela. 
 Mas isso não é problema, porém o mais organizado e 
ideal é criar uma para cada tipo de objeto, fotos, fundo, 
texto, barra, etc. 
 Você também deverá organizar uma ordem das 
camadas, ou seja, quais deverão ficar na frente, o fundo 
nunca deverá ficar na frente. 
 Renomeie a camada, de um duplo clique na área 
indicada, e digite o nome Fundo. 
 
 De um duplo clique na área indicada. 
 
167 
 
 
 Uma nova janela irá surgir nela você poderá alterar o 
nome, cor, entre outras opções. 
 
 A opção cor, serve para definir uma cor para a camada 
e para as linhas de seleção. Quando você seleciona um 
objeto ele fica com bordas azuis, pois bem neste recurso 
podemos escolher outra cor, se escolhermos a cor vermelha 
e posteriormente selecionar o objeto este ficará com 
contorno vermelho, selecione a cor laranja. 
 A opção modelo desativa as opções e esmaece a 
camada, deixado ela semitransparente, mais clara, para 
que possamos desenhar por cima com o nome sugere, 
deixa um modelo para ser seguido durante a criação. 
 Suponhamos que você tenha que desenhar um 
cardápio, seguindo ideias de um já existente, então você 
insere o modelo antigo dentro do programa, coloca ele em 
uma camada e marca essa opção, 
 Mas no momento não faremos isto, pois esta função 
bloquear evita que a camada seja desativada, ela deixa a 
camada fixa onde ela está. 
 Esta opção deve ser marcada quando trabalharmos 
por cima do desenho ou quando já finalizamos o trabalho 
 
168 
 
nesta camada e não queremos mais modificar. O ideal é 
desbloquear sempre que necessário. 
 Mas você deve se lembrar que ao bloquear um 
camada não haverá como modificar nada dela, cor, 
tamanho nem linhas, no caso já deixamos bloqueada. 
 Clique em OK. 
 
 Note que surgiu um cadeado na frente da camada, a 
cor em frente do nome também mudou e o nome da 
camada, estas foram as três opções iniciais que 
escolhemos. 
 
 Vamos voltar a conhecer as outras opções, de um 
duplo clique na área marcada. 
 
 Desmarque a opção Bloquear, marque a opção 
modelo e clique em OK. 
 
169 
 
 
 A camada fica semitransparente e também fica 
bloqueada para evitar que tiremos do lugar, afinal, ela 
serve como modelo de desenho, então não devemos deixar 
sair do local onde está, sendo assim essa camada não será 
impressa. 
 Vamos alterar novamente as opções, de um duplo 
clique no local indicado. 
 
 
 Desmarque a opção Modelo. 
 
 A opção mostrar quando marcada exibe o conteúdo da 
camada, quando desmarcada oculta o que está nela. 
 
170 
 
 Já a opção imprimir quando marcada imprimirá a 
camada quando for solicitado, ou seja, se marcar ela sairá 
no papel, se desmarcar ela não sairá. 
 Clique em OK. 
 Uma outra forma de bloquear a camada é clicar no 
ícone que ativa o cadeado, assim não precisamos dar dois 
cliques toda a vez que bloquearmos. 
 Clique no local indicado. 
 
 Muito bem agora essa camada está bloqueada, não 
será possível desenhar nem modificar o conteúdo dela. 
Vamos criar uma nova camada para fazer o restante do 
trabalho criar camadas. 
 Clique no local indicado. 
 
 
 Pronto, saiu uma nova camada, por padrão o nome 
dela será Camada 2, Vamos criar alguns detalhes no 
cardápio. 
 Troque o nome da camada para Linhas, aplique a cor 
azul. 
 Clique em OK. 
 
171 
 
 Agora vamos ocultar o painel camadas para não nos 
atrapalhar enquanto desenharmos clique sobre o ícone do 
painel. 
 
 Clique sobre a ferramenta linha. 
 
 Esta ferramenta permite desenhar linhas retas e 
angulares, útil para fazer sublinhados. Detalhes em 
trabalhos ou apenas divisões, você pode alterar, na opção 
traçado, o tamanho e forma da linha. 
 Desenhe uma linha vermelha sobre os locais onde 
estão as setas azuis. 
 
 
172 
 
 
 Aplique 10pt para a espessura das linhas. 
 
 Bom, a linha está pronta mas lembre-se que esta aula 
não é focada em lhe ensinar a fazer cardápios estamos 
utilizando um para demonstrar o funcionamento das 
camadas. 
 Agora vamos bloquear esta camada para não nos 
atrapalhar e vamos criar outra para colocar os números e 
outros detalhes. 
 Clique no Painel de camadas. 
 
 Clique no local indicado, um cadeado irá surgir. 
 
 
173 
 
 
 Crie uma nova planilha clicando no local indicado. 
 
 De um duplo clique no local indicado. 
 
 E na janela que irá surgir faça as seguintes alterações, 
altere o nome da camada para Marcadores de linha e 
aplique a cor Verde. 
 
 Clique em OK. 
 
 
174 
 
 Muito bem, agora nesta camada colocaremos duas 
elipses nas linhas. 
 Clique e mantenha o mouse pressionado na 
ferramenta indicada. 
 
 
 Clique na tela e crie duas elipses com precisão de 
28cm de largura e 28cm de altura. 
 Crie ela e pressione a ferramenta uma janela irá 
surgir. 
 Nela você digite 28cm de largura e 28cm de altura. 
 Aplique borda e preenchimento vermelho nas elipses, 
através dos recursos. 
 
 
 Pressione em OK. 
 
 
175 
 
 Arraste as elipses até o local indicado através da 
ferramenta de seleção direta. 
 
 Bom, como todo cardápio, vamos inserir os pratos da 
casa e os preço etc. para isso deveremos utilizar a 
ferramenta de texto . 
 Muito bem agora vamos digitar o texto, e para finalizar 
devemos alterar a cor, tamanho e tipo de fonte devemos 
pegar a ferramenta seleção. 
 Digite os títulos pratos e preços nos devidos lugares 
levando em referência a imagem abaixo. 
 
 Selecione a palavra Pratos. 
 Note na imagem abaixo que a palavra ficou 
selecionada de cor verde, exatamente como configuramos 
os comandos da camada. 
 
176 
 
 
 
 Porém deveríamos ter inserido este texto em uma 
outra camada. 
 Para realizar isto, selecione a palavra, clique na guia 
Editar e selecione a opção Recortar. 
 Agora crie uma nova camada clicando no botão. 
 
 De um duplo clique para configurar a camada. 
 
 Na janela que irá surgir altere o nome para Textos e a 
cor para vermelho e de um OK. 
 
 
177 
 
 Agora já criamos a camada textos, vá na guia editar e 
selecione a opção colar neste local. 
 
 Pronto a palavra Pratos já está na camada Textos. 
 Para finalizar selecione a palavra e faça as seguintes 
alterações. 
 Clique na opção caractere. 
 
 Mude a fonte para Bauhaus 93 
 Tamanho de fonte 24pt 
 Cor de fonte marrom 
 
 
178 
 
Exercícios práticos 
 
1) Abra o Adobe Illustrator CS6 e crie uma prancheta. 
 
2) Desmembre a ferramenta de formas, clique e arraste 
até o local indicado. 
 
 
 
3) No exercício desta aula vamos criar uma bola, para 
isso clique na ferramenta elipse. 
 
4) Clique em algum lugar da prancheta. 
 
5) Uma janela irá abrir, nesta você deve definir o 
diâmetro da forma para 150 pt de largura e 150 pt de 
altura para criar clique em OK. 
 
6) Clique no painel de camadas. 
 
 
7) Renomeio a camada, dê um duplo clique no local 
indicado, e digite Círculo preto. 
 
 
179 
 
8) Crie uma nova camada, clique no local indicado. 
 
 
9) Nomeie esta camada como Gomos. 
 
10) Bloqueie a camada Círculo preto, clique no local 
indicado. 
 
 
11) Opte por não visualizar a camada Círculo preto, 
clique no local indicado. 
 
 
180 
 
 
12) Vamos criar os gomos da bola para isso teremos que 
inserir um losango, clique em no local indicado. 
 
 
 
13) Clique em algum