Você está na página 1de 410

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á cos .................................................................................................................................. 16
Aula 2 .......................................................................................................................................................... 17
Formas geométricas primi vas .................................................................................................................. 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á cos .................................................................................................................................. 34
Exercícios prá cos .................................................................................................................................. 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á cos .................................................................................................................................. 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á cos .................................................................................................................................. 77
Exercícios de fixação .............................................................................................................................. 84

2
Aula 5 .......................................................................................................................................................... 85
U lizando a ferramenta caneta .................................................................................................................. 85
Exercício prá co ..................................................................................................................................... 93
Exercícios de fixação ............................................................................................................................ 106
Aula 6 ........................................................................................................................................................ 107
Ferramenta de seleção direta .................................................................................................................. 107
Exercícios prá cos ................................................................................................................................ 115
Exercícios de fixação ............................................................................................................................ 125
Aula 7 ........................................................................................................................................................ 126
Vetorização ............................................................................................................................................... 126
Exercícios prá cos ................................................................................................................................ 134
Exercícios de fixação ............................................................................................................................ 142
Aula 8 ........................................................................................................................................................ 143
Convertendo BITMAPS ............................................................................................................................. 143
Exercícios prá cos ................................................................................................................................ 149
Exercícios de fixação ............................................................................................................................ 151
Aula 9 ........................................................................................................................................................ 152
U lizando a ferramenta texto .................................................................................................................. 152
Exercícios prá cos ................................................................................................................................ 158
Exercícios de fixação ............................................................................................................................ 163
Aula 10 ...................................................................................................................................................... 164
Camadas ................................................................................................................................................... 164
Exercícios prá cos ................................................................................................................................ 178
Exercícios de fixação ............................................................................................................................ 182
Aula 11 ...................................................................................................................................................... 184
Efeitos de preenchimento ........................................................................................................................ 184
Exercícios prá cos ................................................................................................................................ 194
Exercícios de fixação ............................................................................................................................ 207
Aula 12 ...................................................................................................................................................... 208
Efeitos de contorno .................................................................................................................................. 208
Exercícios prá cos ................................................................................................................................ 215
Exercícios de fixação ............................................................................................................................ 221
Aula 13 ...................................................................................................................................................... 222
Introdução aos objetos em 3D ................................................................................................................. 222
Exercícios prá cos ................................................................................................................................ 234
Exercícios de fixação ............................................................................................................................ 239

3
Aula 14 ...................................................................................................................................................... 240
Mapeamento de objetos em 3D............................................................................................................... 240
Exercícios prá cos ................................................................................................................................ 250
Exercícios de fixação ............................................................................................................................ 260
Aula 15 ...................................................................................................................................................... 261
Preenchimento gradiente ......................................................................................................................... 261
Exercícios prá cos ................................................................................................................................ 276
Exercícios de fixação ............................................................................................................................ 281
Aula 16 ...................................................................................................................................................... 282
Ferramenta Malha .................................................................................................................................... 282
Exercícios prá cos ................................................................................................................................ 294
Exercícios de fixação ............................................................................................................................ 306
Aula 17 ...................................................................................................................................................... 307
Ferramenta malha parte 2 ....................................................................................................................... 307
Exercícios prá cos ................................................................................................................................ 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
U lizando a ferramenta de mesclagem ............................................................................................... 334
Personalizando objetos em 3D ............................................................................................................ 347
Agrupamento de objetos ..................................................................................................................... 361
Exercícios prá cos ................................................................................................................................ 377
Exercícios de fixação ............................................................................................................................ 382
Aula 19 ...................................................................................................................................................... 383
Preenchimento personalizado.................................................................................................................. 383
Exercícios prá cos ................................................................................................................................ 390
Exercícios de fixação ............................................................................................................................ 394
Aula 20 ...................................................................................................................................................... 395
Opacidade e transparência....................................................................................................................... 395
Exercícios prá cos ................................................................................................................................ 404
Exercícios de fixação ............................................................................................................................ 410

4
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 Adobe Premiere Pro CS6

In design CS6 After Effects CS6

Acrobat X pro Adobe Audition CS6

Flash Professional CS6 Speed Grade CS6

Flash Builder 4.6 Prelude CS6

Dreamweaver CS6 Encore CS6

FireWorks CS6 Bridge

5
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.

6
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.

7
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.

8
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.

9
Clique nas setas marcas para abrir os espaços de
trabalho.

Com isso o espaço de trabalho é liberado.

10
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.

11
Mas você pode mudar a opção clicando em
clicando nesta opção uma janela surge, nesta você pode
escolher outra opção.

Clique em Tipografia

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.
12
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.

13
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?


_______________________________________________
_______________________________________________
_______________________________________________

14
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?
_______________________________________________
_______________________________________________
_______________________________________________

15
Exercícios práticos

1) Abra o Adobe Illustrator.

2) Insira uma prancheta, menu Arquivo> Novo.

3) Defina o nome da prancheta como “Minha primeira


prancheta”

4) Salve o arquivo, menu Arquivo> Salvar como,


coloque o nome do trabalho também como Minha
primeira prancheta.

16
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.

17
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.

18
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.

19
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.

20
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.

21
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.

22
Vamos ampliar o retângulo, para isso siga as
instruções contidas na imagem abaixo.

23
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.

24
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.

25
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.

26
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.

27
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.

28
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.
29
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,

30
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.

31
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.

32
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.

33
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?


_______________________________________________
_______________________________________________
_______________________________________________

34
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.

35
3) 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.

36
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.

37
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.

38
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.

39
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.

40
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.

41
Observe alguns tamanho de espessuras.

1 pt

2 pt

3 pt

4 pt

5 pt

6 pt

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.

Arremate Limitado

Arremate Arredondado

Arremate Projetado

42
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.

43
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

44
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.

45
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á

46
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.

47
Antes de inserir você pode configurar a grade do
mesmo modo que as formas anteriores, através da janela.

48
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?


_______________________________________________
_______________________________________________
_______________________________________________

49
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.

50
4) Clique e arraste até o local indicado.

5) Clique e arraste novamente até o local indicado.

51
6) Faça isso outra vez.

7) Para terminar feche o retângulo.

Muito bem, o retângulo está pronto.

52
8) Agora selecione a ferramenta arco.

53
9) Clique e arraste até o local indicado.

Note que uma linha em formato de arco surgiu.

54
10) Agora faça o inverso, clique e arraste até o local
indicado.

55
Agora uma nova linha em curva surgiu.

11) Clique e arraste até o local indicado.

56
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.

57
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.

58
16) Pressione Delete.

17) Clique no local indicado.

59
18) Pressione Delete.

60
19) Clique no local indicado.

20) Pressione Delete.

61
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.

62
24) Agora clique no local indicado.

25) Apague esta parte com a borracha.

63
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ção

1) Faça uma imagem semelhante a esta abaixo,


utilizando as ferramentas de contorno, salve este com o
nome de Torre Eiffel.

64
65
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á.

66
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.

67
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.

68
Clique no local indicado.

Selecione a opção indicada.

Escolha um formato de borda.

69
Selecione a opção Cinza Escuro – pena.

Amplie a espessura da borda no botão.

Exclua o círculo, selecionando ele e pressionando


Delete.

70
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.

71
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.

72
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.

73
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.

74
Você também pode salvar esta imagem no seu
computador, para isso você deve ir em biblioteca.

E clicar em Salvar símbolo.

75
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.

76
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.

77
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.

78
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.

79
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.

80
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.

81
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.

82
24) Arraste para baixo a barra de rolagem para baixo e
selecione a opção Primitivo 3.

83
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.

84
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.

85
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.

86
87
Novamente uma linha surgiu entre os nós.

Agora crie mais uma linha e um nó clicando no ponto


indicado.

88
Agora feche o retângulo clicando no ponto indicado.

89
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.

90
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.

91
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.

92
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.

93
6) Vamos fechar o retângulo, clique no local indicado.

Veja o retângulo ficou pronto.

94
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.

95
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.

96
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.

97
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.

98
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.

99
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.

100
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.

101
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

102
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.

103
32) Agora vamos aplicar as cores, clique no local indicado.

33) Selecione azul como cor de preenchimento e nenhuma


cor de contorno.

104
34) Agora clique no local indicado.

35) Selecione amarelo com cor de preenchimento e


também amarelo como cor de contorno.

105
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.

106
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

107
Puxe a alça para fora.

Repita o mesmo com a outra alça.

108
Agora arraste a alça para cima.

Volte a posição anterior.

Agora vamos transformar esta forma em Triangulo


novamente.

109
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

110
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.

111
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

112
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.

113
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

114
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.

115
6) Clique e arraste até o ponto indicado.

7) Clique e arraste até o ponto indicado.

8) Clique e arraste até o ponto indicado.

116
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.

117
12) Clique na opção para suavizar o canto.

13) Clique no local indicado.

14) Clique na opção para suavizar o canto.

118
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.

119
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.

120
22) Clique e arraste até o local indicado.

23) Clique e arraste até o local indicado.

121
24) Clique e arraste até o local indicado.

25) Clique e arraste até o local indicado.

122
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.

123
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.

124
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.

125
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.

126
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.

127
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.

128
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.

129
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.

130
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”.

131
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.

132
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

133
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”

134
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.

135
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.

136
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.

137
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.

138
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.

139
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.

140
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.

141
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.

142
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.

143
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 .

144
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.

145
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.
Clique na 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.

146
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.

147
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.

148
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.

149
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.

150
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.

151
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.

152
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.

153
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.

154
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.

155
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.

156
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.

157
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.

158
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.

159
10) Clique na opção LCD.

11) Arraste a barra de rolagem até a fonte Game Over.

160
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.


161
17) Agora volte ao Illustrator e clique em caractere.

18) Defina o tamanho de caractere para 100 pt.

162
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.

163
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.

164
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.

165
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.

166
Uma nova janela irá surgir nela você poderá alterar o
nome, cor, entre outras opções.

A opção cor, s erve 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

167
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.

168
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.

169
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.

170
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.

171
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.

172
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.

173
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.

174
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.

175
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.

176
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

177
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.

178
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.

179
12) Vamos criar os gomos da bola para isso teremos que
inserir um losango, clique em no local indicado.

13) Clique em algum local da prancheta.

14) Uma janela irá abrir, nesta você deve definir o


diâmetro da forma para 25 pt, 6 lados e clique em OK.

15) Selecione a ferramenta de seleção direta.

16) Crie outras 6 formas semelhantes, pressionando a


tecla Alt e puxe para fora.

17) Selecione o losango utilizando a ferramenta de seleção


direta.

18) Defina a cor branca com cor de preenchimento e cor


preta com cor de contorno.

19) Utilizando a ferramenta de seleção encaixe as 7


formas conforme a forma abaixo.

180
20) Selecione as formas de losango e agrupe as imagens,
abra o menu Objeto> Agrupar.

21) Agora clique no local indicado para visualizar o círculo


preto.

22) Utilizando a ferramenta de seleção ajuste os gomos


para cima do círculo preto conforme a imagem abaixo.

181
23) Selecione a ferramenta de seleção direta.

24) Selecione o gomo indicado.

25) Para este gomo defina preto como cor de


preenchimento e contorno.

26) Salve este arquivo com o nome de Bola.

27) Feche o programa.

Exercícios de fixação

182
1) Crie um esboço da bandeira do Brasil utilizando a
ferramenta de formas e caneta, conforme a imagem
abaixo.

Obs.: cada tipo de forma deve estar em uma camada


que deverá ser nomeada com o nome da forma inserida
nesta.

2) Salve e feche o programa.

183
Aula 11
Efeitos de preenchimento
Olá, bem-vindo a décima primeira aula do curso Adobe
Illustrator CS6, na aula de hoje você vai conhecer alguns
efeitos interessantes para melhorar o acabamento do seu
trabalho.
No Illustrator existe um menu chamado Efeito, neste
vamos encontrar vários grupos de efeitos para nosso
trabalho, desde distorções até sombras e efeitos em 3D.
Com o Illustrator aberto e uma prancheta já criada,
crie um losango utilizando a ferramenta caneta

