APOSTILA DE ILLUSTRATOR

Prévia do material em texto

1
INDICE
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
CAPITULO 01 - IDENTIDADE VISUAL COM GEOMETRIA BÁSICA.........................................06
CAPITULO 02 - IDENTIDADE VISUAL COM PATHFINDER....................................................13
CAPITULO 03 - COMPOSIÇÃO GRÁFICA NO ILLUSTRATOR................................................17
CAPITULO 04 - COMPOSIÇÃO GRÁFICA NO ILLUSTRATOR................................................23
CAPITULO 05 - TRABALHANDO COM CORES > NÍVEL.......................................................28
CAPITULO 06 - TRABALHANDO COM CORES> NÍVEL 2.....................................................36
CAPITULO 07 - CRIANDO MÁSCARA NO ILLUSTRATOR.....................................................40
CAPITULO 08 - CRIANDO MÁSCARA NOILLUSTRATOR......................................................46
CAPITULO 09 - TRABALHANDO COM TEXTO.....................................................................51
CAPITULO 10 - TRABALHANDO COM TEXTO.......................................................................58
CAPITULO 11 - TRABALHANDO COM FOTOGRAFIA E TIPOS DE ARQUIVOS..........................63
CAPITULO 12 - CRIANDO VETORES NÃO GEOMÉTRICOS...................................................68
CAPITULO 13 - CRIANDO PERSONAGEM BÁSICO EM VETOR.............................................74
CAPITULO 14 - RASTERIZAÇÃO DE IMAGEM....................................................................83
CAPITULO 15 - TRABALHANDO COM SÍMBOLOS..............................................................89
CAPITULO 16 - EFEITOS NO ILLUSTRATOR.......................................................................96
CAPITULO 17 - IMPRIMINDO E SALVANDO ARQUIVOS....................................................104 
2
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
CAPITULO 18 - TRABALHANDO COM PERSPECTIVA........................................................114
CAPITULO 19 - PALESTRA DE PROCESSO CRIATIVO........................................................124
CAPITULO 20 - CRIAÇÃO DA IDENTIDADE VISUAL 1........................................................132
CAPITULO 21 - CRIAÇÃO DA IDENTIDADE VISUAL 2........................................................141
CAPITULO 22 - MANUAL DE IDENTIDADE VISUAL...........................................................146
CAPITULO 23 - CRIAÇÃO DE PAPELARIA DO CLIENTE.....................................................155
AULA 01
ILLUSTRATOR
TÓPICOS DA AULA
. FERRAMENTA ALINHAMENTO
. CONHECER SOBRE RESOLUÇÃO DE ARQUIVOS
. FORMAS GEOMÉTRICAS
. FERRAMENTA DE SELEÇÃO
. TÉCNICAS DE GESTALT 
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Quando falamos em criar uma identidade visual, temos que ter em mente todas as 
informações do cliente para podermos desenvolver uma identidade que comunique a 
empresa ou instituição com seus fornecedores e clientes.
 
A identidade visual é o processo de definição e unificação do conjunto de imagens, 
cores, símbolos, logotipos, fontes e padrões visuais que representarão graficamente 
uma empresa. Tem como objetivos principais transmitir a imagem da marca gráfica da 
empresa e melhorar a composição do padrão visual de documentos, peças gráficas 
institucionais entre outros. 
 
Nesta aula aprenderemos, inicialmente, a configurar sua área de trabalho no programa, 
conhecendo, criando e manipulando documentos e arquivos usando vários elementos 
como: painéis, barras e janelas. Aprenderá também sobre resolução de arquivos, 
formas geométricas, ferramentas de seleção e técnicas de Gestalt. 
 
Para criar um novo documento no Illustrator, basta ir ao menu (File>new), onde 
aparecera uma janela que você poderá configurar o documento para trabalhar.
 
IDENTIDADE VISUAL COM 
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
GEOMETRIA BÁSICA
Novo documento
6
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Nesta janela, você poderá configurar o tamanho da página, a quantidade de paginas do 
documento, área de sangramento e resolução. Um documento é o espaço no qual você cria o 
trabalho artístico. No Illustrator, é possível criar documentos destinados a vários tipos diferentes 
de saídas. Na primeira vez em que você inicia o aplicativo, o painel Ferramentas aparece no 
lado esquerdo da tela. É possível mover o painel Ferramentas arrastando-o de sua barra de 
título. 
Você também pode mostrar ou ocultar o painel Ferramentas escolhendo Janela > Ferramentas.
É possível expandir algumas ferramentas para mostrar as que estão ocultas. Um pequeno 
triângulo no canto inferior direito do ícone da ferramenta indica a presença de ferramentas 
ocultas. Para ver o nome de uma ferramenta, posicione o ponteiro sobre ela. 
Visão geral do painel de Ferramentas Painel de ferramentas
7
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Como é mostrado na imagem acima, com essas ferramentas é possível desenhar 
formas geométricas e criar outras a partir delas. O Illustrator fornece várias ferramentas 
para criar e manipular trabalhos artísticos.
Você pode também criar uma pagina usando a ferramenta prancheta (Artboard Tool), 
que se encontra no painel de ferramentas. Com a ferramenta selecionada, você pode 
simplesmente selecionar uma área dentro da sua área de trabalho e criar uma página. 
Ellipse tool
Ferramenta prancheta 
Área criada
8
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
O painel Pranchetas (Artboard) permite que você execute várias operações da prancheta, 
como: 
1) Adicionar, reordenar, reorganizar e excluir pranchetas;
2) Reordenar e renumerar pranchetas;
3) Selecionar e navegar por diversas pranchetas;
4) Especificar opções de prancheta, como predefinições, tamanho da prancheta e posição 
relativa da prancheta.
A) Seta para cima;
B) Seta para baixo;
C) Adicionar novas pranchetas;
D) Excluir pranchetas.
 Para acessar o painel Pranchetas, clique em Janela > Pranchetas.
Painel prancheta
9
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Para adicionar pranchetas, execute uma das ações abaixo:
1) Clique no ícone Nova prancheta na parte inferior do painel Pranchetas.
2) Selecione a opção Nova prancheta no menu do painel Pranchetas (menu suspenso) 
do painel Pranchetas.
Para excluir uma ou diversas pranchetas, faça o seguinte:
1) Selecione a prancheta a ser excluída. Para excluir várias pranchetas, pressione a 
tecla Shift e clique nas pranchetas listadas no painel Pranchetas.
2) Clique no ícone Excluir prancheta na parte inferior do painel Pranchetas ou selecione 
a opção Excluir do menu do painel Pranchetas (menu suspenso).
Quando um trabalho artístico é salvo ou exportado, o Illustrator grava seus dados 
em um arquivo. A estrutura dos dados depende do formato de arquivo selecionado. 
Existem cinco formatos de arquivo básicos (AI, PDF, EPS, FXG e SVG) nos quais você 
pode salvar um trabalho artístico.
Se o seu documento contiver mais de uma prancheta e você quiser salvá-lo em uma 
versão anterior do Illustrator, opte por salvar cada prancheta como um arquivo separado 
ou combine o conteúdo de todas as pranchetas em um único arquivo. 
1) Selecione Arquivo > Salvar como ou Arquivo > Salvar uma cópia.
2) Digite um nome e escolha um local para o arquivo.
3) Selecione Illustrator (*.AI) como formato de arquivo e clique em Salvar.
4) Na caixa de diálogo Opções do Illustrator, defina as opções desejadas e clique em 
OK. 
Especifique a versão do Illustrator com a qual você deseja que o seu arquivo seja 
compatível. Formatos herdados não oferecem suporte a todos os recursos na versão 
atual do Illustrator. Portanto, quando você selecionar uma versão diferente da atual, 
algumas opções de salvamento não estarão disponíveis e certostipos de dados serão 
alterados. 
10
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Com as imagens selecionadas pelo seu instrutor, refaça as logos com as ferramentas 
ensinadas em aula.
2) Crie uma prancheta para cada imagem, renomeando com o nome das imagens refeitas. 
EXERCÍCIOS:
11
AULA 02
ILLUSTRATOR
TÓPICOS DA AULA
. EFEITOS DO PATHFINDER
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Neste capitulo aprenderemos como é feita de forma simples a construção de uma 
logomarca, a partir de formas geométricas, combinando objetos e vetores para criar 
formas de várias maneiras no Illustrator. 
Os caminhos ou formas resultantes diferem dependendo do método usado para 
combinar. 
Todo designer ao iniciar seu projeto, primeiro faz um esboço do que imagina no papel, 
criando assim, um objeto “logo” conforme as suas ideias. Saber utilizar as ferramentas 
certas no programa te facilita e dá a possibilidade de criar algo além do que se imaginou. 
Formas compostas permitem combinar vários objetos, além de especificar como você 
deseja que cada objeto interaja com os demais. 
 
