· 2 sumário aula 1

2

Sumário Aula 1 ............................................................................................................................................................ 5

Introdução ao Adobe Illustrator ................................................................................................................... 5

Espaços de trabalho ................................................................................................................................. 9

Grupos de painéis .................................................................................................................................. 12

Exercícios teóricos .................................................................................................................................. 14

Exercícios práticos .................................................................................................................................. 16

Aula 2 .......................................................................................................................................................... 17

Formas geométricas primitivas .................................................................................................................. 17

Mover formas......................................................................................................................................... 21

Ampliar/Compactar formas ................................................................................................................... 22

Desenhar com precisão .......................................................................................................................... 24

Círculo .................................................................................................................................................... 25

Polígonos ................................................................................................................................................ 27

Estrelas ................................................................................................................................................... 30

Retângulo arredondado ......................................................................................................................... 31

Grades .................................................................................................................................................... 32



Exercícios 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



Aula 4 .......................................................................................................................................................... 66

Trabalhando com símbolos ........................................................................................................................ 66

Linhas ..................................................................................................................................................... 66

Bordas .................................................................................................................................................... 71

Criar símbolos ........................................................................................................................................ 73



3

Aula 5 .......................................................................................................................................................... 85

Utilizando a ferramenta caneta .................................................................................................................. 85

Exercício prático ..................................................................................................................................... 93

Exercícios de fixação ............................................................................................................................ 106

Aula 6 ........................................................................................................................................................ 107

Ferramenta de seleção direta .................................................................................................................. 107

Exercícios práticos ................................................................................................................................ 115


Aula 7 ........................................................................................................................................................ 126

Vetorização ............................................................................................................................................... 126



Aula 8 ........................................................................................................................................................ 143

Convertendo BITMAPS ............................................................................................................................. 143



Aula 9 ........................................................................................................................................................ 152

Utilizando a ferramenta texto .................................................................................................................. 152



Aula 10 ...................................................................................................................................................... 164

Camadas ................................................................................................................................................... 164



Aula 11 ...................................................................................................................................................... 184

Efeitos de preenchimento ........................................................................................................................ 184



Aula 12 ...................................................................................................................................................... 208

Efeitos de contorno .................................................................................................................................. 208



Aula 13 ...................................................................................................................................................... 222

Introdução aos objetos em 3D ................................................................................................................. 222



4

Aula 14 ...................................................................................................................................................... 240

Mapeamento de objetos em 3D............................................................................................................... 240



Aula 15 ...................................................................................................................................................... 261

Preenchimento gradiente ......................................................................................................................... 261



Aula 16 ...................................................................................................................................................... 282

Ferramenta Malha .................................................................................................................................... 282



Aula 17 ...................................................................................................................................................... 307

Ferramenta malha parte 2 ....................................................................................................................... 307



Aula 18 ...................................................................................................................................................... 322

Deformando objetos ................................................................................................................................ 322

Ferramenta largura .............................................................................................................................. 323

Ferramenta deformar .......................................................................................................................... 327

Ferramenta redemoinho ...................................................................................................................... 330

Ferramenta esvaziar ............................................................................................................................. 331

Ferramenta inflar ................................................................................................................................. 331

Ferramenta guirlanda .......................................................................................................................... 332

Ferramenta cristalizar .......................................................................................................................... 332

Utilizando a ferramenta de mesclagem ............................................................................................... 334

Personalizando objetos em 3D ............................................................................................................ 347

Agrupamento de objetos ..................................................................................................................... 361



Aula 19 ...................................................................................................................................................... 383

Preenchimento personalizado.................................................................................................................. 383



Aula 20 ...................................................................................................................................................... 395

Opacidade e transparência ....................................................................................................................... 395



5

Aula 1

Introdução ao Adobe Illustrator

Bem-Vindo ao curso do Adobe Illustrator CS6, neste

curso você irá aprender e utilizar um dos programas de

edição e criação de imagens mais usados em todo mundo,

neste você poderá realizar diversos tipos de trabalhos

gráficos.

O Adobe Illustrator faz parte do pacote de programas

da Adobe Master Collection.

Illustrator CS6 Media Encoder CS6

Photoshop CS6

In design CS6

Acrobat X pro

Flash Professional CS6

Flash Builder 4.6

Dreamweaver CS6

FireWorks CS6

Adobe Premiere Pro CS6

After Effects CS6

Adobe Audition CS6

Speed Grade CS6

Prelude CS6

Encore CS6

Bridge

6

A modo grosso podemos dizer que o Illustrator é um

software semelhante ao Paint da Microsoft, porém muito

mais sofisticado. Embora o seu principal concorrente hoje

seja o CorelDraw.

Como citamos acima no Adobe Illustrator você pode

realizar diversos tipos de trabalhos gráfico, desde cartões

de visita até outdoors, cartoons, criar logotipos para

empresas, colorir pinturas gráficas, Etc.

7

Em 1985 a Adobe Sistems desenvolveu um

complemento de aplicativo de fonte para a própria

empresa. O Illustrator havia sido desenvolvido

exclusivamente para o sistema Macintosh, porém isso

acabou não dando muito certo pois o Macintosh não

possuía um fatia muito expressiva no mercado. Além disso

a Apple LaserWriter era a única impressora capaz de

reproduzir arquivos do Illustrator. Mas com o passar do

tempo os usuários começaram a reparar que o Illustrator

não apresentava os problemas frequentes dos

concorrentes. Com isso nosso protagonista deste curso se

infiltrou no mercado de edição e criação de imagens e CAD.

Muito bem, chega de história e vamos partir para a

prática. Vamos abrir o Illustrator e assim conhecer o

programa, clique no menu Iniciar > Todos os

Programas> Adobe Illustrator CS6, (Caso o Illustrator

não esteja visível, basta arrastar a barra de rolagem para

baixo)

Esta é a área de trabalho do Adobe Illustrator CS6.

8

Com o programa já aberto vamos inserir uma

prancheta.

Mas o que é uma prancheta?

Uma prancheta simplesmente é uma página de

trabalho onde você irá inserir as formas e recursos. Para

criar uma prancheta clique na guia Arquivo e opte por

Novo.

Uma janela de diálogo irá surgir, nelas você pode

definir algumas configuração referentes a prancheta.

Como você pode ver nesta janela é possível definir

configurações referentes a prancheta, como nome,

perfil, Nº de pranchetas, tamanho, Etc.

Após isso pressione

OK para criar a

prancheta.

9

Muito bem acabamos de criar a prancheta, mas antes

de começar a desenvolver e editar imagens, vamos

observar uma opção muito útil.

Espaços de trabalho

Os espaços de trabalho são predefinições das diversas

ferramentas localizadas na tela, estas que podemos utilizar.

Existem vários tipos de predefinições, cada uma com

sua seleção de ferramentas que de acordo com o tipo de

trabalho que você pretende fazer, pode facilitar sua tarefa.

Por padrão o espaço de trabalho Essenciais aparece

ao iniciar o programa.

10

Clique nas setas marcas para abrir os espaços de

trabalho.

Com isso o espaço de trabalho é liberado.

11

Observe que com a opção essenciais selecionada em

espaço de trabalho algumas ferramentas ficam ativadas no

canto esquerdo da tela, esta seleção de ferramentas se

chama Grupo de painéis.

12

Mas você pode mudar a opção clicando em

clicando nesta opção uma janela surge, nesta você pode

escolher outra opção.

Selecionando outras opções os grupos de painéis

também serão alterados.

Note que alguns grupos de painéis somente são

adicionados e outros permanecem.

Grupos de painéis

Os grupos de painéis são compostos de duplas ou trios

de ferramentas. Caso você não pretende utilizar algum

grupo, basta dar um duplo clique sobre algum título de

ferramenta.

Clique em Tipografia

13

Com isto os grupos poderão ser visualizados deste

jeito.

Caso você deseja utilizar o grupo que está

compactado, novamente de um duplo clique sobre os

títulos das colunas.

Para salvar um trabalho feito no Illustrator basta

ir no meu Arquivo e clicar em Salvar.