Selecione a forma com a ferramenta de seleção


aplique a cor verde ao preenchimento da forma, cor
amarela como cor de contorno em traçado opte por 4pt de
espessura.

184
Com a forma ainda selecionada clique no menu Efeito.

Neste menu temos vários grupos de efeitos, cada


opção destas traz mais opções que modificam de alguma
forma objetos, textos e fotos.
Destro desta opção existem vários efeitos, assim como
toda opção que contenha uma seta preta no canto.

Clique na opção Estilizar.

185
Muito bem clique na opção indicada abaixo.

Uma janela irá surgir com vários opção de


reguladores, mas agora não vamos adentrar muito neles,
apenas clique no Layout de configuração e selecione a
opção Croqui após isto clique em OK.

Observe a forma parece que foi pintada a giz.

186
Clique na ferramenta caneta, digite a palavra Brasil.
Posicione ela sobre a imagem, conforme a imagem
abaixo.

Selecione a palavra com a ferramenta de seleção


Aplique o seguinte efeito moiré. Menu
Efeito>Estilizar>Rabiscar>Moiré.

Muito bem. Com o texto já estilizado vamos continuar


a conhecer este menu e seus recursos do menu Efeitos.
Selecione a forma de losango e abra o menu efeito.
Selecione a opção estilizar e após rabiscar.
Você receberá uma notificação, ela está lhe
informando que um novo estilo será aplicado, porém o
atual não será substituído, isso significa que o seu trabalho
ficará uma baderna.
Clique em Cancelar.

187
Quando aplicamos um efeito e desejamos alterar ele,
não podemos voltar ao menu de origem, ou seja, se já
existir um efeito no objeto e desejamos modificar apenas
devemos ativar o painel aparência.
Clique no menu aparência.

Aqui teremos todos os efeitos e alterações do objeto.


Então lembre-se, sempre que precisar fazer alguma
alteração no efeito atual você deve vir aqui.
Note que este painel contém opção para alteração de
traçado, preenchimento, rabiscar e opacidade, estas
alteração são feitas no objeto, exceto opacidade que é a
transparência do desenho, sempre estará aqui mas ali
poderemos mudar este recurso, deixando ele transparente,
útil para fazer efeitos de vidro.
Clique em rabiscar, caso está opção não esteja visível
puxe a barra de rolagem para baixo.

188
Agora a janela efeito foi exibida novamente, podemos
modificar o que já temos na tela.

Nesta janela, em configuração clique selecione a opção


infantil.

Você pode testar todas as opção e escolher outra, mas


no caso vamos utilizar a opção Moiré, como já havíamos
utilizado esta opção alguns movimentos atrás pressione as
teclas Ctrl + Z, isso fará com que o Illustrator volte uma
movimento que você realizou.

189
Agora vamos estilizar mais ainda a palavra Brasil,
selecione ela e clique no menu Efeito, selecione a opção
estilizar e após brilho externo.
Esta opção aplica um brilho, estilo neon ao redor do
objeto selecionado, podemos escolher a cor, modo de
mistura, opacidade do brilho e o tamanho, em desfoque.
Marque a opção Visualização.
Observe que ao redor da imagem foi aplicado um
pequeno brilho, mas que parece uma sombra por causa da
cor preta.

Clique no recurso de cor.

190
Neste local podemos escolher a cor para o brilho,
arraste as setas brancas para o lugar marcado, assim
selecionando a cor ver.

Para escolher a tonalidade da cor arraste o pequeno


círculo branco até o local indicado e de um OK.

191
Nesta janela também clique em OK.

Estes efeitos sozinhos já dão um acabamento melhor


ao trabalho, mas você pode utilizar a sua criatividade e
melhorar resultado vamos colocar uma cor branca em
nosso texto.

Clique no botão de cores e selecione a cor branca, com


isso o seu texto ficará da cor branca.

192
Vamos conhecer outras opções do efeito estilizar, a
sombra.
Esta opção faz praticamente o mesmo que o brilho
esterno, porém ele permite escolher a direção do “Brilho”, o
que simula uma sombra projetada no que estiver
selecionado.
Abaixo da palavra Brasil digite o texto 2014 e
mantenha este selecionado.

Clique em Menu efeito>estilizar>sombra.


Na janela que irá surgir, marque a opção visualizar.

Note que a sombra já surgiu, as outras opções servem


para definir a posição da sombra, qualidade e a cor, teste
as outras opções para conhecer.

193
Não esqueça de fazer os exercícios desta apostila.
Exercícios práticos

1) Abra o Adobe Illustrator CS6 e crie uma prancheta.

2) Vamos criar uma imagem de uma barco, para isso crie


uma retângulo azul claro sem cor de contorno e coloque ele
conforme a imagem abaixo.

3) Clique no painel de camadas .

4) Nomeie essa camada como Céu, dê um duplo clique


no local indicado e digite a palavra.

194
5) Clique no painel de camadas .

6) Nomeie esta camada como Sol.

7) Clique sobre o local indicado.

8) Clique na seta indicada, selecione a cor laranja como


contorno de seleção e clique em OK.

195
9) Crie uma elipse no local indicado da cor laranja e sem
cor de preenchimento.

10) Crie uma nova camada e nomeie esta como Mar.

11) Aplique azul escuro como cor de contorno de seleção,


dê um duplo clique no local indicado.

196
12) Selecione a opção marcada e clique em OK.

13) Crie um retângulo Azul escuro conforme a imagem


abaixo.

14) Crie uma nova camada, nomeie essa com o nome de


barco, pois nessa iremos desenhar um.

197
15) Selecione a ferramenta caneta.

16) Defina marrom como cor de preenchimento e


nenhuma cor de contorno.

17) Clique nos pontos indicados consecutivamente.

198
18) Selecione a ferramenta caneta, e defina amarelo como
cor de preenchimento e preto como cor de contorno, e 4 pt
de traçado.

19) Ainda com a ferramenta caneta clique nos pontos


indicados consecutivamente.

199
20) Selecione a ferramenta de seleção direta.

21) Clique no local indicado.

22) Clique no local indicado para suavizar o canto.

Veja como a forma ficou mais arredondada.

200
Como você pode ver esta nova vela também ficou com
preenchimento amarelo e contorno preto com 4 pt de
traçado.

23) Vamos criar o mastro agora, clique na ferramenta de


linha e defina cinza como cor de contorno com 4 pt de
espessura de traçado.

24) Clique e arraste até o local indicado.

25) Selecione a camada Mar, deixando somente esta


desbloqueada.

201
26) Clique no retângulo.

27) Siga o caminho, Efeito> Estilizar> Rabiscar.

28) Na janela que surgirá clique na seta indicada e


selecione a opção Pequeno, para aplicar clique em OK.

202
29) Deixe somente a camada Sol desbloqueada, para isso
clique no local indicado.

203
30) Siga o caminho Efeito> Estilizar> Difusão.

31) Nesta opção aplique 20 pt e clique em OK.

32) Agora deixe somente a camada Barco desbloqueada.

33) Selecione o casco do barco.

34) Siga o caminha Efeito> Estilizar> Rabiscar.

35) Na janela que irá surgir clique na seta e selecione a


opção padrão para aplicar clique em OK.

204
36) Para finalizar vamos aplicar um efeito as duas velas do
barco.

37) Pressionando a tecla Shift clique sobre cada uma das


duas velas.

38) Siga o caminho Efeitos> Estilizar> Rabiscar.

39) Na janela que irá surgir clique na seta indicada,


selecione a opção Croqui e clique em OK.

205
40) Salve o arquivo com o nome de Barco.

41) Feche o programa.

206
Exercícios de fixação

1) Com os recursos utilizados neste capítulo crie uma


imagem semelhante a esta abaixo.

2) Para aplicar este efeito siga o caminha Efeito>


Estilizar, experimente todos os efeitos até achar o que
foi utilizado acima.

3) Salve e feche o programa.

207
Aula 12
Efeitos de contorno

Olá seja bem-vindo a décima segunda aula do curso


Adobe Illustrator CS6.
Na aula de hoje continuaremos a estudar os efeitos do
Illustrator como deformação, distorcer e transformação
estes recursos devem ser utilizados em trabalhos mais
detalhados.
Cada efeito pode ser aplicado apenas aos objetos
vetoriais, desenhados no Illustrator. Ou seja, não podem
ser aplicado estes efeitos em fotografias.
Ou se você preferir você pode aplicar efeitos em fotos
utilizando o programa Photoshop.
Insira uma elipse semelhante a essa abaixo.

Abra o menu efeitos> distorcer e transformar>


tornar áspero.

208
Esta opção vai deixar o objeto com o contorno todo
pontiagudo, áspero e esse efeito pode ser aplicado em
textos também deixando um efeito bem interessante.
Clique em visualizar.

Observe que ele modificou a forma.

Cada um dos efeitos que aprendemos, na aula


passada, ou dos que vamos aprender possuem controles
deslizantes que permitem a modificação da forma do
objeto.
Você sempre deve marcar a opção visualizar e ir
modificando as opções, assim verá o resultado na hora.
Clique no local indicado.

209
A imagem sofreu alteração, você deve ir modificando
pouco-a-pouco para obter resultados mais elaborados,
adequando exatamente ao que você precisa.
Clique em visualizar.

Clique em cancelar vamos utilizar outro efeitos.


Selecionando a imagem abra o menu
Efeito>distorcer e transformar> ziguezague.
Este efeito é bem similar ao anterior, ele faz o
contorno ficar pontiagudo mas de forma uniforme, como se
fosse cortado com tesoura de picote.

Clique em suavizar, isso deixará a forma com pontas


arredondadas.

210
Clique em Cancelar.
Com a elipse selecionada abra o menu efeito>
distorcer e transformar> esvaziar e inflar.
Este efeito é mais artístico do que útil, ele faz
dependendo do objeto, uma alteração nas formas básicas.
Digite 90% no local marcado de vermelho ou arraste a
seta até o local indicado de azul.

Agora mudou novamente, vamos reduzir para -90%.


Digite -90% no local marcado de vermelho pra ou
arraste a seta até o local indicado de azul.

211
Clique em OK.
Esta forma sozinha pode não ser muito útil, mas você
pode aplicar outros efeitos.
Clique no menu Efeito> Distorcer e transformar>
Torcer.
No local indicado digite 50º e pressione visualizar.

212
Agora no local indicado digite 180º e pressione
visualizar.

Desta vez digite 560º no local indicado e pressione


visualizar.

Clique em OK.
Agora delete a imagem.
Como vimos na aula passada estes efeitos podem ser
aplicados em textos também.
Delete a forma e utilizando a ferramenta de texto
digite a palavra Illustrator.
Vamos conhecer os efeitos que são possíveis inserir
nos textos.

213
Selecione a palavra, abra o menu Efeito> Deformar>
Arco.
Na janela que irá surgir, clique em visualizar.

Veja como a palavra fica.

Agora vamos visualizar outro efeito.


Clique no layout da janela e selecione a opção
bandeira.

Chegamos ao fim desta aula, não se esqueça de fazer


os exercícios desta apostila.

214
Exercícios práticos

1) Abra o Adobe Illustrator e crie uma prancheta.

2) Crie um elipse com medidas de 200 pt de altura e 200


pt de largura.

3) Aplique laranja como cor de preenchimento e


contorno.

4) Centralize a elipse na prancheta.

5) Clique no painel de camadas.

6) Nomeie a camada, dê um duplo clique no local


indicado e digite a palavra Sol.

215
7) Crie uma nova camada clicando no local indicado.

8) Crie um retângulo azul conforme a imagem abaixo.

9) Selecione o retângulo com a ferramenta de seleção.

10) Nomeie a camada para Mar.

11) Abra o menu Efeito> Estilizar> Rabiscar.