Efeitos do Pathfinder possibilita a combinação de vários objetos usando diversos 
modos de interação disponíveis. Essas formas são mais versáteis do que caminhos 
compostos, uma vez que oferecem quatro tipos de interações: adição, subtração, 
interseção e exclusão.
PAINEL PATHFINDER
Use o painel Pathfinder, que você pode habilitar no menu Windows\ Pathfinder, ou pelo 
atalho (Shift +Ctrl+F9) para combinar objetos em novas formas.
IDENTIDADE VISUAL COM 
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
PATHFINDER
Menu
13
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Botão 1 - Adicionar à área da forma
Adiciona a área do componente à geometria subjacente.
Botão 2 - Subtrair da área da forma 
Remove a área do componente da geometria subjacente.
Botão 3 - Fazer intersecção das áreas das formas 
Usa a área do componente para recortar a geometria subjacente, como faria uma máscara.
Botão 4 - Excluir áreas de formas em sobreposição 
Usa a área do componente para inverter a geometria subjacente transformando regiões 
preenchidas em orifícios, e vice-versa.
figura 01
Painel Path Finder
14
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
A linha inferior de botões no painel, chamados de efeitos do Pathfinder, permite criar 
combinações de formas finais no primeiro clique com o mouse.
figura 04
figura 03
figura 02
15
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Refaça os logos dos Bancos conforme as imagens abaixo utilizando a ferramenta ensinada 
em aula.
Logo HSBC
Logo Banco Real
2) Utilize a ferramenta ensinada em aula para combinar os objetos e construir o desenho 
abaixo.
Pinguim
EXERCÍCIOS:
16
AULA 03
ILLUSTRATOR
TÓPICOS DA AULA
. ESTRUTURA DE CAMADAS
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Quando se inicia o trabalho de criação, tudo se torna um pouco complexo pela variedade 
de itens que vão surgindo, alguns menores que outros e por conta disso ficam difíceis 
para a seleção no caminhar do trabalho.
Todo designer precisa conhecer as ferramentas com a qual desenvolverá seu trabalho, 
sabendo o que ela possibilita para dar o resultado mais viável a sua conclusão. 
Saber utilizar as camadas lhe possibilita gerenciar todos os itens que compõem o 
seu trabalho. Por padrão, todos os itens estão organizados em uma única camada, 
entretanto, é possível criar novas camadas e mover itens para essas camadas, ou 
mover elementos de uma camada para a outra a qualquer momento. 
O painel Camadas fornece uma maneira fácil de selecionar, ocultar, bloquear e alterar 
os atributos de aparência de um trabalho artístico. Você pode até mesmo criar camadas 
de modelos, que podem ser usadas para traçar um trabalho artístico e trocar camadas 
com o Photoshop.
 
Nesta aula trabalharemos no painel Camadas, onde aprenderemos a adicionar uma 
camada, bloquear, deletar e organizar como grupo. 
Use o painel Camadas (Window>Layers) para listar, organizar e editar os objetos 
em um documento. Por padrão, cada novo documento contém uma camada, e cada 
objeto criado é listado nessa camada. Entretanto, você pode criar novas camadas e 
reorganizar itens para melhor atender as suas necessidades. 
COMPOSIÇÃO GRÁFICA NO 
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
ILLUSTRATOR
17
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Painel de camadas
O painel Camadas fornece colunas à esquerda e à direita das listagens. Clique em uma coluna 
para controlar as seguintes características:
COLUNA DE VISIBILIDADE
Indica se os itens nas camadas estão visíveis ou ocultos, ou são camadas de contorno. 
Olho
A) Coluna de visibilidade
B) Coluna de edição
C) Coluna de destino
D) Coluna de seleção
Olho branco
18
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
COLUNA DE EDIÇÃO 
Indica se os itens estão bloqueados ou desbloqueados. O ícone de bloqueio indica 
que o item está bloqueado e não pode ser editado, enquanto o espaço em branco 
indica que o item está desbloqueado e pode ser editado. 
Cadeado
COLUNA DE DESTINO 
Indica se os itens estão direcionados à aplicação de efeitos e edição de atributos no 
painel Aparência. Quando o botão de destino aparece como um ícone de anel duplo, 
significa que o item está direcionado, enquanto o ícone de anel único indica que o item 
não está direcionado. 
Circulo 1 (direcionado) Circulo 2 (não direcionado)
 
COLUNA DE SELEÇÃO 
Indica se os itens estão selecionados. Uma caixa de cor é exibida quando um item está 
selecionado. Se um item, como uma camada ou um grupo, contiver alguns objetos não 
selecionados, uma caixa de cor de seleção menor aparecerá ao lado do item comum 
19
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
a todos. Se todos os objetos no item comum a todos estiverem selecionados, as caixas de cor 
de seleção terão o mesmo tamanho que as marcas exibidas ao lado dos objetos selecionados. 
É possível usar o painel Camadas para exibir alguns itens como contornos e outros itens da 
forma como eles aparecerão no trabalho final. Também é possível clarear imagens vinculadas 
e objetos de bitmap para facilitar a edição do trabalho artístico sobre a imagem. Isso é 
especialmente útil ao se traçar uma imagem bitmap. 
Painel com imagens
A) Objeto exibido na exibição Contorno.
B) Objeto de bitmap esmaecido em 80%.
C) Objeto selecionado na exibição Visualiza.
20
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Organizar todos os objetos passados pelo instrutor, que compõem uma caixa de 
bombom, nas suas respectivas camadas. 
2) Organizar todos os elementos passados pelo instrutor com o objetivo de montar 
uma estampa de blusa. 
EXERCÍCIOS:
21
AULA 04
ILLUSTRATOR
TÓPICOS DA AULA
. PALETA DE ALINHAMENTO
. DISTRIBUIÇÃO DE OBJETOS
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Quando começamos a trabalhar com design, tudo a nossa volta pede uma nova 
orientação, um novo ajuste. A composição gráfica se desenvolve quando conhecemos 
a maneira atual pela qual as formas se comunicam. 
Para que nosso trabalho ganhe simpatia e notoriedade, precisamos pensar além do 
sentido da imagem, ou seja, como ela será esteticamente. A Estética é conhecida 
como a filosofia da arte, ou o estudo que determina o caráter daquilo que é belo nas 
produções naturais e artísticas. É, Também, um fator importantíssimo na elaboração 
inicial de uma peça gráfica, uma preocupação que todo iniciante nacomposição gráfica 
precisa ter. 
Aprenderemos nesta aula a organizar objetos através da paleta de Alinhamento e 
Distribuição de objetos. 
Você pode mover objetos arrastando-os com ferramentas específicas, usando as teclas 
de seta no teclado ou inserindo valores precisos em um painel ou caixa de diálogo. 
É possível usar a técnica de encaixe para ajudar a posicionar objetos à medida que 
eles são movimentados. Por exemplo, você pode encaixar o ponteiro em guias e 
pontos âncora e encaixar limites de objetos em linhas de grade. Também pode usar o 
painel Alinhar para posicionar objetos um em relação ao outro. 
Fogueira 1 Fogueira 2 
COMPOSIÇÃO GRÁFICA 
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
NO ILLUSTRATOR 
23
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Em seguida, você pode usar a tecla Shift para restringir o movimento de um ou mais objetos, 
de modo que eles se movam em uma direção horizontal, vertical ou diagonal precisa em 
relação à orientação atual dos eixos x e y. Também é possível usar a tecla Shift para girar 
objetos em múltiplos de 45°. 
Use o painel Alinhar (Window > Align) e as opções de alinhamento no Painel de controle para 
alinhar ou distribuir objetos selecionados ao longo do eixo que você especificar. 
É possível usar bordas de objetos ou pontos âncora como ponto de referência, além de alinhar 
a uma seleção, uma prancheta ou um objeto-chave. Um objeto-chave é um objeto específico 
em uma seleção de vários objetos. 
Painel de alinhamento
 
Outro ponto importante é trabalhar com as Réguas, que ajudam a inserir e medir objetos com 
precisão na janela de ilustração ou em uma prancheta. O ponto no qual o 0 aparece em cada 
régua é chamado de origem da régua.
Para mostrar ou ocultar réguas, selecione View > Rulers > Hide Rulers.
Régua
24
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
As Réguas do documento aparecem na parte superior esquerda da janela de ilustração. 
A origem de régua padrão está no canto superior esquerdo da janela de ilustração.
Réguas de prancheta aparecem na área superior esquerda da prancheta ativa. 
Régua da prancheta
Régua do documento
A diferença entre réguas de prancheta e as réguas do documento é que ao selecionar 
réguas de prancheta, o ponto de origem é alterado com base na prancheta ativa. 
Além disso, você pode ter pontos de origem diferentes para as réguas da prancheta. 
Agora, se você alterar a origem da régua da prancheta, os preenchimentos padrão nos 
objetos das pranchetas não serão afetados.
25
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Organizar os elementos visuais de um cartão de visita modelo 01 conforme orientação 
passada pelo instrutor.
 
2) Organizar os elementos visuais de um cartão de visita modelo 02 conforme orientação 
passada pelo instrutor. 
EXERCÍCIOS:
26
AULA 05
ILLUSTRATOR
TÓPICOS DA AULA
.COMPOSIÇÃO DE CORES
.CRIAR TONALIDADE EXATA
.COMBINAR CORES USANDO ADOBE KULER
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Quando se fala do uso de cores em design, marketing e outras áreas da comunicação, 
talvez, a primeira coisa que podemos pensar é no significado dessas cores. Existem 
alguns exemplos, como o azul que significa segurança; laranja, comunicação; amarelo, 
alegria; vermelho, perigo ou urgência. Inúmeros sites, livros e cursos nos ensinam 
supostos significados que podemos atribuir às cores, e muitos profissionais baseiam 
seus trabalhos nesses argumentos. 
As cores atuam em conjunto com formas, elementos, plataforma, tipografia, textura, 
iluminação, situações específicas e palavras-chave. Essa atenção em cada detalhe 
acaba se tornando algo imprescindível para a construção de um bom projeto.
Neste capítulo, aprenderemos a configurar o perfil de cor correto para cada tipo de 
trabalho, composição das cores, como criar uma tonalidade exata para o cliente e 
como combinar cores usando Adobe Kuler
Um gerenciamento de cores preciso e uniforme requer perfis precisos compatíveis com 
ICC de todos os dispositivos de cores. Por exemplo, sem um perfil de scanner preciso, 
uma imagem digitalizada com perfeição pode parecer incorreta em outro programa, 
simplesmente por causa de diferenças entre o scanner e o programa que estiver 
exibindo a imagem. Essa representação enganosa pode levá-lo a fazer correções 
desnecessárias, trabalhosas e prejudiciais em uma imagem já satisfatória.
Antes de iniciar a configuração, é necessário verificar o modo de cor que será usado, 
no menu (File>Document Color Mode). Isto se aplicara para definir o tipo de trabalho 
que será produzido, (RBG / CMYK), web ou gráfico.
TRABALHANDO COM 
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
CORES > NÍVEL 
28
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
 