Chegamos ao fim da primeira aula do curso do Adobe

Illustrator CS6, não se esqueça de fazer os exercícios desta

apostila.

14

Exercícios teóricos

1) Que tipo de trabalho é possível realizar com o Adobe

Illustrator?

_______________________________________________

_______________________________________________

_______________________________________________

2) Em que ano foi desenvolvido o Adobe Illustrator?

_______________________________________________

_______________________________________________

_______________________________________________

3) Qual a única impressora que era capaz de reproduzir

arquivos criados no Illustrator?

_______________________________________________

_______________________________________________

_______________________________________________

4) O que é uma prancheta?

_______________________________________________

_______________________________________________

_______________________________________________

5) O que são grupos de painéis?

_______________________________________________

_______________________________________________

_______________________________________________

6) O que são os espaços de trabalho?

_______________________________________________

_______________________________________________

_______________________________________________

15

7) Por padrão qual o espaço de trabalho aparece ao

iniciar o programa?

_______________________________________________

_______________________________________________

_______________________________________________

8) Em qual menu é possível criar uma prancheta?

_______________________________________________

_______________________________________________

_______________________________________________

9) Primeiramente para qual sistema o Adobe Illustrator

foi exclusivamente criado?

_______________________________________________

_______________________________________________

_______________________________________________

10) Neste curso, qual a versão do Adobe Illustrator que

será estudada?

_______________________________________________

_______________________________________________

_______________________________________________

16

Exercícios práticos

1) Abra o Adobe Illustrator.

2) Insira uma prancheta, menu Arquivo> Novo.

3) Defina o nome da prancheta como “Minha primeira

prancheta”

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

coloque o nome do trabalho também como Minha

primeira prancheta.

17

Aula 2

Formas geométricas primitivas

Bem-Vindo a segunda aula do Adobe Illustrator CS6,

na aula de hoje iremos aprender como inserir formas.

Este programa é um tanto quando diferente, levando

em consideração a inserção e manipulação de formas,

vamos ver na prática como isso funciona.

Com o Illustrator já aberto, clique em menu Arquivo>

opte por Novo.

Na janela de diálogo que irá surgir devemos inserir um

nome, no caso já inserimos o nome Teste, também vamos

configurar o Tamanho da prancheta a ser criada

normalmente o tamanho A4 é o padrão, por isso defina

este tamanho a sua prancheta.

18

Após isso clique em OK.

Você também pode configurar a sua prancheta através

dos outros recursos contidos nesta janela, mas como nossa

aula de hoje é focada na inserção de formas deixaremos

isto para as aulas futuras.

Com a prancheta já criada, vamos iniciar a inserção de

formas no Illustrator, por primeiro vamos inserir um

retângulo. Por padrão o retângulo aparece inicialmente

nesta opção. Mas caso você queira inserir outra forma

basta clicar e manter pressionado o mouse sobre o

retângulo destacado.

Com isso uma janela surge com outros tipos de

formas, então basta escolher a forma e soltar o mouse.

19

Mas como havíamos dito vamos inserir um retângulo e

como ele já está visualizado na opção, basta clicar sobre

esta para que ele seja inserido.

Siga as instrução contidas na imagem abaixo.

Pronto o retângulo está inserido.

20

Você pode mover a forma através dos pontos nas

extremidades do mesmo.

Porém esta ai uma das grandes diferenças entre o

Illustrator e outro softwares que são possíveis a inserção de

testos.

21

Mover formas

Pois para ser possível a mobilidade da forma, antes

você deve selecionar a ferramenta de seleção direta e siga

as instruções contidas na imagem abaixo.

O retângulo foi puxado para o canto da prancheta.

22

Ampliar/Compactar formas

Agora se você deseja ampliar ou compactar a formula,

basta você selecionar a ferramenta de seleção.

Note que nesta ferramenta mais pontos de

extremidade são ativos na forma.

Obs.: O ponto central da fórmula não amplia a forma

somente move.

23

Vamos ampliar o retângulo, para isso siga as

instruções contidas na imagem abaixo.

24

Utilizando a ferramenta de seleção você pode girar a

imagem, basta selecionar a imagem e manter o cursos

próximo de um dos cantos da imagem, note que uma seta

com duas pontas irá surgir.

Desenhar com precisão

Para deixar a sua forma mais precisa, existe um

recurso muito interessante, basta você clicar sobre

ferramenta de formulas.

Realizando isso uma janela de

diálogo, nesta você poderá inserir as

dimensões desejadas para a fórmula.

25

Após definir o tamanho desejado basta clicar em OK.

Após isto vamos deletar o retângulo, selecione a forma

com uma das ferramentas de seleção e pressione Delete.

Deste jeito a prancheta ficará vazia, livre para

inserção de novas formas.

Muito bem, agora vamos inserir outras fórmulas,

começando pelo círculo.

Círculo

Clique e mantenha pressionado o mouse na

ferramenta de formulas e direcione o cursor para a opção

ferramenta Elipse e solte o mouse (Elipses são tipos de

círculos)

Agora as ferramentas de manipulação são

semelhantes em todas as formas.

Lembre-se que para manipular a formula, antes você

deve selecionar a formula e uma das ferramentas de

seleção dependendo do que você deseja realizar com a

forma.

Ferramenta de seleção direta - Move a forma.

Ferramenta de seleção - Altera o tamanho da

formula.

26

Crie um círculo no canto superior esquerdo da tela.

Selecione a ferramenta de seleção direta e mova o

círculo para o canto esquerdo.

Selecione o círculo e com a ferramenta de seleção

amplie o círculo.

27

Pronto inserimos o círculo ampliamos e movemos ele,

agora vamos inserir outras fórmulas.

Selecione com alguma das ferramentas de seleção e

exclua o círculo pressionando Delete.

Polígonos

Para inserir um polígono você deve seguir os mesmos

passos para inserção de retângulos e círculos.

Clique e mantenha pressionada a ferramenta de

formulas na janela que irá surgir arraste o cursor até a

opção Ferramenta Polígono e solte o mouse.

28

Crie um Polígono no canto superior esquerdo da tela.

Selecione a ferramenta de seleção direta e mova o

Polígono para o canto esquerdo.

Selecione o Polígono e com a ferramenta de seleção

amplie o círculo.

29

Pronto inserimos o Polígono.

Agora vamos ver uma peculiaridade de algumas

formas.

Clique na ferramenta de formulas , clique sobre a

fórmula recém inserida.

Uma janela irá surgir, nesta você pode desenhar com

precisão inserindo o tamanho da formula, mas neste tipo

de fórmula você também pode alterar o número de lados

da fórmula.

Por padrão ao criar inicialmente uma Polígono ele

surge com seis lados, mas você pode alterar isso.

30

Veja alguns exemplos de fórmulas com mais lados.

Estrelas

Estrelas com a formula de estrelas não é diferente.

Você cria com a ferramenta de formas clicando e

mantendo pressionado o mouse, arrastando o mesmo

até a opção estrela e soltar o mouse.

Por padrão a forma estrela ao ser criada aparece com

cinco pontos. Assim como na formula polígono você pode

alterar os lados na janela Desenhar com precisão, porém

este recurso é definido como Pontos,

31

Veja alguns exemplos de formas de estrelas com mais

pontos.

Retângulo arredondado

Esta formula é muito semelhante ao retângulo

convencional, porém ele possui as pontas arredondadas.

32

Grades

Este recurso é muito útil pois permite que seu trabalho

fique mais organizado e preciso.

Clique na guia Exibir.

Selecione a opção Mostrar grade e a opção encaixar

na grade, deste modo as formas irão se encaixar nas

grades.

33

Para retirar este recurso basta ir em menu Exibir e

desmarcar as opções marcadas.

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

os exercícios desta apostila.

34


1) Ao criarmos uma prancheta qual o tamanho padrão?

_______________________________________________

_______________________________________________

_______________________________________________

2) Através de qual ferramenta é possível criar círculos?

_______________________________________________

_______________________________________________

_______________________________________________

3) Qual a principal função da ferramenta de seleção?

_______________________________________________