12) Na janela que irá abrir defina 0º para a opção ângulo


e 5 pt para espaçamento.

216
13) Bloqueie a camada Mar.

14) Selecione a elipse.

15) Abra o menu Efeito> Distorcer e transformar>


Tornar áspero.

217
16) Na janela que irá surgir clique defina 17% para
tamanho, 34 pt para detalhes e clique em OK.

218
17) Aplique a cor amarela ao sol.

18) Crie uma nova camada.

19) Bloqueie as outras duas camadas Sol e Mar.

20) Nomeie a nova camada como Céu.

21) Crie um retângulo laranja por cima de toda prancheta,


conforme a imagem abaixo.

22) Ficou estranho pois o retângulo está por cima das


outras imagens, você se lembra que as camadas criadas
por primeiro sempre ficarão pros trás, para esse retângulo
passar para traz, devemos fazer o seguinte, abra o painel
de camadas, clique e arraste a camada até o local indicado.

219
Veja como a imagem ficará.

220
Exercícios de fixação

1) Com os efeitos utilizados acima, crie imagem


semelhantes a estas representadas abaixo.

2) Salve e feche o programa.

221
Aula 13
Introdução aos objetos em 3D
Olá seja bem-vindo a décima terceira aula do curso
Adobe Illustrator CS6.
Nas duas últimas aulas aprendemos a utilizar efeitos
criativos que modificam a forma lógica de um objeto, hoje
vamos conhecer os efeitos 3D, estas adicionam
profundidade e volume aos objetos, ou seja 3D que
significa terceira dimensão, altura, largura e profundidade.
Podemos utilizar eles para colocar perspectiva e criar
formas complexas facilmente.
Vamos aplicar este recurso primeiro a uma letra, mas
isto pode ser aplicado a qualquer objeto.
Com o Illustrator aberto, e uma prancheta já inserida,
selecione a ferramenta de texto e digite Z.
Amplie a letra conforme a imagem abaixo.

Aplique a cor indicada a letra.

Vamos começar a aplicar o efeito 3D.

222
Abra o menu Efeito, escolha a opção 3D, aqui você
encontrará três opções, Extrusão e bisel, revolta, giro.
Selecione a opção extrusão e bisel.
Nesta janela você poderá configurar ângulo e rotação
do objeto.
Clique em visualizar.

Note que o objeto tomou uma forma diferente.

223
Através do cubo podemos alterar a rotação do objeto.
Clique e arraste até o local indicado.

Veja a rotação que realizamos no objetos.

Agora vamos alterar a profundidade de extrusão do


objeto.
224
Clique no local indicado e arraste a seta até o local
indicado, mais precisamente 125pt.

Note que a profundidade da forma foi alterada.

Mas para facilitar a visualização dos efeitos aplicados a


seguir, deixe a forma com 50 pt de profundidade de
extrusão.

225
Agora vamos conhecer os efeitos de Bisel, ou seja os
relevos do objeto.
Clique na seta indicada e em complexo 2.

Observe, bem de perto, ficou um contorno interno


mais elaborado. Cada uma das opções listas fará uma
alteração similar a esta podemos controlar o efeito através
da opção altura.

226
No local indicado podemos especificar a altura do
efeito adicionado.
Clique onde está sendo marcado e arraste a seta até o
local indicado, mais precisamente até 14 pt.

227
Observe que o efeito já foi alterado, é interessante
utilizar este recurso pois tira a arte do sólido e reto e deixa
o trabalho mais moderno.
Clique em OK para todos os efeitos serem aplicados.
Agora caso queira fazer alguma mudança em alguns
destes recursos que estudamos, você deve utilizar o painel
Aparência.

Clique no painel aparências


Abra as configurações da opção Extrusão e bisel 3D.

Mas basta clicar em visualizar para ativar novamente


as modificações feitas.

228
Clique em OK.
Muito bem, agora vamos continuar conhecendo outras
opções de efeito 3D.
Utilizando a ferramenta caneta crie uma forma
semelhante a esta abaixo.

229
A primeira vista você não vê ou não imagina muitas
coisas a fazer com esta forma.
Mas ao final desta aula você vai ficar maravilhado com
o que é possível fazer com o Illustrator.
Selecione a imagem com a ferramenta de seleção.
Abra o menu Efeitos> 3D> Revolução.
Na janela que irá abrir, mova o cubo conforme
indicado abaixo.

230
Veja ficou parecido com
um chapéu de bruxa ou
seja um cone.

Ainda nesta janela existe uma opção muito


interessante.
Clique na seta indicado e selecione Borda direita.

De um OK.
Deste jeito a forma ficará semelhante a um copo.

231
Também na janela existem opções para manipular a
forma.
Como fechamos ela, para abrir clique no painel
aparência

E selecione configuração de efeito 3D.

Com a janela de opções de revolução 3D aberta clique


no local indicado.

232
Veja, agora a forma da impressão de ser um copo
caido.

Teste as outras opções desta janela.


Muito vai depender de sua criatividade pois na parte
de detalhes o programa faz por si, veja só na imagem
abaixo.
Com o pincel irregular faça uma linha semelhante a
esta.
Aplicando os mesmos efeitos usados na forma vista
anteriormente você poderá transformar esta linha em uma
forma semelhante a uma garrafa.

Não esqueça de fazer os exercícios desta apostila.

233
Exercícios práticos

1) Abra o Adobe Illustrator e crie uma prancheta.

2) Selecione a ferramenta caneta.

3) Defina cor preta para o contorno e nenhuma cor para


preenchimento.

4) Clique e arraste até o local indicado consecutivamente.

5) Mude as cores da forma, laranja como cor de


preenchimento e contorno.
234
6) Selecione a forma utilizando uma das ferramentas de
seleção.

7) Abra o menu Efeito> 3D> Revolução.

8) Na janela que irá abrir clique em visualizar.

235
9) Ajuste os comandos conforme a imagem abaixo.

10) Clique em OK.

11) Salve o arquivo com o nome de Cone.

12) Abra o menu Arquivo> Novo.


236
13) Selecione a ferramenta caneta.

14) Faça uma linha semelhante a esta a baixo.

15) Selecione a imagem com uma das ferramentas de


seleção.

16) Abra o menu Efeito> 3D> Revolução.

17) Na janela que irá abrir clique em visualizar.

237
Veja que a imagem parece mais um cálice.

18) Para transformar ela em uma imagem de garrafa


clique na seta indicada e selecione a opção borda direita.

238
19) Clique em OK.

20) Salve o arquivo em sua pasta com o nome de


Garrafa.

21) Feche o programa.


Exercícios de fixação

1) Crie uma imagem de uma taça semelhante a esta


abaixo.

2) Salve e feche o programa como o nome de Taça.

239
Aula 14
Mapeamento de objetos em 3D

Olá, seja bem-vindo a décima quarta aula do curso


Adobe Illustrator CS6, nesta aula iremos continuar
aprendendo sobre os efeitos 3D, vamos ver como criar uma
forma 3D com várias linhas para gerar um objeto, além de
mais complexo.
Nesta aula ainda iremos aprender a mapear arte, este
recurso permitirá colocar uma arte gráfica no objeto 3D
como, por exemplo, um rótulo, e ele vai se ajustar
automaticamente.
Vamos começar criando uma forma 3D simples, vamos
utilizar como exemplo um lápis.
O que há de incomum em um lápis? Bom, ele tem, no
mínimo três partes o corpo, a parte visível de madeira e a
ponta do grafite.
Portanto, são três cores diferentes para serem
representadas.
Caso seja feito apenas uma linha como apresentando
na aula passada o efeito ficará estranho, assim como pode
ser observado na imagem abaixo.

240
O que foi feito é desenhar as dobras da forma e
utilizar o efeito 3D e revolução, exatamente como fizemos
na aula passada, assim ela ficará parecida com um lápis.
Agora temos os três pedaços desenhados
separadamente. Apenas para relembrar, essas linhas foram
feitas com a ferramenta caneta. Muito fácil e simples, caso
tenha dúvida consulte as aulas 05 e 06.
Bom, para criar o efeito desejado devemos colorir
cada parte destas linhas com as cores que devem compor o
objeto, justamente por esse motivo que fizemos elas
separadas, para poder colorir uma por vez.
Vamos colorir estas três partes, a primeira parte
aplique a cor roxa, a segunda parte de cor madeira já a
ponta aplique novamente a cor roxa.
Agora vamos tentar aplicar o efeito de revolução. Para
não aplicar em cada pedaço, um por um, vamos selecionar
tudo e aplicar de uma só vez.
Mas para o efeito ficar mais convincente, devemos
deixar as partes do lápis grudadas, ou melhor, encaixadas.
Agora já temos as pontas bem próximas umas das
outras, assim ficará mais real ao aplicar o efeito.

241
Pronto, agora vamos tentar aplicar o efeito de
revolução. Para não aplicar em cada pedaço, um por um,
vamos selecionar tudo e aplicar de uma só vez.
Aproxime as três partes, assim o efeito ficará mais
real.

Selecione a imagem, abra o menu Efeitos> 3D>


Revolução.

242
Uma janela irá se abrir, nesta clique em Visualizar.

Agora clique na borda indicada e selecione a opção


borda esquerda.
Clique em OK.

Porém veja que as partes não ficaram muito bem


encaixadas. Apesar de termos aproximado as pontas antes
de aplicar o efeito, ele colocou separadamente em cada
uma, ficando uma por cima da outra.
243
O que deve ser feito é agrupar essas linhas antes de
aplicar o efeito.
Abra o menu Editar> Desfazer resolução 3D.

Agora vamos agrupar, você pode observar as linhas já


estão selecionadas então basta ativar o recurso.
Esta opção, agrupar, vai unir as linhas de forma que
elas não se separem quando movidas, porém ao modificar
uma delas as outras serão modificadas juntamente.
Caso você queira modificar uma delas, teremos de dar
dois cliques e fazer as alterações ou então ativar o recurso
desagrupar no menu objeto.
Com a imagem selecionada clique em menu Objeto>
Agrupar.
Perfeito, agora vamos aplicar o efeito de revolução 3D.
Abra o menu Efeito.
Como o último efeito utilizado foi o revolução 3D, o
Illustrator deixa no topo da lista para que possamos
reutilizar ele sem a necessidade de entrar e procurar o
efeito dede o começo.
Selecione a opção Aplicar revolução.

244
Certo, agora vamos dar sequência ao lápis, estamos
utilizando ele pois é uma forma simples e fácil de ser feita,
assim fica mais fácil de assimilar o aprendizado.
Aqui temos ele maior, para alterar seu tamanho é
igual a qualquer outra forma, basta selecionar e puxar
pelas alças.
O que vamos fazer é escrever sobre ele, como se
tivesse estampado no lápis. Este processo se chama
mapear arte.
Através desde recurso o que colocarmos sobre a forma
3D será ajustada automaticamente, seguindo as linhas e
curvas do objeto.
Aqui temos a palavra que desejamos colocar, já
deixamos ela com outra cor e tamanho.
Para conseguir colocar essa palavra sobre a superfície
da forma 3D devemos converter ela em um símbolo.

Abra o painel símbolos


Arraste o texto para dentro do painel.

245
Nesta janela você pode dar um novo nome ao símbolo,
porém não será preciso, clique em OK.

246
Esse processo é necessário para que o recurso mapear
arte consiga localizar o nosso texto. Portanto, cada vez que
você quiser colocar algo sobre a superfície 3D você deve
primeiro converter em um símbolo, e o jeito mais fácil é
este que acabamos de ver.
Selecione o lápis.
Como o efeito já existe clique no painel aparência.
Clique em revolução 3D.

Na janela que irá surgir clique em Visualizar.


Agora clique em Mapear Arte.

Neste painel vamos escolher em qual superfície do


objeto será aplicado o desenho. Observando no local
indicado temos 39 superfícies, essas superfícies são as
“dobras” e faces do desenho.
O primeiro passo é localizar a face correta, para isso
você deve ir clicando nas setas para avançar e voltar.