Menu color mode
Para acessar o painel de configuração de cores (Edit>colorsettings).
Colorsettings
Neste painel você consegue ajustar as opções de cores para cada tipo de trabalho específico. 
Caso você seja um designer que trabalha somente com material impresso, existe um perfil que 
se ajusta para o tipo de papel e as tintas que serão usadas. A opção Europe Prepress 3 define 
um espaço de trabalho Europeu, o mesmo padrão utilizado no Brasil.
29
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Um sistema de gerenciamento de cores usa os seguintes tipos de Perfis:
Perfis do monitor: Descrevem como o monitor está reproduzindo as cores no 
momento. Esse é o primeiro perfil que você deve criar porque a exibição precisa das 
cores no monitor permite tomar decisões cruciais sobre cores no processo de design. 
Se a imagem visualizada no monitor não representar as cores reais do documento, 
você não poderá manter a uniformidade de cores.
Perfis de dispositivos de entrada: Descrevem quais cores um dispositivo de entrada 
pode capturar ou digitalizar. Se a sua câmera digital oferece opções de perfis, a Adobe 
recomenda selecionar Adobe RGB. Caso contrário, use sRGB que é o padrão na 
maioria das câmeras. 
Perfis de dispositivos de saída: Descrevem o espaço de cor dos dispositivos de 
saída como impressoras de mesa ou impressoras gráficas. ]
O sistema de gerenciamento de cores usa perfis de dispositivos de saída para mapear 
de forma apropriada as cores em um documento para as cores na gama do espaço de 
cor de um dispositivo de saída. 
O perfil de saída também deve levar em consideração as condições de impressão 
específicas, como o tipo de papel e tinta. Por exemplo, um papel brilhante é capaz de 
exibir um intervalo de cores diferente em comparação a um papel fosco. É neste perfil 
de saída que se aplica o Perfil Europe Prepress 3. 
Perfis de documentos: Definem o espaço de cor RGB ou CMYK específico de um 
documento. Ao atribuir ou marcar um documento com um perfil, o aplicativo fornece 
uma definição da real aparência das cores no documento. Por exemplo, R=127, G=12, 
B=107 é apenas um conjunto de números que diferentes dispositivos exibirão de 
formas distintas. Mas, ao marcar com o espaço da cor do Adobe RGB, esses números 
especificarão uma cor ou comprimento de onda de luz real, nesse caso, uma cor 
específica de roxo. 
Quando o gerenciamento de cores está ativado, os aplicativos Adobe atribuem 
automaticamente novos documentos a um perfil com base nas opções de Área de 
trabalho da caixa de diálogo Configurações de cores. 
Os documentos sem perfis atribuídos são conhecidos como documentos sem marcas 
de formatação e contêm apenas números não processados de cores. 
Ao trabalhar com documentos sem marcas de formatação, os aplicativos Adobe usam 
o perfil da área de trabalho atual para exibir e editar cores.Para atribuir perfis ao documento, acesse (Edit>AssingProfile).
30
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Assign profile
Criando cores
As amostras são cores, tons, gradientes e padrões nomeados que ao serem associadas a 
um documento, aparecem no painel Amostras. Elas podem aparecer individualmente ou em 
grupos. Você pode abrir bibliotecas de amostras a partir de outros documentos do Illustrator e 
vários sistemas de cores. Bibliotecas de cores aparecem em painéis à parte e não são salvas 
com o documento. 
Use o painel Amostras (Window > Swatches) para controlar todas as cores, gradientes e 
padrões do documento. 
Painel de cores
É possível nomear e armazenar qualquer um desses itens para acesso instantâneo. Quando 
o preenchimento ou o traçado de um objeto selecionado contém uma cor, um 
31
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
gradiente, um padrão ou um tom aplicado a partir do painel Amostras, a amostra 
aplicada fica realçada nesse painel.
Sobre a seleção de cores
É possível selecionar cores para um trabalho artístico a partir de várias ferramentas, 
painéis e caixas de diálogo no Illustrator. A forma de seleção das cores depende das 
necessidades do trabalho artístico em questão. Por exemplo, se você deseja usar 
cores específicas aprovadas pela sua empresa, convém selecionar cores na biblioteca 
de amostras aprovada pela empresa. Se você deseja corresponder as suas cores com 
as cores em outro trabalho artístico, use o conta-gotas ou o Seletor de cores e insira 
valores de cor exatos.
Conta-gotas
Kuler
O painel do Kuler é o seu portal para os grupos de cores ou temas, criados por uma 
comunidade on-line de designers. É possível usá-lo para procurar por milhares de 
temas no Kuler e, então, fazer o download de alguns para editar ou incluir em seus 
projetos. Você também pode usar este painel para carregar seus temas e compartilhá-
los com a comunidade do Kuler. 
Você consegue acessá-lo em (Window>Extensions>Kuler)
32
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Kuler
Você também pode simplesmente clicar sobre um tema de cores no painel do Kuler e vai 
imediatamente ser adicionados a amostras do seu documento. Melhor ainda, se você tem um 
objeto selecionado em sua prancheta, você pode clicar em qualquer cor no painel Kuler para 
aplicá-lo em sua arte. 
Os imitadores de comportamento como as bibliotecas Pantone sempre trabalharam no 
Illustrator. 
Você não tem mais a capacidade de pesquisar todo kuler para temas de cores que lhe 
interessam. Isso porque o trabalho do painel Kuler no Illustrator é destinado a guardar os 
seus próprios temas de cores. Com Illustrator CC, você está sempre conectado à sua conta 
Creative Cloud, que está vinculado à sua conta kuler. 
Assim, seus temas de cores estão sempre sincronizados e prontos para você. 
O painel Kuler exibirá temas que você criou e salvou (indicados por um ícone de pasta), ou 
temas que você favorited (indicados por um ícone de coração). Então, basicamente, se você 
quiser procurar algumas cores incríveis para usar em seu próximo projeto, a maneira mais 
fácil de fazer isso é ler no site do Kuler, favorito dos temas que você gosta, e depois voltar ao 
Illustrator. 
33
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Usar as coordenadas de cores passadas pelo instrutor e colorir a marca 01 como 
instrução.
2) Usar o conhecimento adquirido na aula e usar a ferramenta Adobe Kuler para colorir 
a marca indicada pelo instrutor da melhor forma.
EXERCÍCIOS:
34
AULA 06
ILLUSTRATOR
TÓPICOS DA AULA
. EFEITOS DE LUZ
. SOMBRA
. EFEITO DEGRADÊ
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
O uso de certas combinações é um assunto que costuma gerar divergências entre os 
designers, como a utilização do gradiente ou degradê em logotipos, por exemplo.
A popularização dos softwares de criação nas últimas décadas promoveu a ampla 
utilização deste recurso estilístico. 
As atuais tendências à simplificação e ao design flat fizeram com que os trabalhos 
elaborados com cores vibrantes e em degradê fossem relativizados. Isto não quer 
dizer que o uso de gradientes tenha sido deixado de lado, um bom exemplo disso são 
os novos ícones do iOS 7. 
Desenvolver junto ao aluno a criação de preenchimento com duas ou mais cores no 
mesmo objeto. Gerando efeitos de luz, sombra e efeito degradê nos objetos.
Um preenchimento gradiente pode se aplicar a uma mistura graduada de cores, como 
qualquer outra cor. Criar um preenchimento de gradiente é uma boa maneira de criar 
uma gradação de cores suave entre um ou mais objetos. Você pode salvar um gradiente 
como uma amostra para facilitar a sua aplicação a vários objetos. 
Para acessar o painel de Gradientes, vá em (Window>Gradient).
TRABALHANDO COM CORES 
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
> NÍVEL 2
Painel gradiente
A) Caixa de preenchimento 
Gradiente
B) Menu Gradiente
C) Gradiente de preenchimento
D) Gradiente de traçado
 