_______________________________________________

_______________________________________________

4) Qual a principal função da ferramenta de seleção

direta?

_______________________________________________

_______________________________________________

_______________________________________________

5) Qual o procedimento para a inserção de um retângulo?

_______________________________________________

_______________________________________________

_______________________________________________

35


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.

36

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.

37


Observe o retângulo arredondado dentro da elipse.

7) Agora vamos criar uma nova elipse dentro deste

retângulo arredondado.

Veja que uma nova elipse surgiu dentro do retângulo

arredondado.

38

8) Salve o arquivo com o nome de Símbolo globo.

Exercícios de fixação

1) Utilizando a ferramenta estrela, configurando está com

três cantos, faça uma forma semelhante a esta abaixo,

chamada de Estrela de Davi.

39

Aula 3

Personalizando contornos Na aula de hoje vamos focar os estudos nas

ferramentas de contorno, linhas retas, linhas curvas,

grades, espirais, grade polar a seus respectivos contornos

como formatos, cores etc.

Vamos começar com as linhas retas, mas primeiro

vamos desmembrar essa ferramenta dos menu, clique e

segure o mouse na ferramenta indicada, arraste até a área

marcada e solte o mouse.

Pronto desmembramos esta ferramenta e vamos

iniciar inserindo uma linha reta.

Linhas

Como a ferramenta Linha Reta selecionada insira

uma linha no Illustrator.

40

Siga as instruções contidas na imagem abaixo.

Agora vamos iniciar a formatar esta linha, clique na

ferramenta marcada, este painel se chama Traçado.

41

Ao abrir a janela clique no local indicado para ampliar

a janela e mostrar mais opções.

Através dos recursos desta janela você pode redefinir

a espessura da linha os arremates ou seja as

extremidades das linhas, definir uma aplicação de seta

nesta, dimensionar o tamanho, alinhar e aplicar estilos

a linha.

42

Observe alguns tamanho de espessuras.

Vamos ver agora o que são os arremates, mas

primeiro vamos dar um zoom na prancheta.

Selecione a opção zoom clique sobre uma das

extremidades de uma linha e teste cada uma das três

opções de arremates.

1 pt

2 pt

6 pt

3 pt

4 pt

5 pt

Arremate Limitado

Arremate Projetado

Arremate Arredondado

43

Em Pontas Setas você pode definir um estilo de setas

para aplicar a linha em qual das extremidades que for.

Você também pode aplicar cores nas setas,

primeiramente você deve selecionar o objeto no caso a seta

através da ferramenta de seleção e clique na opção

Com isto uma janela irá surgir, repare que nesta

existe dois quadrados pequenos.

44

Este botão determina a cor do preenchimento, mas

como o Illustrator trata uma seta como uma simples linha,

ele não aplica um preenchimento.

Portanto defina somente a borda da imagem que toda

a seta será colorida, porém você deve selecionar o outro

quadrado.

Agora defina uma das cores dentro da caixa de cores

para ser aplicadas a forma no caso a seta.

Porém não se esqueça de sempre manter a figura

selecionada

45

Arco (Linha curva)

A ferramenta arco como o próprio nome diz faz uma

linha curva com os mesmos recursos de formatação da

linha reta.

Espiral

Esta ferramenta não possui uma utilidade muito

grande porém pode ser usada para fins estéticos.

Antes de criar uma espiral clique na ferramenta e

depois clique na área de trabalho

Uma janela irá surgir.

46

Nesta você poderá configurar algumas características

na forma, como raio decréscimo, segmentos e estilo.

Veja um exemplo de como uma espiral pode ser

formatada.

Grade retangular

Uma grade retangular como o próprio nome diz, tem

um formato de retângulo, semelhante a uma tabela ou um

tabuleiro de xadrez ela também pode ser configurada por

formato estilo e cor.

Selecione a opção grade retangular e de um clique na

área de trabalho do Illustrator, novamente uma janela irá

47

surgir, nesta pode ser definido algumas configurações como

largura, altura, número de células horizontais e verticais a

sua inclinação, uso de retângulo externo como quadrado e

preenchimento de grade.

Grade Polar

Primeiro vamos intender o porquê do nome Grade

Polar, observe a imagem abaixo do círculo polar ártico,

veja as linhas dos meridianos e paralelos é muito

semelhante à figura Grade polar. Ou seja todos as linhas do

círculo se encontram em um ponto chamado de polo.

48

Antes de inserir você pode configurar a grade do

mesmo modo que as formas anteriores, através da janela.

49

Exercícios teóricos

1) Quais são as ferramentas de contorno?

_______________________________________________

_______________________________________________

_______________________________________________

2) Qual o procedimento para desmembrar as ferramentas

de contorno?

_______________________________________________

_______________________________________________

_______________________________________________

3) O que pode ser definido através do painel traçado?

_______________________________________________

_______________________________________________

_______________________________________________

4) Qual ferramenta cria uma imagem semelhante a um

tabuleiro de xadrez?

_______________________________________________

_______________________________________________

_______________________________________________

5) O que pode ser definido em Pontas setas?

_______________________________________________

_______________________________________________

_______________________________________________

50


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

2) Desmembre as ferramentas de contorno, clicando e

arrastando até o local indicado.

Com isso as ferramentas de contorno ficaram

desmembradas.

3) Selecione a ferramenta linha.

51


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

52

6) Faça isso outra vez.

7) Para terminar feche o retângulo.

Muito bem, o retângulo está pronto.

53

8) Agora selecione a ferramenta arco.

54


Note que uma linha em formato de arco surgiu.

55

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

indicado.

56

Agora uma nova linha em curva surgiu.


57

12) Agora faça o contrário, clique e arraste até o local

indicado.

Veja a linha em curva que foi criada, está parecendo

duas pranchas de surf sobrepostas.

58

13) Agora vamos excluir o retângulo, que só foi utilizado

como base para elaborar com perfeição as formas.

14) Com a ferramenta de seleção, clique no local indicado.

15) Pressione Delete.

59


17) Clique no local indicado.

60


61



62

21) Como as figuras de pranchas estão colocadas

sobrepostas, vamos alterar isto dando um efeito como se

uma estivesse por cima da outra. Utilizando a ferramenta

de seleção direta, selecione o local indicado.

22) Agora selecione a ferramenta borracha, como você

selecionou uma linha, somente esta poderá sofrer

alterações da borracha no momento.

23) Apague parte da linha, conforme a imagem abaixo.

63

24) Agora clique no local indicado.

25) Apague esta parte com a borracha.

64

Pronto agora podemos ver e interpretar como se a

prancha esquerda está por cima da direita.

26) Futuramente poderemos utilizar este trabalho, salve

este com o nome de Prancha de surf.


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

utilizando as ferramentas de contorno, salve este com o

nome de Torre Eiffel.

66

Aula 4

Trabalhando com símbolos Na aula de hoje vamos estudar os símbolos, como

aplicar estilos de contornos e preenchimento, também

vamos estudar as bibliotecas de símbolos, isto facilita

seu trabalho pois economiza seu tempo na hora de criar

imagem.

Linhas

Crie uma nova prancheta, um menu Arquivo> Novo.

Desmembre as ferramentas de forma, clique no local

indicado, segure o mouse e arraste até a seta

marcado.

Com isso a barra de ferramentas de linhas e grades se

desmembrará.

67

Com uma nova prancheta já inserida crie uma elipse

ou seja um círculo.

Selecione a forma através da ferramenta de seleção

Abra o painel de cores localizado no lugar marcado.

Com a janela de cores já aberta, selecione biblioteca.

68

Dentro da biblioteca existem inúmeras opções de

estilos de cores, clique em Metal.

Com isso, o círculo ficará da cor selecionada.

Agora vamos selecionar um estilo para a borda,

selecione o círculo.

69

Clique no local indicado.

Selecione a opção indicada.

Escolha um formato de borda.

70

Selecione a opção Cinza Escuro – pena.

Amplie a espessura da borda no botão.

Exclua o círculo, selecionando ele e pressionando

Delete.

71

Bordas

Agora vamos estudar outras opções de bordas,