247
Para agilizar o processo vamos a face direta que é a
face 8, você pode observar que ficou vermelho na imagem
abaixo indicando que é a correta. Porém temos que ter
cuidado, pois como se trata de um objeto 3D, ele possui o
lado de “trás” também e podemos acabar aplicando a arte
na parte de trás do objeto.

Com a face certa escolhida o símbolo vai estar listado


no local indicado.
Clique em Exibir e em Novo símbolo.

Observe que ele já aparece na tela e na arte, mas


temos de fazer ajustes.

248
Gire o texto conforme a imagem abaixo.

Marque a opção “aplicar sombra a arte (mais lento)

Clique em OK nas duas janelas.

Teste as outras faces do efeito.


Muito bem, chegamos ao fim de mais uma aula, não
se esqueça de fazer os exercícios desta apostila.

249
Exercícios práticos

1) Abra o Adobe Illustrator e crie uma prancheta.

2) Vá a um site de procuras Ex. www.google.com.br, e


procure uma imagem de lata de bebidas semelhante a esta
abaixo.

3) Insira esta no Adobe Illustrator.

4) Centralize a imagem bem no meio da prancheta.

250
5) Nomeie esta camada com o nome de Imagem lata.

6) Crie uma nova camada esta deverá ser nomeada com


o nome de lata.

7) Bloqueie a camada Imagem lata, mas deixe-a


visualizada.

251
8) Selecione a ferramenta caneta .

9) Na ferramenta Lata contorne metade da lata,


iniciando pelo ponto que indica onde é a metade da
imagem.

10) Selecione a forma com uma das ferramentas


indicadas.

11) Abra o menu Efeito> 3D> Revolução, ajuste a


imagem para ela ficou ajustada na posição conforme
abaixo, Para cor defina cinsa.

252
12) Vá ao um site de procuras e copie o antigo logotipo de
uma empresa de refrigerantes, Mirinda, escolhemos este
logo por ser simples.

13) Salve a imagem em sua pasta.

14) No Illustrator exclua a camada Imagem lata, crie


uma nova camada com o nome logo imagem, dentro
desta cole a imagem Mirinda.

15) Crie uma nova camada com o nome Caneta jogo.

253
16) Deixe somente a camada Caneta logo desbloqueada.

17) Na camada Caneta logo selecione a ferramenta caneta


e contorne todo o símbolo da marca.

Observação, para somente ter a visualização do


contorno você deve clicar no local indicado.

18) Aplique o contorno nas folhas da imagem.

254
19) Agora vamos criar as duas metades da laranja.

20) Clique no local indicado.

255
21) Aplique branco como cor de preenchimento e verde
escuro como cor de contorno também no contorno aplique
3 pt de espessura de traçado.

22) Segurando a tecla Shift selecione as três folhas,


aplique verde escuro como cor de preenchimento e
contorno.

23) Agora pressionando a tecla Shift selecione as duas


metades das laranjas, aplique laranja como cor de
preenchimento e contorno.

256
24) Selecione a ferramenta de texto .

25) Digite a palavra MIRINDA (em letras maiúsculas)

26) Clique no recurso Caractere.

27) Defina a fonte Bauhaus 93 e 39 pt de tamanho para o


texto.

28) Aplique verde escuro como cor de preenchimento e


contorno para o texto.

257
29) Encaixe o texto na imagem, conforme abaixo.

30) Selecione a ferramenta de seleção.

31) Abra o menu Objeto> Agrupar.

32) Selecione a ferramenta de seleção.

33) Clique e arraste a imagem até o painel de símbolos

34) Uma janela irá abri, nela você deve nomear o símbolo
como Mirinda e clique em OK.

35) Clique no painel de camada.

36) Selecione Revolução 3D.


258
37) Clique em Visualizar e em Mapear Arte.

38) Na janela que irá surgir clique em Visualizar.

39) Clique na seta indicada para ir até a Superfície 13.

40) Clique na seta indicada e selecione o símbolo Mirinda.

41) Clique em OK nas duas janelas.


Veja como a lata ficará, possivelmente você deverá
fazer alguns ajustes, tudo é variável de acordo com o modo
que você criou a forma da lata, caso tenha alguma
dificuldade peça ajuda ao seu instrutor.

259
42) Salve a imagem com o nome de Mirinda.

43) Salve e feche o programa.

Exercícios de fixação

1) Crie uma imagem semelhante a esta abaixo.

2) Salve e feche o programa.

260
Aula 15
Preenchimento gradiente

Olá seja bem-vindo a décima quinta aula do curso


Adobe Illustrator CS6, nesta aula iremos estudar a
aplicação de cores mais criativas e personalizadas e a
ferramenta Gradiente.
Com ele será possível criar cores misturadas, também
cores que iniciam com um tom e terminam com outro.
Um bom exemplo, é um pôr do sol onde as cores são
formadas por amarelo e laranja.
A ferramenta Gradiente pode ser acionada através da
tecla de atalho G ou clicando na barra de ferramentas. Mas
ela só nos permitirá modificar o preenchimento que já
existir, ou seja, devemos primeiro definir um gradiente
para depois pegar a ferramenta.

Para colocar e definir as cores do gradiente devemos


ativar o painel gradiente. Desta forma poderemos escolher
as cores e forma do efeito de cor, depois disto, podemos
pegar a ferramenta e modificar a posição das cores.
Insira uma elipse semelhante a esta abaixo e clique no
painel.

261
Como já havíamos dito, neste painel podemos definir
as cores para o nosso objeto, existem basicamente dois
tipos de gradientes, linear e radial, mas antes de conhecer
eles devemos aplicar o efeito, para isto basta clicar no
centro do painel.

Clique no
local
indicado.

Note que a elipse ficou com um aspecto acinzentado,


isto é devido a duas cores que são definidas no painel,
preto e branco.

262
Mas isto só acontece se o quadrado de preenchimento
estiver selecionado por cima do quadrado de contorno.

O aspecto da cor muda de acordo com as cores


selecionadas, vamos aplicar novas cores a elipse.
De um duplo clique no local indicado.

Na janela que irá surgir clique no local indicado.

Na tabela de cores selecione a amarela.

263
Veja como a elipse está com uma parte de amarela.

Com a outra seta aplique a cor lilás.

Pronto a degradação da nossa elipse esta pronta.

264
Você ainda pode mudar a fração de divisão das cores,
observe.
Puxe a seta conforme indicado abaixo.

Veja como a elipse fica colorida.

Agora vamos aplicar uma terceira cor a elipse, para


isso clique no local indicado.

Agora clique neste outro local indicado.

265
Note que surgiu um novo ponto de cor.

Conforme as instruções abaixo aplique a cor azul a


este novo ponto.

Você pode adicionar quantos pontos de cores desejar,


muito bem, lembrando que estamos apenas conhecendo
como manipular as cores, depois em seus exercícios, você
vai aprender a fazer alguns exemplos práticos.
Vamos continuar estudando esta janela, para isso abra
as opções, clicando no menu indicado.

266
E clicar em Mostrar opções.

Agora clique na seta marcada e selecione a opção


Radial.

Podemos ir alterando para fazer alguma arte para um


logo marca por exemplo.
Este efeito de preenchimento gradiente pode ser
aplicado a textos também.

267
Delete a forma e digite a palavra Illustrator, utilizando
uma formatação semelhante a imagem abaixo.

Agora no painel Gradiente clique sobre a área de


visualização.

Porém somente esta ação não aplicará a formatação


ao texto, para isso você deve abrir o menu Tipo> Criar
contornos.
Pronto o efeito Gradiente foi aplicado com êxito.

Além de permitir a criação o painel gradiente traz


alguns modelos de cores pré-prontas para serem aplicadas.

268
Clique no local indicado.

Através do botão indicado acima podemos salvar as


cores que vamos criando basta clicar nele e dar um nome
para a nossa cor. Assim ela estará disponível para os
próximos trabalhos.
Selecione a opção Vinheta preta Super suave.

Agora temos um preenchimento aplicado ele nos


auxiliará a modificar a formatação do objeto, basta pegar
ela e arrastar em uma direção sobre o objeto, assim o
efeito será aplicado como informado pela ferramenta.
Veja na prática.
Com a palavra selecionada clique na ferramenta
gradiente.

269
Agora siga os movimentos indicados na imagem
abaixo.

270
Agora crie um triangulo semelhante a este abaixo.

O que iremos fazer é um pequeno exemplo do que


pode ser feito utilizando várias ferramenta. Primeiro vamos
“quebrar” esse objeto fazendo vários pedaços dele.
Abra o menu Objetos> Expandir.
Na janela que irá surgir especifique 50 objetos, e
clique em OK.

Agora vamos separar as partes.


Abra o menu Janela> Pathfinder.

271
Agora falta agrupar.
Abra o menu Objeto> Desagrupar.
Feito isso os objetos podem ser separados um a um,
ou seja teremos 50 fatias de cores.

Agora vamos centralizar todos eles.


Clique no botão indicado.

Clicando neste botão ele vai alinhar todos os objetos.

272
Com isto a forma ficará
deste jeito.

Abra o menu Efeito> Distorcer e transformar>


Tornar áspero.
Na janela que irá surgir, clique em visualizar e OK.

Agora vamos aplicar mais uma modificação, lembre-se


que estamos mostrando esse exemplo para instigar sua
imaginação fazendo você compreender que podemos criar
várias coisas utilizando opções que já aprendemos, basta
misturar elas.

273
Abra o menu Objeto> Transformar> transformar
camada.
Na janela que irá surgir clique em Visualizar.

Arraste o ponteiro até a seta indicada ou digite 180º


no local marcado.

Marque a opção Aleatório.

274
Clique em OK.
Chegamos ao fim desta aula, não se esqueça de fazer
os exercícios desta apostila.

275
Exercícios práticos

1) Abra o Adobe Illustrator CS6 e crie uma prancheta.

2) Crie uma elipse com medidas de 150 pt de largura por


150 pt de altura.

3) Aplique preto com cor de preenchimento e contorno.

4) Selecione a elipse preta.

5) Clique no painel Gradiente no lado direito da tela.

276
6) Clique na seta indicada e selecione Radial.

7) Clique agora na Ferramenta Gradiente no lado


esquerdo da tela.

8) Clique e arraste até o local indicado.


277
Faça os ajustes de acordo com seu gosto para esse
efeito gradiente.

9) Agora crie uma elipse de 50 pt de largura por 50 pt de


altura.

10) Selecione a ferramenta de texto.

11) Selecione branco como cor de preenchimento e


nenhuma cor como cor de contorno.

12) Insira o número 8 dentro desta elipse.

13) Selecione o texto com a ferramenta de seleção.

14) Clique no recurso Caractere.

278
15) Na janela que irá surgir defina 30 pt de espessura e
estilo de fonte Semibold.

16) Centralize a imagem.

17) Agrupe a imagem, menu Objeto> Agrupar

279
18) Agora puxe a elipse com o número 8 para dentro da
elipse preta.

19) Selecione tudo e agrupe, Objeto> Agrupar.

20) Salve o arquivo com o nome de Bola 8.

21) Feche o programa.

280
Exercícios de fixação

1) Crie as seguintes formas e aplique o efeito gradiente


conforme as figuras abaixo.

2) Salve e feche o programa.

281
Aula 16
Ferramenta Malha

Na última aula estudamos o efeito gradiente, com ele


você aprendeu a colorir os objetos de uma forma mais
complexa, na aula de hoje iremos estudar a Ferramenta
Malha, que é uma forma de criar desenhos não
vetorizados, ou seja Bitmaps.
Assim como a ferramenta gradiente você também
pode criar formas com pontos de cores, porém na
ferramenta malha você pode criar efeitos de 3D.
Muito bem vamos iniciar com um retângulo colorido de
roxo.

Para esse efeito devemos definir uma cor inicial para ir