E) Gradiente reverso
F) Pontos intermediários
G) Parada de cor
H) Opacidade
I) Local
J) Menu de painel
K) Tipo de gradiente de traçado
L) Ângulo
M) Proporção
N) Excluir parada
36
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
No painel Gradiente, a caixa Preenchimento do gradiente exibe as cores atuais e o tipo do 
gradiente. Ao clicar na caixa Preenchimento do gradiente, o objeto selecionado é preenchido 
com o gradiente. Diretamente à direita desta caixa, encontra-se o menu Gradiente, que lista 
todos os gradientes padrão e pré-salvos que você pode escolher. 
Na parte inferior da lista, existe um botão Salvar gradiente no qual você pode clicar para salvar 
as configurações do gradiente atual como uma amostra. Por padrão, o painel inclui uma caixa 
de cor inicial e uma caixa de cor final, mas é possível adicionar mais caixas de cor clicando em 
qualquer ponto ao longo do seletor de gradiente. Clicar duas vezes em um limite de gradiente 
abre o painel da cor de limite, onde você pode escolher uma cor no painel Cores ou no painel 
Amostras.
Salvar gradiente
Use a ferramenta Gradiente para adicionar ou editar gradientes. Quando você clica com a 
ferramenta Gradiente em um objeto preenchido desmarcado e sem gradiente, ela preenche 
esse objeto com o último gradiente usado. Com a ferramenta você pode fazer as mesmas 
edições no painel, podendo redimensionar o ângulo do gradiente e sua suavidade.
Ferramenta gradiente
37
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Preencher com gradiente a bandeira da Itália, gerando a aparência de luz na 
bandeira.
 
2) Utilizar a técnica de gradiente para colorir o objeto indicado pelo instrutor.
EXERCÍCIOS:
38
AULA 07
ILLUSTRATOR
TÓPICOS DA AULA
. EFEITOS DE LUZ
. SOMBRA
. EFEITO DEGRADÊ
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Como todo designer gosta de explorar alternativas para agradar seu cliente, e mais ainda 
a si próprio, muitos mergulham nos programas buscando encontrar o melhor efeito que 
consiga satisfazer ou surpreende-lo no momento. Na verdade, é fundamental, como 
já conversamos, para elaboração de uma peça gráfica ou qualquer outro trabalho que 
tenhamos uma ideia já montada antes de começar o trabalho no computador. 
O programa é apenas a ferramenta que possibilita o alcance deste objetivo inicial e, 
sendo você um grande conhecedor das ferramentas no software, tenho certeza que 
você se surpreenderá com o seu trabalho final.
Aprenderemos a criar máscara de corte e de opacidade em objetos no Illustrator, com 
objetos sólidos e gradientes.
A máscara de corte criada no Adobe Illustrator permite queo artista controle o que é 
visto e o que é escondido da visualização na prancheta (artboards). Isso é conseguido 
colocando uma forma de vetor na página, que funciona como uma janela. A imagem 
que fica dentro das bordas da forma vetorial pode ser vista, e a imagem que fica fora 
da forma é cortada ou ocultada. Isso é vantajoso quando você não deseja excluir 
partes da arte original. Quando a máscara de corte é colocada na arte, ela pode ser 
movida e editada, de modo que diferentes partes dela sejam visíveis. 
Para criar a masca de corte, escolha o menu (Object>Clipping Mask>Make).
CRIANDO MÁSCARA NO 
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
ILLUSTRATOR
40
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Menu clipping mask
Selecione a imagem e o objeto do corte no qual será feita a mascara.
Mascara de corte – antes Mascara de corte – depois
TRANSPARÊNCIA
A transparência é uma parte tão integral do Illustrator que é possível adicioná-la a um trabalho 
criativo sem mesmo percebê-la. Você pode adicionar transparência ao trabalho diminuindo a 
opacidade dos objetos de forma que o trabalho que está por 
41
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
baixo do outro fique visível. Use máscaras de opacidade para criar variações na 
transparência ou então, um modo de mistura para alterar como as cores interagem 
entre objetos sobrepostos. Aplique gradientes e malhas, efeitos ou estilos gráficos que 
incluem transparência, como sombras projetadas. 
Use o painel Transparência (Windows>Transparency) para especificar a opacidade e 
o modo de mistura de objetos, para criar máscaras de opacidade ou para separar uma 
parte de um objeto com a parte acima de um objeto transparente. 
Painel transparência
É possível alterar a opacidade de um único objeto ou de todos os objetos de um grupo, 
além da camada, opacidade do preenchimento e traçado de um objeto. 
Selecione um objeto, grupo ou direcione uma camada no painel Camadas. 
Se quiser alterar a opacidade de um preenchimento ou traçado, selecione o objeto e 
escolha o preenchimento ou traçado no painel Aparência. Defina a opção Opacidade 
no painel Transparência ou no painel de controle. Para selecionar todos os objetos que 
usam uma opacidade específica, selecione um objeto com essa opacidade ou cancele 
a seleção de tudo e insira o valor de opacidade no painel Transparência. Em seguida, 
escolha (Select> Same>Opacity). 
Menu select
42
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Use uma máscara de opacidade e um objeto de mascaramento para alterar a transparência do 
trabalho. A máscara de opacidade, também chamada de trabalho artístico mascarado, fornece 
a forma através da quais outros objetos aparecem. O objeto de mascaramento define que 
áreas são transparentes, bem como o grau de transparência. Você pode usar qualquer objeto 
colorido ou imagem rasterizada como objeto de mascaramento. 
O Illustrator usa equivalentes em escala de cinza das cores no objeto de mascaramento para 
os níveis de opacidade na máscara. Nos pontos em que a máscara de opacidade é branca, o 
trabalho artístico é totalmente visível. Nos pontos em que a máscara de opacidade é preta, o 
trabalho artístico fica oculto. Graduações de cinza na máscara resultam em graus variados de 
transparência no trabalho artístico.
Painel de mascara com degrade
Nas imagens abaixo podemos ver o resultado quando usamos uma mascara com o degradê. 
Quando a máscara de opacidade é criada, aparece uma miniatura do objeto de mascaramento 
no painel Transparency à direita da miniatura do trabalho artístico mascarado. Se essas 
miniaturas não estiverem visíveis, escolha Mostrar miniaturas no menu do painel. Por padrão, 
o trabalho mascarado e o objeto de mascaramento são vinculados, conforme indicado por um 
vínculo entre as miniaturas no painel. 
Quando o trabalho artístico mascarado é movido, o objeto de mascaramento se move junto com 
ele. Entretanto, quando um objeto de mascaramento é movido, o trabalho artístico mascarado 
não se move. Você pode desvincular a máscara no painel Transparency bloqueando-a no local 
e mover o trabalho artístico mascarado independentemente dela. 
43
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Aplicar o recurso de máscara para personalizar o background de um panfleto.
2) Aplicar o recurso de máscara para personalizar um texto artístico.
EXERCÍCIOS:
44
AULA 08 
ILLUSTRATOR
TÓPICOS DA AULA
. MALHA DE PREENCHIMENTO EM OBJETOS 
VETORIAIS 
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Toda narrativa depende de um bom personagem, e sua aparência diz muito sobre 
suas características. Por isso, é que um design inovador sempre vai ganhar espaço e 
respeito, seja no ramo da ilustração, moda ou games. 
Reunir características que se considerem fortes, tanto em ideia quanto em produção, 
é algo que não se deve ignorar. 
Trabalhar com a criação de objetos requer um olhar muito crítico. É necessário estar 
atento a todas as informações que são enviadas em nosso cotidiano. Sons, luzes 
e sensações nascem, e necessidade para alcançar esse novo evento é um desafio 
constante na vida do designer. 
Neste capítulo aprenderemos a trabalhar com malha de preenchimento em objetos 
vetoriais, dando volume e trabalhando as sensações que cada objeto possui. 
Um objeto de malha é um objeto multicolor no qual as cores podem fluir em diferentes 
posições e fazer transições suaves de um ponto para outro. Quando você cria um 
objeto de malha, várias linhas, chamadas de linhas de malha, entrelaçam o objeto e 
fornecem uma maneira de manipular facilmente as transições de cores nesse objeto. 
Ao mover e editar pontos nas linhas de malha, é possível alterar a intensidade de uma 
mudança de cor ou alterar a extensão de uma área colorida no objeto.
CRIANDO MÁSCARA NO 
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
ILLUSTRATOR
A) Linha de malha 
B) Retalho de malha 
C) Ponto de malha 
D) Ponto âncora
Detalhe da malha
46
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Você pode criar objetos de malha a partir de objetos de vetor, com exceção de caminhos 
compostos e objetos de texto. Não é possível criar objetos de malha a partir de imagens 
vinculadas. 
Para criar um objeto de malha com um padrão irregular de pontos de malha, selecione a 
ferramenta Mesh e escolha uma cor de preenchimento para os pontos de malha. 
Clique no local em que deseja posicionar o primeiro ponto de malha. O objeto é convertido em 
objeto de malha, com o número mínimo de linhas de malha. Continue clicando para adicionar 
mais pontos de malha. Clique com a tecla Shift pressionada para adicionar um ponto de malha 
sem alterar a cor de preenchimento atual. 
Você pode criar um objeto de malha com um padrão regular de pontos de malha.
Selecione o objeto e escolha Object>Create Gradient Mesh. Defina o número de linhas e 
colunas e selecione a direção do realce no menu.
Gradient mesh
Ferramenta malha
47
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
É possível também converter um objeto preenchido com gradiente em um objeto de 
malha. Selecione o objeto e escolha Object>Expand. O objeto selecionado é convertido 
em um objeto de malha que assume a forma do gradiente, seja circular (radial) ou 
retangular (linear).
Você pode também, editar um objeto de malha adicionando, excluindo e movendo 
pontos de malha, alterando a cor dos pontos e retalhos de malha, convertendo o objeto 
de malha de volta a um objeto regular. 
Pontos da malha1 Pontos da malha2
Para mover um ponto de malha, arraste-o com a ferramenta Mesh ou Direct Selection.Arraste um ponto de malha com a ferramenta Mesh e a tecla Shift pressionada para 
mantê-lo em uma linha de malha. Essa é uma maneira conveniente de mover um 
ponto de malha ao longo de uma linha de malha curva sem distorcê-la.
48
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Criar malha da fruta 01.
2) Criar malha da fruta 02.
 