primeiramente crie uma forma no caso um retângulo e

clique em Layout de bordas.

Ao abrir esta ferramenta clique em biblioteca.

Selecione Bordas.

Ao clicar em bordas algumas opções surgirão.

72

Através deste recurso uma janela se abrirá com

modelos, caso deseje escolher outra borda basta rolar a

barra de rolagem para baixo.

Procure e selecione a opção Mosaico e aplique-o.

No espaço de trabalho existem opções para símbolos

para abri-las basta clicar em

Abra a opção biblioteca e selecione a opção Primitivo.

73

Você pode escolher qualquer imagem contida na

janela e procura outras utilizando as setas marcadas.

Para inserir estas imagens basta clicar duas vezes

sobre a imagem desejada ou clicar e arrasta-la até a

prancheta.

Criar símbolos

Agora vamos criar uma imagem para salvar na

biblioteca.

Crie uma imagem qualquer utilizando formas e linhas

assim como aprendemos nas aulas anteriores.

74

Para agilizar criamos uma imagem de uma estrela

amarela, agora selecione a imagem e arraste está para

dentro da caixa de símbolos.

Lembre-se que para selecionar você deve utilizar a

ferramenta de seleção

Antes da imagem ser salva você deve definir algumas

opções de símbolo e clicar em OK.

Pronto você já pode notar que a imagem que criamos

já está no espaço dos símbolos.

75

Você também pode salvar esta imagem no seu

computador, para isso você deve ir em biblioteca.

E clicar em Salvar símbolo.

76

Uma janela semelhante a esta acima surgirá, nesta

você deve inserir o nome da imagem o local onde irá salvar

e clicar em Salvar.

Para excluir este símbolo ou qualquer outro que esteja

no espaço de símbolos basta arrastar o símbolo até o ícone

de lixeira.

77


1) Abra o Adobe Illustrator e já crie uma prancheta.

2) Clique na ferramenta indicada, mantendo o mouse

pressionado arraste até a ferramenta elipse.

3) Clique em algum lugar da prancheta.

4) Note que uma janela irá surgir, nesta você deve definir

os parâmetro para 200 pt de largura e 200 pt de altura.

5) Clique em OK.

78

Observe que uma elipse surgiu.

6) Selecione a elipse com a ferramenta de seleção.

7) Aplique a cor amarela com cor de preenchimento da

forma.

Veja que a elipse ficou com preenchimento amarelo.

79

8) Agora vamos definir um contorno a forma, clique nas

opções de borda.

9) Clicando na seta indicada acima, um layout de opções

irá abrir, selecione a opção Cinza escuro-pena.

10) Vamos alterar a cor do contorno, clique na seta

indicada e selecione a cor vermelha.

11) Amplie a espessura do traçado, clique na seta

indicada.

12) Selecione a opção 3 pt.

80

Veja como o contorno do círculo ficará.

13) Salve esta imagem em sua pasta com o nome de

Contorno personalizado.

14) Abra o menu Arquivo> novo.

81

15) Vamos criar um retângulo, para isso selecione a

ferramenta retângulo.

16) De um clique em algum lugar da prancheta.

17) Uma janela irá surgir, nesta você deverá definir os

metidas, 200 pt de largura e 200 pt de altura.

18) Clique em OK.

19) Veja que um retângulo foi criado, agora selecione este

com a ferramenta de seleção.

82

20) Aplique a cor laranja como preenchimento.

21) Agora vamos aplicar um contorno que está na

biblioteca, como a forma selecionada clique na seta

indicada.

22) Clique no botão que dá acesso a biblioteca.

23) Selecione Bordas> Bordas primitivas.

83

24) Arraste para baixo a barra de rolagem para baixo e

selecione a opção Primitivo 3.

84

Veja como ficara o retângulo com essa borda.

25) Salve o arquivo com nome de Borda primitiva.

26) Abra o menu Arquivo> Novo.


1) Crie um símbolo e cole no painel de símbolos.

2) Salve e feche o programa.

85

Aula 5

Utilizando a ferramenta caneta

Na aula de hoje vamos estudar uma das ferramentas

mais usadas do Illustrator.

Através dela você poderá criar os traços base para

criar qualquer tipo de desenho, na verdade não haverá

trabalho que você não consiga realizar com a ferramenta

caneta.

Você vai criando e formando pontos, aqui chamados

de nós e ajustando para posteriormente formar curvas,

este processo denomina-se vetorização, nesta aula vamos

aprender o básico mas nas próximas aulas vamos

aperfeiçoando os nossos conhecimentos.

Bom chega de teoria e vamos partir para a prática.

Com o Illustrator já aberto e uma prancheta criada

com o nome que você desejar, selecione a ferramenta

caneta

Vamos criar um retângulo por primeiro, clique no local

indicado.

86

Note que uma linha reta surgiu entre os pontos que

você criou, lembre-se que estes pontos são chamados de

Nó e assim serão chamados a partir de agora neste curso.

Agora clique no outro ponto indicado.

88

Novamente uma linha surgiu entre os nós.

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

indicado.

89

Agora feche o retângulo clicando no ponto indicado.

90

Muito bem o retângulo já está pronto, com quatro nós,

mas você ainda pode criar novos nós.

Clique nos locais indicados.

Você também pode excluir os nós através da

ferramenta caneta.

91

Clique no ponto indicado.

Agora vamos criar um nó e puxar ele para que o

retângulo volte ao formato original.


Com a ferramenta de seleção direta estique o novo nó

até que o retângulo seja novamente formado.

92

Note que ao atingir o ponto que deixa o retângulo

perfeito, o Illustrator lhe ajuda com linhas verdes.

Muito bem chegamos ao final desta aula veja algumas

formas que podem ser feitas com a ferramenta caneta do

Illustrator.

93

Exercício prático

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

2) Selecione a ferramenta caneta .

3) Clique nos locais consecutivamente.


5) Mais uma vez clique nos locais indicados.

94

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

Veja o retângulo ficou pronto.

95

7) Vamos excluir um dos pontos, com a ferramenta

caneta clique no local indicado.

8) Crie um novo ponto, com a ferramenta caneta clique

no local indicado.

96

9) Agora molde o retângulo novamente, com a

ferramenta de seleção direta clique e arraste o ponto até o

local indicado.

Pronto o retângulo está formado novamente.

97

10) Selecione todo o retângulo com a ferramenta de

seleção direta.


12) Converta o ponto ancora para Suave, clique no ponto

indicado e selecione a opção Ponto suave.

13) Clique no ponto indicado.

98


indicado e selecione a opção Ponto suave.



indicado selecionando a opção Ponto suave.

99



indicado selecionando a opção Ponto suave.

Veja como ficou o retângulo, com os cantos levemente

arredondados.

100

19) Selecione a ferramenta caneta.


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

22) Clique duas vezes no ponto criado anteriormente,

somente assim ele será liberado para ser movido.

101

23) Clique e arraste o ponto até o local indicado.


25) Utilizando a ferramenta de seleção direta clique no

local indicado.

102


27) Clique duas vezes no ponto indicado anteriormente.

28) Arraste o ponto até o local indicado.

Veja que nossa forma está parecendo uma gravata

borboleta

103

29) Crie uma retângulo com proporções de 80 pt por 80

pt.

30) Da mesma maneira suavize os pontos do retângulo.

31) Arraste a nova forma par acima do outra forma.

104

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

33) Selecione azul como cor de preenchimento e nenhuma

cor de contorno.

105


35) Selecione amarelo com cor de preenchimento e

também amarelo como cor de contorno.

106

36) Salve o arquivo com o nome de Gravata borboleta.

37) Feche o programa.



2) Crie uma imagem semelhante a esta abaixo, utilizando

a ferramenta caneta.


107

Aula 6

Ferramenta de seleção direta

Olá, na aula de hoje vamos estudar mais sobre a

ferramenta de seleção direta, esta ferramenta é muito útil

na criação de figurar com linhas curvas, já que na aula

passada só estudamos linhas retas.

Primeiramente vamos criar linhas retas para depois