tonalizando ela com outros tons de cor. A ferramenta nos
permite criar linhas que vão cobrir o objeto, como uma
grade.
Em cada ponto dessa “grade” poderemos definir uma
cor que irá se espalhar pela extensão do objeto
misturando-se com a cor do fundo.

282
Clique na ferramenta malha.

Agora basta clicar em algum local da forma para que


possamos inserir esta cor neste.

Veja que um cruzamento de duas linhas surgiu, o


próximo passo a fazer é escolher uma cor, novas linhas e
cores poderão ser escolhidas mais ao centro.

283
Clique no painel de cores .
Selecione a cor indicada.

Observe, como a cor azul e roxa são semelhante


levando em consideração o tom, ou seja são cores frias, a
mistura ficou suave.

Faça o teste com a cor indicada.

284
Ficou mais perceptível a mistura escolhida. Claro, esse
efeito poderia ser feito com a ferramenta gradiente
estudada na última aula, porém esta ferramenta permite
colocar mais cores em pontos diferentes.
Clique na cor indicada.

Clique na cor indicada.

285
Agora está ficando mais elabora, porém devemos
cuidar pois cada cor inserida pode ou não combinar, mas
para ter um resultado legal devemos usar cores uniformes,
ou seja. Do mesmo tom.
Clique no local indicado.

Note que a cor preta se espalhou mais, isto não é


muito interessante, vamos selecionar outra cor.
Clique na cor indicada.

286
Agora já temos um fundo bem colorido, mas note que
a segunda cor, a do meio não está combinando muito com
o trabalho. Mas isso não é o problema, podemos fazer duas
coisas aqui.
A primeira é trocar a cor, o que seria o mais obvio,
mas a segunda é modificar a posição da cor puxando o
ponto da malha para um outro local, fazendo isto a cor se
misturará de forma diferente.
Puxe o ponto para baixo.

Observe, uma curva surgiu e a cor acompanha a linha


como referência. Mas mesmo assim não ficou legal, vamos
alterar esta cor então.

287
Clique na cor indicada.

Pronto ficou mais natural com cores mais vivas.


Clique no ponto indicado

288
Selecione a cor indicada.

Clique no local indicado.

289
Selecione a cor indicada.

Você pode ir elaborando vários outros trabalhados a


partir deste exemplo.
Você pode realizar vários tipos de trabalhos com essa
ferramenta, veja abaixo um logomarca cujo foi criado com
a ferramenta malha.

290
Utilizando a ferramenta pincel irregular crie uma forma
semelhante a essa que se parece com uma gota.

Selecione a ferramenta malha e clique no local


indicado na imagem.

Clique no local indicado.

Clique no primeiro ponto que criamos.

Selecione a cor marcada.


291
Com isto a figura ficará deste jeito.

Agora clique no ponto marcado por último.

Selecione a cor indicada.

Desta maneira a figura ficará desta forma.

Veja que a figura está tomando forma.

292
Clique no local indicado.

Selecione a cor marcada.

Veja como ficou nossa forma, você pode adicionar


quantos pontos de cor desejar.

Muito bem, chegamos ao fim desta aula, não se


esqueça de fazer os exercícios desta apostila.

293
Exercícios práticos

1) Abra o Adobe Illustrator CS6 e crie uma prancheta.

2) Crie uma elipse com medidas de 200 pt de altura e


200 de largura.

3) Clique no painel de camadas .

4) Nomeie essa camada para Círculo grande.

5) Crie uma nova camada e nomeie essa camada como


retângulo.

6) Bloqueie a camada Círculo grande.

7) Na camada retângulo, crie um retângulo dentro do


círculo.

8) Crie uma nova camada com o nome Círculo


pequeno.

294
9) Bloqueie também a camada Retângulo.

10) Crie um círculo com 60 pt de altura e 60 pt de largura,


ajuste este para que fique dentro do retângulo, conforme a
próxima imagem.

11) Deixe somente a camada Círculo grande


desbloqueada.

12) Utilizando a ferramenta de seleção, selecione o círculo


grande clicando no local indicado.

13) Aplique gradiente como cor de preenchimento e preto


como cor de contorno.

295
14) Clique na ferramenta Gradiente.

15) Clique e arraste até o local indicado.

296
16) Dê um duplo clique na seta indicada para selecionar
outra cor.

17) Selecione a cor indicada.

297
Veja com a elipse irá ficar.

18) Bloqueia esta camada e libere a camada Círculo


pequeno.

298
19) Aplique o mesmo efeito gradiente ao círculo que se
encontra no interior do retângulo.

20) Agora vamos formatar o retângulo, aplicando várias


cores, Para isso utilizaremos a ferramenta Gradiente, mas
primeiro deixe desbloqueada apenas a camada retângulo.

299
21) Agora opte por não visualizar a camada Círculo
pequeno, clicando no local indicado.

22) Clique na ferramenta Malha.

23) Crie pontos de malha nos locais indicados.

300
24) Crie novos pontos dentro do retângulo.

25) Crie mais pontos entre estes, caso for necessário use a
lupa.

301
26) Agora selecione os pontos indicados, para isso você
deve manter pressionada a tecla Shift e selecionar os
pontos de malha indicados abaixo.

27) Clique no painel de cores .

28) Clique na seta indicada.

302
29) Selecione a opção CMYC.

30) Uma janela vai abrir, dê uma duplo clique no local


indicado.

31) Leve o pequeno círculo até o local indicado, ou seja,


escolha a cor vermelha.

303
32) Clique em OK.

Veja como ficou a imagem com a ferramenta malha.

33) Agora utilizando a ferramenta malha, aplique as


seguintes cores, de acordo com as cores abaixo.

304
34) Clique no painel de camadas.

35) Opte por visualizar a camada Círculo pequeno.

36) Salve o arquivo com o nome de Globo.

305
37) Feche o programa.

Exercícios de fixação

1) Crie uma imagem semelhante a esta abaixo.

2) Salve o arquivo com o nome de Ovo e feche o


programa.

306
Aula 17
Ferramenta malha parte 2

Olá seja bem-vindo a décima sétima aula do curso


adobe Illustrator CS6.
Nesta aula iremos dar continuidade ao estudo da
ferramenta malha.
Como aprendemos essa ferramenta nos permite criar
preenchimento de cores personalizadas, melhorando a
estética do seu trabalho.
Porém essa ferramenta também permite a colocação
de imagens afim de reproduzir melhor cópias de fotos, ou
seja para facilitar a vetorização.
Veja essa imagem abaixo.

Podemos fazer um trabalho gráfico do qual ficará


muito semelhante a essa imagem.
Nesta aula iremos continuar conhecendo a ferramenta
e aprimorar nossa técnica de coloração.

307
A ideia aqui é reproduzir esse tomate utilizando as
cores do original, será bem simples, vamos fazer com essa
forma aqui pois facilitará nosso aprendizado, mas as
técnicas que veremos aqui serão as mesmas para fazer a
coloração de uma pessoa por exemplo.
Primeiramente vamos criar uma nova camada, clique
no painel de camadas
Clique no local indicado para criar uma nova camada.

Por padrão o nome surgiu como Camada 2, você pode


alterar o nome da camada, dê um duplo clique no local
indicado.

Altere o nome para Tomate vetor e clique em OK.


Outra coisa que devemos fazer é bloquear a camada
1, que é onde a foto do tomate real, isso será necessário
para que ele não saia de cima do trabalho.
Clique no local indicado.

308
Você pode criar uma nova forma semelhante a um
tomate de duas formas, vamos a elas.
Crie uma elipse sobre a imagem do tomate, lembre-se
que você deve criar a elipse na camada Tomate vetor.

Agora utilize a ferramenta Conta gotas, ou seja


copiando uma cor de outro ponto e aplicando no local
indicado.

Agora para ajeitar a elipse de forma perfeita sobre a


figura do tomate, utilize a ferramenta de seleção direta.
Clique uma vez no ponto indicado, e após puxe para o
local indicado.

309
Agora com as dimensões já definidas utilize as alças
para preencher os espaços do tomate.

Agora pegue a ferramenta malha e clique no


local indicado.

Veja que um linha surgiu.

310
Preencha as linhas verticais conforme a imagem
abaixo.

Agora crie as linhas horizontais.

Note que adicionamos as linhas para facilitar o


trabalho, mas o processo é o mesmo. No topo do tomate
tem as folhas, essas tem que ser feitas por último, ou seja,
vamos colorir todo o desenho sem nos preocupar com elas,
depois você deve criar uma nova camada para fazer as
folhas com o mesmo processo.
Agora vamos utilizar as ferramentas conta-gotas e
seleção direta. Para não ficar clicando podemos usar as
teclas de atalho, tecla A para a seleção direta e tecla I
para o conta gotas.
Selecione a ferramenta de seleção direta, lembre-se
que você pode utilizar as teclas Ctrl + A.
Clique no ponto indicado.

311
Veja que o nó ficou selecionado, agora qualquer
alteração de cor irá afetar essa região, porém na camada
que estamos trabalhando. Embora tenha o tomate por
baixo iremos colorir apenas o círculo que está por cima,
reproduzindo o desenho original.

Selecione o conta-gotas ou pressione Ctrl + I.

Agora vamos pegar uma cor próxima ao no que


clicarmos dessa forma a tonalidade das cores ficaram bem
lineares. Essa técnica será repetida para colorir todo o
objeto.
Clique no local indicado.

312
Veja como a nossa imagem criou um efeito de
malha.

Com a ferramenta de seleção direta selecione os


pontos pressionando a tecla Shift.

313
E aplique a cor indicada utilizando a ferramenta conta-
gotas.

Veja como os pontos ficaram com a cor selecionada.

Selecione os pontos marcados pressionando a tecla


Shift e aplique a mesma cor captada pela ferramenta
conta-gotas nos pontos vistos acima.

314
Selecione o ponto indicado.

Utilizando a ferramenta conta-gotas aplique a cor


indicada abaixo.

315
Veja como o uso de dois tons de cor deixou a imagem
bem próximo do real, imagine fazer um rosto, é muito
simples basta você pegar uma foto sua vetorizar e colorir
novamente utilizando esta técnica.

Muito bem, chegamos ao fim desta aula, não se


esqueça de fazer os exercícios da apostila.

316
Exercícios práticos

1) Abra o Adobe Illustrator CS6 e crie uma prancheta.

2) Copie da internet uma imagem parecida com esta


abaixo, ou seja, uma pera.

3) Clique no painel de camadas.

4) Nomeie esta camada como Imagem pera.

5) Crie uma nova camada.

6) Nomeie esta nova camada como Caneta pera.

7) Bloqueie a camada imagem pera.

8) Selecione a ferramenta caneta.

317
9) Contorne toda a pera.

10) Selecione toda a forma utilizando a ferramenta de


seleção direta.

11) Aplique as cores indicadas a forma.

12) Selecione a ferramenta malha .

318
13) Crie vários nos por toda a imagem, semelhante a
imagem abaixo.

14) Utilizando a ferramenta de seleção direta, selecione os


pontos do talo da pera.

15) Aplique a cor marrom a forma, para isso clique no


painel de cores.

16) Dê um duplo clique no local indicado.


319
17) Arraste o pequeno círculo até o local indicado, e clique
em OK.

18) Agora você por conta própria deve observar quais os


pontos que devem ser aplicados cores claras e escuras, de
acordo com a imagem que extraímos da internet.

320
19) Salve o arquivo com o nome de Pera.

20) Feche o programa.

Exercícios de fixação
1) Crie uma imagem semelhante a esta colher abaixo,
utilize a ferramenta malha para criar a sombra, para
facilitar melhor a criação da forma, copie uma imagem da
internet e desenhe por cima desta utilizando a técnica de
camadas como aprendemos anteriormente.

2) Salve o arquivo com o nome de Colher.

3) Feche o programa.
321
Aula 18
Deformando objetos

Olá seja bem-vindo a décima oitava aula do curso