EXERCÍCIOS:
49
AULA 09 
ILLUSTRATOR
TÓPICOS DA AULA
. TEXTO ARTÍSTICO 
. TEXTO PARÁGRAFO
. TEXTO EM CAMINHO
. PREENCHIMENTOS DE OBJETOS COM TEXTOS
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
A parte tipográfica da construção de um texto é a arte e o processo de criação de uma 
composição textual, física ou digital. Assim como no design, o objetivo principal da 
tipografia é de ordenar uma estrutura e formar a comunicação impressa. 
O conhecimento profundo do uso da tipografia é essencial aos designers que trabalham 
com diagramação, ou seja, na relação de texto e imagem. A tipografia é um dos pilares 
do design. Para o profissinal que se especializa nessa área, a tipografia costuma se 
revelar como um dos aspectos mais complexos e sofisticados do design gráfico. 
Neste capítulo utilizaremos a ferramenta de texto e todas as suas opções, como: texto 
artístico, texto parágrafo, texto em caminho e preenchimento de objetos com texto. 
Ao iniciarmos o nosso trabalho de edição de texto no Illustrator, veremos as varias 
possibilidades de inserir texto em nosso documento. O texto de ponto é uma linha 
de texto horizontal ou vertical que começa onde você clica e aumenta à medida que 
os caracteres são digitados. Cada linha de texto é independente, a linha aumenta ou 
diminui à medida que é editada, mas não há quebra para a próxima linha. A digitação 
de texto desse modo é útil para a adição de algumas palavras à arte-final. 
Ferramenta de texto
TRABALHANDO COM 
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
TEXTO
51
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Com esta ferramenta você pode clicar em alguma parte do documento e digitar uma frase. O 
ponteiro se transforma em um cursor em (I) dentro de uma caixa pontilhada. A pequena linha 
horizontal perto da parte inferior do cursor em (I) marca a posição da linha de base, na qual o 
texto está disposto. 
Neste mesmo local onde se encontra a ferramenta de texto, é possível encontrar outras opções 
que te possibilitam fazer uma edição diferenciada. 
Ferramenta de texto2
A outra opção que o programa lhe permite trabalhar é a texto de parágrafo, que usa os limites 
de um objeto para controlar o fluxo de caracteres, horizontalmente ou verticalmente. Quando 
um texto atinge um limite, ele é quebrado automaticamente para se ajustar a uma área definida. 
Essa maneira de inserir texto é útil quando você deseja criar um ou mais parágrafos, como em 
uma brochura. 
Texto parágrafo
Defina a área exata que você pretende usar, selecionando a ferramenta Tipo ou a ferramenta 
Tipo vertical e arraste diagonalmente para definir uma área delimitadora retangular. Desenhe 
52
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
o objeto que você deseja usar como área delimitadora. Em seguida, selecione a 
ferramenta Tipo, Tipo vertical, Tipo de área ou Tipo de área vertical e clique em qualquer 
local no caminho do objeto.
Se você inserir mais texto do que é possível ajustar em uma área, uma pequena 
caixa contendo um símbolo de adição (+) será exibida próxima à parte inferior da área 
delimitadora.
É possível redimensionar a área de texto ou aumentar o demarcador para exibir o 
estouro de texto. Você pode também encadear o texto em outro objeto. É possível 
redimensionar texto de várias formas, o que depende se você está criando tipo de 
ponto, tipo de área ou texto em um caminho.
Não há limite para a quantidade de texto que pode ser escrita utilizando tipo de ponto; 
portanto, não é necessário redimensionar a caixa de texto neste caso.
Texto em caminho
Texto estourado
53
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Para continuar o texto de um objeto para o seguinte, basta vincular os objetos. Objetos de 
texto vinculados podem ser de qualquer forma. Entretanto, o texto deve ser inserido em uma 
área ou ao longo de um caminho. 
Cada objeto de texto de área contém uma porta de entrada e uma porta de saída que permitem 
a vinculação com outros objetos e a criação de uma cópia vinculada do objeto de texto. Uma 
porta vazia indica que todo o texto está visível e que o objeto não está vinculado. Uma seta 
em uma porta indica que o objeto está vinculado a outro. Um sinal de adição vermelho em 
uma porta de saída indica que o objeto contém texto adicional. Esse texto invisível restante é 
chamado de texto com estouro. 
Você pode quebrar um texto de área em qualquer objeto, incluindo objetos de texto, imagens 
importadas e objetos desenhados no Illustrator. Se o objeto de quebra for uma imagem bitmap 
incorporada, o Illustrator quebrará o texto em pixels opacos ou parcialmente opacos e irá 
ignorar pixels totalmente transparentes. 
A quebra é determinada pela ordem de empilhamento dos objetos, que pode ser vista no 
painel Camadas, clicando no triângulo ao lado do nome da camada. Para quebrar texto em um 
objeto, o objeto de quebra deve estar na mesma camada que o texto e localizado diretamente 
acima do texto na hierarquia da camada. É possível arrastar o conteúdo para cima ou para 
baixo no painel Camadas para alterar a hierarquia. 
Texto continuado
54
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Texto wrap
Selecione o menu (Object > Text Wrap > Make).
Verifique se as seguintes condições são válidas para o texto que você deseja 
quebrar:
. É um texto de área (digitado em uma caixa).
. Está na mesma camada que o objeto de quebra.
. Está localizado diretamente abaixo do objeto de quebra na hierarquia da camada.
Se a camada contiver vários objetos de texto, mova qualquer objeto que você não 
deseja quebrar no objeto de quebra, inserindo-o em outra camada ou acima desse 
objeto de quebra.
Selecione um ou mais objetos nos quais você deseja que a quebra de texto ocorra.
55
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1)Formatar todo texto da capa de uma revista infantil.
2)Replicar um banner tipográfico indicado pelo instrutor.
EXERCÍCIOS:
56
AULA 10 
ILLUSTRATOR
TÓPICOS DA AULA
. FORMATAÇÃO DE PARÁGRAFO
. FORMATAÇÃO DE TEXTO
. LOCALIZAR FONTES AUSENTES
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
A comunicação se reinventa a todo o momento. Saber entender essa “transformação 
necessária” para atender um mundo que não para de inovar é um desafio intenso. 
O design foi incrementado através de programas especializados para criação e 
desenvolvimento de tipos, hoje acessíveis a todos, dando margem a uma grande 
variedade. O designer deve prestar atenção no bom desenho das letras e dos espaços 
entre elas, que devem formar um todo harmônico, e observar se as fontes apresentam 
o peso necessário para a comunicação escolhida. 
Neste capítulo utilizaremos a ferramenta de texto e todas as suas opções, como: 
formatação de parágrafo, formatação de texto e localização de fontes ausentes. 
Selecionar um objeto de texto permite aplicar opções globais de formatação a todos os 
caracteres nesse objeto, incluindo opções nos painéis Caractere e Parágrafo, atributos 
de preenchimento e traçado e configurações de transparência. Além disso, você pode 
aplicar efeitos, vários preenchimentos, traçados e máscaras de opacidade a um objeto 
de texto selecionado. 
Usando o painel Caractere (Window > Type > Character) é possível aplicar opções 
de formação de caracteres individuais nos seus documentos. Quando o texto for 
selecionado ouquando a ferramenta Tipo estiver ativa, você também poderá usar as 
opções no Painel de controle para formatar caracteres. 
TRABALHANDO COM 
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
TEXTO
Painel de caractere
A) Fonte
B) Estilo de fonte
C) Tamanho da fonte
D) Kerning
E) Escala horizontal
F) Deslocamento da Linha 
de Base
G) Entrelinha
H) Tracking
I) Escala vertical
J) Rotação de caracteres
K) Idioma
58
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
É possível transformar o texto em um conjunto de demarcadores compostos, ou contornos, 
que podem ser editados e manipulados como qualquer outro objeto gráfico. Os textos como 
contornos são úteis para alterar a aparência de exibição de textos grandes, mas raramente 
são úteis para o corpo do texto ou outros textos pequenos.
Com o texto selecionado, no menu Type>Create>Outlines.
Converter em curvas
Use o painel Parágrafo (Window>Type>Paragraph) para alterar a formatação de colunas e 
parágrafos. Quando o texto for selecionado ou quando a ferramenta Tipo estiver ativa, você 
também poderá usar as opções no Painel de controle para formatar parágrafos.
A) Alinhamento e justificação
B) Recuo à esquerda
C) Recuo à esquerda da primeira linha
D) Espaço antes do parágrafo
E) Hifenização
F) Recuo à direita
G) Espaço depois do parágrafo
Painel de parágrafo
59
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Apenas as opções utilizadas com mais frequência são visíveis no painel Parágrafo. 
Para mostrar todas as opções, escolha Mostrar opções no menu do painel. Como 
alternativa, clique no triângulo duplo, na guia do painel, para percorrer os tamanhos 
de exibição.
Caso você abra um arquivo no qual o seu computador não possua a fonte, o Illustrator 
avisará dando uma mensagem de que a fonte não existe e trocará por outra similar. É 
possível que essa fonte seja substituída posteriormente ao trabalho iniciado. No menu 
(Type>Find Font...), você visualiza as fontes que o documento possui e as fontes 
ausentes. 
Quando uma fonte é substituída com o comando Localizar fonte, todos os outros 
atributos de texto permanecem inalterados.
Barra de propriedade
Find font
60
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Formatar todo texto da capa de uma revista infantil.
2) Replicar um banner tipográfico indicado pelo instrutor.
 