modifica-las e deixa-las arredondadas.

Começando vamos criar um triângulo através da

ferramenta caneta

Selecione a ferramenta de seleção direta

Observe que na parte superior da área de trabalho

existem duas opções de conversão.

Para que você possa modificar as formas em curvas,

selecione

108

Puxe a alça para fora.

Repita o mesmo com a outra alça.

109

Agora arraste a alça para cima.

Volte a posição anterior.

Agora vamos transformar esta forma em Triangulo

novamente.

110

Para isto arrastar as alças até o local indicado, porém

pressionando uma das teclas Alt.

Vamos desenhar uma forma de coração, repita o

mesmo com a outra alça, não se esqueça de manter

pressionada uma das teclas Alt.

Muito bem agora selecione a ferramenta Caneta,

vamos criar um nó no local indicado.

Vamos puxar o nó para cima, selecione a ferramenta

de seleção direta

111

Selecione a imagem com a ferramenta de seleção

direta e clique em na opções de

conversão.

Segurando a tecla Alt Arraste a alça até o local

indicado.

112

Faça o mesmo com a outra alça.

Agora vamos suavizar os cantos, selecionando a opção

de converção lembre-se que para isso a figura deve

estar selecionada pela ferramenta

Clique no local indicado e depois clique em

113

Possivelmente o seu coração tenha ficado deformado,

mas para arrumar basta manipular a forma através da alça

marcada e arrastar até o ponto marcado.

Repita isso na outra alça se for preciso e então

teremos uma forma quase que perfeita de um coração.

114

Agora selecione o coração com a ferramenta de

seleção e clique em nesta opção opte pela cor

amarela, defina uma borda, não se esqueça que para isso

você deve primeiro selecionar o quadrado que define a

borda.

Em bordas selecione a cor vermelha e amplie a

espessura para 17pt.

Finalmente o coração ficou pronto, não se esqueça de

fazer os exercícios desta apostila, até a próxima aula

115



2) Insira uma forma de estrela na prancheta.


4) Clique e arraste até o ponto indicado.


116




117

Veja só, transformamos a estrela em losango.


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


118




119





120

Veja como a imagem ficou.

19) Crie uma Elipse com perímetros de 100 pt de largura e

100 pt de altura.

20) Arraste esta elipse para o centro da forma que

estamos manipulando.


121



122



123

Veja como nossa forma ficou.

26) Agora vamos aplicar uma cor a nossa forma, veja que

ficou parecido com uma flor, selecione as pétalas com a

ferramenta de seleção.

124

27) Aplique a cor Fucsia para as pétalas.

28) Agora vamos aplicar a cor Amarela como cor de

preenchimento e nenhuma cor para o contorno.

125

29) Salve o arquivo cor o nome de Margarida.



1) Crie uma forma semelhante à está abaixo, conhecido

como o símbolo do infinito, utilizando a ferramenta caneta e

ferramenta de seleção direta suavizando os cantos

necessários.

126

Aula 7

Vetorização

Olá, bem-vindo a sétima aula do curso Adobe

Illustrator CS6, na aula de hoje vamos estudar as

vetorizações.

Mas o que é vetorização?

Provem do primitivo vetor, que na área de design

gráfico significa um imagem formada por elementos

gráficos, mais adiante no curso estudaremos outro formato

o BITMAP.

A Vetorização possibilita uma técnica muito

interessante para colorir imagens que já existem no seu

computador.

Muito bem, vamos inserir uma forma já inserida no

seu computador.

Caso você não tenha nenhuma imagem pronta para

colorir, abra o Google e procure alguma imagem para

ilustrar, salve este desenho no seu computador.

Para inserir este no Illustrator basta criar uma

prancheta, abrir o menu Arquivo e clicar na opção inserir.

Nesta opção você deve

procurar a imagem

desejada e clicar em OK.

127

No exemplo abaixo usamos uma imagem do

personagem Bart Simpson.

Vamos colorir a imagem para isso siga os passos.

Clique no Layout do recurso marcado na imagem

abaixo.

Uma janela com várias funções irá surgir, você pode

testar cada opção, caso a imagem não se adapte à função

basta pressionar Ctrl + Z.

Já testamos todas as funções durante a edição desta

aula e percebemos que a imagem ficou melhor com a opção

Esboço artístico, por isso clique em Esboço artístico.

128

Agora clique e mantenha pressionado o mouse na

ferramenta indicada, arraste e solte o mouse sobre a

opção Balde de tinta em tempo real.

Selecione a figura com a ferramenta de seleção

Clique no botão Expandir.

129

Repare que a imagem ficou com um contorno azul,

isso significa que ela pode ser colorida.

Selecione a ferramenta de seleção direta e clique

no local indicado, na borda da linha.

130

Note que somente a parte da cabeça de “Bart” ficou

selecionada.

Agora no painel de cor selecione a cor amarela

clicando no local indicado.

Agora a parte que estava circulada no vários nós azuis

esta amarela.

Como a cor amarela não será usada somente neste

local da imagem você deve evitar usar outros tons de

amarelo, para isso existe uma ferramenta muito útil

chamada conta-gotas.

131

Primeiramente seleciona-se o local a ser colorido de

amarelo.

Clique no local indicado, assim somente a mandíbula

do personagem ficará marcada.

A ferramenta conta-gotas funciona como o objeto,

literalmente capta a cor de um ponto e insere em outro,

como queremos que a mandíbula de “Bart” fique também

na cor amarela e com o mesmo tom, devemos captar a cor

da cabeça da figura e aplicar na mandíbula.

Com a ferramenta conta-gotas clique em qualquer

parte amarela da cabeça de “Bart”.

132

Repita o mesmo com os braços e as pernas de “Bart”

Lembre-se que para isso você deve primeiro definir a

área a ser colorida e depois utilizar o conta-gotas.

Agora repita o mesmo com a camisa colorindo ela de

vermelho, não se esqueça de colorir a parte de dentro da

manga esquerda na figura.

133

Muito bem, agora só falta colorir o calção e os tênis de

“Bart” pintes essas partes de azul.

Pronto a imagem está colorida.

Como esta imagem já veio pronta não existe muitas

coisas a serem modificada perante ao formato, mas caso

você deseje modificar o formato basta selecionar a imagem

com a ferramenta de seleção direta e clicar duas vezes

nos pontos para liberar as alças.

Veja na imagem acima que criamos mais um dedo na

mão de “Bart”, você pode criar inúmeras modificação nas

134

ilustrações, mas isso veremos nas próximas aulas, não se

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



2) Procure uma imagem para colorir do desenho “O

fantástico mundo de Bob” caso não saiba este era um

desenho que passava nos anos 90.

3) Salve este arquivo no seu computador como o nome

de “Bob”

4) No Illustrator abra o menu Arquivo.

5) Clique em Inserir.

6) Procure e abra o arquivo “Bob”

135

7) Muito bem, vamos colori-lo, mas para isso

primeiramente devemos vetorizar este.

8) Selecione a imagem com uma das ferramentas de

seleção.

9) Clique na seta de layout da opção Traçado de

imagem.

10) Selecione a opção Esboço artístico.

11) Clique no botão expandir.

136

12) Repare que a margem que existia em volta da imagem

sumiu, porém ainda resta uma parte do logotipo do site de

onde foi extraído a imagem, por isso clique nas partes

indicadas e pressione Delete, até que todas forem

excluídas.

13) Utilizando a ferramenta de seleção direta selecione

toda a imagem.

Veja que a imagem ficou toda contornada por pontos

azuis, com isso você poderá selecionar partes separadas da

imagem e colorir a imagem.

137

14) Clique fora da imagem.


Veja que a região do rosto da figura ficou marcada,

agora você pode colorir esta.

16) Clique no painel de cor.

138

17) Dê um duplo clique no local indicado.

18) Uma janela irá surgir, nesta arraste o círculo de

captação de cor até o local indicado.

19) Clique em OK.

Com isso o rosto de bob ficará com cor de pele.

139

20) Com a ferramenta de seleção direta clique no local

indicado.

21) Agora vamos utilizar a ferramenta Conta cotas.