Adobe Illustrator CS6.
Nesta aula iremos continuar estudando as ferramentas
Prontas.
São denominadas assim por não terem muita
peculiaridade.
Existem inúmeras ferramentas disponíveis no
programa, algumas ferramentas tem a mesma função de
outras porém com alguns detalhes a mais.
Ferramentas que facilitam nosso trabalho na hora de
citar um efeito, por exemplo, ou para fazer uma forma mais
complexa com poucos cliques.
Estamos falando das ferramentas de transformação
estas ferramentas podem modificar a forma de qualquer
objeto apenas com alguns cliques.
Por exemplo, existe uma ferramenta para deixar o
contorno irregular, hora mais largo, hora mais estreio ou
então ferramentas para deformar o objeto apenas puxando
para os lados.
Então. Essa ferramentas fazem seu trabalho,
transformar o nosso vetor de forma bem simples.
A primeira coisa que devemos fazer e desmembrar o
painel de ferramentas pois iremos utilizar todas elas. Essa
caixa de ferramentas é composta por oito ferramentas.
Clique, segure o mouse para exibir as ferramentas e
solte no local indicado para desmembrar o painel desta
ferramenta.

322
Para usar essas ferramentas necessitamos de objetos
desenhados em nossa prancheta, elas permitem modificar
qualquer vetor, fotos não serão afetadas.
Crie uma forma semelhante a imagem abaixo
utilizando a ferramenta caneta.

Vamos utilizar a primeira opção do painel.

Ferramenta largura

Essa ferramenta permite alterar a largura do contorno


através do mouse ou seja, podemos puxar o contorno para
qualquer direção e ele ficará irregular, perfeito para fazer
traços em trabalhos gráficos.

323
Por exemplo esta imagem do Garfield possui traços,
para fazer estes foi utilizado a ferramenta caneta e depois
com a ferramenta largura vamos ajustando seu contorno.

Muito bem, selecione a ferramenta largura.

Clique e arraste para fora.

Quanto mais puxarmos, maior ficará o contorno


podemos clicar em uma outra parte desse contorno e puxar
para fora ou para dentro deixando ele irregular.
Ou então podemos utilizar os pontos brancos
marcados abaixo para alterar a largura atual.

324
Clique e puxe para dentro.

Trabalhar com um contorno é muito interessante em


formas mais complexas os resultados são bem mais
satisfatorios.
Clique e puxe para fora.

Você pode alterar varias partes do contorno somente


clicando e arrastando ele para a direção desejada, assim
como fizemos agora.

325
Clique na lateral e puxe.

Ajuste o contorno até conseguir o resultado desejado


basta ir puxando para fora e para dentro, caso não goste
do resultado basta apertar Ctrl + Z para desfazer e tentar
novamente.

Observe a imagem abaixo um pouco mais trabalhada


com o contorno, você pode ir ajustando e testando os
melhores métodos de alterar o contorno. uma dica útil é
aproximar bem o objeto para fazer os contornos com mais
detalhes.

Agora vamos conhecer a ferramenta Deformar.

326
Ferramenta deformar

Essa ferramenta permite realizar, como o nome


sugere, deformações no nosso vetor, ela possui um
“círculo” que, ao clicar e puxar, vai esticando o objeto para
dentro alterando a forma visual, pode ser utilizada para
arredondar cantos ou criar curvas suaves.
Crie um retângulo semelhante a este abaixo.

Clique na ferramenta deformar.

Clique e puxe.

Ela não faz muita coisa, mas enfim, existem


ferramentas que são apenas para complementar o trabalho
de um outra, neste caso essa ferramenta permite curvas já
existentes.
Mas podemos alterar dela para um melhor efeito e
inclinar os ângulos do painel, para isto basta dar dois
cliques sobre a ferramenta.
Dê um duplo clique no local indicado.
327
Nesta janela podemos modificar a largura e altura do
pincel, também podemos alterar o ângulo e mais algumas
opções.

No espaço ângulo clique e selecione 45º.

328
Em detalhe arraste a seta até o local indicado.

Dê um OK e veja o resultado.

329
Você não pode fazer muitas coisas com esta
ferramenta, por isso vamos pular para a próximas
ferramentas.
Ferramenta redemoinho

Esta ferramenta cria torções nos cantos dos objetos,


ótimo para fazer detalhes para materiais visuais e
logomarcas. Também pode ser alterada dando dois cliques
sobre esta.
Clique na ferramenta indicada.

Clique no canto indicado do retangulo.

Quanto mais tempo você segurar o mouse maior será


a torção.
Veja algumas torções com tempos de torção variados.

330
Dando um duplo clique sobre a ferramenta uma janela
irá surgir, nesta você pode regular a vel ocidade, o sentido
entre outras funções.
Vamos prosseguir com a próxima ferramenta, ou
melhor, com as próximas duas. Essas ferramentas são bem
similares. O que elas fazem é puxar para fora e para dentro
o objeto alterando o contorno. Conseguiremos o mesmo
resultado com a ferramenta deformar.
Ferramenta esvaziar

Essa ferramenta recolhe o contorno em um efeito de


sugar, com a ferramenta deformar conseguimos o mesmo
resultado puxando para dentro.

Ferramenta inflar

Ela empurra para fora o objeto, deixando este com


uma maior espessura. Com a ferramenta deformar
conseguimos isto puxando para fora.

331
Ferramenta guirlanda

Essa ferramenta faz o memso trabalho da ferramenta


redemoinho porém é mais sencivel.

Ferramenta cristalizar

Esta ferramenta “arrepia” a extrmidade do objeto,


ótima para fazer detalhes de “explosão” de anuncio por
exemplo “oferta”

Crie um retangulo semelhante a este abaixo.

Passe o mouse com a ferramenta selecionada sobre o


local indicado.

332
O efeito ficará semelhante a este dependendo do
tempo e direção que você segurar o mouse, caso não goste
do resultado basta pressionar Ctrl + Z.
Ferramenta vincar – essa ferramenta serve para dar
uma “tremida” no contorno do objeto, o processo de uso é
bem simples, você clica, segura e arrasta e ele vai
arrepiando de leve o contorno do objeto.
Clique na ferramenta indicada.

Passe a ferramenta no local indicado.

Veja ficou suave, mas ficou interessante, utilize esta


ferramenta sempre que possivel.

333
Agora utilizamos as ferramentas vistas anteriormente.

Você pode utilizar as combinações de ferramentas que


desejar tudo vai depender da sua criatividade.

Utilizando a ferramenta de mesclagem

Vamos fazer alguns trabalhos passo-a-passo tentando


nos familiarizar mais com as ferramentas que já
conhecemos e, de quebra, ir aprendendo detalhes que
passaram batidos.
Começaremos conhecendo o recurso mesclar, ele nada
mais faz do que pegar duas ou mais formas e criar novos
objetos entre eles até atingir a forma e cor. Por exemplo,
se você tem uma estrela e um círculo de duas cores, essa
opção vai criar uma mistura entre os dois até formar o
objeto final.

334
Se começar pela estrela ele vai transformar da estrela
até chegar no círculo, vamos fazer um teste inicial, aqui já
temos os dois objetos desenhados, coloridos e
selecionados.

A primeira coisa que devemos fazer é ativar a opção


de mesclagem e definir como será a mistura dos objetos, é
mais simples do que parece.
Abra o menu objeto.
Selecione a opção Mesclar.
Neste local encontramos a opção Criar, mas o ideal é
configurar primeiro como será essa mesclagem portanto
devemos clicar em opção de mesclagem.

Uma nova janela irá surgir, nesta podemos definir


quantas vezes vai se repetir e mais algumas opções.

335
Clique na seta indicada e selecione a opção Cor
suave.

Clique em OK.
Não aconteceu nada, mas essa opção apenas
configura como será a mesclagem, agora devemos retornar
e ativar a opção mesclar.
Abra o menu Objeto> Mesclar> Criar.
Agora ele fez o que foi solicitado, fez a mudança de
cor e forma deixando a cor bem suave em sua tela.

Veja agora outro exemplo, criamos duas estrelas de


cores diferentes, uma dentro da outra, vamos aplicar o
efeito.
Selecione as duas estrelas utilizando a ferramenta de
seleção.

336
Menu Objeto> Mesclar> Criar.

Veja o resultado, você deve ter notado que desta vez


não clicamos em opções de mesclagem e fomos direto para
a opção criar, isso foi feito pois queríamos o mesmo efeito
de antes, somente vamos entrar nas opções de mesclagem
quando for necessário mudar o efeito.
Vamos fazer um exemplo passo-a-passo, selecione a
ferramenta caneta

Vamos retirar a cor do preenchimento, pois ela pode


atrapalhar durante a utilização da ferramenta, para isso
clique na seta indicada.

337
Na janela de cores selecione a opção sem cor.

Vamos também trocar a cor do contorno.

Selecione a cor indicada.

Pronto agora clique e arraste até o local indicado.

Faça um nova alça aqui, note que surgiu uma linha em


curva entre as alças.

338
Pronto fizemos uma linha curva, para esse efeito
devemos desenhar a outra parte da folha separadamente e
com cor diferente, por isso vamos pegar a ferramenta
seleção para parar de desenhar essa linha e clicar em
outro local da prancheta.

Troque a cor da linha para amarelo.

Crie mais uma linha com a ferramenta caneta.

339
Crie outra alça no local indicado.

Clique com a ferramenta de seleção em outro lugar da


prancheta.

Utilizando a ferramenta de seleção direta, ligue as


extremidades das linhas.

340
Muito bem, agora selecione as duas linhas utilizando a
ferramenta de seleção.
Abra menu Objeto> Mesclar> opções de
Mesclagem.
Nosso objetivo é criar várias linhas entre essas,
formando um espécie de grade então devemos modificar o
espaçamento.
Clique na seta indicada e selecione a opção Etapas
especificadas.

Veja esta opção atribuiu como 10 o número de etapas,


essas vão ser as linhas geradas, vamos deixar assim
mesmo.

Clique em OK.

341
Agora vamos aplicar o que foi configurado,
primeiramente selecione as linhas com ferramenta de
seleção direta.
Abra o menu Objetos> Mesclar> Criar.

Agora sim ficou apenas linhas mudando de forma e cor


até fechar o objeto.
Selecione a ferramenta caneta.

Certifique-se de que não esteja ativo o preenchimento,


na linha de contorno aplique a cor indicada.

342
Utilizando a caneta clique e arraste até o local
indicado.

Crie uma nova linha no local indicado.

Faça mais uma pequena linha no local indicado.

Com a ferramenta de seleção clique em outra área da


prancheta.

343
Vamos fazer uma cópia desta formula, pressionando a
tecla Alt puxe a forma para o lado com a ferramenta de
seleção direta.

Agora vamos criar uma mesclagem entre os dois.


Abra o menu Objeto> Mesclar> Opções de
mesclagem.

344
Nesta janela defina o número de etapas para 4 e
clique em OK.

Agora devemos ativar a opção criar.


Com a ferramenta de seleção direta abra o menu
Objeto> Mesclar> Criar.

Com a forma semelhante a uma folha já duplicada e


coloca do modo abaixo, a imagem lembra o caule e folhas
de uma flor.

345
Dependendo da sua criatividade você poderá realizar
trabalhos muito complexos e interessantes como este
abaixo.

346
Personalizando objetos em 3D

Iremos ver o a ferramenta de um outro ponto de vista,


dando uma demonstração de como podemos utilizar, e
assim você já tem mais ideias para seus trabalhos.
O Illustrator é um programa que possui muitas
ferramentas ainda não desvendadas a metade dela, mas
muitos efeitos para serem elaborados necessitam de uma
mistura de opiniões, aplicar um efeito, realizar um ajuste
em outro local e por ai vai.
Dificilmente conseguirmos um bom resultado
utilizando apenas um comando, e para isso precisamos de
referências ideias e demonstrações de como aplicar mais de
uma ferramenta.
Vamos começar relembrando algumas ferramentas e
já aplicarmos algumas novas, ao fim dessa aula você
aprenderá a fazer um efeito simples mas interessante para
criação de materiais de divulgação.
Crie uma estrela semelhante a esta abaixo, ou seja cor
de preenchimento marrom e cor de contorno nenhuma.