EXERCÍCIOS:
61
AULA 11 
ILLUSTRATOR
TÓPICOS DA AULA
. FORMATAÇÃO DE PARÁGRAFO
. FORMATAÇÃO DE TEXTO
. LOCALIZAR FONTES AUSENTES
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
O desenvolvimento de qualquer peça gráfica exige um bom estudo do seu cliente e 
conhecimento de imagens. 
Saber expressar um momento através de uma imagem requer um bom feeling desse 
momento, além de exigir um bom conhecimento de lugares e estilos. 
Todo designer precisa ter um conhecimento de enquadramento, profundidade, luz e 
outros atributos que fazem uma grande diferença quando são bem desenvolvidos em 
um trabalho gráfico.
Trabalharemos com composição usando fotos dentro do Illustrator nos diversos 
formatos como AI, EPS, TIFF, PDF e PNG. 
Não é necessário criar um trabalho do zero no Illustrator. Você pode importar desenhos 
de vetor e imagens bitmap a partir de arquivos criados em outros aplicativos. O Illustrator 
reconhece todos os formatos de arquivos gráficos comuns. A estreita interação entre 
os produtos cria suporte para uma ampla variedade de formatos de arquivo facilitando 
a movimentação do trabalho de ilustração de um aplicativo para outro por meio de 
operações de importação, exportação e colagem. 
O comando Inserir é o principal método de importação, pois oferece o maior nível 
de suporte para formatos de arquivo, opções de posicionamento e cores. Depois de 
inserir um arquivo, use o painel Vínculos para identificá-lo, selecioná-lo, monitorá-lo e 
atualizá-lo. 
Acesse o menu (Arquivo>Inserir) para importar uma imagem ou um outro arquivo para 
o Illustrator. 
TRABALHANDO COM FOTOGRAFIA 
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
E TIPOS DE ARQUIVOS
63
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Menu inserir
Tecla de atalho: Ctrl+Shift+P
Se você inserir um arquivo PDF com várias páginas, poderá escolher a página que deseja 
inserir e como deseja cortar o trabalho.
Acesse o menu (Janela>links) e tenha acesso ao painel de vínculos, onde você visualizará 
todos os arquivos incorporados ou vinculados ao arquivo. O painel exibe uma pequena 
miniatura de cada arquivo. 
Painel de links
64
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Interação de transparência 
2) Trabalho artístico ausente 
3) Trabalho artístico incorporado 
4) Trabalho artístico modificado 
5) Trabalho artístico vinculado
Incorporação de um arquivo vinculado
Em vez de criar um vínculo para um arquivo inserido em um documento, você pode 
incorporar ou armazenar o arquivo ao documento. Quando você incorpora um arquivo, 
você quebra o vínculo ao original. Sem o vínculo, o painel Vínculos não o alerta quando 
o original é alterado e você não pode atualizar o arquivo automaticamente.
Selecione um arquivo no painel Vínculos e escolha Incorporar imagem a partir do 
menu do painel.
Selecione a arte vinculada na janela de ilustração. No Painel de controle, clique no 
botão Incorporar
O arquivo permanece no painel Vínculos marcado com o ícone de link incorporado.
Edição da arte original
O comando Editar original permite abrir a maioria dos gráficos no aplicativo em que 
foram criados, para que você possa modificá-los conforme necessário. Uma vez que 
o arquivo original for salvo, o documento em que ele foi vinculado será atualizado com 
a nova versão.
No painel Vínculos, selecione o link e clique no botão Editar original. Como alternativa, 
escolha Editar Original no menu do painel.
Selecione a arte vinculada na página, e escolha Editar>Editar original.
Selecione o trabalho artístico vinculado na página e clique no botão Editar original no 
Painel de controle. Após fazer alterações no aplicativo original, salve o arquivo.
65
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Finalize um panfleto, inserindo as imagens na arte solicitada pelo instrutor. 
2) Finalize um folder, inserindo as imagens na arte solicitada pelo instrutor.
EXERCÍCIOS:
66
AULA 12 
ILLUSTRATOR
TÓPICOS DA AULA
. FERRAMENTA CANETA
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Uma boa ilustração é bem vista quando o designer possui um bom traço e sabe 
desenvolver seu trabalho artístico de forma única. Existem alguns passos para se 
começar a criar seus próprios desenhos, mas uma técnica apurada para desenvolver 
um desenho digital é essencial. 
Um mundo que não para de crescer a cada instante, toda novidade é recebida de 
uma maneira que impressiona ou simplesmente se torna algo normal pela imensa 
quantidade de informações que uma pessoa recebe. Saber se preparar para o novo e 
levar uma nova ideia para o mercado é uma tarefa do designer gráfico. 
- A utilização da ferramenta Caneta para desenhar qualquer forma não geométrica.
Os gráficos vetoriais, às vezes chamados de formas vetoriais ou objetos vetoriais, são 
compostos de linhas e curvas definidas por objetos matemáticos chamados de vetores, 
que descrevem uma imagem de acordo com suas características geométricas. 
É possível mover ou modificar gráficos vetoriais livremente sem perda de detalhes 
ou clareza. Eles não dependem da resolução, pois mantêm arestas bem definidas 
ao serem redimensionados, impressos em uma impressora PostScript, salvos em 
um arquivo PDF ou importados para um aplicativo de imagens gráficas baseado em 
vetores. Como resultado,os gráficos vetoriais são a melhor opção para arte-final, 
como logotipos, que serão usados em diversos tamanhos e em várias mídias de saída. 
À medida que se desenha, uma linha chamada demarcador é criada. Um demarcador 
é composto de um ou mais segmentos retos ou curvados. O início e o fim de cada 
segmento são marcados por pontos de ancoragem, que funcionam como pinos 
mantendo um arame no lugar. 
CRIANDO VETORES NÃO 
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
GEOMÉTRICOS 
68
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Componentes
O demarcador mais simples que você pode desenhar com a ferramenta Caneta é uma linha 
reta, feita com a seleção da ferramenta Caneta para criar dois pontos de ancoragem. Se você 
continuar clicando, criará um demarcador composto de segmentos de linha reta conectados 
por pontos de vértice.
Ferramenta caneta
Posicione a ferramenta Caneta no local de início do segmento reto e clique para definir o 
primeiro ponto de ancoragem. Clique novamente onde você deseja que o segmento termine.
Clique com a tecla Shift pressionada para restringir o ângulo do segmento a um múltiplo de 
45°. 
A) Extremidade selecionada (sólida) 
B) Ponto de ancoragem selecionado
C) Ponto de ancoragem não selecionado 
D) Segmento de demarcador curvado 
E) Linha de direção 
F) Ponto de direção
69
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Continue clicando para definir pontos de ancoragem para segmentos retos adicionais. 
O último ponto de ancoragem a ser adicionado sempre é um quadrado sólido, indicando 
que ele está selecionado. Os pontos de ancoragem anteriormente definidos tornam-se 
vazados e desmarcados conforme mais pontos de ancoragem são adicionados.
Você cria uma curva adicionando um ponto de ancoragem onde uma curva muda de 
direção e arrastando as linhas de direção que formam a curva. 
1) Selecione a ferramenta Caneta.
2) Posicione a ferramenta Caneta no local de início da curva e mantenha o botão 
do mouse pressionado. O primeiro ponto de ancoragem aparece e o ponteiro da 
ferramenta Caneta muda para uma seta.
3) Arraste para definir a inclinação do segmento curvado que você estiver criando e, 
em seguida, solte o botão do mouse.
Desenho curva1
Desenho caneta
70
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Em geral, estenda a linha de direção a um terço da distância do próximo ponto de ancoragem 
que planeja desenhar. É possível ajustar posteriormente um dos lados da linha de direção ou 
ambos.
Para fechar um demarcador, posicione a ferramenta Caneta sobre o primeiro ponto de 
ancoragem vazio. Um pequeno círculo aparecerá junto ao ponteiro da ferramenta Caneta 
quando ela estiver posicionada corretamente. Clique ou arraste para fechar o demarcador.
Quando você esta editando com a ferramenta Caneta, existe uma barra de propriedades onde 
se pode fazer algumas edições ao longo da construção do traço.
Desenho curva 2
Barra de propriedade
71
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Crie a marca da NIKE.
2) Crie a marca da CARREFOUR.
EXERCÍCIOS:
72
AULA 13 
ILLUSTRATOR
TÓPICOS DA AULA
. VETORIZAR COM A FERRAMENTA CANETA
. FERRAMENTA SELEÇÃO DIRETA
. FERRAMENTA CONSTRUTOR DE FORMAS
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Uma imagem vetorial ou vetorizada tem a grande vantagem sofrer alteração em 
sua escala sem perder qualidade, mantendo sua estrutura. Por isso é largamente 
utilizada para cartazes e projetos gráficos muito grandes. Algumas pessoas digitalizam 
ilustrações à mão, por uma questão estilística, ou para deixar imagens de objetos ou 
pessoas com um efeito diferenciado. 
Neste capítulo vamos aprender a fazer uma boneca no Illustrator. Ela é simples, porém, 
todas as ferramentas utilizadas servem para fazer qualquer outro tipo de vetorização. 
Faça um esboço, pode ser a lápis e escaneado, ou mesmo uma foto. 
- Vetorizar com a Ferramenta Caneta;
- Ferramenta Seleção Direta;
- Ferramenta Construtor de formas.
Selecione a ferramenta Caneta, deixe a camada do esboço travada para que não 
movamos acidentalmente, coloque um ponto inicial, adicionando um segundo e 
movendo para criar a curva na caneta, em sequência, fechando os pontos na imagem 
do cabelo. Note que deixamos selecionado apenas o contorno, para podermos seguir 
o esboço. 
CRIANDO PERSONAGEM BÁSICO 
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
EM VETOR
Rascunho da boneca
74
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Para editarmos as curvas, usamos a ferramenta Seleção Direta, para darmos a forma desejada.
Tire o contorno e adicione a cor marrom ao preenchimento como na imagem abaixo.
Para o rosto escolhemos a cor de preenchimento da pele, desabilitando a layer do cabelo para 
visualizar e seguir o esboço.
Com a Ferramenta Elipse selecionada criamos um oval para o rosto.
Vetorizando a boneca_parte 02
Vetorizando a boneca_parte 01
75
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Vetorizando a boneca_parte 03
Vetorizando a boneca_parte 04
Vetorizando a boneca_parte 05
Com a Ferramenta Caneta ativa repita o processo usado para as demais áreas, e 
trace as pernas, usando a cor da pele como preenchimento.
Adicione um circulo menor para formar o pescoço, e siga o passo inicial do cabelo, 
usando a Ferramenta Caneta para criar o braço.
76
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Selecione e repita o processo para enviar o objeto para trás. Use a Ferramenta Caneta para 
desenhar o sapato, aqui foi usado o azul como preenchimento.
Repita o processo para fazer o outro sapato, ou apenas selecione o objeto, clique com botão 
direito e vá em Tranformar> Refletir> Cópia, e faça os ajustes com a Ferramenta seleção 
direta para obter um resultado como na imagem abaixo.
Para a franja crie duas elipses achatadas e preencha-as com a cor marrom. Selecione os 
dois objetos e também o que corresponde ao rosto. Faremos o recorte apagando as partes 
desnecessárias para formarmos a franja.
Vetorizando a boneca_parte 07
Vetorizando a boneca_parte 06
77
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Vetorizando a boneca_parte 09
Selecione as duas partes restantes, vá ao menu Janela> Pathfinder, e escolha a 
opção Mesclar.
 