Clique nesta.

22) Agora vamos captar a mesma totalidade de cor do

rosto, clique no local indicado.

Veja que a orelha de Bob está com a mesma cor do

rosto.

23) Repita o mesmo com as mão, abdome, canelas e

pescoço de Bob.

140

24) Utilizando a ferramenta de seleção direta, clique no

local indicado (na manga da camiseta).

25) Aplique a cor vermelha para esta área.

26) Defina esta cor para a outra manga gola da camisa e

para o calção de Bob.

27) Agora selecione o local indicado.

141

28) Aplique a cor azul para esta parte do tênis de Bob.

29) Aplique esta cor a outra parte do tênis, utilizando a

ferramenta conta gotas e ferramenta de seleção direta.

142

Pronto a figura de Bob está pronta totalmente

ilustrada.

30) Salve o arquivo e feche o programa.


1) Capte da internet e pinto a imagem abaixo levando em

consideração a fidelidade com o desenho.

2) Salve o arquivo e feche o programa.

143

Aula 8

Convertendo BITMAPS Na aula de hoje continuaremos estudando a

vetorização e a ferramenta pincel irregular, com ela você

pode vetorizar imagens feitas à mão, esta técnica é muito

útil no processo de criação de um logo pra uma empresa,

muitas vezes o responsável pela empresa já vem com um

esboço pronto e você, no caso designer gráfico devera

lapidar ou seja digitalizar o logo.

O ideal é você criar dois ou três modelos e pedir a

opinião de quem lhe pediu o serviço.

Abaixo temos um esboço de um logo que uma outra

pessoa fez, por tanto devemos manter as características e

mudar o mínimo de detalhes possíveis.

Lembre-se que para inserir um logo você deve abrir o

menu Arquivo> Inserir. Uma esboço feito à mão pode ser

passado para o PC através de uma fotografia.

Vamos utilizar o exemplo da aula passada, o traçado

em tempo real para deixar os traços editáveis e com

possibilidade de colorir.

144

Veja que o trabalho ficou praticamente perfeito, está

quase pronto para entrega e aprovação do cliente.

Porém note que a palavra Produções está borrada.

Para fazer algumas modificações necessárias e

reutilizar algumas partes clique no botão Expandir.

Clicando nesta opção vamos transformar o resultado

do traçado em tempo real em curvas e linhas que podem

ser modificadas com a ferramenta seleção direta .

145

Cada ponto azul chamado de Nó pode ser manipulado

através da ferramenta de seleção direta .

Para poder observar melhor como essa ferramenta

funciona vamos ampliar a visualização, clique na

ferramenta Zoom e amplie as imagens seis vezes.

Clique e arraste até o ponto indicado.

146

Podemos fazer essas modificações para alterar melhor

os traços de uma arte. Mas no caso, até para continuar com

a explicações e o conhecimento de novas ferramentas,

vamos apenas modificar a cor da palavra Produções.

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.

147

Utilizando a ferramenta Zoom a palavra Produções,

para isso, vamos retirar o fundo da palavra Produções ou

como queira a parte de dentro da letra O, clique na área

marcada e pressione Delete.

Selecione a palavra Produções.

Clique no Layout da opção de cores.

E clique na cor indicada.

148

Pronto trocamos a cor da palavra Produções, porém

note que ela não está bem definida.

Isso acontece pois o Illustrator não utilizou apenas

preenchimento, para o vetorização ele utilizou linhas, sendo

necessário modificar a cor do contorno também.

Nesse caso o melhor a fazer é recortar a palavra - e

redesenha-la sobre a original utilizando a ferramenta

caneta.

Observe a letra “P” redesenhada com a cor salmão.

Muito bem chegamos ao fim da aula do capítulo oito

do curso Adobe Illustrator CS6.

149



2) Procure na internet uma imagem referente ao logo da

empresa Unilever.

3) Salve esta imagem no seu computador com o nome de

Unilever.

4) No programa Adobe Illustrator abra o menu Arquivo.

5) Clique em Inserir.

6) Procure pela imagem salva no exercício acima, e insira

esta.

7) Selecione a imagem com a ferramenta de seleção

direta.

150

8) Clique na seta da opção Traçado da imagem.

9) Opte por Esboço artístico.

Veja que a imagem ficou com um aspecto diferente, os

pequenos detalhes foram suprimidos, como por exemplo o

“pingo da letra I e detalhes da letra E.

10) Utilizando a ferramenta lupa, para aproximar a

imagem.

151

11) Utilizando a ferramenta pincel e caneta vamos

concertar isto.



1) Capte algum desenho da internet, vetorize, concerte o

necessário e pinte este.


152

Aula 9

Utilizando a ferramenta texto

Na aula de hoje vamos aprender como deixar nossos

trabalhos mais diversos inserindo textos neles, não vamos

entrar no assunto que textos possam fazer uma grande

diferenças nos trabalhos gráficos, vamos direto para a

prática.

Bom digitar é fácil, desenvolver um texto nem tanto,

mas como o designer gráfico trabalha com a estética,

vamos estudar a formatação de texto, ou seja (fonte,

tamanho, cor, etc.)

Para inserir texto no Illustrator você deve utilizar a

ferramenta texto no painel de opções à direita da área de

trabalho.

E clique na seta indicada.

Deste modo a ferramenta de texto se desmembrou do

grupo de opções, ficando mais rápida e fácil de ser

utilizada.

153

Primeiramente vamos utilizar a primeira opção desta

ferramenta, a opção Tipo.

Para digitar basta clicar onde desejamos iniciar a

palavra, porém depois de digitar podemos pegar a

ferramenta seleção e mover de lugar.

Digite a palavra Illustrator.

Opções que já aprendemos estão disponiveis, como a

alteração de contorno, outras opções serão exclusivas ao

texto , porém para aplicar qualquer efeito ou modificações

o ideal é pegar a ferramento seleção para ativar os

recursos.

Para alterar a fonte e o tamanho dela clique em

Caractere.

Clicando nesta opção uma janela com recursos de

fonte irá surgir.

154

Clique no Layout e aplique a fonte Berlin Sans FB,

estilo Bold, e 60 pt na opção

Veja como que a fonte ficará.

Mas você também pode fazer dowloand de outras

fontes na internet, um modo é pelo site www.dafont.com

Neste site você encontrará varios estilos de fonte para

baixar, lembrando que baixar é o termo que se usa

quando copiamos arquivos da internet para o seu

computador.

http://www.dafont.com/

155

Abra o navegador que você mais utiliza.

E vá até o site citado acima. www.dafont.com

Veja a página inicial do site.

Como você pode ver existem colunas de vários estilos

que você pode escolher.

Na coluna Gotica clique em Medievais.


156

Desça a barra de rolagem.

Assim você poderá visualizar as opções de fontes para

baixar referente ao assunto gótico.

Clique sobre a opção Deutsche Zierschrift.

Clique na pasta em formato ZIP que surgiu na canto

inferior direito da tela.

157

Na janela que irá surgir abra a pasta marcada.

Uma nova janela se abrirá, nesta você deve clicar na

opção Instalar, deste modo a fonta poderá ser utilizada

em qualquer programa que tenha ferramenta para inserção

de texto.

Veja só.

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


158


1) Abra o Adobe Illustrator e crie uma prancheta.

2) Clique na ferramenta de texto .

3) Clique sobre a prancheta e digite a palavra

Illustrator.

4) Selecione o texto.

5) Clique no recurso Caractere.

6) Para abrir as opções de caractere clique na seja

indicada.

159

7) Aqui abriu uma lista de fontes disponíveis, clique na

seta indicada até achar a fonte Lucida Handwriting

Italic, observação a lista está em ordem alfabética.

8) Defina o tamanho do caractere para 45 pt.

9) Agora abra algum navegador e acesse o site

www.dafont.com.


160

10) Clique na opção LCD.

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

161

12) Clique em Download, repare que o download iniciará

no canto inferior esquerdo da tela.

13) Após o término do download clique na pasta zip.

14) Clique em fechar.

15) Dê um clique sobre o arquivo de fonte.