Agora vamos aplicar um efeito 3D deixando a imagem


com profundidade, como se ela viesse lá no fundo para
frente da tela, um efeito de perspectiva 3D.

347
Estes caminhos já aprendemos anteriormente, caso
tenha dúvidas consulte as aulas 15 e 16.
Abra o menu Efeitos> 3D> Extrusão e bisel.

Veja como está ficando a forma.

Agora vamos fazer os ajustes para ficar em


perspectiva, para isso clique na seta e arraste o indicador
até o local indicado, especificamente até 160 pt.

348
Veja como a forma ficou agora.

Agora vamos ajustar a profundidade da forma, para


isso clique na seta e arraste o indicador até o local
indicado, especificamente até 923 pt.

Veja agora como a forma está ficando.

349
Agora vamos alterar a orientação da imagem
manipulando o cubo, clique e arraste até o local indicado.

Ou faça isso com mais precisão digitando os números


como na imagem abaixo.

Observe como ficou nossa forma.

Clique em OK.
Ficou meio estranho, não? Isso acontece pois não
colocamos cor de contorno, mas o efeito que iremos aplicar
resolverá isso.

350
Você lembra do efeito gradiente? Ele coloca uma
mistura de cores no objeto, mas infelizmente aqui, se
aplicarmos ele, será feito em toda a estrela, eliminando a
sensação de profundidade.
Uma técnica interessante é a opção expandir. Esta
opção separa as linhas de um desenho permitindo que seja
colorido por partes, um recurso bem útil para desenhos
gerados por efeitos, como este do 3D.
Clique no menu Objeto.
Observe a opção expandir está desativada, isto poderá
acontecer algumas vezes dependemos de como o efeito foi
gerado, para ativar ela deveremos, então clicar
primeiramente em expandir aparências.
Clique em Expandir aparências.

Agora voltamos ao menu objeto e ativamos a opção


expandir que irá separar as linhas do objeto que criarmos
permitindo com ferramenta seleção direta, a coloração por
partes.
Clique em menu Objetos> Expandir.
Com a ferramenta de seleção direta clique em outro
local da prancheta.
Agora clique no local indicado.

351
Agora podemos colorir somente esta parte do desenho
a coloração pode ser feito com cor normal, malha ou
gradiente.
Clique no painel Gradiente.

Você pode alterar o tom da cor a ser aplicada,


movendo a seta para os lados.

352
Não se esqueça de manter o quadrado referente a cor
de preenchimento sobre o quadrado referente a cor de
contorno.

Veja como a parte selecionada ficou.

Porém estas duas cores não combinam muito, vamos


modificar as cores do efeito gradiente.
De um duplo clique no indicador de cor.

Selecione a cor indicada (marron)

353
Na outra seta selecione a cor amarela.

Selecione a ferramenta gradiente.

Clique e arraste o mouse sobre a parte que estamos


aplicando o efeito.

354
355
Aplique este efeito de gradiente em todas as partes,
conforme a imagem abaixo.

Pronto, agora temos ele totalmente colorido, vamos


continuar conhecendo mais um pouco das ferramentas
novas.
O recurso que utilizamos, expandir, separar os objetos
para serem manipulados com a ferramenta seleção direta,
mas se utilizarmos a ferramenta seleção eles não se
separam.
Agora vamos adicionar uma estrela dentro da original,
essa da frente.
O que podemos fazer é usar o recurso deslocar
caminho. Esse recurso gera uma cópia alterando o tamanho
do centro para fora ou para dentro. Geralmente conhecido
como off-set.
Selecione a forma com a ferramenta de seleção direta.

356
Clique no local indicado.

Lembrando que isso só foi possivel realizar pois


utilizamos o recurso expandir anteriormente.
Abra o menu Objeto> Caminho> Deslocar
caminho.
Aqui nesta janela podemos informar a distância do
deslocamento, se colocarmos um número positivo será para
fora, um negativo será para dentro.
Clique em visualizar.

Observe que a parte selecionada foi para fora, vamos


fazer um teste colocando negativo.

357
Veja aqui colocamos um deslocamento de -10 pt.

Clique em OK.
Agora conseguimos gerar a copia, vamos alterar a cor
de preenchimento.
Clique na seta indicada e selecione a cor verde.

358
Veja a nova estrela que surgiu dentro da outra já
criada anteriormente.

Agora vamos aplicar um novo efeito clicando no menu


Efeito.
Vamos aplicar uma sombra para o lado, criando a
sensação de profundidade na estrela verde, mas essa
profundidade será como se ela estivesse interna na estrela
marrom.
Clique em Estilizar> Brilho esterno.
Clique em visualizar.

359
Observe, ficou um brilho branco, já estudamos esse
recurso, ele é similar a sombra porém vem configurado
para cor.
Aplique as configurações semelhantes a imagem
abaixo.

Clique em OK.
Pronto, um efeito bem criativo e simples, agora você
pode criar mais estrelas em outras direções e montar
trabalhos bem criativos

360
Agrupamento de objetos

Nosso objetivo será criar um bambu, em sua tela você


já tem um projeto pronto, mais parece uma fotografia
certo? Ele foi feito com a caneta, preenchimento malha e
muita, muita paciência e criativa.

O nosso será um pouco mais simples, mas para você


atingir esse resultado basta utilizar as ferramentas que já
aprendemos em aulas passadas.
Esta vendo por que é importante fazermos exercícios
práticos? assim você consegue pegar ideias de como
elaborar alguns trabalhos que, talvez nem imaginasse
como.
Pois bem vamos iniciar nosso trabalho, pegue a
ferramenta caneta.

361
Vamos colocar como cor de preenchimento um tom de
verde, lembre-se, a ferramenta malha, que utilizarmos em
seguida, ela necessita uma cor base fazer sua mistura de
cor, então já iremos deixar com a cor verde, que será o
bambu.

Como cor de contorno aplique nenhuma.

Agora iniciaremos a criação da imagem que será um


bambu.
Com a ferramenta caneta já selecionada clique e
arraste até os locais indicados.

362
Para não ficar muito extenso vamos terminar a forma
desejada.

Vamos arredondar alguns cantos da forma.

363
Utilizando as ferramentas de seleção ajuste a imagem
para que ela fique semelhante a esta abaixo.

Utilizando a ferramenta malha crie pontos de cor para


dar uma aparência de gradiente e 3D a imagem.

Essa forma que criamos será utilizada afim de ser os


gomos do bambu, para isso teremos que copiar a imagem
acima.
Uma forma fácil de fazer isto é pressionar a tecla Alt e
com a ferramenta de seleção puxar criando uma nova
imagem, veja na prática.

364
Assim foram criadas duas formas iguais.

Agora vamos empilhar as formas uma em cima da


outra.

Agora com vários gomos a forma do bambu já está


tomando forma.

365
Agora vamos agrupar os gomos, selecione toda a
forma utilizando a ferramenta de seleção e clique em
Objeto> Agrupar.
O recurso agrupar não serve apenas para que os
objetos não se separem, alguns efeitos são aplicados
individualmente, por exemplo esse que vamos aplicar agora
que vai torcer o objeto, caso não tivesse agrupado ele iria
entortar cada “gomo” ao invés de todo ele.
Antes de aplicar o efeito vamos gerar uma cópia
inteira desse bambu, assim teremos um reto outro torto.
Depois podemos gerar mais copias e afinar uns e entortar
os outros para outro lado, vamos gerar uma “floresta” de
bambus no final.
Vamos criar outra forma semelhante a agrupada a
pouco, pressionando a tecla Alt clique e puxe utilizando a
ferramenta de seleção.

366
Muito bem vamos entortar a forma criada por último.
Abra o menu Efeito> Deformação> Arco.
Uma janela irá surgir, nesta certifique-se de que a
opção vertical esteja selecionada na opção curvatura
marque 33% e clique em visualizar.

Veja a curva em que a forma foi submetida.

Agora mude a curvatura para – 15.

367
Clique em OK.
Agora vamos fazer uma alteração na forma, clique na
ferramenta rotação.

368
Utilizando a ferramenta de seleção clique e arraste no
local indicado.

Agora diminua o tamanho da forma indicada, clique e


arraste até o local indicado.

369
Agora puxe a forma indicada até o local indicado.

Vamos criar outra forma semelhante a agrupada a


pouco, pressionando a tecla Alt clique e puxe utilizando a
ferramenta de seleção.

370
Clique no Painel Aparências e depois na opção
Deformação Arco.

Clique e arraste a seta até o local indicado, ou digite


19% no campo referente a curvatura.

Clique em OK.
Selecione a ferramenta rotação.

371
Clique e arraste no local indicado, deste modo a forma
irá fazer uma rotação.

Agora vamos desenhar as folhas, selecione a


ferramenta caneta.
E clique nos pontos indicados.

Agora vamos arredondar alguns cantos da forma.


Utilizando a ferramenta de seleção direta, clique no
canto indicado.

372
Agora selecione a opção suavizar.

Veja como a forte irá ficar.

Aplique a opção novamente ao canto do outro lado.

Você pode modificar o formato da imagem utilizando a


ferramenta de seleção direta, deixamos a imagem com um
formato mais afinado.

373
Agora vamos aplicar a ferramenta malha.

Clique no local indicado.

Aplique a cor indicada.

Veja como a forma ficará.

Agora crie mais formas parecidas, semelhante as que


estão representadas abaixo.

374
Agora com a ferramenta de seleção selecione as
formas que representam as folhas.

Clique no menu Objeto> Agrupar.


Agora, para colocar várias copias destas folhas em
nossa tela sem a necessidade de ficar copiando e ajustando
elas, vamos transformar em um símbolo, depois disto
podemos utilizar o pulverizador para espalhar em nossa
tela.
Vamos salvar esta imagem, clique no Painel
Símbolos.

E utilizando a ferramenta de seleção arraste a forma


para dentro do painel símbolos.

375
Neste local você deve trocar o nome do símbolo para
Folhas de Bambu e clique em OK.

Agora, para colocar essas folhas nos Bambus devemos


utilizar a ferramenta pulverizar símbolo.
Selecione a ferramenta Pulverizador.

Aplique o símbolo Folhas de Bambu ao redor dos


Bambus, exatamente como na imagem abaixo.

Não se esqueça de fazer os exercícios desta apostila.

376
Exercícios práticos

1) Abra o Adobe Illustrator CS6 e crie uma prancheta.

2) Selecione a ferramenta caneta.

3) Nos exercícios de hoje iremos criar um Fouet uma


ferramenta utilizada na gastronomia, para isso crie uma
linha semelhante a esta abaixo.

4) Copie esta forma pressionando a tecla Alt e puxando


para fora com a ferramenta de seleção direta.

377
5) Selecione a forma recém criada com a ferramenta de
seleção.

6) Diminua o tamanho da forma e ajuste ela para que ela


fique dentro da outra linha, exatamente como a imagem
abaixo.

7) Abra o menu Objeto> Mesclar> Opção de


mesclagem.

378
8) Nesta janela que irá surgir clique na seta indicada e
selecione a opção Etapas específicas.

9) Defina 3 etapas e clique em OK.

10) Abra novamente o menu Objeto> Mesclar, porém


agora clique em Criar.

379
11) Agora clique no painel de camadas.

12) Nomeie a camada atual para Fouet.

13) Crie uma nova camada e nomeie essa como Cabo.

14) Crie um retângulo semelhante a este abaixo.

15) Ponha o retângulo na posição vertical, aplique


gradiente como cor de preenchimento e preta como cor de
contorno.

16) Ajuste o retângulo conforme a próxima imagem.

380
17) Selecione a tudo e agrupe as formas.