Vetorizando a boneca_parte 10
Após fazer a seleção clique na ferramenta Construtor de formas (Shift+M). Segurando 
a tecla Alt. Leve o cursor sobre as partes que deseja deletar, aparecerá uma malha 
como na imagem abaixo, clique para excluir as partes desnecessárias.
Vetorizando a boneca_parte 08
78
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Escolha uma cor desejada e opte pela ferramenta Pincel, trace a boca.
Ative a ferramenta Elipse e com a cor de preenchimento marrom, faça o olho esquerdo. Faça 
um novo oval em branco para a luz do olho.
Usando a ferramenta Pincel e a cor marrom na opção de contorno, trace o nariz e o olho 
direito. Para o blush, crie dois ovais nas bochechas. Alinhe-as conforme a imagem abaixo.
Selecione os dois ovais, e vá em Efeito> Desfoque> Desfoque gaussiano. 
Em Radius, coloque o valor da imagem abaixo, clicando em Preview para visualizar e clique 
em ok.
Para o efeito no cabelo, selecione a franja, vá em Efeito> Estilizar> Brilho interno, 
em Modo, vá até a seta e escolha Normal, selecione a cor, com um tom de marrom mais 
forte, ajuste a Opacidade e Desfoque como desejar, lembrando de deixar marcadas as 
opções Borda e Visualizar, para visualizar a aplicação do efeito.
Vetorizando a boneca_parte 12
Vetorizando a boneca_parte 11
79
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Para aplicaro efeito na parte de trás do cabelo, repita o processo anterior, e todas 
as opções permanecerão, ou se preferir, antes de aplicar, mantenha os dois objetos 
selecionados.
Vetor final
80
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Desenhe um mascote indicado pelo instrutor.
2) Desenhe um mascote indicado pelo instrutor.
EXERCÍCIOS:
81
AULA 14 
ILLUSTRATOR
TÓPICOS DA AULA
. BARRA FERRAMENTAS PARA RASTERIZAR > 
TRAÇADO DA IMAGEM 
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Rasterização é a tarefa de converter uma imagem vetorial em uma imagem raster, 
pixels ou pontos, para enviar para uma saída de impressora ou vídeo.
Em muitos casos essa opção é utilizada para dar um efeito mais artístico em uma 
imagem, produzindo um efeito aquarela, ou para modificar os traços de uma imagem 
em baixa resolução, trabalho mais diferenciado. 
- Barra ferramentas para Rasterizar > Traçado da Imagem 
Importe uma imagem para dentro do programa, com o comando Arquivo>Inserir.
Agora selecionamos a imagem com a ferramenta de seleção normal, a preta, e clicamos 
em Traçado da Imagem.
RASTERIZAÇÃO DE IMAGEM
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
Inserindo imagem no illustrator
83
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Em seguida, vetoriza-se a imagem, mas com a predefinição padrão de Trueshold. Mas essa 
não é a ação desejada, então vamos fazer a janela de opções do Traçado da imagem. 
Janela de opções
Clicando nessa pequena janela vai aparecer outra janela do lado direito da minha tela. 
Clique em “Avançado” para aparecer as opções complementares.
Traçado da imagem
84
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Vou testar já mudando algumas configurações. Como a Visualização, na parte de 
baixo está marcada, tudo que eu mudo eu já vejo em tempo real no meu desenho.
E agora vou mudar escolhendo a opção Cor baixa na predefinição.
Vou mexer mais para adicionar ou retirar algumas cores e deixar como eu quero.
Depois de escolher as opções que mais me agradam, clico em Expandir no menu de 
opções. 
Janela de opções do traçado
Predefinição cor baixa
85
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Imagem rasterizada
Expandir
Pronto, agora posso desagrupar e mudar a cor de cada parte desejada.
86
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Fazer a rasterização da foto com silhueta.
2) Fazer a rasterização da fotografia de um carro indicado pelo instrutor.
EXERCÍCIOS:
87
AULA 15 
ILLUSTRATOR
TÓPICOS DA AULA
. JANELA SÍMBOLOS
. BIBLIOTECA DE SÍMBOLOS
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Um símbolo é um objeto artístico que pode ser reutilizado em um documento. Por 
exemplo, se você criar um símbolo a partir de uma flor, poderá adicionar instâncias desse 
símbolo várias vezes ao seu trabalho artístico sem adicionar realmente a arte complexa 
várias vezes.
Cada instância de símbolo é vinculada ao símbolo no painel Símbolos ou a uma biblioteca 
de símbolos. O uso de símbolos pode poupar tempo e reduzir significativamente o 
tamanho do arquivo. Símbolos também fornecem um excelente suporte para exportação 
SWF e SVG. Ao exportar para o Flash, você pode definir o tipo de símbolo como Clipe 
de filme. 
- Janela Símbolos
- Biblioteca de símbolos
É possível usar o painel Símbolos (Janela > Símbolos) ou o painel de Controle para 
gerenciar os símbolos de um documento. O painel Símbolos contém vários símbolos 
predefinidos. Você pode adicionar símbolos a partir de bibliotecas de símbolos ou das 
bibliotecas que criar. 
Janela símbolos
Para adicionar o símbolo no documento, selecione e arraste para o centro da página. 
TRABALHANDO COM SÍMBOLOS
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
89
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
BIBLIOTECAS DE SÍMBOLOS
Bibliotecas de símbolos são coleções de símbolos predefinidos. Quando uma biblioteca de 
símbolos é aberta, ela aparece em um novo painel (não no painel Símbolos).
É possível selecionar, classificar e exibir itens em uma biblioteca de símbolos usando os 
mesmos procedimentos que no painel Símbolos. Entretanto, não é possível adicionar itens, 
excluí-los ou editá-los em bibliotecas de símbolos. 
Selecione Janela > Bibliotecas de símbolos > [símbolo].
Biblioteca de símbolos
Um símbolo é automaticamente adicionado ao painel Símbolo sempre que você o utiliza em 
um documento.
CRIAR UM SÍMBOLO
Selecione o trabalho artístico a ser usado como símbolo. Siga um destes procedimentos:
Clique no botão Novo símbolo, no painel Símbolos.
90
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Você pode também arrastar o trabalho artístico até o painel Símbolos.
Por padrão, o trabalho artístico selecionado se torna uma instância do novo símbolo. 
Se não quiser que o trabalho artístico se torne uma instância, pressione Shift ao criar 
o novo símbolo. 
Na caixa de diálogo Opções de símbolo, digite um nome para o símbolo. Selecione o 
tipo de símbolo como Clipe de filme ou Gráfico. 
Você pode mover, dimensionar, girar, deformar (inclinar) ou refletir instâncias de 
símbolo exatamente como faz com outros objetos. Também pode realizar qualquer 
operação nos painéis Transparência, Aparência e Estilos de gráfico, além de aplicar 
qualquer efeito a partir do menu Efeito. 
Caixa de dialogo
Novo símbolo
91
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Menu efeitos
Entretanto, se quiser modificar os componentes individuais de uma instância de símbolo, 
será necessário expandi-la primeiro. A expansão quebra o vínculo entre o símbolo e a sua 
instância, convertendo-a em um trabalho artístico comum.
Para quebrar o link com o símbolo e poder fazer edições específicas, acesse o menu do painel 
símbolos e escolha a opção Quebrar link com símbolo.
Para criar uma nova biblioteca, basta selecionar os símbolos no painel de símbolos que farão 
parte da nova biblioteca que você irá criar. Acesse o menu da janela de símbolos e escolha a 
opção Salvar biblioteca de símbolos.
Quebrar link com símbolo
92
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Salvando a biblioteca de símbolos
Salve a nova biblioteca na pasta Símbolos padrão. O nome da biblioteca será exibido 
automaticamente no submenu definido pelo usuário dos menus Bibliotecas de símbolos 
e Abrir biblioteca de símbolos. 
Se você salvar a biblioteca em uma pasta diferente, poderá abri-la escolhendo Abrir 
biblioteca de símbolos > Outra biblioteca, no menu do painel Símbolos. Quando a 
biblioteca for aberta com o uso desse processo, ela aparecerá no submenu Bibliotecas 
de símbolos junto com as outras bibliotecas.
93
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Criar uma composição usando símbolos com as orientações passadas pelo instrutor.
2) Criar uma composição usando símbolos com as orientações passadas pelo instrutor.
EXERCÍCIOS:
94
AULA 16 
ILLUSTRATOR
TÓPICOS DA AULA
. MENU EFEITOS > 3D / ESTILIZAR
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Todo designer precisa trabalhar bem no Illustrator, não apenas por ser uma ferramenta 
usada em todo o mundo, nas agências, mas por oferecer todas as vantagens que 
estamos conhecendo neste curso. 
Existem alguns efeitos usados que são próximos aos usados no Photoshop, trazendo 
a mesma qualidade visual e a facilidade na aplicação, em tratar com um objeto vetorial.
- Menu Efeitos > 3D / Estilizar
APLICAR UM BRILHO INTERNO OU EXTERNO
. Selecione um objeto ou grupo; em seguida, Efeito > Estilizar > Brilho interno ou Efeito 
> Estilizar> Brilho externo. 
Menu efeitos
EFEITOS NO ILLUSTRATOR
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
96
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
. Clique no quadrado de visualização de cor ao lado do menu do modo de mistura para 
especificar uma cor para o brilho.
Defina opções adicionais:
MODO
. Especifica um modo de mistura para o brilho.
OPACIDADE
. Especifica a porcentagem de opacidade desejada para o brilho.
Opções de aplicação
Aplicando brilho interno
97
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
DESFOQUE
. Especifica a distância a partir do centro ou da borda da seleção em que você deseja 
que o desfoque ocorra.
. Centro (somente para Brilho interno)
. Aplica um brilho que emana do centro da seleção.
. Borda (somente para Brilho interno)
. Aplica um brilho que emana das bordas internas da seleção.
APLICAR DIFUSÃO ÀS BORDAS DE UM OBJETO
. Selecione o objeto ou o grupo. Neste caso, fiz uma elipse para simbolizar uma sombra 
do planeta. Selecione Efeito > Estilizar > Difusão.
Círculo negro 01
Círculo negro 02
98
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
. Defina a distância ao longo da qual o objeto se transformará de opaco para transparente e 
clique em OK.
CRIAR OBJETOS 3D
. Efeitos 3D permitem criar objetos tridimensionais (3D) a partir de um trabalho artístico 
bidimensional (2D). Você pode controlar a aparência de objetos 3D com iluminação, 
sombreamento, rotação e outras propriedades.
Selecione o objeto.
. Selecione Efeito > 3D > Extrusão e bisel.
. Selecione Visualizar para verificar o efeito na janela do documento. 
Círculo
Aplicando difusão
99
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Extrusão e bisel
ESPECIFIQUE OPÇÕES:
Posição
. Define como o objeto é girado e a perspectiva a partir da qual você o visualiza.
Extrusão e chanfrado
. Determina a profundidade do objeto e a extensão de qualquer chanfrado adicionado 
a esse objeto ou recortado dele.
Superfície
. Cria uma ampla variedade de superfícies, desde foscas e sem sombra até superfícies 
brilhantes e realçadas que se parecem com plástico. 
Iluminação
. Adiciona uma ou mais luzes, varia a intensidade de iluminação, altera a cor de 
sombreamento do objeto e move as luzes ao redor do objeto, para efeitos dramáticos.
Mapear
. Mapeia o trabalho artístico nas superfícies de um objeto 3D.
Criar um objeto 3D por revolução
. A revolução varre um caminho ou perfil em direção circular ao redor do eixo y global 
100
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
(eixo de revolução) para criar um objeto 3D. Como o eixo de revolução é fixo verticalmente, o 
caminho aberto ou fechado, que é revolvido normalmente, precisa representar metade do perfil 
do objeto 3D desejado em uma posição vertical voltada para frente. Em seguida, é possível 
revolver a posição do objeto 3D na caixa de diálogo do efeito. 
. Selecione o objeto; 
. Selecione Efeito > 3D > Revolução; 
. Selecione Visualizar para verificar o efeito na janela do documento. 
Efeito revolução 
. Aplicar o efeito Revolução 3D a um ou mais objetos simultaneamente revolve cada objeto 
ao redor do seu próprio eixo. Cada objeto reside no seu próprio espaço 3D e não pode fazer 
interseção com outros objetos 3D. 
101
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
1) Aplicar o efeito indicado pelo instrutor na arte.
2) Aplicar o efeito indicado pelo instrutor na arte.
EXERCÍCIOS:
102
AULA 17 
TÓPICOS DA AULA
. IMPRIMINDO UM ARQUIVO NO ILLUSTRATOR
. SALVANDO PARA WEB
ILLUSTRATOR
ADOBE
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Para tomar decisões ideais sobre impressão, você precisa compreender princípios 
básicos de impressão, incluindo como a resolução da sua impressora ou a calibração 
e a resolução do seu monitor podem afetar a aparência impressa do seu trabalho 
artístico. O Illustrator fornece uma grande variedade de ferramentas para criar layout 
de páginas da web, ou criar e otimizar gráficos da web. Por exemplo, use cores seguras 
para web, equilibre a qualidade da imagem com o tamanho do arquivo e escolha o 
mesmo formato de arquivo para seu gráfico. 
- Imprimir um arquivo no Illustrator; 
- Salvar para web. 
Gerar um arquivo de impressão é uma versão de uma página do trabalho final que 
corresponde ao conteúdo visualizado na janela de ilustração, em outras palavras, um 
trabalho de impressão direto. Esses arquivos são úteis para executar provas do design 
geral da página, verificar a resolução da imagem e identificar problemas que possam 
ocorrer em uma fotocompositora (como erros PostScript).
. Selecione Arquivo > Imprimir.
. Selecione uma impressora no menu Impressora. Para imprimir em um arquivo no 
lugar de uma impressora, selecione Arquivo Adobe PostScript ou Adobe PDF.
IMPRIMINDO E SALVANDO 
RECURSOS QUE APRENDEREMOS NESTA AULA 
COMO FAZER
Painel de impressão
ARQUIVOS
104
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
. Selecione uma das seguintes opções de prancheta:
. Para imprimir tudo em uma página, selecione Ignorar pranchetas. Para imprimir cada 
prancheta separadamente, cancele a seleção de Ignorar pranchetas e especifique se você 
deseja imprimir todas as pranchetas (Tudo) ou um intervalo específico, como 1-3.
. Cada categoria de opções na caixa de diálogo Imprimir, desde opções gerais até opções 
resumidas, está organizada para orientá-lo durante o processo de impressão de um documento. 
Para exibir um conjunto de opções, selecione o nome do conjunto no lado esquerdo da caixa de 
diálogo. Muitas dessas opções são predefinidas pelo perfil de inicialização que você escolheu 
quando iniciou seu documento. 
Geral: Defina o tamanho e a orientação da página, especifique quantas páginas serão 
impressas, dimensione o trabalho artístico, especifique opções de divisão em blocos gráficos 
e escolha as camadas a serem impressas.
Imprimindo pranchetas separadas
Categoria geral
105
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Marcas e sangrias: Selecione marcas da impressora e crie uma sangria. Esta opção 
é muito importante para você determinar em seu trabalho uma área de segurança e 
ajudar no acabamento dele. É indicado deixar no mínimo um sangramento de 3 mm 
para cada lado do seu trabalho. 
Saída: Crie separações de cores. Esta opção é determinando para o caso de criar um 
arquivo para produzir um fotolito, onde as cores são impressas separadamente para 
a impressão.
Gráficos: Defina opções de impressão para caminhos, fontes, arquivos PostScript, 
gradientes, malhas e misturas.
Categoria saida
Categoria marcas
106
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Gerenciamento de cores: Selecione um perfil de cor e um método de renderização para 
impressão. 
Avançado: Controle o nivelamento (ou a possível rasterização) do trabalho artístico de 
vetor durante a impressão. Esta opção faz uma rasterização das lentes e outros efeitos de 
transparência no seu trabalho.
Gerenciamento de cores
Categoria gráficos
107
FORMAÇÃO DESIGNER GRÁFICO - UNIDADE I
ADOBE ILLUSTRATOR - WWW.ESCOLAZION.COM 
Resumo: Visualize e salve um resumo das configurações de impressão.
Salvar o trabalho artístico: Quando um trabalho artístico é salvo ou exportado, o 
Illustrator grava seus dados em um arquivo. A estrutura dos dados depende do formato 
de arquivo selecionado.
Existem cinco formatos de arquivo básicos (AI, PDF, EPS, FXG e SVG) nos quais você 
pode salvar um trabalho artístico. Esses formatos são chamados de nativos porque 
podem preservar todos os dados do Illustrator, incluindo várias pranchetas. (Nos casos 
dos formatos