16) Clique sobre Instalar.

162

17) Agora volte ao Illustrator e clique em caractere.

18) Defina o tamanho de caractere para 100 pt.

163

19) Selecione a ferramenta de texto .

20) Digite a palavra Game Over.

21) Salve o arquivo como Game Over.



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.


164

Aula 10

Camadas

Na aula de hoje vamos revisar na prática algumas

ferramentas e estudar o uso de camadas, esta que tem

como principal papel separar os elementos de uma arte

gráfica facilitando a organização destes dentro do

Illustrator.

Como exemplo vamos criar um cardápio utilizando

ferramentas como o pincel, retângulo e caneta, a imagem

abaixo também foi tratada com o Adobe Illustrator.

Nosso trabalho será organizar estes elementos da

imagem em camadas, posteriormente vamos aprender

como criar novas camadas.

165

Mas o que são camadas?

Camadas são recursos do Illustrator que funcionam

como folhas de trabalho ou de mesa, é importante saber

que podemos isolar os elementos uns dos outros. Com isso

podemos ocultar ou bloquear partes do desenho evitando

que eles nos atrapalhem durante as criações.

Durante o curso você vai perceber que coisa mais

frustrante é você tentar selecionar um objeto e selecionar o

fundo ou até mesmo outro objeto acidentalmente, se

separarmos por camadas os elementos, poderemos

bloquear ou ocultar para que não atrapalhe o seu trabalho,

com camadas ainda poderemos definir quais elementos

serão impressos ou não,

Clique no Painel de Camada.

166

Uma janela irá surgir, você pode ativar esta, pelo

painel de camadas ou pelo botão F7.

Observe que já temos uma camada nomeada

automaticamente de Camada 1, toda vez que iniciarmos

um trabalho já haverá uma destas, se não criarmos outra

camada todos os elementos ficarão nela.

Mas isso não é problema, porém o mais organizado e

ideal é criar uma para cada tipo de objeto, fotos, fundo,

texto, barra, etc.

Você também deverá organizar uma ordem das

camadas, ou seja, quais deverão ficar na frente, o fundo

nunca deverá ficar na frente.

Renomeie a camada, de um duplo clique na área

indicada, e digite o nome Fundo.

De um duplo clique na área indicada.

167

Uma nova janela irá surgir nela você poderá alterar o

nome, cor, entre outras opções.

A opção cor, serve para definir uma cor para a camada

e para as linhas de seleção. Quando você seleciona um

objeto ele fica com bordas azuis, pois bem neste recurso

podemos escolher outra cor, se escolhermos a cor vermelha

e posteriormente selecionar o objeto este ficará com

contorno vermelho, selecione a cor laranja.

A opção modelo desativa as opções e esmaece a

camada, deixado ela semitransparente, mais clara, para

que possamos desenhar por cima com o nome sugere,

deixa um modelo para ser seguido durante a criação.

Suponhamos que você tenha que desenhar um

cardápio, seguindo ideias de um já existente, então você

insere o modelo antigo dentro do programa, coloca ele em

uma camada e marca essa opção,

Mas no momento não faremos isto, pois esta função

bloquear evita que a camada seja desativada, ela deixa a

camada fixa onde ela está.

Esta opção deve ser marcada quando trabalharmos

por cima do desenho ou quando já finalizamos o trabalho

168

nesta camada e não queremos mais modificar. O ideal é

desbloquear sempre que necessário.

Mas você deve se lembrar que ao bloquear um

camada não haverá como modificar nada dela, cor,

tamanho nem linhas, no caso já deixamos bloqueada.

Clique em OK.

Note que surgiu um cadeado na frente da camada, a

cor em frente do nome também mudou e o nome da

camada, estas foram as três opções iniciais que

escolhemos.

Vamos voltar a conhecer as outras opções, de um

duplo clique na área marcada.

Desmarque a opção Bloquear, marque a opção

modelo e clique em OK.

169

A camada fica semitransparente e também fica

bloqueada para evitar que tiremos do lugar, afinal, ela

serve como modelo de desenho, então não devemos deixar

sair do local onde está, sendo assim essa camada não será

impressa.

Vamos alterar novamente as opções, de um duplo

clique no local indicado.

Desmarque a opção Modelo.

A opção mostrar quando marcada exibe o conteúdo da

camada, quando desmarcada oculta o que está nela.

170

Já a opção imprimir quando marcada imprimirá a

camada quando for solicitado, ou seja, se marcar ela sairá

no papel, se desmarcar ela não sairá.

Clique em OK.

Uma outra forma de bloquear a camada é clicar no

ícone que ativa o cadeado, assim não precisamos dar dois

cliques toda a vez que bloquearmos.


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.


Pronto, saiu uma nova camada, por padrão o nome

dela será Camada 2, Vamos criar alguns detalhes no

cardápio.

Troque o nome da camada para Linhas, aplique a cor

azul.

Clique em OK.

171

Agora vamos ocultar o painel camadas para não nos

atrapalhar enquanto desenharmos clique sobre o ícone do

painel.

Clique sobre a ferramenta linha.

Esta ferramenta permite desenhar linhas retas e

angulares, útil para fazer sublinhados. Detalhes em

trabalhos ou apenas divisões, você pode alterar, na opção

traçado, o tamanho e forma da linha.

Desenhe uma linha vermelha sobre os locais onde

estão as setas azuis.

172

Aplique 10pt para a espessura das linhas.

Bom, a linha está pronta mas lembre-se que esta aula

não é focada em lhe ensinar a fazer cardápios estamos

utilizando um para demonstrar o funcionamento das

camadas.

Agora vamos bloquear esta camada para não nos

atrapalhar e vamos criar outra para colocar os números e

outros detalhes.

Clique no Painel de camadas.

Clique no local indicado, um cadeado irá surgir.

173

Crie uma nova planilha clicando no local indicado.

De um duplo clique no local indicado.

E na janela que irá surgir faça as seguintes alterações,

altere o nome da camada para Marcadores de linha e

aplique a cor Verde.

Clique em OK.

174

Muito bem, agora nesta camada colocaremos duas

elipses nas linhas.

Clique e mantenha o mouse pressionado na

ferramenta indicada.

Clique na tela e crie duas elipses com precisão de

28cm de largura e 28cm de altura.

Crie ela e pressione a ferramenta uma janela irá

surgir.

Nela você digite 28cm de largura e 28cm de altura.

Aplique borda e preenchimento vermelho nas elipses,

através dos recursos.

Pressione em OK.

175

Arraste as elipses até o local indicado através da

ferramenta de seleção direta.

Bom, como todo cardápio, vamos inserir os pratos da

casa e os preço etc. para isso deveremos utilizar a

ferramenta de texto .

Muito bem agora vamos digitar o texto, e para finalizar

devemos alterar a cor, tamanho e tipo de fonte devemos

pegar a ferramenta seleção.

Digite os títulos pratos e preços nos devidos lugares

levando em referência a imagem abaixo.

Selecione a palavra Pratos.

Note na imagem abaixo que a palavra ficou

selecionada de cor verde, exatamente como configuramos

os comandos da camada.

176

Porém deveríamos ter inserido este texto em uma

outra camada.

Para realizar isto, selecione a palavra, clique na guia

Editar e selecione a opção Recortar.

Agora crie uma nova camada clicando no botão.

De um duplo clique para configurar a camada.

Na janela que irá surgir altere o nome para Textos e a

cor para vermelho e de um OK.

177

Agora já criamos a camada textos, vá na guia editar e

selecione a opção colar neste local.

Pronto a palavra Pratos já está na camada Textos.

Para finalizar selecione a palavra e faça as seguintes

alterações.

Clique na opção caractere.

Mude a fonte para Bauhaus 93

Tamanho de fonte 24pt

Cor de fonte marrom

178



2) Desmembre a ferramenta de formas, clique e arraste

até o local indicado.

3) No exercício desta aula vamos criar uma bola, para

isso clique na ferramenta elipse.

4) Clique em algum lugar da prancheta.

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

diâmetro da forma para 150 pt de largura e 150 pt de