18) Salve o arquivo com o nome Fouet.

19) Feche o programa.

381
Exercícios de fixação

1) Crie uma forma semelhante a esta abaixo.

2) Salve o arquivo com o nome de Estrela e feche o


programa.

382
Aula 19
Preenchimento personalizado

Olá seja bem-vindo a décima nona aula do curso


Adobe Illustrator CS6.
Nesta aula iremos aprender a criar padrões de
preenchimento repetitivos, este recurso faz com que seja
possível desenhar um objeto e utilizar ele como
preenchimento de cor.
Veja o pequeno azulejo abaixo, nos multiplicamos ele
em 16 vezes e encaixamos estes como se fosse uma
parede utilizando o recurso de preenchimento repetitivo.

Agora vamos uma forma da qual será utilizada neste


recurso.
Crie um retângulo sem cor de preenchimento, cor de
contorno preta com dimensões de 88 pt de ambos os
ângulos.

383
Dentro deste retângulo crie algumas formas coloridas

Agora falta converter este nosso desenho em um


padrão, o quadra que desenhamos em volta serve para
indicar o limite do desenho e onde começara a repetir.
Mas não podemos deixar esse contorno preto
aparecendo pois ele irá aparecer junto quando utilizarmos o
preenchimento padrão, portanto vamos remover o contorno
mas deixar o objeto ale. Ele deverá ser selecionado junto
na hora de criar o padrão.
Selecione o contorno da forma.

Aplique nenhuma cor para o contorno.

384
Selecione a forma com a ferramenta de seleção.
Para definir o padrão devemos ativar no menu exibir a
opção definir padrão, isto vai exibir uma caixa onde nos
solicitará o nome desde padrão, depois isto ficará salvo
junto com as cores que tanto utilizamos.
Deste modo o processo ficará muito mais fácil basta
você desenhar, escolher a cor, vamos ver na prática?
Selecione o retângulo com a ferramenta de seleção,
clique no painel e arraste o retângulo para dentro do painel
Amostras.

Selecione o retângulo e pressione Delete.


Mesmo com a forma excluída ele ainda continua no
painel.
Vamos salva-lo que ele fique mesmo com o programa
encerrado e aberto novamente.
Clique na cor indicada e na opção editar padrão.

385
Note que o fundo da prancheta ficou totalmente
preenchido com esferas, mas não se preocupe logo elas
iremos retira-las.
Na janela que irá surgir altere o nome para Esferas
coloridas.

Agora clique em Concluído.

386
Com isso a prancheta voltará a ficar vazia.
Agora crie uma formula qualquer, no caso criamos
uma estrela.
Veja como a forma que criamos ficou preenchida com
o modelo padrão que criamos anteriormente.

O ideal é criar padrões com mais detalhes.


Agora vamos criar um retângulo semelhante a este
abaixo, cujo pode ser encaixado em copias dele mesmo,
crie um retângulo com dimensões de 100 pt por 100 pt.

387
Este retângulo foi feito criando outros quatro
retângulos que foram agrupados.
Clique no painel Amostras e arraste o retângulo para
dentro deste.

Pressione Delete.
Agora vamos salvar, clique na seta de bibliotecas.

Clique em salvar amostras.


Na janela que irá surgir defina o nome para “verde e
laranja”

388
E clique em salvar.
Para utilizar o modelo padrão basta ir até Biblioteca>
Definido pelo usuário> Padrões.
Chegamos ao fim de mais uma aula, não se esqueça
de fazer os exercícios desta apostila.

389
Exercícios práticos

1) Abra o Adobe Illustrator CS6 e crie uma prancheta.

2) Crie um retângulo com medidas de 200 pt de largura


e 200 pt de altura.

3) Selecione a Ferramenta Malha.

4) Aplique a cor verde como o preenchimento e nenhuma


cor como de contorno.

5) Crie os pontos conforme a imagem abaixo.

6) Aplique as seguintes cores nos pontos.

390
7) Selecione a forma com uma das ferramentas de
seleção e arraste esta para dentro do painel Amostras.

8) Veja que a forma que criamos já está dentro do painel


amostras.

9) Agora crie uma forma de estrela semelhante a imagem


abaixo.

391
10) Agora defina a amostra que acabamos de criar como
cor de preenchimento e preto como cor de contorno.

11) Amplie a espessura do contorno para 8 pt.

12) Crie mais formas na prancheta para testar a cor


amostra que criamos.

392
13) Salve o arquivo com o nome de amostra.

14) Feche o programa.

393
Exercícios de fixação

1) Crie uma imagem semelhante a esta abaixo.

2) Salve o arquivo com o nome de Estrela Binário.

3) Feche o programa.

394
Aula 20
Opacidade e transparência

Olá seja bem-vindo a última aula do curso Adobe


Illustrator Que passaram batidos e não nos focamos.
Veremos recursos como desenhar de frente ou atrás
do objeto e coisas mais complexas como transparência e
separação de objeto.
Nesta aula trabalharemos apenas com ideias básicas
sobre como fazer, então não teremos nenhum exercício
prático durante a aula.
Muitas vezes em um trabalho necessitamos fazer um
desenho por dentro de outro? Imagine ter que desenhar
uma linha que corte um objeto mas não sendo possível
deixar pedações do lado de fora.
Existem três tipos de formas de desenhar, a p rimeira é
desenhar por cima.
Crie um retângulo.

Utilizando a ferramenta pincel irregular crie uma linha


sobre o retângulo.

395
Com a ferramenta de seleção clique na linha que
acabou de criar, e pressione Delete.
No final da barra de ferramentas encontramos três
opções, a primeira, que está marcada, é a opção para
desenhar por cima dos objetos, “desenhar normal”.
Com esta opção marcada tudo que for desenhada
sairá sobre os outros objetos caso você necessite desenhar
atrás deles basta clicar no botão ao lado.
Clique no botão Atrás.

Agora tente desenhar novamente o linha sobre o


retângulo.

Veja que a linha ficou por trás do retângulo, mas isso


só acontece se o retângulo tiver um cor de preenchimento.
Selecione a linha utilizando a ferramenta de seleção e
pressione Delete.
A outra opção é desenhar dentro, como o nome diz, o
desenhos ficará apenas dentro do objeto selecionado.
Mesmo desenhado do lado de fora ele ficará dentro do
outro desenho, ou seja, o que passar por cima do objeto
ficará do lado de dentro e o dentro e o que passar por fora
será ocultado.
396
Selecione o retângulo utilizando a ferramenta de
seleção.
Marque a opção desenhar dentro.

Com o pincel irregular.

Veja que a linha só aparece dentro do retângulo.

E esta opção ainda nos traz um diferencial, mesmo


estando desenhado dentro do objeto podemos fazer uma
modificação, podemos entrar nele e ajustar a linha do jeito
que desejarmos.
Para “entrarmos” dentro de um objeto basta dar dois
cliques neste com a ferramenta de seleção.

397
Esta pequena aba que irá aparecer representará que
estamos dentro do objeto.
Agora vamos mover a linha, clique e arraste até o
local indicado.

Com isso parte da linha será puxada para fora do


retângulo.

Podemos desenhar mais objetos estando dentro deste,


também podemos utilizar esse recurso de dar dois clique
para usar uma forma como uma moldura para nossas artes.
Crie uma elipse dentro do retângulo.

398
Quando você terminar de desenhar o planejado, você
deve sair de “dentro” do objeto, caso contrário só
aparecerá aquilo que estiver dentro do retângulo.
Neste caso, somente vai aparecer o que ficar dentro
do quadrado que demos dois cliques.
Clique nesta seta para voltar a tela de desenho.

O primeiro clique sai do objeto e fica dentro da


camada, aqui já podemos trabalhar nela, mas vamos sair
mais ainda.
Clique novamente na seta.
Pronto, veja que ela está ali, a elipse e a linha, pegue
a ferramenta de seleção e puxe até o local indicado.

Veja que tudo se moveu esse recurso é muito útil


quando trabalharmos com desenhos agrupados.
Muito bem, vamos continuar com mais alguns recursos
básicos do Illutrator, Transparência um recurso muito útil
para fazer um efeito estilo vidro por exemplo.
399
Temos aqui um logotipo com uma imagem de uma
bola e as iniciais de um clube.

Nosso objetivo é deixa parte do texto transparente


para que a imagem da bola apareça mais.
Como só a letra V está sobre a imagem da bola vamos
aplicar o recurso de transparência somente, para isso
teremos que utilizar algum recurso que nos permite isso.
Selecione o texto com a ferramenta de seleção.

O recurso expandir que já trabalhamos anteriormente


nos auxiliará nisto. Com o texto selecionado vamos até o
menu objeto.
Abra o menu Objeto> Expandir.
Nesta janela que irá surgir podemos escolher duas
opções, que já estão marcadas ele separará o contorno do
texto, o que pode ser útil também.

400
Desmarque a opção preenchimento.

Clique em OK.
Ao expandir o objeto ainda ficará agrupado, podemos
utilizar a ferramenta seleção direta para mover letra por
letra ou então desagrupar para facilitar a modificar.
Agora vamos desagrupar o texto, novamente com o
texto selecionado com a ferramenta de seleção, clique no
menu Objeto> Desagrupar.

401
Clique em algum local da prancheta exceto no texto.
Agora o texto já está desagrupado, clique na letra V.

Agora vamos utilizar um recurso para aplicar a


transparência, este se chama Opacidade.
Clique no painel Aparência e selecione a opção
Opacidade.

Uma nova janela irá abrir, clique na seta i ndicada.

402
Clique na opção 60%

Veja que a letra V ficou esmaecida, ou seja, transparente.

Muito bem chegamos ao fim desta aula e também ao


fim do curso, continue praticando as lições vistas neste,
muito do seu desempenho virá da prática e também da sua
criatividade.
Não se esqueça de fazer os exercícios desta apostila.

403
Exercícios práticos

1) Abra o Adobe Illustrator e crie uma prancheta.

2) Insira um retângulo de 72 pt de largura e 188 pt de


altura.

3) Selecione a ferramenta Pincel irregular .

4) Clique e arraste até o local indicado.

5) Clique no local indicado.

6) Selecione a ferramenta Pincel irregular.

404
7) Clique e arraste até o local indicado.

8) Utilizando umas das ferramentas de seleção, selecione


a forma.

9) Clique no local indicado.

10) Clique e arraste até o local indicado.

11) Abra o menu Arquivo> Novo.

405
12) Crie uma elipse com medidas de 100 pt de largura por
100 pt de altura.

13) Aplique a cor indicada para o preenchimento e


contorno desta forma.

14) Clique no local indicado.

15) Clique em outra área da prancheta.

16) Selecione a ferramenta Pincel irregular.

17) Aplique branco como cor de preenchimento e


contorno.

406
18) Faça uma linha semelhante à que foi feita na elipse
abaixo.

19) Selecione a ferramenta de texto.

20) Digite em algum lugar da prancheta a palavra Tênis.

21) Selecione o texto utilizando a ferramenta de seleção.

22) Clique na opção Caractere.

23) Defina a espessura do texto para 140 pt.

24) Ajuste ele par que fique exatamente como na imagem


abaixo.

407
25) Selecione o texto utilizando a ferramenta de seleção.

26) Abra o menu Objeto> Expandir.

27) Na janela que irá abrir, desmarque a opção


Preenchimento e clique em OK.

28) Abra ao menu Objeto> Desagrupar.

29) Clique em outro local da prancheta (exceto no texto)

30) Selecione as letras “Tê” para isso clique em “T”


pressione Shift e clique em “ê”

31) Clique no painel Aparências .

32) Selecione Opacidade.


408
33) Clique na seta indicada e selecione a opção 70%.

34) Veja como a imagem ficou.

35) Salve o arquivo com o nome de Tênis.

36) Feche o programa.


409
Exercícios de fixação

1) Crie uma imagem semelhante a esta abaixo.

2) Salve e feche o programa.

410

Você também pode gostar