altura para criar clique em OK.

6) Clique no painel de camadas.

7) Renomeio a camada, dê um duplo clique no local

indicado, e digite Círculo preto.

179

8) Crie uma nova camada, clique no local indicado.

9) Nomeie esta camada como Gomos.

10) Bloqueie a camada Círculo preto, clique no local

indicado.

11) Opte por não visualizar a camada Círculo preto,


180

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.


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.

181

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.

182


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.



183

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.


184

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.

185

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.

186

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.

187

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.

188

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.

189

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.

190

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.

191

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.

192

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.

193

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.

194

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



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.

195


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.

196

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.

197

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.

198


16) Defina marrom como cor de preenchimento e

nenhuma cor de contorno.

17) Clique nos pontos indicados consecutivamente.

199

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.

200



22) Clique no local indicado para suavizar o canto.

Veja como a forma ficou mais arredondada.

201

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.


25) Selecione a camada Mar, deixando somente esta

desbloqueada.

202

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.

203

29) Deixe somente a camada Sol desbloqueada, para isso


204

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.

205

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.

206

40) Salve o arquivo com o nome de Barco.


207


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.


208

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.

209

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.


210

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

211

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.

212

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.

213

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.

214

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.



215



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.


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

indicado e digite a palavra Sol.

216

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.

217

13) Bloqueie a camada Mar.

14) Selecione a elipse.

15) Abra o menu Efeito> Distorcer e transformar>

Tornar áspero.

218

16) Na janela que irá surgir clique defina 17% para

tamanho, 34 pt para detalhes e clique em OK.

219

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,


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.

220

Veja como a imagem ficará.

221


1) Com os efeitos utilizados acima, crie imagem

semelhantes a estas representadas abaixo.


222

Aula 13

Introdução aos objetos em 3D Olá seja bem-vindo a décima terceira aula do curso


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.

223

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.


Note que o objeto tomou uma forma diferente.

224

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.

225

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.

226

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.

227

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.

228

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.

229

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.

230

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.

231

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.

Veja ficou parecido com

um chapéu de bruxa ou

seja um cone.

232

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.

233

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.

234




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


235

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.

236

9) Ajuste os comandos conforme a imagem abaixo.

10) Clique em OK.

11) Salve o arquivo com o nome de Cone.


237


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.

238

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.

239

19) Clique em OK.

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

Garrafa.



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

abaixo.

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

240

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.

241

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.

242

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.

243

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.

244

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.

245

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.

246

Nesta janela você pode dar um novo nome ao símbolo,

porém não será preciso, clique em OK.

247

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.

248

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.

249

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.

250



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.

http://www.google.com.br/

251

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.

252

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.

253

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.

254

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.

255

19) Agora vamos criar as duas metades da laranja.


256

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


257

24) Selecione a ferramenta de texto .

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


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.

258

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.

259

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.

260

42) Salve a imagem com o nome de Mirinda.



1) Crie uma imagem semelhante a esta abaixo.


261

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.

262

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.

Note que a elipse ficou com um aspecto acinzentado,

isto é devido a duas cores que são definidas no painel,

preto e branco.

Clique no

local

indicado.

263

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.

264

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.

265

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.

266

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.

267

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.

268

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.

269


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.

270

Agora siga os movimentos indicados na imagem

abaixo.

271

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.

272

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.

273

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.

Com isto a forma ficará

deste jeito.

274

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.

275

Clique em OK.



276



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.

277

6) Clique na seta indicada e selecione Radial.

7) Clique agora na Ferramenta Gradiente no lado

esquerdo da tela.


278

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.


279

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

280

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.


281


1) Crie as seguintes formas e aplique o efeito gradiente

conforme as figuras abaixo.


282

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.

283

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.

284

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.

285

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.


286

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.


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

muito interessante, vamos selecionar outra cor.


287

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.

288


Pronto ficou mais natural com cores mais vivas.

Clique no ponto indicado

289



290


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.

291

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 primeiro ponto que criamos.

Selecione a cor marcada.

292

Com isto a figura ficará deste jeito.

Agora clique no ponto marcado por último.


Desta maneira a figura ficará desta forma.

Veja que a figura está tomando forma.

293


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


294



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

200 de largura.


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.

295

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.

296

14) Clique na ferramenta Gradiente.


297

16) Dê um duplo clique na seta indicada para selecionar

outra cor.

17) Selecione a cor indicada.

298

Veja com a elipse irá ficar.

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

pequeno.

299

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.

300

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.

301

24) Crie novos pontos dentro do retângulo.

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

lupa.

302

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.

303

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.

304

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.

305


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

36) Salve o arquivo com o nome de Globo.

306




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

programa.

307

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.

308

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.


309

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.

310

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.

311

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.

312

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.


313

Veja como a nossa imagem criou um efeito de

malha.

Com a ferramenta de seleção direta selecione os

pontos pressionando a tecla Shift.

314

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.

315

Selecione o ponto indicado.

Utilizando a ferramenta conta-gotas aplique a cor

indicada abaixo.

316

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.

317



2) Copie da internet uma imagem parecida com esta

abaixo, ou seja, uma pera.


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.


318

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 .

319

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.

320

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.

321

19) Salve o arquivo com o nome de Pera.



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.


322

Aula 18

Deformando objetos

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


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.

323

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.

324

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.

325

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.

326

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.

327

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.

328

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

329

Em detalhe arraste a seta até o local indicado.

Dê um OK e veja o resultado.

330

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.

331

Dando um duplo clique sobre a ferramenta uma janela

irá surgir, nesta você pode regular a velocidade, 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.

332

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.

333

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.

334

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.

335

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.

336

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.

337

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.

338

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

Vamos também trocar a cor do contorno.


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.

339

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.

340

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.

341

Muito bem, agora selecione as duas linhas utilizando a


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.

342

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.

343

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.

344

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.

345

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.

346

Dependendo da sua criatividade você poderá realizar

trabalhos muito complexos e interessantes como este

abaixo.

347

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.

348

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.

349

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.

350

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.

351

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.

352

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.

353

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)

354

Na outra seta selecione a cor amarela.

Selecione a ferramenta gradiente.

Clique e arraste o mouse sobre a parte que estamos

aplicando o efeito.

356

Aplique este efeito de gradiente em todas as partes,


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.

357


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.


Observe que a parte selecionada foi para fora, vamos

fazer um teste colocando negativo.

358

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.

359

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.


360

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

361

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.

362

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.

363

Para não ficar muito extenso vamos terminar a forma

desejada.

Vamos arredondar alguns cantos da forma.

364

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.

365

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.

366

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


367

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.

368

Clique em OK.

Agora vamos fazer uma alteração na forma, clique na

ferramenta rotação.

369

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.

370

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


371

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.

372

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.

373

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.

374

Agora vamos aplicar a ferramenta malha.


Aplique a cor indicada.

Veja como a forma ficará.

Agora crie mais formas parecidas, semelhante as que

estão representadas abaixo.

375

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.

376

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.

377




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.

378

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.

379

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.

380

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.

381

17) Selecione a tudo e agrupe as formas.

18) Salve o arquivo com o nome Fouet.


382


1) Crie uma forma semelhante a esta abaixo.

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

programa.

383

Aula 19

Preenchimento personalizado

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


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.

384

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.

385

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.

386

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.

387

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.

388

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”

389

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.

390



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.

391

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.

392

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.

393

13) Salve o arquivo com o nome de amostra.


394



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


395

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 primeira é

desenhar por cima.

Crie um retângulo.

Utilizando a ferramenta pincel irregular crie uma linha

sobre o retângulo.

396

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.

397

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.

398

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.

399

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.

400

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.

401

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.

402

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

403

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.

404



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

altura.

3) Selecione a ferramenta Pincel irregular .



6) Selecione a ferramenta Pincel irregular.

405


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

a forma.




406

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.


15) Clique em outra área da prancheta.

16) Selecione a ferramenta Pincel irregular.

17) Aplique branco como cor de preenchimento e

contorno.

407

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.

408

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.

409

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.


410




· 2 sumário aula 1

Documents