DESENHO

VETORIAL
NO DESIGN

MARCELLO FRANCISCO MIRANDA

1 edio
SESES
rio de janeiro 2017
Conselho editorial roberto paes e luciana varga

Autor do original hilda monetto flores da silva

Projeto editorial roberto paes

Coordenao de produo luciana varga, paula r. de a. machado e

aline karina rabello

Projeto grfico paulo vitor bastos

Diagramao daniel abreu

Reviso lingustica cristina de s

Reviso de contedo bruno castro

Imagem de capa carol.anne|shutterstock.com

Todos os direitos reservados. Nenhuma parte desta obra pode ser reproduzida ou transmitida
por quaisquer meios (eletrnico ou mecnico, incluindo fotocpia e gravao) ou arquivada em
qualquer sistema ou banco de dados sem permisso escrita da Editora. Copyright seses, 2017.

Dados Internacionais de Catalogao na Publicao (cip)

M672d miranda, marcello francisco

desenho vetorial no design. / marcello francisco miranda.
rio de janeiro: seses, 2017.
136 p: il.

isbn: 978-85-5548-453-7

1.computao grfica. 2. edio. 3. design. 4.design grfico

5.vetores. i. seses. ii. estcio.

cdd 769

Diretoria de Ensino Fbrica de Conhecimento

Rua do Bispo, 83, bloco F, Campus Joo Ucha
Rio Comprido Rio de Janeiro rj cep 20261-063
Sumrio

Prefcio 8

1. Introduo prtica do design grfico 9

Design grfico 10
Apresentao da proposta de trabalho 14
Conceitos bsicos de criao em design e computao grfica 14
Conceitos de imagens 19
Definio de imagens vetoriais e imagens bitmap 21
Sistemas de cor em computador 24
Programas grficos de manipulao de imagens vetoriais 27

2. Trabalhando com imagens vetoriais no Illustrator 33

Tela inicial 34
Modelos de cor: RGB e CMYK 35
Vetor bitmap 36
rea de trabalho do Illustrator 36
Criando e configurando um novo documento 38
Caixa de ferramentas 38
Painis 44
Menus de contexto 46
Visualizao da pgina 48
Formas de zoom e visualizao 49
Importar e vincular arquivos 50
Formas bsicas 53
As ferramentas Rectangle e Ellipse 53
A ferramenta Rounded Rectangle 54
As ferramentas Polygon e Star 55
A ferramenta Flare 56
A ferramenta Line Segment 57
A ferramenta Arc 58

A ferramenta Spiral 58
A ferramenta Retangular Grid 59
A ferramenta Polar 60
Ferramentas de seleo 60
A ferramenta Selection 61
A ferramenta Direct Selection 62
A ferramenta Group Selection 63
A Ferramenta Lasso 64
A Ferramenta Magic Wand 65
Atributos e gerenciamento dos objetos 65
Rotao 65
Painel Transform 66
Painel Appearance 68
Painel Pathfinder 69
Trabalhando com Camadas ( Layers) 76
Linhas guias 78
Rasterizando objetos 78
Ferramentas de desenho 80
Os Paths 80
Ferramenta Paintbrush 80
Ferramenta Pencil 81
Ferramenta Pen 82
Smbolos 84
Criando smbolos 86
Brushes 87
O painel Brushes 87
Brush Calligraphic 89
Brush Scatter 91
Brush Art 92
Brush Pattern 93
Transformaes de Objetos 94
Comando envelope 94
Distores de objetos 97
 Ferramenta Crystallize 100
Efeito Blend 101
Mscaras de recorte 102
Gradiente 103

Trabalhando com textos 104

Usando textos dentro de um path 105
Formatao de caracteres e pargrafos 107
Wrapping de texto 108
Filtros e efeitos 110
Efeitos Stylize 111
Efeito Crop Marks 112
Efeitos 3D 112
Trabalhando com vetores 114
Vetorizao 114
Ilustrao digital 115
Image Trace 115

3. Trabalhando com imagens vetoriais

no CorelDRAW 119

Tela de apresentao 120

Ferramentas do CorelDRAW 124
Criando figuras simples 125
Linhas curvas 125
Figuras geomtricas 126
Ferramentas de seleo 129
Desfazer e repetir 130
Colorindo objetos 130
Ferramenta Zoom 132
Gravando, fechando e abrindo um documento 133
Salvar o trabalho 133
Abrindo e fechando documentos 134
Configurando pginas e imprimindo 134
Configuraes bsicas 134
Linhas guias e configurao da rgua 135

5
 Imprimindo pginas 138

Usando a ferramenta forma 139

Preenchimentos e contornos 141
Efeitos sobre o objeto 145
Girar e inclinar 145
Espelhar 146
Agrupar e desagrupar 147
Duplicar e clonar 148
Alinhar e distribuir 148
Ordenar e combinar 149
Ferramenta Texto 149
Texto de pargrafo e texto artstico 150
Ajustando texto ao caminho 151
Efeitos especiais 152
Efeito envelope 152
Efeito extruso 153
Efeito lente 154
Efeito Powerclip 155
Adicionar perspectiva 156
Inserindo smbolos e importando figuras 157

4. Interao dos softwares e fechamento

de arquivos 159

Preparao de composies e contedo de comunicao visual

pela interao dos softwares mais utilizados no mercado 160
Aplicao dos diferentes formatos de arquivos digitais e
fechamento de arquivo 162
Preparao do arquivo para mdia impressa e mdia digital 166
Cores 167
Margem de segurana 172
Linha de corte 172
Sangria 172
Objetos 173

6
No CorelDRAW 173
No Illustrator 175

Fechando o arquivo 176

Salvando em PDF/X1-a no Corel 176
Salvando em PDF/X1-a no Illustrator 177
Arquivo aberto arquivo fechado (arquivos PostScript e PDF) 179

7
Prefcio

Prezados(as) alunos(as),

O papel do designer h muito j deixou de ser apenas o de criador de coisas

esttica e visualmente agradveis, para alcanar o patamar de importante facilitador
da vida moderna. Seja pensando na utilidade de um aparato eletrnico, no melhor
aproveitamento de um material, desenvolvendo uma embalagem diferenciada ou
uma pea grfica harmnica, ele consegue unir a beleza, a arte e a funcionalidade.
Sem o risco de parecer exagero, sua funo tornar o mundo melhor.
O design grfico j est completamente incorporado ao nosso cotidiano.
Somos atingidos todos os dias por milhares de anncios, embalagens, marcas,
layouts, revistas, livros, websites, sinalizaes, entre outros produtos de design, e
no nos damos conta de como isso facilita nossa interao com o mundo.
Quando estudamos computao grfica, deparamo-nos com tipos e estruturas
diferentes de imagem, entre elas, as vetoriais. Entendemos como so formadas a
partir de vetores e clculos matemticos. Isso resulta em grficos mais leves e sem
perda de qualidade. E disso que iremos tratar.
Com este material didtico em mos, voc ter a chance de aprender sobre
a relao entre planejamento de projetos e a transformao deles em design
grfico. Ver tambm conceitos atuais sobre computao grfica e conhecer os
principais softwares de edio de imagem vetorial (por exemplo, Adobe Illustrator
e CorelDRAW), como eles interagem com outros programas e seus processos de
fechamento de arquivos e produo.

Bons estudos!

8
 1
Introduo prtica
do design grfico
Introduo prtica do design grfico
A necessidade que o homem sempre teve em se comunicar com seus iguais
possibilitou o desenvolvimento de uma srie de estratgias para se expressar.
Uma das primeiras manifestaes desse ato a utilizao de elementos visuais,
que comeam como expresso corporal, criao de signos e um posterior
desenvolvimento da linguagem falada como se aproxima dos moldes de hoje.
Tendo ainda hoje a linguagem visual como grande suporte para uma
comunicao eficaz, o design grfico faz-se extremamente necessrio. Isso se d por
fatores como o surgimento constante de novas mdias, tecnologias e a necessidade
de ampliar os canais de comunicao.
Com isso, importante observar como o design grfico participa da vida
humana de uma forma to prxima. Estudaremos tambm sua relao com a
computao grfica e entenderemos alguns conceitos em relao a imagem e
suas utilizaes.

OBJETIVOS
Neste captulo, pretende-se que sua aprendizagem seja referente a:
Conhecer os aspectos histricos do design grfico no Brasil e no mundo.
Compreender a influncia e a importncia da expresso visual para a comunicao.
Entender os processos de imagem e suas caractersticas.

Design grfico

No se sabe exatamente o que teria despertado as habilidades artsticas humanas

e o que levou o homem a buscar a compreenso, entendimento e representao
do meio que o envolve. Sabe-se que para o homem pr-histrico, as sinalizaes j
apresentavam grande importncia. As pegadas de um animal na lama, os smbolos
desenhados nas paredes das cavernas, as representaes visuais diversas. Tudo isso
j representava a ideia de sinais grficos.

captulo 1 10
 Figura 1. Pegada de animal na lama e
Figura 2. Smbolos desenhados na parede de uma caverna.

As representaes grficas podem ser sinais, como as letras do alfabeto, ou

formar parte de outro sistema de signos, como as sinalizaes nas estradas.
Quando reunidas, as marcas grficas como as linhas de um desenho ou os pontos
de uma fotografia formam imagem. O design grfico a arte de criar ou escolher
tais marcas, combinando-as numa superfcie qualquer para transmitir uma ideia.
(HOLLIS, 2000, p. 9)

Apesar de historicamente
o design grfico se originar dos
campos artsticos, ele se diferencia
da conceituao bsica de arte por se
tornar uma atividade que se apropria
de um conhecimento especfico e
autnomo e assume as funes de
projetos criados para produo em
maiores escalas. O design grfico
enquanto ofcio comea a ser visto na
metade do sculo XX. O artista
comercial era o maior prestador de Figura 3. Pster de Toulouse-Lautrecpara
divulgao do Moulin Rouge

captulo 1 11
servios nessas reas que demandavam trabalhos envolvendo ilustrao, tipografia,
retoques e composies.
A definio de objetivos comea a pautar a funo do profissional. Se antes
o artista tinha a inteno de expressar emoes e sentimentos com suas obras, o
pblico comea a manifestar necessidades ainda subjetivas, mas de ordem mais
prtica, como expressar ideias, reter a ateno e provocar reaes favorveis.
Percebe-se a funo do design grfico no apenas no aspecto vinculado esttica,
mas caracterizando-se como uma atividade que lida de modo fundamental com
a informao.
A perspectiva do design no Brasil recente se comparada com outros pases.

captulo 1 12
 Por definio, o design grfico uma forma de comunicar visualmente um
conceito ou uma ideia por meio de tcnicas formais. Podemos, ainda, conceitu-
lo como um meio de estruturar e dar forma comunicao impressa, em que, no
geral, se trabalha o relacionamento entre imagem e texto, em meios impressos
e digitais de comunicao. Ele classifica, diferencia, informa e cria sistemas
visuais que tornam um produto, servio ou organizao facilmente identificveis,
ajudando, assim, a criar manifestaes concretas para valores intangveis destes.

Design grfico uma atividade intelectual, tcnica e criativa concernente no

somente produo de imagens, mas anlise, organizao e mtodos de
apresentao de solues visuais para problemas de comunicao. Informao
e comunicao so bases de um modo de vida global interdependente, seja na
esfera dos negcios, cultural ou social. Ao designer grfico cabe a tarefa de
fornecer respostas aos problemas de comunicao de todo tipo em todos os
setores da sociedade. (ICOGRADA, 2001).

O American Institute of Graphics Arts (AIGA) sugere uma definio

extremamente apropriada para o termo:

Design grfico a complexa combinao de palavras e imagens, nmeros e

grficos, fotografias e ilustraes que, para ter sucesso demanda sua elaborao
por parte de um particularmente cuidadoso indivduo que pode orquestrar estes
elementos de forma a eles se juntarem para formar algo distinto, ou til, ou
divertido, ou surpreendente, ou subversivo, ou memorvel. uma arte popular e
prtica, arte aplicada e antiga. De uma forma simples, a arte da visualizao de
ideias. (Helfand, 2001, www.aiga.com)

Por padro, a atividade do design grfico se apropria e faz uso de uma srie de
outros campos artsticos e funcionais como a tipografia, a fotografia, ilustrao,
arte-final, superfcies de impresso, tratamento e manipulao de imagens,
processos industriais de impresso, entre outros.

captulo 1 13
Apresentao da proposta de trabalho

A disciplina Desenho Vetorial no Design tem a proposta de possibilitar ao

aluno a compreenso dos primeiros conceitos em planejamento grfico e manuseio
dos softwares de desenho e ilustrao vetorial. Apresenta grande importncia
para os alunos de Comunicao, Design e Artes Visuais, dando-lhes o suporte
necessrio a uma aplicao prtica dos conceitos aprendidos em sala e, com isso,
maior chance de colocao no mercado de trabalho.
Inicialmente abordaremos algumas noes e conceitos bsicos de criao
em design e computao grfica. Logo aps, aprenderemos sobre imagem e seus
tipos e utilizaes, assim como sistemas de cor. Em seguida, partiremos para
entender os principais programas de desenho vetorial e suas ferramentas. Ao final,
entenderemos como preparar um material para sua produo e veiculao.

Conceitos bsicos de criao em design e computao grfica

O termo design vem do ingls, tendo como base o latim designare, significando
desenvolver, conceber.

CURIOSIDADE
A expresso surgiu no sculo XVIII, na Inglaterra, como traduo do termo italiano disegno.

Hoje, entende-se por design a melhoria dos aspectos funcionais, ergonmicos

e visuais do produto, de modo a atender s necessidades do consumidor,
melhorando o conforto, a segurana e a satisfao dos usurios. O design meio
de adicionar valor aos produtos industrializados, levando conquista de novos
mercados. As empresas tm usado o design como poderoso instrumento para fazer
diferenciaes nos produtos, destacando-os no mercado perante seus concorrentes.
O trabalho do designer tem como algumas de suas premissas a versatilidade,
a cincia e a criatividade no desenvolvimento de projetos, assim como a proposta
de assimilar em sua concepo vrias reas de conhecimento. E exatamente por

captulo 1 14
essa caracterstica interdisciplinar a adoo de um mtodo sistemtico se torna
uma tarefa complicada. So infinitas possibilidades baseadas em intuio, tcnica,
criatividade e potencialidade tcnica e ferramental. Mesmo assim, na criao de
projetos distintos existem procedimentos a serem seguidos, que podem ou no se
assemelhar em determinados passos.
De modo geral, o design segue uma lgica operacional no pensamento criativo
que apresenta as seguintes etapas :

Figura 5. Metodologia de Bruno Munari

captulo 1 15
 De modo geral, as metodologias envolvendo projetos de design so divididas
em trs etapas principais: problema, mtodo e soluo, a partir da qual cada
metodologia define suas prioridades dentro das ramificaes que acreditam ser
importantes para dar continuidade ao processo.

Diferentes autores classificam os elementos do design. Para alguns so apenas

seis e para outros, sete. Em termos gerais, considera-se o consenso da primeira opo.
So eles:

LINHA

Linhas podem ser curtas, longas, curvadas ou retas; verticais, horizontais ou

diagonais. As linhas no design podem ser slidas, traadas, grossas ou finas e
usadas para delimitar diferentes sees no design ou para direcionar o olhar do
usurio em uma direo especfica, pois geram uma sensao de movimento.

FORMA

A forma, o segundo elemento mais usado no design, consiste em um agregado de

linhas combinando para formar um novo elemento. Este agregado pode ser crculo,
quadrado, retngulo ou qualquer tipo de objeto abstrato. O design minimalista
utiliza bastante as formas simples, como crculos e quadrados. Assim como a linha,
formas tambm so associadas na nossa mente com diferentes movimentos.

captulo 1 16
 COR

Provavelmente um dos elementos mais importantes do design, a cor encontra-

se em todo lugar e basicamente o primeiro estmulo visual com que se tem
contato. A cor provoca sensaes e evoca emoes, as quais so trabalhadas
pelas marcas a fim de gerar determinada ao. Cores geram contraste, chamam
a ateno, do aspecto de profundidade, podem dar nfase e mudar a maneira
pela qual nos relacionamos com um objeto.

TEXTURA

Textura se refere a caractersticas de uma superfcie que pode ser tanto ttil
quanto visual. Pode relacionar-se com o contexto no qual inserida, reforando
ou complementando uma mensagem. Geralmente agente secundrio,
funcionando como suporte e reforo imagem principal, dando nfase ao
conceito visual do trabalho. Se mal-empregada, pode gerar rudo e atrapalhar o
entendimento da mensagem.

MASSA

Massa o tamanho fsico ou visual de um projeto e tem relao com os elementos

distribudos na rea de trabalho.

ESPAO

E o espao essencial no design. Um exemplo a fuga visual no espao em branco,

importante para dar um descanso aos olhos e reforar os elementos importantes.

captulo 1 17
 No basta apenas o uso de palavras ou imagens para comunicar uma mensagem.
A disposio dos elementos tambm fundamental para a estruturao do trabalho
e o bom entendimento e a legibilidade do contedo.

RESUMO
Em suma, o designer grfico um profissional capacitado para criar solues
inteligentes com fins estticos e tambm um solucionador de problemas que ajuda empresas
a alcanarem seus objetivos. Ele desenvolve produtos grficos, logotipos, cartazes, folhetos,
embalagens, sinalizaes, dentre muitas outras.

Existe uma infinidade de definies para a expresso computao grfica. A

primeira definio a tirada da traduo do ingls computer graphics, sendo o
conceito de graphics relativo a uma disciplina que trata de todas as teorias, os
mtodos e as tcnicas de representao, clculos e visualizao de grficos e imagens
com o suporte de uma interface fsica (computer). Existem trs grandes reas em
computao grfica: sntese de imagens, processamento de imagens e anlise de
imagens. A primeira trata de tcnicas para gerao, manipulao e interpretao de
modelos e imagens de objetos utilizando computador. comumente confundida
com a prpria computao grfica. Sntese de imagens, busca gerar representaes
de objetos e cenas prximas do real. A rea de processamento de imagens trata
das tcnicas de transformao de imagens em novas imagens, modificando a
sua representao visual. Tanto a imagem original quanto a imagem resultado
apresentam-se sob uma representao visual (geralmente matricial). Essas
transformaes tm como objetivo melhorar as caractersticas visuais da imagem
(aumentar contraste, foco, ou mesmo diminuir rudos e/ou distores).
A computao grfica rene um conjunto de tcnicas que permitem a gerao
de imagens a partir de modelos construdos pelo computador de objetos reais,
imaginrios ou de dados quaisquer coletados por equipamentos na natureza. Sua
utilizao se d em diversas reas.

captulo 1 18
 EXEMPLO
Podemos citar, por exemplo:
CAD (computer aided design) que auxilia projetos de arquitetura, engenharia e manufatura;
Manipulao, edio, animao, realidade virtual e efeitos especiais, para publicidade e
entretenimento;
Editorao eletrnica; representao grfica de dados, para as reas de economia, admi-
nistrao, estatstica;
E, mais recentemente, em visualizao de dados tridimensionais produzidos por simulao
ou coletados por equipamentos diversos como tomgrafos e satlites meteorolgicos.

Figura 6. Aplicao da computao grfica em modelagem

Conceitos de imagens

A humanidade tem se utilizado da imagem como meio de expresso de cultura

desde a Pr-Histria e suas pinturas nas cavernas, bem antes do aparecimento
da escrita. Contudo, enquanto a palavra j assumia dimenses inimaginveis,
principalmente com a propagao da escrita e dos processos de impresso, a

captulo 1 19
expresso imagtica encontra sua representatividade maior no sculo XX. E a
sociedade, tendo agora a hegemonia da cultura visual, passa por uma suposta
desvalorizao e declnio dos meios verbais.

CURIOSIDADE
Imagem um termo que provm do latim imago e que se refere a figura, representao,
semelhana ou aparncia de algo. Uma imagem tambm a representao visual de um objeto
por meio de tcnicas da fotografia, da pintura, do desenho, do vdeo ou de outras disciplinas.

Encontrar uma definio para o termo imagem tarefa difcil, principalmente

pela subjetividade associada a ela. Mais especificamente, e do ponto de
vista da computao grfica, podemos dizer que uma imagem contm uma
imensa quantidade de informaes e que um observador humano interpreta
frequentemente, globalmente e qualitativamente. De modo mais concreto, por
exemplo, do ponto de vista do estudo da ptica, uma imagem um conjunto de
pontos que convergem em um plano, mas de modo mais abstrato uma imagem
um suporte para que realizemos trocas de informaes. Quando aplicada fsica
experimental, uma imagem pode representar o fenmeno estudado ou ainda ser
uma organizao de dados sob a forma bidimensional.
De modo geral, o universo das imagens se divide em dois domnios. O
primeiro o das imagens como representaes visuais. Nesse aspecto, gravuras,
pinturas, desenhos, fotografias e o cinema so exemplos. Apresentados assim,
so objetos tangveis, materiais e representantes do meio ambiente visual. J o
segundo domnio o imaterial, das imagens em nossa mente, quando aparecem
como fantasias, vises, imaginaes ou outras representaes mentais.
Consequentemente, entendemos a ideia de digital como aquilo que relativo
aos dedos, ainda que atualmente o conceito seja usado no mbito da tecnologia
em referncia representao de informao de modo binrio. Essas definies,
ento, permitem-nos definir que uma imagem digital qualquer representao
bidimensional construda a partir de uma matriz binria (composta de uns e de
zeros). Tais imagens podem ser obtidas de diversas maneiras, como, por exemplo,

captulo 1 20
utilizando uma mquina fotogrfica, um scanner ou mesmo fazendo uso de
programas especficos de manipulao e edio.

Admite-se que, essencialmente, o elemento

grfico responsvel por dar vida e significado ao
design a imagem.
Utilizada como destaque e foco principal, ou como elementos de segundo
plano, sua funo facilitar a comunicao e o entendimento da mensagem,
tornando-se essencial para a identidade visual de um projeto. As imagens tm
diversas funes, assumindo a responsabilidade de potencializar a compreenso
de uma narrativa, fornecendo informaes detalhadas ou despertando sensaes
e sentimentos facilmente compreensveis ao leitor. O uso de imagens em um
projeto determinado por diversas caractersticas, incluindo o impacto almejado,
o pblico-alvo, a esttica escolhida, a funo da imagem no contexto e o nvel
de ousadia ou conservadorismo desejado. , sem dvida, um dos aspectos mais
significativos do processo de design, mas se mal-utilizado, pode comprometer
todo o trabalho.

CONEXO
Dica de leitura
IAC Primeira Escola de Design do Brasil, de Ethel Leon
A obra fala do Instituto de Arte Contempornea (IAC) do MASP, considerado a primeira
escola de desenho industrial do Brasil, inaugurada em 1951, e onde estudou boa parte de
uma gerao dos mais influentes designers modernos brasileiros. Editora Blucher.

Definio de imagens vetoriais e imagens bitmap

Quando se pensa na utilizao de imagens no computador, o primeiro

conceito que se deve ter o de resoluo de imagem. A ideia de resoluo se refere
a quantidade/densidade de pontos (pixels) que compem aquele grfico. Quanto
mais resoluo, maior ser a definio e detalhes da imagem.
Essa resoluo DPI (pontos por polegada ou Dots Per Inch em ingls) e
PPI (pixels por polegada ou Pixels Per Inch).

captulo 1 21
 Existem diferenas entre estes dois: DPI se refere a documentos impressos
e quantia e espaamento entre pontos cianos, magentas, amarelos e pretos,
enquanto PPI se refere a pixels na tela. Eles no so a mesma coisa, mas designers
e profissionais grficos tendem a usar os termos alternadamente.
Quando se criam imagens para a web, a resoluo mais aceitvel a de 72 PPI.
J o padro de resoluo para impresso de imagens com qualidade mais usado
o de 300 PPI.
Ao se trabalhar com criao, armazenamento e processamento de imagens
em computao grfica, as duas principais formas utilizadas so os bitmaps e
os vetores. Adiante, na tabela, vemos as extenses de formatos de imagem mais
comumente utilizadas:

FORMATO CARACTERSTICAS

Graas sua capacidade de compresso de imagens, oferece

nveis razoveis de qualidade de imagem e gera arquivos de
JPEG tamanho pequeno quando comparado a outros formatos,
facilitando o seu armazenamento e a sua distribuio.

Oferece grande quantidade de cores e excelente qualidade

de imagem, o que aumenta consideravelmente o tamanho
TIFF dos seus arquivos, embora seja possvel amenizar esse
aspecto com compresso sem perda de informaes.

Permite salvar a imagem com fundo transparente e compresso

sem perda de qualidade, mesmo com salvamentos constantes
PNG do arquivo. E suporta milhes de cores, no apenas 256,
sendo, com isso, uma tima opo para fotos.

AI Formato nativo do Illustrator.

CDR Formato nativo do CorelDRAW.

Tabela 1. Formatos de arquivos

captulo 1 22
 Bitmaps so imagens formadas por pixels. O pixel, um elemento que pode
ser encontrado em imagens de dispositivos eletrnicos, o menor ponto de uma
imagem. Isso significa que ao ampliar uma imagem, vemos todos os mnimos
detalhes em pixels, ou seja, o pixel, no apenas a menor parte de uma imagem,
mas tambm o nico elemento que a compe.

Figura 7. Representao do pixel em imagem bitmap

Ilustraes bitmap podem ser, por exemplo, fotos de natureza. Tais imagens
possuem transio de tons de forma sutil e muitas vezes so compostas por
milhes de cores. A dificuldade em trabalhar com os grficos bitmap que, ao
ampli-los, h perda de definio e uma diminuio considervel na qualidade.
Formatos de arquivos comuns de dados de imagem de bitmap incluem PSP, BMP,
GIF, JPEG e PNG, para o uso da internet, e TIFF, para o uso de impresso.
J os grficos vetoriais so formados por expresses matemticas e as instrues
inseridas produzem linhas, curvas e formas preenchidas. Logotipos de empresas
so, muitas vezes, grficos vetoriais e normalmente trabalhados com quantidade
de cores limitadas, embora possam apresentam gradientes e sombreamento para
produzir os mais sofisticados elementos.

captulo 1 23
 Figura 8. Imagem bitmap imagem vetorial

So geralmente muito menores em tamanho do que os grficos de bitmap e

no tm um DPI nativo como uma imagem bitmap, podendo ser redimensionados
em qualquer tamanho sem perder a qualidade. Seus formatos mais comuns so
EPS, CDR e AI, e podem ser criados em aplicativos como o Adobe Illustrator
ou CorelDRAW.

CURIOSIDADE
As imagens vetoriais so geralmente usadas em maior escala nos websites, nos materiais
impressos, no cinema, na televiso, em games etc. So utilizadas quando se desejam maior
profundidade e riqueza de detalhes. J os grficos vetoriais so comumente usados no
desenvolvimento de logotipos, identidade visual e ilustraes.

Sistemas de cor em computador

O olho humano pode distinguir aproximadamente 10 milhes de cores. Por

isso a viso considerada o principal sentido que nos une com o exterior, de tal
modo que, de toda a informao que recebemos do mundo exterior, cerca de
80% visual. A cor existe por causa de trs entidades: a luz, o objeto visualizado
e o observador. Sabe-se que a luz branca composta pelos comprimentos de

captulo 1 24
onda vermelho, verde e azul. O olho humano percebe as cores como sendo vrios
comprimentos de onda do vermelho, do verde e do azul que so absorvidas ou
refletidas pelos objetos.
Abordamos aqui o sistema de cor usado em captao e reproduo de cores
em monitores. Vermelho, verde, azul o sistema de cor utilizado por monitores de
PC, televises e mquinas fotogrficas digitais. Esses aparelhos usam essas cores-
base para registar e compor todas as demais. Os computadores trabalham com trs
cores bsicas, a partir das quais constroem todas as outras mediante um processo
de mistura por unidades de ecr, denominadas pixels. Esse sistema definido
conhecido como RGB (Red, Green, Blue).
O sistema RGB tem um espao de cor (gamut) maior que o sistema de cor
CMYK. Gamut o conjunto de cores que um sistema pode enxergar, mostrar ou
imprimir. Cada pixel tem reservada uma posio na memria do computador para
armazenar a informao sobre a cor que deve apresentar. Os bits de profundidade
de cor marcam quantos bits de informao dispomos para armazenar o nmero
da cor associada segundo a paleta usada. Com essa informao, a placa de vdeo
do computador gera os sinais adequados para representar a correspondente cor
no monitor.

Figura 9. Tonalidades de cor (gamut)

Quanto mais bits por pixel, maior nmero de variaes de uma cor primria
podemos ter. Para 256 cores, so necessrios 8 bits (sistema bsico); para se obter
milhares de cores, necessitamos de 16 bits (cor de alta densidade); e para se obter

captulo 1 25
milhes de cores, 24 bits (cor verdadeira). Existe tambm outra profundidade
de cor 32 bits , porm com ela no se consegue mais cores, e sim que as
que usarmos se mostraro mais rpido. No modelo RGB, o espao de cor mais
genrico e mais frequentemente usado o sRGB (standard RGB). A maioria dos
aparelhos de captao de imagem digital sai de fbrica com esse padro de cor
implementado. Contudo, existem espaos de cor com um gamut mais amplo,
como o ProPhoto RGB, Adobe RGB 1998 e o Wide Gamut RGB.

ATENO
Quando se transforma uma imagem do modelo RGB para CMYK, preciso atentar para o
fato de o gamut do RGB ser superior ao do CMYK; assim, nem todas as cores representadas
no monitor podem ser representadas pelo mtodo CMYK.

Ao se criar para a web, costuma-se utilizar o chamado padro hexadecimal.

Essa escala um sistema de numerao posicional que representa os nmeros em
base 16, portanto empregando 16 smbolos. preciso ento usar esses valores
hexadecimais, porque o HTML suporta somente esse formato para cores.

OUTROS PADRES DE CORES

Quando nos referimos s aplicaes no computador, temos o monitor como
principal interface de sada, mas outros padres de cores so utilizados para
desenvolvimento dos projetos em design grfico. O principal deles o CMYK.
CMYK corresponde s iniciais das cores Cian (ciano), Magenta (magenta), Yellow
(amarelo) and Key (cor-chave/preto). Esse um padro de quatro cores primrias,
que, combinadas, formam cores ilimitadas. O padro CMYK mais usado para
impresso em papel, em que quatro cores de tinta geram uma qualidade final
melhor do que apenas trs. Ao criar o design para um formato, preciso ter em
mente qual suporte ser utilizado. No caso de imagens para web, o padro adotado
deve ser o RGB; j para materiais impressos, deve-se utilizar o padro CMYK ou
outro de acordo com especificaes tcnicas do projeto adotado pelo designer.
Alm do CMYK e do RGB, existem vrios outros padres de cores, como o
Pantone. Neste caso, em vez de um certo nmero de cores primrias combinadas
para gerar as demais, h uma tinta para cada cor que ser utilizada na impresso.

captulo 1 26
 Isso garante que a cor impressa seja exatamente a mesma que vista no
mostrurio, mas no permite usar muitas cores diferentes no mesmo impresso,
j que seria necessrio o uso de uma tinta diferente para cada cor. Alm disso,
temos a escala de tons de cinza, utilizada para imagens em preto-e-branco.
Fonte: Direo de Arte em Propaganda, de Newton Cesar

O grande desafio para se trabalhar a cor nas interfaces de entrada e sada do

computador que cada equipamento tem um sistema de cores prprio, nico,
e os valores representados por estes so relativos, ou seja, cada equipamento
trabalha de maneira distinta. A tecnologia tornou o processamento de cores algo
terrivelmente complicado e, muitas vezes, falho. O gerenciamento de cores deve
ser adotado para que a fidelidade nas cores seja mantida. Para tanto, todos os
equipamentos envolvidos no processo, desde a criao at a impresso, devem
estar devidamente calibrados.

CONEXO
Dica de Filme
H uma srie de filmes em que as cores exercem papel fundamental na interpretao
e compreenso da histria. O Fabuloso Destino de Amlie Poulain (2001), de Jean-Pierre
Jeunet, talvez seja um que tenha as mais marcantes composies de cores influenciando as
sensaes e as emoes do espectador. Utilizando principalmente as cores verde, vermelho,
laranja e azul, o diretor consegue retratar as diferentes realidades do filme, proporcionando
uma experincia visual inigualvel.

Programas grficos de manipulao de imagens vetoriais

Atualmente o processo de ilustrao em computao grfica se d por

meio dos editores grficos, nome dado a qualquer programa cuja funo seja
criar ilustraes, para meio digital ou meio impresso. Esses editores grficos,
como visto anteriormente, so divididos em duas classes: editores de bitmap e
editores vetoriais. Neste contedo, daremos destaque ao estudo dos softwares
de ilustrao vetorial, mais especificamente e de modo aprofundado, ao Adobe
Illustrator e ao CorelDRAW.

captulo 1 27
 CorelDRAW
O CorelDRAW um programa de desenho vetorial bidimensional para
design grfico que pertence canadense Corel Corporation. O software muito
conhecido e utilizado no Brasil, juntamente com sua sute de programas, que
engloba tambm o editor de Imagens Corel PHOTO PAINT. O CorelDRAW
um aplicativo amplamente utilizado para criao e edio de diversos tipos de
desenho tcnicos, ilustrao, layout e design. Suas principais caractersticas so:
a facilidade de edio de formas com preciso e a capacidade de manipulao de
diversas fontes grficas (raster e vetorial).

Figura 10. rea de trabalho do CorelDRAW

Adobe Illustrator
O Illustrator o aplicativo para edio vetorial da Adobe. Possui uma interface
mais parecida com outros aplicativos da empresa, a exemplo do Photoshop. Usado por
profissionais de todo o mundo, o programa conhecido pela sua preciso e por suas
ferramentas de desenho, alm da compatibilidade com as outras ferramentas da Adobe.

Figura 11. rea de trabalho do Illustrator

captulo 1 28
 Inkscape
Uma opo de programa de editorao e edio de imagens e vetores de
cdigo livre e gratuito. Seu formato nativo o SVG (Scalable Vectorial Graphics),
um formato aberto de imagens vetoriais. Possui uma interface simples e bem
intuitiva, principalmente para quem j conhece os outros programas com a
mesma finalidade. O software trabalha com edio de ns, transparncia, textos,
degrads, vetorizao, mltiplas camadas e todos os recursos necessrios para
desenho vetorial. Tambm exporta e importa vrios formatos vetoriais ou bitmap,
como, por exemplo, PNG, TIFF, GIF, JPG, AI, PDF, PS, entre outros.

Figura 12. rea de trabalho do Inkscape

BrOffice Draw
O OpenOffice.org possui uma ferramenta para criar e editar desenhos,
cartazes, fluxogramas, logotipos, seguindo o mesmo conceito do CorelDRAW. O
software livre e gratuito e tambm com grande qualidade, suportando a incluso
de imagens, grficos, desenho de vetores e formas geomtricas, textos, filmes
e sons. Com ele voc pode fazer imagens, com sombras, transparncias, cores,
degrads, hachuras e texturas. Trabalha com formatos como ODG, OTG, SXD,
STD, DAS, VOR e SDD.

captulo 1 29
 Figura 13. rea de trabalho do BrOffice Draw

Como os softwares mais utilizados so o Illustrator e o CorelDRAW, daremos

enfoque a eles em nosso material. Nos prximos captulos veremos suas principais
ferramentas e utilizaes.

ATIVIDADE
Falamos sobre design neste captulo, mas o assunto ainda bem extenso. Que tal
pesquisar mais um pouco sobre isso? Crie uma apresentao (mximo 10 slides) sobre
design, falando um pouco da histria, dos conceitos, dos princpios bsicos, dos principais
tipos e reas. Apresente tambm alguns profissionais de destaque.

REFLEXO
Com este captulo, comeamos a entender alguns princpios bsicos de design, cores
e imagens. essencial buscar um exerccio de maior percepo da utilizao da linguagem
simblica no nosso dia a dia. Preste mais ateno ao seu redor. Veja a quantidade de
informao visual que o rodeia.

captulo 1 30
 Perceba nos meios de comunicao, na rua, nos espaos pblicos e privados como as
marcas procuram chamar sua ateno com representaes imagticas. Passe a analisar a
utilizao de determinada forma ou cor em anncios, fachadas, letreiros e a sensao que
tudo aquilo transmite.

REFERNCIAS BIBLIOGRFICAS
BOMFIM, Gustavo Amarante. Idias e Formas na Histria do Design. Joo Pessoa: UFPB; 1998.
CESAR, Newton. Direo de Arte em Propaganda. 9 Ed. Distrito Federal: Editora Senac; 2008.
CUNHA LIMA, Edna. Design Grfico, um Conceito em Discusso. Anais do P&D Design 96. p. 25-33.
LANDIM, Paula Cruz. Design, empresa, sociedade [online]. So Paulo: Editora UNESP; So Paulo:
Cultura Acadmica, 2010. 191 p.
MARTINS, Luiz Geraldo Ferrari. A etimologia da palavra desenho (e design) na sua lngua de origem e
em quatro dos seus provincianismos: desenho como forma de pensamento de conhecimento. In: XXX
Congresso Brasileiro de Cincias da Comunicao. So Paulo; 2007.
MUNARI, Bruno. Design e Comunicao Visual So Paulo: Martins Fontes; 1998.
ROSSI, Dorival Campos. Design, Desgnio e Desenho. Revista Trades. Triades, vol. 1 num. 1, maio de 2012.
SERVIO BRASILEIRO DE APOIO S MICRO E PEQUENAS EMPRESAS (Sebrae). Elsie Quintaes
Marchin Calote; Denise Gonalves Westin (Coords.). Design no Brasil: relatrio 2014 do setor de
design. Braslia: Sebrae; 2014.

captulo 1 31
captulo 1 32
 2
Trabalhando com
imagens vetoriais
no Illustrator
Trabalhando com imagens
vetoriais no Illustrator

Criado na dcada de 1980 pela Adobe, o Illustrator chegou para compor,

junto com o Photoshop, um pacote de softwares para edio grfica. Enquanto
um cuidava da manipulao e dos retoques em imagens bitmap, o outro se
encarregava de ilustraes vetoriais e composies tipogrficas.
um programa extremamente rico em recursos, ferramentas e aplicaes. Sua
utilizao se d principalmente em criao de ilustraes digitais, desenvolvimento
de marcas, logotipos e identidades visuais, alm de todo tipo de material grfico,
impresso ou de sada digital. O Adobe Illustrator ou, como conhecido, AI
considerado melhor programa de criao vetorial pela maioria dos desenhistas,
ilustradores e designers em geral.
O software rico em comandos e opes, e em cada atualizao mais
aplicaes so includas e melhorias feitas. Neste captulo veremos suas principais
ferramentas, a melhor utilizao delas e as bases para a vetorizao de imagens.

OBJETIVOS
Neste captulo pretende-se que sua aprendizagem seja referente a:
Conhecer o Adobe Illustrator e suas principais ferramentas.
Ter noo das aplicaes do software no ramo do design grfico.
Entender a aplicao prtica do programa para a vetorizao digital.

Tela inicial

Quando iniciamos o Adobe Illustrator CS6 aparece a tela inicial, na qual

podemos escolher entre abrir um dos trabalhos recentes criados com o Illustrator
ou criar um novo arquivo.

captulo 2 34
 Figura 1. rea de trabalho do Illustrator

Modelos de cor: RGB e CMYK

Ao se criar um novo documento, possvel para o usurio determinar o

tamanho a ser editado e tambm as opes de CMYK para impresso ou RGB
para mdias digitais.
Como j abordado no outro captulo, o sistema RGB faz aluso ao processo
como funcionam os monitores e outras interfaces digitais. Red, Green e Blue
so as luzes que, por sntese aditiva, formam a luz branca quando juntas. Assim,
tudo que criado para computador ou sada digital deve ser salvo em RGB. J o
processo CMYK utilizado pelas grficas e tem a composio de quatro cores:
ciano, magenta, amarelo e o preto, a que se chama de sntese subtrativa. Todos os
arquivos que sero impressos devem estar nesse sistema de cor.

COMENTRIO
A ateno ao se criar um documento com as especificaes corretas de cores pode evitar
uma srie de problemas, principalmente para aqueles que forem impressos. Se o material
enviado para uma grfica estiver em RGB, por exemplo, as cores sairo completamente
diferentes das esperadas, causando transtorno e prejuzo.

captulo 2 35
Vetor bitmap

No captulo anterior j tratamos das diferenas entre imagens bitmap e as

vetoriais. Convm, agora, salientar as atribuies que o Illustrator tem em relao a
essas duas formas de trabalho com imagens, no caso, a rasterizao e a vetorizao.
Chamamos de rasterizao o processo de se transformar uma imagem vetorial
em um bitmap, a que chamaremos de raster. Isso possvel importando-se
imagens originalmente criadas como vetores para programas que trabalhem com
imagens como o Photoshop, que, por ser da mesma famlia Adobe, possibilita
maior integrao entre os softwares.
Existem no mercado uma srie de aplicativos e softwares para vetorizao
automtica de bitmaps. Esse processo de transformao conhecido por
autotracing, e o Illustrator inclusive tem uma ferramenta dessas em suas
configuraes. Geralmente produz bons resultados para alguns tipos de desenhos
com contornos bem definidos. O mais comum, porm, a vetorizao manual.
Com este processo, voc pode tanto obter uma ilustrao mais realista (onde
imagem vetorizada e imagem bitmap parecem idnticas), ou uma simplificao
(ilustrao estilizada). um recurso muito til quando necessrio redimensionar
imagens antigas, principalmente logos que estejam em bitmap. Isso, evidentemente,
sabendo que logotipos devem sempre ser feitos em vetor, para poder dimension-
los sem perder qualidade.

rea de trabalho do Illustrator

A rea de trabalho do Illustrator bem intuitiva e semelhante de outros

editores grficos, com sua janela lateral suspensa com cones das ferramentas
que podem ser utilizadas, painis de atributos e gerenciamento do documento e
barras de menus com opes de outras ferramentas, efeitos e filtros. Esse espao de
trabalho do software pode ser ajustado de acordo com as necessidades do usurio,
customizando as janelas que utilize com mais frequncia. Possui aproximadamente
as seguintes divises:

captulo 2 36
 BARRA DE Exibe o nome do aplicativo e possui os botes de funo
TTULO das janelas (Minimizar, Maximizar e Fechar).

Na qual esto localizados os menus que contm as op-

BARRA DE es do programa para manipulao de objetos e de-
MENUS mais recursos.

CAIXA DE Contm as principais ferramentas de criao, manipula-

FERRAMENTAS o e edio de objetos grficos do programa.

Pequenas caixas suspensas que possuem as opes

PAINIS dos recursos para a manipulao de objetos.

Figura 2. rea de trabalho do Illustrator com suas principais abas de ferramentas

captulo 2 37
Criando e configurando um novo documento

Ao criar um novo documento, o usurio determina o tamanho do documento

que editar e tambm o espao cromtico desejado (CMYK, para mdia impressa,
ou RGB, para sada digital). Ento, o Illustrator criar um documento formado por
uma pgina (Artboard) em que estaro as formas criadas pelo usurio. Para comear,
clique na opo Arquivo (File) do Menu de Opes, e depois em Novo (New).
O usurio pode trabalhar com trs tipos de contedo dentro do documento:
imagens bitmap (que podem ser importadas pelo usurio, mas no podem ser
diretamente modificadas), texto (solto ou em caixa) e polgonos.

Figura 3. Criando um novo documento

Para criarmos um novo arquivo a qualquer momento, acessamos o menu File

> New. Com isso a janela acima se abre.

Caixa de ferramentas

A caixa de ferramentas rene um conjunto de botes que ativam as

ferramentas de trabalho do Illustrator. Por causa da grande quantidade de
ferramentas disponveis, diversas delas so agrupadas em uma mesma posio da
caixa de ferramentas. Para acess-las, basta manter o boto do mouse pressionado

captulo 2 38
na pequena seta preta no canto inferior direito de cada boto. Quando uma
ferramenta oculta ativada, seu cone passa a ocupar o lugar do anterior.
Basicamente, a caixa de ferramentas contm as ferramentas de seleo,
de desenho e pintura, ferramentas de edio, de visualizao e as caixas de
preenchimento e contorno. Nas ltimas atualizaes do programa as ferramentas
foram renovadas e aprimoradas para garantir um uso mais prtico e eficiente.
Foram feitas mudanas como maior flexibilidade nos pontos de ncora, melhor
performance e rapidez operacional em movimento de objetos, escalas e realizao
de transformaes, alm de uma nova ferramenta de borracha que permite apagar
desenhos pixel por pixel, como no Photoshop.

Figura 4. Caixa de ferramentas com suas principais funes

captulo 2 39
 Para visualizar a ferramenta ou o seu grupo, mantenha pressionado o boto do
mouse sobre a ferramenta at que um grupo aparea, ento arraste o mouse at a
ferramenta desejada e solte o boto.

Figura 5. Demonstrao do desdobramento da caixa de ferramentas

captulo 2 40
 As ferramentas podem ser acionadas a partir de teclas de atalho (shortcuts). A
seguir, esto listadas algumas delas:

RESULTADO WINDOWS MAC OS

FERRAMENTA PRANCHETA Shift + O Shift + O

FERRAMENTA SELEO V V

FERRAMENTA SELEO A A
DIRETA

FERRAMENTA VARINHA Y Y
MGICA

FERRAMENTA LAO Q Q

FERRAMENTA CANETA P P

FERRAMENTA PINCEL Shift + B Shift + B

IRREGULAR

FERRAMENTA ADICIONAR + (mais) + (mais)

PONTO DE ANCORAGEM

FERRAMENTA EXCLUIR (menos) (menos)

PONTO DE ANCORAGEM

captulo 2 41
FERRAMENTA CONVERTER Shift + C Shift + C
PONTO DE ANCORAGEM

FERRAMENTA TIPO T T

FERRAMENTA SEGMENTO \ (barra \ (barra

DE LINHA invertida) invertida)

FERRAMENTA RETNGULO M M

FERRAMENTA ELIPSE L L

FERRAMENTA PINCEL B B

FERRAMENTA LPIS N N

FERRAMENTA ROTAO R R

FERRAMENTA REFLETIR O O

FERRAMENTA ESCALA S S

FERRAMENTA DEFORMAR Shift + R Shift + R

FERRAMENTA LARGURA Shift + W Shift + W

captulo 2 42
 FERRAMENTA E E
TRANSFORMAO LIVRE

FERRAMENTA CONSTRUTOR Shift + M Shift + M

DE FORMAS

FERRAMENTA GRADE DE Shift + P Shift + P

PERSPECTIVA

FERRAMENTA SELEO DE Shift + V Shift + V

PERSPECTIVA

FERRAMENTA PULVERIZAR Shift + S Shift + S

SMBOLOS

FERRAMENTA GRFICO DE J J
COLUNAS

FERRAMENTA MALHA U U

FERRAMENTA GRADIENTE G G

FERRAMENTA CONTA- I I
GOTAS

FERRAMENTA MISTURA W W

captulo 2 43
 FERRAMENTA BALDE DE K K
PINTURA EM TEMPO REAL

FERRAMENTA SELEO DE Shift + L Shift + L

PINTURA EM TEMPO REAL

FERRAMENTA FATIA Shift + K Shift + K

FERRAMENTA BORRACHA Shift + E Shift + E

FERRAMENTA TESOURA C C

FERRAMENTA MO H H

FERRAMENTA ZOOM Z Z

ALTERNE PARA A
FERRAMENTA SUAVIZAR Pressione
Pressione
ENQUANTO ESTIVER a tecla Alt
a tecla
USANDO A FERRAMENTA Option
PINCEL IRREGULAR

Painis

O Illustrator CS6 apresenta uma rea de trabalho mais prtica e inteligente,

na qual possvel trabalhar com as paletas posicionadas como painis ou cones.
Os painis agora podem ser encaixados ao longo da borda da rea de trabalho,
fornecendo um controle melhor sobre ela. Clicar sobre as setas na parte superior
direita do grupo faz com que este se transforme em cones. Pode-se exibir a Caixa

captulo 2 44
de Ferramentas ou o Painel de Ferramentas com uma ou duas colunas, por meio
de novas setas que aparecem acima do painel.

Figura 6. Visualizao de painel do Illustrator

captulo 2 45
 COMENTRIO
possvel fazer os painis flutuarem e poderem ser movidos livremente sobre a rea de
trabalho. Caso queira encaixar o painel novamente, clique e arraste-o utilizando a rea cinza.
Uma rea transparente com borda azul esquerda aparecer. Solte o painel e ele se ajustar
organizadamente no lado da rea de trabalho.

Menus de contexto

Assim como em outros programas, possvel abrir menus contextuais apenas

pressionando o boto direito do mouse. Como o nome sugere, o contedo do
menu depende do contexto em que estivermos ao pressionarmos o boto direito
do mouse. Se no houver objetos selecionados dentro da janela de ilustrao no
momento do clique, o Illustrator disponibilizar comandos genricos:

Figura 7. Menu de contexto sem objeto selecionado

captulo 2 46
 Se houver um objeto selecionado no momento do clique, o Illustrator
disponibilizar comandos aplicveis para aquele objeto:

Figura 8. Menu de contexto com um objeto selecionado

Quando houver dois ou mais objetos selecionados, o Illustrator dar acesso a

comandos aplicveis para o grupo:

Figura 9. Menu de contexto com vrios objetos selecionados

captulo 2 47
 Essas opes iro variar de acordo com a natureza de cada objeto selecionado.

EXEMPLO
Se forem selecionados dois objetos vetoriais, as opes disponibilizadas sero
compatveis com operaes vetoriais. No entanto, se selecionarmos um objeto vetorial e
uma imagem bitmap, as opes iro restringir-se s operaes que envolvam objetos de
naturezas distintas.

Visualizao da pgina

Para fins de melhor aproveitamento da pgina, o Illustrator oferece algumas

opes de visualizao da rea de trabalho:

STANDARD Exibe a rea com todos os elementos visveis.

SCREEN MODE

Exibe a pgina em uma janela cheia (full screen), deixan-

FULL SCREEN do o menu principal e as barras mveis (painis). Como
MODE WITH as barras principais de menu, ttulo, status, zoom e de
MENU BAR rolagem ficam indisponveis, a navegao deve ser feita
pelo painel Navigator ou pela ferramenta Hand (H).

FULL SCREEN Configurao semelhante anterior, mas sem o

MODE menu principal.

Figura 10. Opes de visualizao da rea de trabalho

captulo 2 48
Formas de zoom e visualizao

Ao criarmos ou editarmos um objeto, precisaremos trabalhar com diferentes

fatores de zoom para ajuste de toda espcie. O valor mximo de zoom aplicvel
rea de trabalho corresponde a uma ampliao de 6.400% e o valor mnimo a
uma reduo de 3,13%.

Figura 11. Ferramenta zoom

Para utilizar a ferramenta zoom, proceda da seguinte maneira:

Selecione a ferramenta Zoom. O ponteiro transforma-se em uma lupa

com um sinal de adio no centro. Clique no centro da rea a ser
1 ampliada ou mantenha pressionada a tecla Alt (Windows), ou Option
(Mac OS), e depois no centro da rea a ser reduzida. Cada clique amplia
ou reduz a exibio de acordo com a porcentagem predefinida anterior.

captulo 2 49
 Selecione a ferramenta Zoom e arraste um retngulo pontilhado,
chamado de marca de seleo, na rea que deseja ampliar. Para
2 mover a marca de seleo ao redor do trabalho artstico, mantenha
pressionada a barra de espao e continue a arrastar para mover essa
marca at um novo local.

Selecione Exibir > Mais zoom ou Exibir > Menos zoom. Cada clique
amplia ou reduz a exibio de acordo com a prxima porcentagem
3 predefinida. Defina o nvel de zoom no canto inferior esquerdo da
janela principal ou no painel Navegador.

Para exibir um arquivo em 100%, escolha Exibir > Tamanho real ou

4 clique duas vezes na ferramenta Zoom.

Para preencher a janela com a prancheta selecionada, selecione Exibir

5 > Ajustar prancheta janela ou clique duas vezes na ferramenta Mo.

6 Para exibir tudo na janela, selecione Exibir > Ajustar tudo janela.

Importar e vincular arquivos

Ao se abrir um arquivo criado por outro programa (.doc ou .pdf ), ele

automaticamente convertido em um documento do Illustrator.

EXEMPLO
Por exemplo, em um arquivo do Word, o texto ser alocado em um elemento de layout
type container; se abrirmos um arquivo vetorial, os vetores sero convertidos em vetores do
Illustrator; se abrirmos um arquivo bitmap, poderemos filtrar e manipular imagens.

captulo 2 50
 Dependendo do tipo de arquivo que estaremos inserindo no documento
ativo, o Illustrator no o incorpora ao documento, mas cria um vnculo entre o
arquivo e sua representao.
Mas por que vincular e no incorporar? Pense em um arquivo de 500 kb
que se queira importar para o documento. Se o arquivo for incorporado, o
documento ter seu tamanho aumentado em 500 kb, acarretando maior consumo
de espao em disco. Normalmente arquivos de texto e/ou de tamanho pequeno
so automaticamente incorporados. Alm disso, o vnculo possui outra utilidade
alm da economia de espao de disco. Com ele, o arquivo pode ser atualizado no
Illustrator, caso tenha sido modificado no programa que o originou (como uma
imagem tratada e depois modificada no Photoshop, por exemplo). Os arquivos
inseridos e vinculados podem ser incorporados posteriormente, caso seja prefervel
trabalhar com essa modalidade.

LINKS E VNCULOS
Quando voc inserir um grfico, ver uma verso de resoluo de tela do arquivo
no layout, para permitir a exibio e o posicionamento do grfico, mas o arquivo
grfico real poder ser vinculado ou incorporado.
A arte vinculada interligada ao documento, mas continua independente, o que
resulta em um documento menor. possvel modificar uma arte vinculada usando
efeitos e ferramentas de transformao. Entretanto, no possvel selecionar e
editar componentes separadamente na arte. Voc pode usar o grfico vinculado
quantas vezes quiser sem aumentar significativamente o tamanho do documento.
Tambm possvel atualizar todos os vnculos de uma s vez. Quando voc
exporta ou imprime, o grfico original recuperado, criando a sada final a
partir da resoluo completa dos originais. A arte incorporada copiada para o
documento em resoluo completa, resultando em um documento maior. Voc
pode atualizar o documento sempre que quiser. Contanto que o trabalho artstico
esteja incorporado, o seu documento ser autossuficiente. Use o painel Vnculos
para determinar se o trabalho artstico foi vinculado ou incorporado ou para alterar
o status entre um e outro. Se o trabalho artstico incorporado contiver vrios
componentes, ser possvel edit-los separadamente.

captulo 2 51
 Por exemplo, se o trabalho artstico contiver dados de vetor, o Illustrator os
converter em caminhos, que podem ento ser modificados com o uso de
ferramentas e comandos do Illustrator. O programa tambm preserva a hierarquia
de objetos (como grupos e camadas) no trabalho artstico incorporado a partir de
certos formatos de arquivo.

Fonte: Manual Adobe Illustrator

To logo um arquivo inserido com a opo Link habilitada, seu vnculo com
o documento passa a ser gerenciado pelo painel Links (Window > Links):

Figura 12. Viso do painel Links

Com ela podemos no apenas visualizar e identificar, mas tambm selecionar,

atualizar e at desfazer e refazer vnculos. Quando abrimos um documento, o
Illustrator verifica a condio de cada vnculo. Se o original no for encontrado no
local em que deveria estar, o painel Links acusar a ocorrncia.

captulo 2 52
Formas bsicas

Podemos fazer uso de ferramentas bsicas que esto prontas na caixa de

ferramentas. O grande atrativo dessas ferramentas sua facilidade de manuseio.

As ferramentas Rectangle e Ellipse

Na caixa de ferramentas, selecione a forma Rectangle e clique e arraste sobre a

janela de ilustrao. Se a tecla Shift estiver pressionada, ser gerado um quadrado.
Tambm podemos dar um clique na tela e definir o tamanho da forma pela janela
da forma. A forma gerada e seu canto superior esquerdo alinhado ao ponto do
primeiro clique na janela de ilustrao.

Figura 13. Ferramenta Retngulo

Quando desenhamos uma forma temos a opo de Fill (preenchimento) e

Stroke (contorno) na caixa de ferramentas. A cor da forma de um objeto pode ser

captulo 2 53
alterada depois de este ter sido desenhado tambm, basta selecionar a forma e dar
um duplo clique sobre o Fill.
Por padro, retngulos e elipses so criados a partir de um dos cantos at seu
dimetro oposto. Contudo, se a tecla Alt estiver pressionada, eles sero gerados a
partir de seu ponto central, fixado no local do primeiro clique:
Para criar uma forma arredondada, selecione a ferramenta Ellipse. Clique e
arraste com o boto do mouse e ao mesmo tempo pressione a tecla Alt. Para fazer
um crculo perfeito basta pressionar juntamente a tecla Shift.

Figura 14. Ferramenta Elipse

A ferramenta Rounded Rectangle

Com essa ferramenta possvel criar retngulos ou quadrados com os

cantos arredondados.

captulo 2 54
 Figura 15. Ferramenta Retngulo Arredondado

As ferramentas Polygon e Star

So ferramentas que funcionam de modo semelhante. A ferramenta Polygon

gera polgonos regulares eqilteros cujos nmeros de lados podemos definir. J
a ferramenta Star cria polgonos em formato de estrela cujos nmeros de pontas
podem ser programados tambm.

Figura 16. Aplicaes das Ferramentas Polygon e Star

captulo 2 55
A ferramenta Flare

A Flare uma ferramenta que provoca um efeito de simulao da refrao

da luz em uma lente fotogrfica e geralmente produz bons resultados quando
aplicada sobre fotos (preferencialmente escuras).

Figura 17. Componentes do Efeito Flare

Na janela Flare Tool Options encontram-se as seguintes definies:

Especifica (ou altera) o dimetro e os nveis de opacida-

SEO CENTER de e de luminosidade da ala central.

Ajusta o Growth, que controla o tamanho do halo e afeta

diretamente os demais componentes do Flare. O ajuste
Fuzziness afeta diretamente o efeito de refrao (espe-
SEO HALO cialmente nos anis). Apenas conseguiremos visualizar
adequadamente os resultados desses ajustes ao editar
um Flare aplicado sobre um fundo escuro.

captulo 2 56
 Especifica o nmero de raios. Em seguida podemos de-
terminar a extenso do raio mais longo, cujo valor corres-
ponde a um percentual da mdia de tamanho de raios. O
SEO RAYS ajuste Fuzziness afeta o efeito de refrao na ala cen-
tral, alterando o comprimento dos raios. Quanto menor o
valor, menor ser a variao entre seus tamanhos.

Especifica o tamanho do path que unes as alas cen-

SEO RINGS tral e terminal. Aps, temos o nmero de anis, o tama-
nho de anis e a direo do path.

A ferramenta Line Segment

Permite desenhar linhas retas em qualquer ngulo. Ao desenhar com a tecla

SHIFT pressionada permite caria linhas com angulao a cada 45. Ao clicar na
tela com esta ferramenta, possvel definir seu tamanho e ngulo de desenho.

Figura 18. Ferramenta Segmento de Linha

captulo 2 57
A ferramenta Arc

Essa ferramenta cria segmentos de curva cncavos ou convexos individuais.

Figura 19. Ferramenta Segmento de Linha

A ferramenta Spiral

Para criar paths em espiral, temos a ferramenta Spiral, cujo manuseio to

simples quanto as demais ferramentas de traado geomtrico. Essa ferramenta
gera segmentos encadeados. Seja com o mouse ou com a interface numrica,
as espirais so criadas a partir do centro para as bordas. Se voc desenhar com a
tecla SHIFT pressionada os ngulos sero mltiplos de 45, a barra de espaos
permite o posicionamento da espiral na rea de desenho, a tecla de acento
grave cria mltiplos paths. As teclas CTRL e ALT possibilitam trabalhar sua

captulo 2 58
espiral a partir do centro, as setas direcionais permitem aumentar ou diminuir
o nmero de espiras.

Figura 20. Formato bsico da espiral criada

A ferramenta Retangular Grid

Essa ferramenta cria segmentos retos entrelaados e independentes no interior

de um path retangular, formando uma grade. O retngulo e os paths retos so
agrupados assim que a grade concluda.

Figura 21. Ferramenta Retangular Grid

captulo 2 59
A ferramenta Polar

Essa ferramenta cria paths elpticos ou circulares, que fazem o papel de divisores
concntricos, juntamente com paths retos que fazem o papel de divisrias radiais.

Figura 22. Formato bsico do grid polar

Ferramentas de seleo

Para organizar e definir o layout do projeto, necessria a utilizao de

ferramentas para selecionar, posicionar e empilhar objetos com preciso. Com elas
possvel medir e alinhar objetos, agrupar objetos de modo que eles sejam tratados
como uma nica unidade, alm de isolar, bloquear ou ocultar objetos seletivamente.

Figura 23. Ponteiras principais de seleo

captulo 2 60
A ferramenta Selection

A ferramenta Selection uma das mais importantes do Illustrator. Com

ela possvel selecionar, modificar e mover objetos. Com um clique simples no
contorno de um objeto ele automaticamente selecionado. Isso tambm possvel
clicando no interior de uma figura, desde que ele contenha preenchimento.

Figura 24. Ferramenta Selection

Quando um objeto est selecionado aparecem oito pequenos ns em sua volta

e uma caixa delimitadora (caso no esteja visvel, acione View > Show Bounding
Box). Cada um desses ns uma ala e serve para distorcer a figura. Basta clicar
nela e puxar para alterar sua forma. Podemos tambm utilizar essa ferramenta para
girar (rotacionar) um objeto selecionado.

captulo 2 61
 Figura 25. Seleo de objetos

A ferramenta Direct Selection

Essa ferramenta tem como objetivo possibilitar a seleo de pontos de

ancoragem especficos.

Figura 26. Ferramenta Direct Selection

Com essa ferramenta, tambm possvel arrastar um ponto de ancoragem de

modo a alterar seu path, alterando o seu formato. Ao clicar em um dos pontos
sero mostradas as alas nos pontos da forma.

captulo 2 62
 Figura 27. Formas com seleo de ns

A manipulao dos ns fundamental para o uso do Illustrator, pois so eles

que daro forma s figuras que vamos construir.

A ferramenta Group Selection

Com a ferramenta Group Selection possivel mover objetos que esto

agrupados, e assim mover a parte que quisermos de modo independente, mas
mantendo os objetos no seu grupo.

Figura 28. Ferramenta Seleo de Grupo

captulo 2 63
A Ferramenta Lasso

A ferramenta Lasso Tool permite uma seleo livre e customizada. Com o

mouse possvel ir desenhando a rea que ser selecionada, criando selees
irregulares com muita facilidade e rapidez. Clicando sobre o cone na paleta de
ferramentas temos trs opes: Lasso Tool, Polygonal Lasso Tool e Magnetic
Lasso Tool.

COMENTRIO
A ferramenta Lasso boa para editar objetos, logotipos e tipografia, porque eles
permitem selecionar partes de objetos ou caminhos e alter-las. Voc pode selecionar um
grande nmero de pontos de ancoragem, desenhando um crculo em torno deles.

Para criar uma seleo com a Lasso Tool, apenas clique em um ponto, arraste
e termine fechando sua seleo com o ponto inicial.

Figura 29. Ferramenta Lasso Tool

A Polygonal Lasso Tool oferece a possibilidade de criar selees mais secas e

com linhas retas com a mesma liberdade da Lasso Tool usando o mesmo mtodo
de clicar a arrastar. J a opo Magnetic Lasso Tool identifica reas de alto contraste
e gruda na forma como uma m, garantindo uma seleo praticamente perfeita.

captulo 2 64
A Ferramenta Magic Wand

A ferramenta varinha mgica no Illustrator permite que voc selecione todos

os objetos em seu documento que compartilham atributos comuns. Voc pode
selecionar objetos com base no apenas na cor de preenchimento, mas tambm cor
do traado, espessura do traado, opacidade, modo de mistura. uma ferramenta
feita para facilitar ao mximo o ato de criar uma seleo em reas especficas em
uma imagem de alto contraste.

Figura 30. Ferramenta Magic Wand

Atributos e gerenciamento dos objetos

Neste captulo veremos como fazer os elementos criados interagirem entre si

de maneira satisfatria no espao de trabalho.

Rotao

Girar um objeto uma operao bsica que pode ser feito com a ferramenta
Selection. A rotao com a ferramenta Free Transform quase idntica
executada com a Selection. A diferena bsica fica por conta do ponteiro, e da
monitorao da operao. Com a ferramenta Rotate , a operao de rotao
pode ser executada com maior versatilidade. Ela no precisa mais ser executada em
torno de um ponto central do objeto (ou grupo), mas de qualquer outro ponto
que podemos ancorar, dentro ou fora do objeto.

captulo 2 65
 Figura 31. Ferramenta Rotate

Painel Transform

O painel Transform apresenta algumas caractersticas teis quando necessrio

algum tipo de mudana nos objetos, independentemente de sua natureza.

captulo 2 66
 Figura 32. Visualizao do Painel Transform

Mostrar a posio do objeto na pgina. O X indica o

PONTOS X E Y eixo horizontal e o Y o vertical. possvel alterar essas
posies digitando-se um novo valor.

Altera o tamanho do objeto. W modifica a largura e

WEH H a altura.

ROTATE Rotaciona o objeto. Basta digitar o valor do ngulo.

SHEAR Inclina o objeto. Basta digitar o valor da inclinao.

captulo 2 67
 Clicando na setinha no canto direito do painel encontramos as opes
escondidas no menu.

FLIP Espelha horizontalmente o objeto.

HORIZONTAL

FLIP NA Espelha verticalmente o objeto.

VERTICAL

SCALE STROKES Deixa o contorno dos objetos proporcional ao

& EFECTS seu tamanho.

Painel Appearance

Funciona como um registro de imunizao de um objeto. Contm uma lista

de atributos atuais aplicados a um objeto. Esses atributos so preenchimentos,
contornos, definio de transparncia, modos de combinao, filtros etc.

Figura 33. Visualizao do Painel Appearance

captulo 2 68
 Observe um elemento em que foi aplicado um estilo grfico como mostrado
no Painel Appearance.

Figura 34. Visualizao do Painel Appearance

A ordem de empilhamento dos atributos de preenchimento e traado

define a aparncia final do objeto os atributos no topo da pilha se sobrepem
queles abaixo.

ATENO
Os efeitos aplicados em um objeto so organizados de cima para baixo e, tal como
acontece com os demais atributos, uma alterao na ordem de empilhamento afeta
diretamente a aparncia final do objeto.

Painel Pathfinder

O principal objetivo das ferramentas de Pathfinder a edio de caminhos

que de forma manual seriam demorados e difceis de conseguir. Basicamente,
eles proporcionam resultados a partir de dois paths ou objetos sobrepostos. Para
aplicar o efeito preciso selecionar os objetos sobrepostos e clicar no boto no
painel ou no menu de efeitos O efeitos do Menu Effects Pathfinder somente sero
aplicados a grupos e, ao desagrupar os objetos, perde-se tambm o efeito.

captulo 2 69
 Figura 35. Visualizao do Painel Pathfinder

Esse painel apresenta algumas opes de mesclagem entre figuras (Window >
Pathfinder). Podemos dividi-la em dois grupos, so eles:

O grupo Shape Modes tem a propriedade de mesclar

os objetos como se fossem mscaras. Ou seja, se
SHAPE MODES pegarmos, por exemplo, com a ferramenta Group
Selection, conseguiremos mover separadamente os dois
objetos mesmo depois de aplicado o efeito.

O grupo Pathfinder tem a funo de fazer com que as

PATHFINDER duas formas interajam sem que se crie vnculo entre elas.

possvel configurar alguns atributos para as operaes de combinao entre

objetos. Acione Pathfinder Options no menu da paleta Pathfinder para abrir
a interface de configurao.

captulo 2 70
 Figura 36. Interface de configurao do Painel Pathfinder

Permite determinar a preciso da combinao. O valor

PRECISION padro geralmente proporciona bons resultados. Valores
muito pequenos exigiro mais clculos.

REMOVE Simplifica os paths resultantes removendo pontos de

REDUNDANT ancoragem desnecessrios.
POINTS

DIVIDE AND
OUTLINE Elimina automaticamente os objetos resultants das
WILL REMOVE operaes divide ou outline que no sejam preenchidos.
UNPAINTED
ARTWORK

captulo 2 71
 Combina dois objetos selecionados em um nico objeto,
ADD TO SHAPE retm os atributos do objeto que estiver no topo da pilha
REAS de sobreposio.

Figura 37. Add to Shape areas no Pathfinder

SUBTRACT O desenhar dois objetos sobrepostos rea em que se

FROM SHAPE sobrepe o objeto de nvel superior, cortar o nvel inferior.
REAS

Figura 38. Subtract from shape areas no Pathfinder

INTERSECT Deixar somente a rea na qual os caminhos formam

SHAPE REAS a interseo.

Figura 39. Intersect shape areas no Pathfinder

captulo 2 72
OVERLAPPING Exclui onde os elementos sobrepostos fazem a interseo.
SHAPE REAS

Figura 40. Overlapping shape areas no Pathfinder

Verifica onde os caminhos selecionados se sobrepem

DIVIDE e, em seguida, cria novos caminhos em todas as
intersees desses caminhos.

Figura 41. Opo Divide no Pathfinder

TRIM Remove o objeto sobreposto rea oculta por este objeto.

Figura 42. Opo Trim no Pathfinder

captulo 2 73
 Semelhante ao Trim, porm mescla objetos com a
MERGE mesma cor.

Figura 43. Opo Merge no Pathfinder

O objeto sobreposto utilizado para recortar o sobposto.

CROP As reas do segundo que estiverem fora dos limites do
primeiro sero removidas.

Figura 44. Opo Crop no Pathfinder

captulo 2 74
 Cria pequenas sees de caminhos onde quer que os
caminhos se cruzem e aplica cor aos traos e peso
de 1 pt. Esse recurso til para a reteno localizada
OUTLINE porque gera automaticamente as sees necessrias
que devem ser escolhidas para a impresso sobreposta,
embora em algumas ocasies as cores sejam incorretas.

Figura 45. Opo Outline no Pathfinder

Retira dos caminhos selecionados mais a frente todos

os caminhos selecionados na parte de trs desse
MINUS BACK mesmo caminho. O objeto posicionado na parte de trs
eliminado e a rea em que se encontra este ltimo
tambm excluda.

Figura 46. Opo Minus Back no Pathfinder

captulo 2 75
Compound Shape

Um objeto composto no Adobe Illustrator aquele feito de diversas formas

de componentes que foram incorporadas ou modificadas pelas ferramentas
Pathfinder. Uma vez que as formas foram combinadas em um objeto composto,
eles podem ter suas cores alteradas de preenchimento como qualquer outra forma.
As formas compostas so teis porque eles permitem que voc monte rapidamente
objetos complexos a partir de peas separadas. Ao utilizarmos qualquer comando
Pathfinder, um objeto fica com a aparncia de que foi mesclado, mas pode ser
acessado de maneira individual. Para isso, basta clicar em qualquer um dos
comandos Shape pressionando a tecla ALT.

Figura 47. Formas que podem ser manipuladas individualmente

Trabalhando com Camadas ( Layers)

O objetivo das camadas organizar os objetos que compem a ilustrao,

gerar e controlar efeitos e facilitar a criao de outros. No Photoshop elas so
essenciais; no Illustrator seu principal objetivo uma melhor organizao dos
objetos. Voc pode acionar o painel de camadas (Layers) pela barra de paletas na
direita da tela, ou pelo Menu Window Layer.

captulo 2 76
 Figura 48 Visualizao do painel Camadas

No painel camada, a primeira coluna onde aparecem cones de olhos definem

a visualizao da camada. Olhos abertos, camada visvel, ao clicar na camada
somem-se os olhos ocultando seu contedo. Clicar nos olhos com a tecla CTRL
faz com que a camada exiba no modo preview, ou seja, somente os contornos. A
coluna ao lado dos olhos, ao ser marcada, exibir um cadeado, definindo a camada
como bloqueada.

Figura 49. Separao dos elementos da pgina em camadas

captulo 2 77
Linhas guias

Quando o projeto precisar de medidas exatas, uma das primeiras coisas a ser
feita aps a configurao inicial definir o ponto inicial e as rguas e/ou grades no
documento. Essas opes esto disponveis no menu View. Para exibir as rguas,
clique no menu View Show Rulers. Para poder definir qual tipo de medida quer
usar nas suas rguas, basta clicar com o boto direito sobre uma das rguas. Para
criar as linhas guias no documento, basta clicar sobre uma das rguas e arrastar
para ele.

Figura 50. Visualizao das rguas e linhas guias

Rasterizando objetos

Rasterizar objetos no Adobe Illustrator refere-se converso dos valores

matemticos do objeto em um no matemtico baseado em pixels (raster).

captulo 2 78
 COMENTRIO
Isso pode ser feito para criar um efeito pixelado ou para permitir-lhe transferir o objeto
para um programa de grficos. Voc tambm pode criar um esboo do objeto, o que til para
editar os pontos de ancoragem de texto ou criar um efeito delineado para objetos e formas.

O programa, pelo menu Rasterize (Object > Rasterize), consegue transformar

qualquer objeto que tenha sido criado em um bitmap.

Figura 51. Opes de rasterizao

captulo 2 79
Ferramentas de desenho

Sendo por natureza um software de edio vetorial, o Illustrator disponibiliza

uma srie de recursos e ferramentas que propiciam um trabalho eficaz de ilustrao
ou grficos vetoriais. O essencial para a criao de um projeto no programa
entender o conceito de path, que nada mais que uma linha que pode ser modelada
de vrias formas. Um path constitudo de um ou mais segmentos vetoriais retos
ou curvos. Cada segmento delimitado por dois elementos chamados de pontos
de ancoragem (n). Um path, portanto, possui no mnimo dois ns (constitudo
por apenas uma linha). Para esse trabalho, o Illustrator possui duas ferramentas
bsicas de traado a mo livre: Pen e Paintbrush. As diferenas entre elas sero
abordadas a seguir.

Os Paths

A matria-prima bsica para a criao de um desenho vetorial o path,

que representado por uma linha aberta ou fechada, reta ou curva, que pode
ser modelada de diversas formas. A modelagem de paths apresenta sutilezas
que requerem prticas a serem dominadas. O Illustrator disponibiliza duas
ferramentas de traado a mo livre: Pen e Paintbrush. Embora sua utilizao seja
rigorosamente a mesma, elas apresentam diferenas quanto aos paths resultantes.
Em geral, a Pen utilizada para traados rpidos de paths que normalmente sero
retrabalhados, enquanto a Paintbrush mais adequada para gerar efeitos artsticos
de pinceladas sobre o papel.

Ferramenta Paintbrush

Com a ajuda dos pincis, possvel alterar a aparncia dos Paths. Voc pode
aplicar traados de Brush a caminhos existentes ou pode usar a ferramenta Paintbrush
para desenhar um caminho e aplicar um traado de pincel simultaneamente.
Existem quatro tipos diferentes de pincis no Illustrator: caligrfico, de difuso,
artstico, de padro e de cerdas.
O painel Paintbrush (Window > Paintbrush) exibe pincis para o arquivo
atual. Sempre que um pincel selecionado em uma biblioteca de pincis, ele
automaticamente adicionado ao painel. Os pincis criados e armazenados no
painel so associados somente ao arquivo atual, o que significa que cada arquivo

captulo 2 80
do Illustrator pode ter um conjunto diferente de pincis em seu respectivo painel.
Veremos essa ferramenta novamente no captulo de Brushes.

Ferramenta Pencil

Essa ferramenta permite escrever ou desenhar traos, como se voc estivesse

desenhando com um lpis sobre um papel. Selecionando a ferramenta Lpis,
na caixa de ferramentas ou pressione a tecla de atalho <N>.

Figura 52. Utilizao da ferramenta Lpis

A ferramenta Lpis utilizada para traar linhas que so conhecidas como

caminhos e os pontos que surgem sobre ele so chamados de ncora. Chamamos
essa linha de Caminho Aberto, pois o trao comea em um ponto e termina em
outro. Essa ferramenta mais til para fazer esboos rpidos ou para criar uma
aparncia de desenho mo livre.

Figura 53. Caminho aberto

captulo 2 81
 Caso voc erre o trao, s passar o lpis novamente sobre a parte errada e
corrigi-la. Essa funo pode ser desabilitada, caso precise usar a ferramenta para
fazer vrios traos sobrepostos, sem que um novo trao no altere a forma do trao
anterior. Para isso, d dois cliques sobre o cone da ferramenta Pencil e na caixa de
dilogo que surge desabilite a funo Edit Selected Paths.

Ferramenta Pen

Para se criar uma variedade enorme de formas, desde curvas a retas, e at para
vetorizar manualmente desenhos em bitmap, utilizase a ferramenta caneta (Pen,
P) na barra de ferramentas esquerda. Ela trabalha com a criao de pontos,
formando retas e curvas, podendose tambm adicionar ou retirar pontos de uma
composio. Para fazer apenas formas retas, apenas clicase no local desejado para
um novo ponto, sem a necessidade de arrastar o cursor (para fazer linhas retas
alinhadas horizontal e verticalmente, apertase Shift enquanto se clica). Trabalhar
com essa ferramenta exige pacincia e prtica.

Figura 54. Ferramenta Caneta

captulo 2 82
 Quando voc simplesmente clicar sobre um ponto da pgina com a ferramenta
Pen, o Illustrator vai criar um ponto de ancoragem no local do clique. Se voc
deslocar o ponteiro sem arrastar e clicar em outro ponto, criar um segmento reto
unindo os dois pontos. No entanto, se voc clicar e arrastar o ponteiro, surgiro
linhas de direo a partir do ponto e estas caracterizam pontos de curva.
Assim, a operao clique-e-arraste com a ferramenta Pen gera segmentos curvos
cuja curvatura controlada pelas linhas de direo dos pontos que delimitam.
Enquanto voc estiver criando o path, o ltimo ponto ancorado permanecer
selecionado, ao contrrio dos demais.

Figura 55. Criando formas com a Ferramenta Caneta

E o cursor da ferramenta Caneta possui diversos smbolos que representam

funes diversas:

Adiciona ns a um segmento com um clique simples.

ADD ANCHOR
POINT

Deleta ns de um segmento com um clique sobre eles.

DELETE ANCHOR
POINT

captulo 2 83
 Modifica as alas de direo. Caso as alas no estejam
aparecendo em uma forma, pegue a ferramenta
Direct Selection e clique no n. Se mesmo assim no

CONVERT aparecerem, sinal de que as alas esto escondidas

ANCHOR POINT dentro do n. Para liber-las, selecione a ferramenta

Convert Anchor Point, clique no n e arraste.

Smbolos

Alguns projetos precisam que um padro predefinido de objetos seja repetido

ao longo da rea de trabalho. O Illustrator possui ferramentas que possibilitam
criar, armazenar e aplicar repetidamente esses padres. A isso chamamos de
Symbols (Smbolos). Um smbolo pode ser aplicado isoladamente (um por vez)
ou em conjunto (Symbol Sprayer). Um smbolo isolado pode ser selecionado e
manipulado como um objeto comum.
Os smbolos so armazenados no painel Symbols (Window > Symbols) e
podem ser aplicados via painel ou via ferramenta Symbol Sprayer. A partir de
uma arte qualquer, o usurio pode simplesmente acrescentar a ilustrao ao painel
SYMBOL do aplicativo, bastando que, para isso, escolha a opo NEW SYMBOL
com a figura selecionada. Uma vez criado um novo smbolo, pode-se utiliz-lo em
vrias aplicaes pelos recursos oferecidos pelas ferramentas de smbolos.

Figura 56. Visualizao do Painel Symbols

captulo 2 84
 Entre as opes temos basicamente oito efeitos:

SPRAYER Aplica aleatoriamente os elementos de smbolo.

SHIFTER Altera o posicionamento dos elementos de forma individual.

SCRUNCHER Espaa proporcionalmente os objetos.

SIZER Altera a dimenso dos elementos.

SPINNER Rotaciona os objetos.

STAINER Para sobreposio gradual de cores.

SCREENER Permite o uso de transparncias.

STYLER Para determinar outro estilo sobreposto ao smbolo escolhido.

Figura 57. Aplicao de smbolos predefinidos

captulo 2 85
 possvel editar o objeto original com o comando Break Link to Symbol.
Isso quebrar a ligao entre a imagem matriz e sua cpia. Assim, possvel criar
diferentes verses do mesmo elemento, modificando cor, formato, dimenses etc.
Os smbolos podem ser salvos e reutilizados em outros projetos.

Criando smbolos

Praticamente qualquer objeto pode ser convertido em um smbolo. Para cri-

los relativamente simples. Abra o painel Symbols. Clique no boto New Smbolos
na parte inferior da janela de smbolos, ou arraste um objeto diretamente para
o painel. Illustrator transformar automaticamente o objeto selecionado em um
smbolo e tambm o adicionar para a janela correspondente. Na caixa de dilogo
Opes de smbolo, digite um nome para ele. Selecione o tipo de smbolo como
Clipe de filme ou Grfico, selecione o tipo de smbolo que deseja criar: esttico ou
dinmico (a configurao padro Dinmico). Selecione a opo Alinhar grade
de pixels para aplicar ao smbolo a propriedade de alinhamento de pixels.

Figura 58. Criando novos smbolos

captulo 2 86
Brushes

A funo principal do painel Brushes (Window > Brushes) organizar as

ponteiras que podemos utilizar com a ferramenta Paintbrush e Pencil (ambas de
traado a mo livre) ou aplicar em paths criados, a fim de gerar determinados
efeitos. Em termos operacionais, a ferramenta Paintbrush muito semelhante
Pencil, mas, quando se pensa em pintura, a imagem que se tem a de um pincel e
no a de um lpis. Para utilizar a ferramenta Paintbrush, basta clicar na ferramenta
e escolher a ponta na paleta brushes.

Figura 59. Criando com a ferramenta Brush

O painel Brushes

O painel Brushes (Window > Brushes) exibe pincis para o arquivo atual.
Sempre que um pincel selecionado em uma biblioteca de pincis, ele
automaticamente adicionado ao painel Pincis. Os pincis criados e armazenados
no painel Pincis so associados somente ao arquivo atual, o que significa que
cada arquivo do Illustrator pode ter um conjunto diferente de pincis em seu
respectivo painel.

captulo 2 87
 Figura 60. Viso do painel Brush

Os Brushes so divididos nas seguintes categorias Calligraphic, Scatter,

Art e Pattern.

Com as opes do painel, voc pode criar novos Brushes, duplicar um existente
para alter-lo sem prejudicar o original, deletar um brush. A opo Remove Brush
Stroke permite que voc remova o pincel deixando somente o caminho. Dos
quatro brushes existentes somente a Caligraphic no necessita de um objeto.

captulo 2 88
 Figura 61. Seleo de Brushes

Para as demais, ser necessrio um objeto para aplicao do brush. Para editar
um brush, basta dar um duplo clique sobre ele e ser mostrada a janela de opes.

Brush Calligraphic

Os brushes Caligraphic so as que mais se aproximam dos pincis tradicionais.

Para criar um novo brush Caligraphic, com as opes de brushes, escolha New Brush.

captulo 2 89
 Figura 62. Calligraphic Brush Options

As opes da janela so:

NAME Permite dar um nome ao seu Brush.

Voc pode definir um ngulo para seu pincel e se esta

ANGLE ngulo ser fixo ou randmico.

Corresponde rotundidade do brush; se o valor estiver

ROUNDNESS em 100%, mantm uma espessura constante.

DIAMETER Dimetro do brush.

captulo 2 90
Brush Scatter

Os brushes scatter, na verdade, so objetos que se repetem ao longo de um

caminho e pode ser de forma ordenada ou aleatria, depende apenas de como voc
configurar as suas opes. Para nosso exemplo, clique no menu Window, Brush
Libraries, Decorative, Decorative Scatter.

Figura 63. Brush Scatter Options

Para criar um Novo Scatter preciso primeiro selecion-lo e depois clicar no

boto de New Brush. As opes na janela so:

NAME Permite dar um nome ao seu Brush.

Permite mudar o tamanho do brush. Nos modos Ramdom

e Pressure, preciso especificar os limites de variao
no tamanho do objeto. O modo ramdom cria objetos
SIZE cujos tamanhos variados ao longo do caminho; o modo
Pressure cria objetos que variam seu tamanho de acordo
com a presso empregada no tablet.

captulo 2 91
 SPACING Controla o espaamento entre os objetos no caminho.

Controla a distncia entre o brush e o caminho, ou

SCATTER como podemos chamar o espalhamento, quanto maior o
percentual, maior a distncia.

Controla o ngulo de giro dos objetos aplicados em rela-

ROTATION o posio angular do objeto original.

Brush Art

Com esse tipo de pincel possvel simular carvo, giz, guache etc. O principio
simples: em vez de repetir um objeto ao longo do caminho, ele ancora os
extremos do objeto aos seu ponto final, ou seja, o objeto que serve de tinta
esticado ou comprimido, ajustando-se ao caminho. Para programar um brush do
tipo Art simples.

Figura 64. Brush Art Options

captulo 2 92
 Os atributos para esse pincel so:

NAME Atribui um nome ao brush.

DIRECTION Determina a direo do traado.

Tamanho da reproduo do objeto que serve de tinta em

WIDTH relao ao original.

As estampas ao lado explicam a sua funo,

FLIP espelham o brush.

Brush Pattern

Repete um objeto enfileirado ao longo de um caminho. Pode apresentar

enfileiramento em laterais, cantos internos, cantos externos, inicio e fim.

Figura 65. Brush Pattern Options

captulo 2 93
 As opes de configurao do pincel so:

Scale permite alterar a porcentagem em relao

SCALE E ao tamanho original, e a opo Scale definir um
SPACING espaamento em relao ao original.

Espelha os tiles aplicados, de modo longitudinal

FLIP ou transversal.

Determina como os tiles so aplicados em um caminho,

as opes so:
Stretch to fit: os tiles so modelados de modo a
se ajustarem ao traado do caminho. Com isso, as
dimenses originais podem ser modificados.
Add space to fit: acrescenta espaos entre cada
FIT tile de modo a preservar a proporcionalidade de suas
dimenses.
Approximate path: funcional apenas para caminhos
retangulares, altera a posio dos tiles em relao ao
caminho a fim de distribu-los de modo mais uniforme.

Transformaes de Objetos

Podemos transformar nossos objetos de qualquer forma, girando, refletindo,

redimensionando etc. Para isso existem algumas ferramentas especficas que
veremos a seguir.

Comando envelope

Envelopes so objetos que distorcem ou remodelam objetos selecionados.

Voc pode criar um envelope a partir de um objeto na sua prancheta ou usar
como envelope uma forma de deformao predefinida ou uma grade de malha.

captulo 2 94
Envelopes podem ser usados em qualquer objeto, exceto em grficos, guias ou
objetos vinculados.
1- Importe para o Illustrator uma imagem qualquer.
2- Crie um path que servir de moldura e certifique-se que ele ocupe uma
posio de empilhamento acima da imagem, que ser distorcida. Para que o
envelope funcione corretamente, a imagem no pode estar linkada, e sim embutida
do Illustrator:

Figura 66. Imagem que receber a moldura. | Figura 67. Path que delimita a moldura

3- Selecione o path e a imagem e clique no menu: Object > Envelope Distort

> Make with Top Object. O objeto distorcido pode ser expandido, podendo ser
editado como um path comum:

Figura 68. Aplicao de diferentes paths na imagem

Assim que a moldura aplicada ao objeto, o Illustrator converte ambos em

um s elemento. Dentre os tipos de moldura que podemos utilizar, uma malha
, sem dvida, o mais complexo. Teremos que modelar toda a malha para definir
quais regies do objeto devero ser distorcidas e como.

captulo 2 95
 4- Com a imagem selecionada clique no menu: Object > Envelope Distort >
Make with Mesh. Programe o nmero de linhas (rows) e colunas (columns) que
deseja para o nvel de distoro.

Figura 69. Aplicao da malha

5- Ative a ferramenta Mesh e arraste os pontos da malha que considerar

estratgicos para a distoro:

Figura 70. Aplicao de distoro da imagem pela malha

captulo 2 96
 Para remover a moldura do objeto, basta selecion-lo e clicar no menu: Object
> Envelope Distort > Release.

Distores de objetos

As ferramentas Liquify possuem uma grande facilidade de manuseio e

proporcionam resultados surpreendentes. Essas ferramentas distorcem a imagem
por deslocamento de pixels a fim de gerar efeitos especiais.

Figura 71. Painel Liquify

Todas as ferramentas Liquify possuem atributos de aplicao. Veja alguns

comuns a todas:

Controlam respectivamente a largura e a altura do

WIDTH E HEIGHT ponteiro circular da ferramenta.

ANGLE Controla a orientao angular do cursor.

Controla a intensidade da ao da ferramenta. Valores

INTENSITY altos provocam mudanas mais rpidas e acentuadas.

captulo 2 97
 SHOW BRUSH Habilita a exibio do ponteiro com seu tamanho e
SIZE formato configurados.

Ferramenta Width

A ferramenta Width permite criar um trao com larguras variadas e salvar

essa largura varivel como um perfil que pode ser aplicado a outros traados. Ao
passar o mouse sobre um traado com a ferramenta, um losango vazio aparece
no caminho com alas. possvel ajustar a largura do traado, mover o ponto de
largura, duplicar o ponto de largura e excluir o ponto de largura.

Figura 72. Aplicao da ferramenta Width

Ferramenta Warp

Os objetos sob a ao da ferramenta Warp so esticados no sentido do

arrasto, tornando-se ideal para efeitos que sugerem ao do vento, velocidade etc.,
conferindo movimento ilustrao.

Figura 73. Aplicao da ferramenta Warp

captulo 2 98
Ferramenta Twirl

Aplica um efeito complexo ao objeto, mantendo suas extremidades fixas e

girando o centro. O resultado semelhante ao de um turbilhonamento radial,
cuja intensidade controlada pelo tempo de acionamento do ponteiro do mouse
(que deve permanecer fixo).

Figura 74. Aplicao da ferramenta Twirl

Ferramentas Pucker e Bloat

A ferramenta Pucker aplica um efeito de estrangulamento no objeto, criando

novos pontos de ancoragem e movendo-o na direo do centro do ponteiro. O
efeito oposto aplicado pela ferramenta Bloat, cuja distoro pode ser aproveitada
de diversas maneiras.

Figura 75. Aplicao das ferramentas Pucker e Bloat

captulo 2 99
Ferramenta Scalop

A ferramenta Scallop cria uma grande quantidade de pontos adicionais de

ancoragem a fim de gerar novos segmentos curvos aos contornos do objeto, sempre
em direo ao centro de aplicao. O resultado um grande efeito dinmico, que
pode ser interessante em determinadas ilustraes.

Figura 76. Aplicao da ferramenta Scalop

Ferramenta Crystallize

A ferramenta Crystallize gera um efeito semelhante ao da ferramenta Scallop,

mas os novos segmentos so gerados em direo contrria do centro de aplicao.

Figura 77. Aplicao da ferramenta Crystallize

captulo 2 100
Ferramenta Wrinkle

A ferramenta Wrinkle acrescenta pontos e segmentos adicionais ao objeto a

fim de gerar, mediante arrasto ou no, um efeito de expanso aleatria nas direes
positiva e negativa do eixo x e/ou y.

Figura 78. Aplicao da ferramenta Wrinkle

Efeito Blend

A ferramenta Blend une dois ou mais objetos e cria um caminho entre eles
com a cpia desses elementos. Existem duas principais maneiras de se criar o
blend. A primeira requer que voc selecione os dois objetos e v em Objects >
blend > make a new one. J a segunda envolve utilizar o prprio atalho na barra
lateral, acessvel tambm por meio do atalho W.

Figura 79. Opo para criar Blend

captulo 2 101
 Para gerar tais objetos intermedirios entre dois ou mais objetos, o Illustrator
toma por base a forma original dos objetos iniciais, suas caractersticas de cor e a
distncia entre eles.

Figura 80. Aplicao do efeito Blend

Mscaras de recorte

Essa ferramenta possibilita um objeto sobrepor-se a outro somente nas reas

em que so comuns.

COMENTRIO
O objeto de mscara aquele cujos caminhos formam a mscara e esse objeto deve
estar posicionado na frente de todos os objetos mascarados.

Para criar a mscara em um objeto faa da seguinte maneira: importe uma

imagem para seu projeto no Illustrator e desenhe a sua forma, posicione a forma
sob a imagem importada, posicione a forma sob a imagem onde voc deseja
mascarar, selecione ambos os objetos, depois clique no menu Object > Clipping
Mask > Make.

captulo 2 102
 Figura 81. Aplicao da ferramenta Width

possvel mascarar objetos que esto mascarando outros objetos, apenas

certifique-se de ter todos eles selecionados. Se precisar remover a mscara, clique
no menu Object > Clipping Mask > Release; se precisar editar o contedo, clique
no menu Object >Clipping Mask > Edit Content.

Gradiente

Podemos definir o gradiente como uma transio suave de uma cor para a
outra, passando ou no por uma ou mais cores intermedirias. Os gradientes
so uma poderosa ferramenta de ilustrao, possibilitando a criao de planos
de fundo atraentes, a aplicao de texturas convincentes e de efeitos de luz que
atribuem volume a um objeto simples. Gradientes podem ser aplicados somente
a preenchimentos.

Figura 82. Painel Gradient

captulo 2 103
 Para aplicar o gradiente, selecione uma parte de sua imagem e clique em
qualquer parte da rgua. Automaticamente ele preencher com um degrade
em tons de cinza. No painel de gradiente temos o tipo de gradiente, a opo de
reverter o gradiente e o ngulo do gradiente. Na rgua temos os pontos de cores
e o losango que representa o ponto central. Para alterar a cor do gradiente, clique
sobre o ponto de cor a ser modificado e na caixa de cor, mude o padro para
CMYK (se for para vdeo, mude para RGB) e escolha ou digite os valores da cor
a ser aplicada.

83. Painel de opes de gradiente

Na verso CS6, o gradiente do Illustrator tornou-se mais prtico de ser

aplicado. Outra novidade que agora ele incorpora transparncia nas cores. Todas
essas opes podem ser encontradas no painel Gradient (Windows > Gradient).

Trabalhando com textos

Para se criar um texto no Illustrator utilizase a ferramenta de texto (Type tool,

T) na barra de ferramentas a esquerda. Com essa ferramenta e suas auxiliares,
podese criar reas editveis de texto, alm de caminhos de texto. Existem dois
tipos de texto no Illustrator: o texto de pargrafo (formado por uma caixa de
texto criado ao se clicar na rea de trabalho e arrastar o cursor, dimensionando o
texto) e o texto livre (criado com um clique na rea de trabalho).

captulo 2 104
 ATENO
importante determinar como ser aplicado o texto em um documento no Illustrator,
afinal ele pode ser digitado diretamente ou importado.

Caso se escolha a segunda opo, principalmente porque o texto longo,

preciso escolher um dos seguintes formatos:

Apresenta a vantagem bvia da universalidade; podem

GENRICO ser editados em qualquer programa (notepad) de
(.TXT) qualquer plataforma. Em compensao, os textos salvos
nesse formato perdem totalmente sua formatao.

RTF (RICH TEXT Outro formato praticamente universal, exibindo a vantagem

FORMAT) de reter grande parte dos atributos de formatao.

O Illustrator suporta as verses 97, 98, 2000, 2002,

WORD (.DOC): 2003, e 2007 do aplicativo Word da Microsoft.

A importao (ou insero) feita por meio do comando File > Place.
Podemos utilizar, tambm, a rea de transferncia para colar textos copiados de
outros aplicativos. Alm disso, possvel utilizar o comando File > Open para
abrirmos um arquivo de texto.

Usando textos dentro de um path

Um aspecto muito interessante em termos de design o fato de podermos

utilizar qualquer path (simples) como bloco do texto digitado ou colado. Para
que possamos aplicar um texto em um path, ele precisa estar, preferencialmente,
fechado. Quando clicamos com o ponteiro da ferramenta ativa sobre o traado
do objeto, o Illustrator, automaticamente, converte o path em um bloco de texto,
removendo os atributos aplicados no objeto. Assim, podemos trabalhar com uma

captulo 2 105
cpia do objeto, preservando o original para utilizao posterior. Aps o clique, o
ponto de insero estar piscando dentro do path, indicando que podemos digitar
um texto ou colar um texto, previamente armazenado na rea de transferncia.

Figura 84. Texto dentro de path

Textos de Path

O Texto Path um texto cuja linha base alinha-se com o traado de um

path aberto ou fechado. O alinhamento, paralelo ou perpendicular, depende da
ferramenta em uso, respectivamente a Type on a Path ou a Vertical Type on a Path.

Figura 85. Texto acompanhando Path

De modo semelhante ao que ocorre com os blocos de texto, paths comuns

so convertidos mediante um clique sobre um path com as ferramentas Type on a
Path ou a Vertical Type on a Path.

captulo 2 106
Formatao de caracteres e pargrafos

Antes de formatarmos um texto, preciso definir se queremos formatar todo o

texto ou somente uma parte dele. Para formatarmos somente uma parte do texto,
necessrio selecion-la por meio do cursor. Esse nvel corresponde formatao
de caracteres. Graas ao painel Character (Window > Type > Character), a
formatao de caracteres bastante rpida e intuitiva.

Figura 86. Painel de configurao de caracteres

Outro painel que bastante til na formatao de textos o painel Paragraph

(Window > Type > Paragraph):

captulo 2 107
 Figura 87. Painel de formatao de pargrafos

Wrapping de texto

O wrapping gera um permetro invisvel de segurana em torno de um ou

mais objetos, repelindo os caracteres de texto. Para gerar o wrapping, o Illustrator
se baseia na ordem de empilhamento dos objetos. O bloco ou container de texto
deve estar abaixo de todos os objetos que faro parte da composio. Com o
empilhamento correto, selecionando os objetos que esto acima do texto (podem
ser selecionados pelo painel layers), clicamos no menu Object > Text Wrap > Text
Wrap Options.

captulo 2 108
 Figura 88. Painel Text Wrap

As caixas Offset (com as setinhas) controlam a distncia entre o texto e os

objetos. Na opo Invert o texto posicionado do lado de dentro do permetro
de segurana.

Figura 89. Caixa Offset, opo Invert.

captulo 2 109
Filtros e efeitos

O Illustrator inclui vrios efeitos que voc pode aplicar a um objeto, grupo
ou camada para alterar suas caractersticas. O Illustrator CS3 e verses anteriores
incluam efeitos e filtros, mas agora o Illustrator inclui apenas efeitos (exceto pelos
Filtros SVG).

CURIOSIDADE
A principal diferena entre um filtro e um efeito que o filtro modifica permanentemente
um objeto ou camada, enquanto o efeito e suas propriedades podem ser alterados ou
removidos a qualquer momento.

Aps a aplicao de um efeito a um objeto, esse efeito aparece no painel

Aparncia. No painel Aparncia, possvel editar o efeito, mov-lo, duplic-lo,
exclu-lo ou salv-lo como parte de um estilo grfico. Ao utilizar um efeito, voc
deve expandir o objeto antes de poder acessar os novos pontos.

Figura 90. Visualizao do Menu Effects

captulo 2 110
Efeitos Stylize

Os Effects Stylize efetivamente cumprem um papel de peso no ambiente

Illustrator. Eles no alteram dramaticamente a aparncia do objeto (efeitos),
mas enriquecem o trabalho, dando um excelente acabamento ou valorizando
determinados detalhes.

ADD Permite o acrscimo de terminaes estilizadas nos

ARROWHEADS endpoints de um path aberto.

DROP SHADOW Esse efeito gera uma sombra atrs do objeto.

Proporciona suavizao das bordas de um objeto,

FEATHER tornado-as gradualmente semitransparentes.

Conferem uma aparncia de luminosidade incandescente

INNER GLOW E (glow) aos objetos, tanto nas partes internas do path
OUTHER GLOW (inner) como na externa (outer).

ROUND Converte os pontos de vrtice do objeto selecionado em

CORNERS pontos de curva, arredondando os cantos.

Em uma traduo livre, scribble significa rascunho,

esboo, raf. Esse efeito gera formas alternativas para
SCRIBBLE o objeto selecionado, com aparncia casual, rascunhada,
como se tivessem sido geradas com a ferramenta Pencil
de modo rpido e descompromissado.

captulo 2 111
Efeito Crop Marks

possvel criar e usar vrios conjuntos de marcas de corte no seu trabalho

artstico. Marcas de corte indicam onde voc deseja que o papel impresso seja
recortado. Essas marcas so teis quando se deseja criar marcas ao redor de vrios
objetos em uma pgina.

Figura 91. Marcas de corte

Efeitos 3D

O efeito 3D no Illustrator permite facilmente projetar e trabalhar com objetos

em 3 dimenses, sendo possvel editar, controlar e acessar facilmente todos os
lados de um objeto tridimensional, e ainda aplicar ilustraes ou imagens nas
diversas faces desse objeto renderizado. Alm disso, os recursos de edio variam
de acordo com a vontade do usurio.
At a verso 10 do Illustrator, para poder simular 3D, era necessrio um grande
trabalho de perspectiva e distores, ou utilizar filtros de outros fabricantes. A
partir da verso CS foi incorporado ao Illustrator um conjunto de filtros para
transformar seus objetos 2D em 3D como possibilidade de trabalhar pontos de
iluminao etc. So trs as opes disponveis:

captulo 2 112
 EXTRUDE AND Consiste no mtodo mais simples de gerao de slidos.
BEVEL Praticamente ele prolonga o objeto bidimensional.

Figura 92. Opes de configurao do efeito Extrude e Bevel

Voc pode manipular a posio da extruso, a perspectiva; na parte de baixo

possvel definir o tamanho da extruso, o tipo de Bevel e o material.

Gera slido que a extruso no capaz de produzir. Os

REVOLVE objetos so girados em torno de um eixo fixo, criando
objetos tridimensionais macios ou ocos.

Figura 93. Opes de configurao do efeito Revolve

captulo 2 113
Trabalhando com vetores

No Captulo 1 aprendemos que os grficos vetoriais (s vezes chamados de

formas vetoriais ou objetos vetoriais) so compostos de linhas e curvas definidas
por objetos matemticos chamados de vetores, que descrevem uma imagem de
acordo com suas caractersticas geomtricas. Vimos neste captulo as ferramentas
necessrias para se comear o processo de vetorizao.

Vetorizao

A vetorizao um dos processos mais simples no Illustrator. Para ela,

podem ser usadas as formas bsicas e mesclando com o Pathfinder, o que
muitas vezes pode demorar para o processo final, ou ento a Pen Tool, a
melhor ferramenta para tal.

Figura 94. Imagem em processo de vetorizao

captulo 2 114
Ilustrao digital

De acordo com o Dicionrio Houaiss, ilustrao consiste em uma imagem,

desenho ou gravura que acompanha um texto de livro, jornal, revista ou outro
tipo de publicao e tem por objetivo adorn-lo, elucid-lo ou facilitar a
sua compreenso.
Com o manejo das ferramentas mais apropriadas do Illustrator e um pouco
de tcnica, possvel criar ilustraes perfeitas a partir de esboos, desenhos e
at fotografias.

Figura 95. Projeto de ilustrao vetorial a partir de imagem bitmap

Image Trace

possvel traar um trabalho artstico existente de modo a utiliz-lo como

base para um novo desenho.

EXEMPLO
Voc pode criar um grfico com base em um esboo a lpis desenhado em papel ou uma
imagem rasterizada salva em outro programa grfico trazendo esse grfico para o Illustrator
e traando sobre ele.

captulo 2 115
 A maneira mais fcil de traar o trabalho artstico abrir ou inserir um arquivo
no Illustrator e traar automaticamente o trabalho artstico com o comando
Image Trace.

Figura 96 Ferramenta Image Trace

possvel controlar o nvel de detalhes e como o traado preenchido.

Quando estiver satisfeito com os resultados do traado, voc poder convert-lo
em caminhos de vetor ou em um objeto de pintura em tempo real.

Figura 97. Opes da ferramenta Image Trace

captulo 2 116
 Cada tipo de imagem poder ter um ajuste diferente para se conseguir o
resultado desejado. Aps a escolha da opo apropriada e a confirmao, j temos
a imagem vetorizada, mas ainda no possvel pint-la. Para que isso ocorra,
preciso ativar a opo Expand no painel Control.

Figura 98. Opo Expand, que permite expandir o resultado do traado

Se for necessrio fazer algumas alteraes para aperfeioar o trao, podem-se

usar ferramentas como Direct Selection e Pen Tool. No entanto, para alterar,
preciso desagrupar tudo antes. Para isso, basta clicar com o boto direito sobre o
traado e selecionar ungroup.

ATIVIDADE
hora de utilizar as ferramentas aprendidas neste captulo. Vamos simular um projeto
de identidade visual para uma empresa fictcia. Crie um nome e um ramo de atuao da sua
empresa. Escreva um pequeno histrico sobre ela e um briefing do que se espera em termos
de identidade visual. A partir disso, desenvolva o conceito da marca e faa as aplicaes sobre
material de papelaria, uniformes, frota de veculos. Crie um pequeno projeto de comunicao
visual da empresa tambm, com panfletos, outdoor, anncios e uma pgina na internet.

REFLEXO
Apesar de termos esmiuado bem o Illustrator e suas ferramentas, essencial que o
aprendizado seja constante. preciso dedicao e empenho no estudo das aplicaes do
programa. No deixe para mexer apenas no laboratrio. Tenha uma verso instalada em seu
computador pessoal e v treinando pelo menos um pouco todos os dias para pegar prtica.
Fique atento tambm a tutoriais e materiais que podem ser facilmente encontrados na internet.
Com essas dicas, em pouco tempo voc estar totalmente familiarizado com toda
a potencialidade que o software pode oferecer e apto a desenvolver vrios projetos de
design grfico.

captulo 2 117
 REFERNCIAS BIBLIOGRFICAS
ALVES, William Pereira. Adobe Illustrator CS6 - Descobrindo e Conquistando. So Paulo: Editora
rica; 2012.
ANDRADE, Marcos Serafim de. Adobe Illustrator CS6. So Paulo: Editora Senac; 2013.
DEL VECHIO, Gustavo. Design Grfico com Adobe Illustrator. Rio de Janeiro: Editora
Campus; 2012.
DABNER, David. Curso de Design Grfico: Princpios e Prticas. So Paulo: Gustavo Gili; 2014.

captulo 2 118
 3
Trabalhando com
imagens vetoriais
no CorelDRAW
Trabalhando com imagens
vetoriais no CorelDRAW

Corel o nome de uma empresa canadense cujo principal propsito tem sido
o desenvolvimento de programas de computador para uso grfico. E Draw o
nome do primeiro e mais popular produto da empresa. Considerado o software
de desenho vetorial mais popular para a plataforma Windows, o CorelDraw sem
dvida uma ferramenta artstica completa. Apesar de o pacote compreender vrios
programas, a ateno maior deve ser dada ao aplicativo central.
um aplicativo grfico intuitivo e verstil para criar ilustraes vetoriais de
alta qualidade. O CorelDRAW um programa de desenho que facilita a criao
e arte-final profissional de logotipos simples a ilustraes tcnicas complexas.
Possui tambm recursos de manipulao de textos que permitem a criao de
projetos como folhetos, catlogos, cartes de visitas, banners e outros. Consiste
basicamente em um programa de ilustrao vetorial e de layout de pginas que
oferece excelentes ferramentas de criao e importantes recursos de sada que
se integram aos fluxos de trabalho existentes. Com uma total combinao de
ferramentas de criao e recursos de produtividade, o programa uma excelente e
indispensvel ferramenta de arte grfica.

OBJETIVOS
Neste captulo pretende-se que sua aprendizagem seja referente a:
Conhecer o CorelDRAW e suas principais ferramentas.
Ter noo das aplicaes do software no ramo do design grfico.
Entender a aplicao prtica do programa para a vetorizao digital.

Tela de apresentao

Ao carregar o CorelDRAW, ser mostrada a tela de interface. No centro

da tela do programa aparece uma janela na qual so mostrados na esquerda os
documentos abertos recentemente, na direita podemos criar um novo documento
em branco ou baseado em um modelo. Caso no queira mais essa tela ao abrir

captulo 3 120
o CorelDRAW, basta na parte esquerda no rodap desmarcar a opo Sempre
mostrar a tela de boas-vindas ao iniciar.

Figura 1 - Tela inicial do aplicativo

Clique na opo Novo documento em Branco e a seguinte tela de

opes aparecer:

Figura 2 - Modo de escolha das opes da pgina de trabalho

captulo 3 121
 Defina as configuraes em clique em OK. No centro da tela o retngulo a
rea de desenho e o que estiver dentro dele far parte de seu documento.

ATENO
A rea em branco fora dele permite que se adicionem elementos, porm os mesmos
no sero exportados/impressos no arquivo final. Essa rea de grande utilidade para que
elementos que faro parte do layout sejam adicionados.

No topo h a barra de menus, barra de ferramentas padro com os botes

novo, abrir, salvar etc.

Figura 3 - Visualizao da rea de trabalho

A seguir mostrada a barra de propriedades que se modifica conforme o

elemento ou ferramenta a ser selecionado.

Figura 4 - Barra de propriedades

captulo 3 122
 Ao clicar nessa opo ser possvel escolher
PAPEL A4 os diversos tamanhos de papel disponveis
pelo programa.

Ao lado temos as dimenses da pgina,

que no caso so 210 mm 297 mm. Caso
DIMENSO DA necessite de um projeto de dimenses que
PGINA no constem na listagem, possvel definir o
tamanho nessa janela.

Ao lado temos a orientao do papel em

ORIENTAO retrato ou paisagem.

possvel trabalhar em diversas unidades

UNIDADES de medidas para os projetos. O padro
em milmetros.

o valor que seu objeto selecionado ser

deslocado quando utilizado com a seta
direcional do teclado. Pode-se configurar de
DESLOCAMENTO para um deslocamento em dobro do valor
determinado pressionando SHIFT e para
metade do deslocamento utilizando o CTRL.

DISTNCIA DO Ao duplicar um objeto, o desloca entre os

DUPLICADO eixos x e y.

esquerda existe a caixa de ferramentas na qual possvel criar e editar

as formas bsicas. Algumas ferramentas possuem junto ao seu cone no canto
inferior direito uma pequena seta preta, indicando que, ao clicar nela, abrem-se

captulo 3 123
algumas outras opes desse grupo de ferramentas. Observe tambm que ao lado
de algumas ferramentas abre-se a tecla de atalho a ser utilizada.

Figura 5 - Viso geral da barra de ferramentas

Ferramentas do CorelDRAW

Figura 6 - Barra de ferramentas e suas funes

captulo 3 124
 Ainda em relao rea de trabalho temos as rguas no topo e esquerda, de
onde possvel puxar linhas guias. No rodap temos a indicao de qual pgina
estamos. O CorelDRAW permite ter um mesmo documento com diversas pginas,
o que incomum em aplicativos de criao vetorial. Na direita vemos as Janelas de
Encaixe, que se abrem com propriedades sobre alguma ferramenta ou aplicao.
Ainda direita temos a paleta de cores que facilita a utilizao de cores principais.
O padro de cores que apresentado nela por padro o CMYK.

Criando figuras simples

Como mencionado anteriormente, o CorelDRAW possui uma interface muito

intuitiva, e a utilizao de suas ferramentas se d de uma forma muito tranquila.
Utilizando a ferramenta Mo Livre possvel obter linhas retas. Selecione-a e d
um clique sobre o boto. Arraste o ponteiro sobre a rea de trabalho para traar
uma linha, e em seguida solte o boto. V dando cliques e aumentando a linha
para se familiarizar com a ferramenta.

Figura 7 - Linha reta feita com a ferramenta Mo Livre

Linhas curvas

Ainda no menu da ferramenta Mo Livre, basta selecionar a ferramenta Bzier

para criao de linhas curvas. D um clique para marcar o incio da linha, clique
em outro ponto sem soltar o boto do mouse. Isso vai traar uma linha reta. Arraste
o ponteiro do mouse ao redor do ponto e verifique como a linha vai curvando.

captulo 3 125
 Figura 8 - Curvas feitas com a ferramenta Bzier

Figuras geomtricas

Para utilizar a ferramenta de desenho retngulo, clique sobre seu cone na

barra de desenho, o cursor muda de forma para o desenho. Pressione o boto
esquerdo de seu mouse e faa seu retngulo. Se precisar desenhar um quadrado,
mantenha a tecla CTRL pressionada enquanto desenha.

Figura 9 - Formas bsicas feitas com a ferramenta Retngulo

captulo 3 126
 Ao terminar seu retngulo, ele ficar selecionado mostrando as alas de
redimensionamento e a barra de propriedades ser modificada para alterao das
propriedades do objeto desenhado.

Figura 10 - Barra de propriedades da ferramenta Retngulo

O processo de desenho de crculos e elipses semelhante ao para desenhar o

retngulo, clica-se na ferramenta e desenha-se na tela. Ao pressionar a tecla CTRL,
voc poder desenhar crculos perfeitos. Ao terminar o desenho, o objeto fica
selecionado e a barra de propriedades fica com as propriedades de crculos e ovais

Figura 11 - Barra de propriedades da ferramenta Elipse

Os primeiros botes possuem as mesmas propriedades do retngulo. As

novidades so os botes de Elipse, Torta e Arco, os quais permitem manipular
suas formas. Ao selecionar um crculo e clicar em torta, ele se transformar em
uma torta, processo idntico para o arco.

Figura 12 - Formas bsicas feitas com a ferramenta Elipse

A ferramenta polgono permite desenhar polgonos e estrelas. Ao clicar na

ferramenta Polgono, desenhe sua forma e ao final voc poder alter-la com a
barra de propriedades.

captulo 3 127
 Figura 13 - Barra de Propriedades da Ferramenta Polgono

Os principais comandos funcionam da mesma forma que no retngulo

e elipse, o que temos de novidade o boto nmero de pontos ou lados que
possibilita definir quantos lados ter seu polgono.

EXEMPLO
Se precisar de um tringulo, basta desenhar um polgono com trs pontas. Para se
desenhar uma estrela, o processo idntico, apenas selecione a opo Estrela no grupo
de ferramentas. Depois se pode configurar a quantidade de pontas e a variao na barra
de propriedades.

Ainda no grupo do polgono, temos o papel grfico que permite desenhar um

quadriculado em sua tela; esta uma das ferramentas em que voc precisa definir
a quantidade de linhas colunas que ele ter antes de desenhar.
A ltima ferramenta do grupo da ferramenta polgono o espiral, que, como
o papel grfico, precisa que se definam a quantidade de arcos e a direo do espiral.

Figura 14 - Barra de propriedades da ferramenta Espiral

captulo 3 128
 Figura 15 - Formas geomtricas geradas pelas ferramentas

Ferramentas de seleo

A ferramenta Seleo permite selecionar um ou mais objetos, mas tambm

possvel arrastar algum elemento para determinada posio e redimension-lo.
Para moviment-lo, basta fazer sua seleo e arrastar para onde se deseja. J para
redimensionar o objeto s posicionar o ponteiro sobre um dos ns indicadores
de seleo e arrastar para dentro ou para fora.

Figura 16 - Objeto selecionado pela ferramenta Seleo

captulo 3 129
Desfazer e repetir

Os comandos Desfazer e Refazer podem ser encontrados tanto no menu Editar

quanto na Barra de Ferramentas. A opo Desfazer volta a ltima ao, enquanto
o comando Refazer refaz a ltima ao desfeita. Para testar estes comandos, utilize
a ferramenta Retngulo para criar um objeto. Utilize o comando Desfazer para
exclu-lo e, em seguida, o comando Refazer para desenh-lo de novo.

Colorindo objetos

At o momento criamos nossos objetos. Vamos agora entender um pouco

mais como aplicar cores e suas propriedades. Para isso, utilizada principalmente
a paleta de cores localizada direita da tela.

Figura 17 - Paleta de cores

Entendendo um pouco, observamos que possvel definir o padro de cores e

que, ao pressionar a cor, sero mostradas as variaes do matiz escolhido. No topo
da paleta h um quadrado com um X que significa retirar a cor. Para aplicar a
cor clica-se com o boto esquerdo (aplica a cor como preenchimento) e com o
boto direito (aplica a cor como contorno). Podemos tambm explorar diversas
opes de preenchimento com a ferramenta Preenchimento.

captulo 3 130
 Figura 18 - Ferramenta Preenchimento

Ele possui trs abas: Modelos, Misturadores

e Paletas. Em misturadores, temos um menu
chamado Modelo, que exibe o padro de cor
CMYK; se precisar de um padro RGB, HSB
etc., modifique por essa opo, abaixo dela
PREENCHIMENTO temos a grade cor e a direita possvel definir
UNIFORME a cor de acordo com suas porcentagens de
cor. O CorelDRAW tambm possui abaixo das
porcentagens alguns modelos de cores. Para
aplicar a cor ao seu objeto, basta selecionar a
cor e clicar em OK.

PREENCHIMENTO Ele permite misturar duas ou mais cores e

GRADIENTE criar um efeito degrade em sua forma.

captulo 3 131
 Ele permite que voc utilize formas
vetoriais e pode ser duas cores: totalmente
colorido ou de bitmap. Ele faz um
preenchimento repetindo-se pelo objeto,
e voc s precisa escolher um modelo de
PREENCHIMENTO preenchimento, a cor de frente e verso.
DE PADRO Pode definir o posicionamento inicial, se
ter inclinao e giro e a sua dimenso.
Ele possui tambm uma opo que
permite que ao objeto ser redimensionado,
o preenchimento tambm o ser.

Ele permite preencher sua forma com

imagens. Ao clicar nessa opo ser
PREENCHIMENTO mostrada uma janela que contm uma
DE TEXTURA biblioteca, e dentro de cada biblioteca
existem diversos modelos que podem ter
suas propriedades alteradas.

Ferramenta Zoom

Podemos utilizar a ferramenta Zoom para ampliar ou reduzir o tamanho que o

desenho exibido na tela. Isto til para facilitar a criao de desenhos complexos
ou obter uma viso geral da pgina. Quando selecionamos essa ferramenta, o
ponteiro do mouse passa para o formato de uma lupa. Um clique com o boto
esquerdo amplia o desenho na posio do ponteiro. Para reduzir ao tamanho
anterior clique sobre o boto Reduzir na barra de Propriedades.

captulo 3 132
 Figura 19 - Viso geral da ferramenta Zoom

Gravando, fechando e abrindo um documento

Salvar o trabalho

Lembre-se de salvar seus arquivos se desejar trabalhar neles mais tarde ou

simplesmente mant-los. Ao utilizar o comando Salvar, possvel salvar um
desenho com um nome de arquivo j existente. Utilizando o comando Salvar
Como, possvel especificar um novo nome de arquivo e um local no qual vai
armazen-lo. Dando um nome diferente ao arquivo quando for salv-lo, voc
cria uma cpia do desenho j existente enquanto mantm o original intacto. O
arquivo original fechado deixando a nova cpia aberta. Para salvar um arquivo
que ainda no foi salvo escolha a opo Salvar no menu Arquivo, na caixa de
dilogo Salvar Desenho fornea um nome para o arquivo e o local onde ele ser
salvo em seguida pressione Salvar.

Figura 20 - Opo Salvar Desenho

captulo 3 133
Abrindo e fechando documentos

Para fechar um arquivo que j foi salvo anteriormente, selecione a opo

Fechar do menu Arquivo. Para iniciar um novo documento a partir do zero,
selecione a opo Novo no menu Arquivo ou clique sobre o boto Novo na barra
de ferramentas. Uma pgina em branco ser exibida para o incio do trabalho.
Para abrir um arquivo que j foi salvo anteriormente, selecione a opo Abrir no
menu Arquivo ou clique sobre o boto Abrir na barra de ferramentas. Na caixa
de dilogo Abrir Desenho que aparecer, selecione o arquivo que ser aberto e
pressione o boto Abrir.

Configurando pginas e imprimindo

Configuraes bsicas

Toda vez que um novo grfico (documento) iniciado, exibida uma pgina
em branco baseada em um layout padro. As configuraes da pgina tais como,
dimenso, orientao e cor j esto predefinidas.

COMENTRIO
As configuraes de layout podem ser alteradas facilmente e as modificaes sero
aplicadas a todas as pginas.

Para alterar as configuraes da pgina, selecione a opo Configurar Pgina

no menu Layout, ou d um duplo clique na borda da pgina. A caixa de dilogo
Opes oferece diversas configuraes que poderemos utilizar para escolher o tipo
de pgina mais adequado.

captulo 3 134
 Figura 21 - Painel de opes para configurao de impresso

Utilizando o menu Layout, voc poder acrescentar ou excluir pginas. As

pginas acrescentadas tero o mesmo layout da pgina atual. Para inserir uma
ou mais pginas, selecione a opo Inserir pgina do menu Layout. Na caixa de
dilogo exibido, entre com a quantidade de pginas a inserir e a posio (antes ou
aps a pgina atual).

Linhas guias e configurao da rgua

As rguas ficam localizadas na janela de desenho e nos ajudam a dimensionar,

alinhar e desenhar objetos conforme necessrio. Elas podem ficar ou no visveis,
ou ento em outra posio na janela de desenho e, alm disso, ela pode ser
personalizada conforme suas necessidades. Para exibir ou ocultar as rguas, v em
Exibir > Rguas no menu. Para mover a rgua, mantenha a tecla SHIFT pressionada
e arraste a rgua para a posio desejada. Para personalizar as definies da rgua,
siga os passos a seguir:

captulo 3 135
 Figura 22 - Configurao de rgua

A grade uma srie de pontos ou linhas tracejadas em interseo utilizadas

para alinhar e posicionar objetos com preciso na janela de desenho. A definio
entre as linhas ou os pontos da grade dada mediante a especificao da frequncia
ou do espaamento.

captulo 3 136
 Nmero de linhas ou pontos exibidos entre
FREQUNCIA cada unidade horizontal ou vertical.

ESPAAMENTO Distncia exata entre cada linha ou ponto.

Para exibir ou ocultar a grade, v em Exibir > Grade. Defina a distncia entre
as linhas da grade usando os seguintes comandos:

As linhas guias podem ser colocadas em qualquer lugar da janela de desenho e

ajuda no posicionamento dos objetos.
H trs tipos de linhas guias: a horizontal, a vertical e a inclinada. Pode-se
adicionar uma linha guia onde quiser, ou adicionar uma predefinida. Existem
dois tipos de linhas guias predefinidas: as predefinidas pela Corel (fabricante do
CorelDRAW) e as predefinidas pelo usurio. As linhas guias utilizam a mesma
unidade de medida especificada para as rguas. Para exibir ou ocultar as linhas
guias, clique em Exibir > Linhas Guias. Seguindo os passos abaixo voc criar as
linhas guias necessrias para o seu desenho.

captulo 3 137
Imprimindo pginas

O CorelDRAW imprime as imagens em qualquer impressora instalada no

computador. Para imprimir o arquivo, selecione a opo Imprimir do menu
Arquivo ou, pressione o boto Imprimir da barra de ferramentas, ambas exibiro
a caixa de dilogo Imprimir, na guia Geral escolha a impressora, a quantidade
de cpias e o arquivo que ser impresso. Clique em Ok para iniciar a impresso.
Para escolher outras opes de impresso, temos as guias Layout, Separaes,
Pr-impresso e Miscelnea. A guia Layout, por exemplo, pode ser utilizada para
alterar o tamanho e a posio da impresso. A opo Imprimir pginas em ladrilho
permite imprimir imagens maiores que a pgina (em vrias pginas).

Figura 23 - Opes de impresso

captulo 3 138
 COMENTRIO
Voc pode utilizar a opo Visualizar Impresso para fazer ajustes finais, manualmente e
ter uma visualizao de como a imagem ficar depois de impressa.

Nas outras guias encontraremos opes para Separao de cores, que so

recursos utilizados por grficas para gerar a impresso final. Na guia Pr-impresso
temos as opes impresso de Negativo e de forma Espelhada, impresso do
Nmero de pgina e Marcas de corte. Para essas opes serem impressas,
necessrio que o tamanho da pgina, definida na configurao da impressora,
seja maior que a configurao de pgina do CorelDRAW. Na guia Miscelnea,
existem opes para imprimir todas as cores em preto ou tonalidades de cinza e
configurao de perfil de cores.

Usando a ferramenta forma

A ferramenta Forma permite modificar a aparncia dos objetos traados.

Sua utilizao simples, bastando apenas utilizar o ponteiro para selecionar
os ns da figura.

Figura 24 - Visualizao da ferramenta Forma

captulo 3 139
 Desdobrando o menu da ferramenta Forma, podemos encontrar mais trs
opes de ferramentas:

Que serve para cortar os objetos com um

FACA clique nos contornos ou ns;

BORRACHA Que pode apagar parte das figuras;

TRANSFORMAO Que serve para aumentarmos, diminuirmos,

LIVRE transformarmos o objeto aleatoriamente.

Figura 25 - Menu ferramenta Forma

Todas as caractersticas das formas poligonais podem ainda ser alteradas na barra
Propriedades. Posio, tamanho, escala, deslocamento, ngulo dos objetos etc.
Todos os recursos possveis.

captulo 3 140
Preenchimentos e contornos

O CorelDRAW permite a alterao de cores e propriedades de contorno

de um objeto com um simples clique na Paleta de Cores. Juntamente com as
cores slidas da paleta, o programa oferece uma gama de tipos de linha e texturas
para preenchimento.

Figura 26 - Menu ferramenta Preenchimento

A primeira opo o Preenchimento Uniforme. Ele possui trs abas: Modelos,

Misturadores e Paletas. Em Misturadores h um menu chamado Modelo que exibe
o padro de cor CMYK se precisar de um padro RGB, HSB etc., modifique
por essa opo , abaixo dela temos a grade cor e direita possvel definir a cor
de acordo com suas porcentagens de cor. O CorelDRAW tambm possui abaixo
das porcentagens alguns modelos de cores. Para aplicar a cor ao seu objeto, basta
selecionar a cor e clicar em OK.

Figura 27 - Ferramenta Preenchimento Uniforme

captulo 3 141
 O segundo padro de preenchimento o gradiente. Ele permite misturar duas
ou mais cores e criar um efeito degrad em sua forma. A primeira opo de que
temos de mudana no Tipo, que pode ser linear, radial, cnico e quadrado.
direita temos a possibilidade de trabalhar o ngulo e quantidade de etapas do
degrad. Abaixo temos as opes de misturas de cores. Inicialmente so possveis
duas cores disponveis. Para escolher a cor, clique na caixa de cores, e se precisar
visualizar todas as cores disponveis clique em Outra. possvel criar uma
infinidade de gradientes, assim como utilizar padres j predefinidos.

Figura 28 - Ferramenta Preenchimento Gradiente

A prxima forma de Preenchimento o padro. Essa opo permite a utilizao

de formas vetoriais e pode ser duas cores, totalmente colorido ou de bitmap. Ele
faz um preenchimento repetindo-se pelo objeto. Para isso, necessrio escolher
um modelo de preenchimento, a cor de frente e verso. Pode tambm definir o
posicionamento inicial, se ter inclinao e giro e a sua dimenso. Ele possui
tambm uma opo que permite que, ao redimensionar o objeto, o preenchimento
tambm o seja.

captulo 3 142
 Figura 29 - Ferramenta Preenchimento Padro

O preenchimento de Textura permite preencher sua forma com imagens.

Ao clicar nessa opo ser mostrada uma janela que contm uma biblioteca,
e dentro de cada biblioteca existem diversos modelos que podem ter suas
propriedades alteradas.

Figura 30 - Ferramenta Preenchimento de Textura

captulo 3 143
 Quase no utilizado, o preenchimento PostScript (PS), um tipo de textura especfica
para impressoras PostScript; entretanto, o CorelDRAW realiza a converso desta
textura possibilitando a impresso em qualquer tipo de impressora. Como as
Texturas PostScript (PS) so muito complexas, o CorelDRAW preenche o objeto
com smbolos PS para efeitos de exibio; esses smbolos sero substitudos pela
textura no momento da impresso.

Contornos
Para alterar as propriedades do contorno dos objetos, o CorelDRAW apresenta
uma ferramenta chamada Contorno Interativo com um menu desdobrvel com as
principais propriedades do contorno e para voc ter acesso a todas as possibilidades
de alterao, bastando apenas escolher o opo desejada.

Figura 31 - Menu Contorno Interativo

Ao clicar na opo Caneta de Contorno, ser mostrada a tela de configurao da

ferramenta. Temos inicialmente a cor de contorno, a largura da linha de contorno
e a opo de estilo de linha. Ainda mais abaixo temos configuraes de cantos e
extremidade, sendo que os cantos aplicam-se a objetos fechados e as extremidades
a linhas. Na direita da janela temos as opes de transformar sua linha em uma

captulo 3 144
seta, sendo possvel configurar a ponta e a parte de trs. Temos tambm as opes
de deixarmos o contorno atrs do preenchimento e de configurar para que o
contorno seja escalado com a imagem.

Figura 32 - Opes de configurao de Contorno

Efeitos sobre o objeto

Os objetos, que podem ser desenhos a mo livre, figuras vetoriais incorporadas

ou qualquer elemento geomtrico, podero ter suas aparncias modificadas com
uma simples rotao ou distoro.

Girar e inclinar

Para girar um objeto, primeiro selecione a Ferramenta Seleo na barra de

ferramentas. D um clique no objeto para selecion-lo e mais um clique para que
apaream as alas de rotao. Utilize estas alas para girar o objeto at encontrar a

captulo 3 145
posio desejada. O Centro de Rotao que aparece no centro do objeto pode ser
movido para qualquer lugar; o objeto ser girado em torno desse centro.

Figura 33 - Alas de rotao

Para rotacionar o objeto, basta posicionar o ponteiro sobre uma das alas de
rotao (ponteiro fica no formato de uma seta circular) e arrastar ao redor do
centro de rotao; esse centro de rotao poder ser movido para qualquer ponto
do objeto.

ATENO
Para distorcer um objeto o procedimento o mesmo da rotao, mas, em vez de
utilizarmos as alas de rotao, vamos utilizar as alas de distoro que podero ser movidas
na horizontal ou vertical.

Espelhar

O espelhamento inverte a orientao do objeto tanto na horizontal como

na vertical. No menu Organizar escolha o comando Transformar > Usar escala

captulo 3 146
> espelhar. A opo Escala e Espelho aparecer. Utilize-a para escolher entre
espelhamento horizontal ou vertical.

Figura 34 - Efeito de espelhamento

Agrupar e desagrupar

Os arquivos criados pelo CorelDRAW esto no formato vetorial, so elementos

grficos que podem ser editados e alterados.

COMENTRIO
Uma figura vetorial pode ser composta por vrios objetos, os objetos podem ser
organizados em diversas camadas e depois agrupados para facilitar a sua movimentao.
Esses objetos podem depois ser desagrupados transformando-se novamente em vrios
objetos que podem ser trabalhados independentemente.

Para desagrupar, selecione o objeto agrupado e na barra de propriedades clique

sobre o boto Desagrupar ou escolha a opo Desagrupar (Ctrl + U) no menu
Organizar. Para agrupar, primeiro selecione todos os objetos que sero agrupados,

captulo 3 147
em seguida clique sobre o boto Agrupar na barra de propriedades, ou escolha
o comando Agrupar (Ctrl + G) no menu Organizar. Observe que depois que os
objetos forem agrupados eles passam a fazer parte de um nico objeto, e, ao clicar
sobre um deles, todos sero selecionados. Voc pode selecionar um nico objeto
a partir de objetos agrupados, pressionando e mantendo pressionada a tecla Ctrl
enquanto faz a seleo.

Duplicar e clonar

O comando Duplicar faz uma cpia idntica do objeto duplicado e a posiciona

logo acima do objeto que a deu origem.

Poderamos alcanar o mesmo resultado copiando e colando o objeto, mas, por

ser apenas um comando e no mexer com a rea de Transferncia, o comando
Duplicar acaba sendo mais prtico e eficiente.

Para duplicar um ou mais objetos, basta selecion-los e, em seguida, pressionar

as teclas Ctrl + D, ou escolher o comando Duplicar do menu Editar. Caso o
desenho seja composto por vrios objetos desagrupados, recomendado que
os agrupe antes de duplic-los; isso pode evitar confuso em desenhos muito
complexos.
O Comando Clone semelhante ao comando Duplicar, a diferena que
um objeto clonado fica vinculado ao objeto que o deu origem, ou seja, qualquer
mudana no objeto original aplicada tambm ao objeto clonado.

Alinhar e distribuir

possvel organizar os objetos de forma controlada nos sentidos horizontal e

vertical. E ainda os distribuir ordenadamente de modo que a distncia entre eles
seja igual. Para alinhar e distribuir dois ou mais objetos, primeiro selecione-os
e depois escolha o comando Alinhar e Distribuir no menu Organizar. Na caixa
de dilogo Alinhar e Distribuir que aparece, possvel escolher entre as opes
de alinhamento. Clique na guia Distribuir para definir como os objetos sero

captulo 3 148
distribudos. Clique no boto Visualizar para ver o resultado e em Aplicar para
finalizar a operao.

Figura 35 - Caixa de opes Alinhar e Distribuir

Ordenar e combinar

Quando voc cria um objeto novo, ele posto acima dos outros, e talvez
seja necessrio que ele fique atrs ou entre os outros objetos. Para solucionar esse
problema, podemos reordenar os objetos. Para isso, basta usar os comandos Para
a frente, Para trs, Avanar um, Recuar um, Na frente e Atrs do menu Organizar
> Ordenar, para alterar a ordem dos objetos sobre a pgina. Utilize a ferramenta
Seleo para selecionar o objeto que sofrer a ao do comando.
A combinao de dois ou mais objetos gera um nico objeto, que passar
a ter a cor de preenchimento e contorno igual a do ltimo objeto selecionado.
Selecione os objetos que sero combinados e escolha o comando Combinar no
menu Organizar.

Ferramenta Texto

O CorelDRAW oferece todos os recursos comuns de criao e edio de

textos, e entre eles podemos destacar alguns recursos especiais que permitem
que as letras sejam alteradas independentemente e at combinadas com figuras
geomtricas. No programa encontramos dois tipos de entrada de texto: Texto

captulo 3 149
Artstico e Texto de Pargrafo. As duas formas esto disponveis na barra de
propriedades, selecionando a ferramenta Texto.

Figura 36 - Opes de Texto

Texto de pargrafo e texto artstico

O Texto Artstico um pequeno trecho de texto, que aceita uma quantidade

maior de efeitos, o seu tamanho mximo limita-se a 250 caracteres. Para a entrada
desse tipo de texto documento, selecionamos a ferramenta apropriada e damos
um clique no ponto inicial desejado. O cursor exibido para voc dar incio
digitao do texto. Aps a digitao, se desejar, poder expandir ou esticar o texto
digitado, arrastando um dos quadradinhos que envolve o texto. As opes da barra
de propriedades so tipo de letra, tamanho, negrito, itlico, tipos de sublinhado,
alinhamentos, formatao de caracteres (abre um janela direita) e Editar Texto
(que permite edio em uma janela em separado).

captulo 3 150
 Figura 37 - Editar Texto Artstico

Se o seu trabalho requer grande quantidade de texto, convm optar pelo Texto
de Pargrafo. Diferentemente do Texto Artstico, o Texto de Pargrafo no permite
a aplicao de efeitos especiais nem redimensionamento simplesmente arrastando
uma ala de seleo. Por outro lado, o Texto de Pargrafo oferece muitas opes
de formatao de texto como: modificar a tabulao, inserir marcadores, inserir
capitulares, hifenizao automtica, dividir texto em colunas, vincular o fluxo de
texto entre quadros de texto de pargrafo, entre outras.

Figura 38 - Texto de Pargrafo e suas opes de formatao

Ajustando texto ao caminho

Algumas vezes voc precisa adicionar seu texto ao caminhos ou ento como
preenchimento de objetos. Para isso basta digitar o seu texto e criar um caminho
que ele dever seguir (geralmente se traando uma linha). Clique sobre seu texto e
depois clique no menu Texto > Ajustar Texto ao Caminho. Ao posicionar o mouse
prximo borda de seu caminho, o cursor mudar de forma, permitindo que se
adicione o texto.

captulo 3 151
 Figura 39 - Aparncia de texto com efeito

Voc tambm pode criar o caminho e clicar na ferramenta texto, depois clicar
na linha que o texto a ser digitado seguir a linha. Aps ser aplicado o efeito,
possvel alter-lo com a barra de propriedades.

Figura 40 - Barra de propriedade Efeitos de Texto

Efeitos especiais

O CorelDRAW apresenta uma srie de possibilidades de transformaes

aplicveis aos objetos. Com recursos especiais, possvel criar figuras
tridimensionais, dar profundidade aos objetos, tornar elementos transparentes
etc. Todos esses comandos esto disponveis no menu Efeitos.

Efeito envelope

Um envelope utilizado para distorcer a forma de um objeto e funciona como

um recipiente colocado em volta do objeto. Com isso, o objeto forado a assumir
a forma do recipiente, distorcendo-se durante o processo. Quando um envelope
aplicado a um objeto, vrios pontos de controle se tornam disponveis, permitindo
a voc manipular o objeto facilmente.

Figura 41 - Opo ferramenta Envelope Interativo

captulo 3 152
 Figura 42 - Resultado do efeito Envelope Interativo

Efeito extruso

Com o efeito extruso possvel criar um efeito tridimensional no objeto

selecionado, escolhendo uma das formas predefinidas ou combinando uma ou
mais opes para obter um efeito personalizado.
Para testar o efeito, crie um texto artstico simples, ou faa uma figura e
selecione a opo Extruso, do Menu Efeitos. Clique sobre a guia Bisis e selecione
o boto Aplicar. Com isso, a figura apresentar um efeito 3D e seu ponto de fuga,
que permite aumentar ou diminuir a perspectiva do efeito.

Figura 43 - Resultado do efeito Extruso

captulo 3 153
Efeito lente

O efeito Lente permite que com a combinao de dois elementos se possa

modificar a visualizao de um dos objetos, sendo que o outro ser a lente. Importe
uma imagem e desenhe a forma que ser a sua lente. Clique no menu Janela >
Janela de Encaixe > Lentes.

Figura 44 - Opes do efeito Lente

Quando se coloca uma lente a um objeto, se modifica a forma como os

objetos por trs dele so percebidos. aceitvel escolher um dentre diversos
tipos de lentes, cada um capaz de produzir resultados diferentes. Esses resultados
diversificam desde uma modificao de cor, como exemplo, a produzida por um
mapa de calor, inverso e aumento do brilho das lentes, at uma distoro, como
a de uma lente de aumento ou uma objetiva olho-de-peixe. Nos dois casos, a
lente modifica o modo como percebemos os objetos que se encontram atrs dela
e no as propriedades e os atributos reais desses objetos. Pode-se optar dentre os
seguintes tipos de lente: Transparncia, Ampliar, Clarear, Inverter, Limite de cor,

captulo 3 154
Adicionar cor, Tons de cinza tingidos, Mapa de calor, Mapa de cor personalizado,
Aramado e Olho-de-peixe.

Figura 45 - Resultado do efeito Lente

Efeito Powerclip

O CorelDRAW permite colocar figuras vetoriais e imagens em formato

bitmap, como fotos no interior de outros objetos ou recipientes.

EXEMPLO
Esse recipiente pode ser, por exemplo, um texto artstico ou um retngulo.

Quando voc coloca um objeto em um recipiente maior do que o recipiente,

esse contedo cortado para se ajustar forma do recipiente. Isso cria o que
chamamos de PowerClip. O CorelDRAW possibilita tambm extrair o contedo
de um objeto PowerClip, para que voc possa excluir o contedo ou modific-
lo sem afetar o recipiente. Para criar um objeto PowerClip, faa um objeto que
ser o formato do recipiente, que pode ser um crculo, uma estrela ou quadrado.
Importe uma fotografia que ser o contedo. Selecione a fotografia e clique em
Efeitos > PowerClip > Colocar em recipiente. Clique no objeto que deseja utilizar
como recipiente e pronto.

captulo 3 155
 E o resultado:

Figura 46 - Resultado do efeito PowerClip

Adicionar perspectiva

Com a ferramenta Adicionar Perspectiva voc pode acrescentar profundidade

aos seus desenhos, tornando-os muito mais destacados. Para adicionar perspectiva
em um objeto, o processo simples. Digite e selecione uma palavra. Depois v
at a Barra de Menus >Efeitos > Adicionar Perspectiva. Ento mova os ns que
aparecem nos quatro cantos do objeto at atingir o aspecto desejado.

captulo 3 156
 Figura 47 - Resultado do efeito Adicionar Perspectiva

Inserindo smbolos e importando figuras

Smbolos so figuras simples que podem ser utilizadas para realar um desenho
ou ilustrar um documento. Eles esto disponveis no comando Smbolos do menu
Ferramentas, ou no boto Cortina Smbolos da barra de ferramentas.

Figura 48 - Inserindo smbolos na rea de desenho

Aps selecionar esse comando, a cortina de smbolos exibida com a primeira

categoria disponvel. Escolha uma dessas categorias e arraste o smbolo para a
pgina. Como so elementos vetoriais, eles podem sofrer todo o tipo de alterao
para mudana de aparncia.

ATIVIDADE
Treine agora um pouco do que foi estudado neste captulo. Inicie o CorelDRAW e faa
alguma figuras geomtricas. Redimensione essas figuras e faa algumas curvas com a
ferramenta Bzier. Coloque cores e contorno. Importe imagens e comece a experimentar
alguns efeitos e alteraes. Crie alguns textos e veja as possibilidades.

captulo 3 157
 REFLEXO
Como foi mencionado no captulo anterior, apesar de termos trabalhado bem as
ferramentas e as aplicaes do software, importante que, alm da sala de aula e do
laboratrio, tudo o que foi aprendido seja praticado. Continue aprimorando e buscando
mais informaes. E, claro, no deixe de perguntar ao seu professor toda e qualquer dvida
que tiver.

REFERNCIAS BIBLIOGRFICAS
GARCIA, A. C. CorelDRAW X6 Interagindo com as Ferramentas. So Paulo: Editora rica; 2007.
HORIE, Ricardo Minoru; OLIVEIRA, Ana Cristina Pedrozo. Crie Projetos Grficos com Photoshop CS6,
CorelDRAW X6 e InDesign CS6. So Paulo: Editora rica; 2012.
HURLBURT, Allen. Layout: o Design da Pgina Impressa. So Paulo: Nobel; 2002.
PRIMO, Lane. Estudo Dirigido de CorelDRAW X6 em Portugus. Coleo Estudo Dirigido PD. So
Paulo: Editora rica; 2012.
RIBEIRO, Milton. Planejamento Visual Grfico. 8. Ed. Braslia: LGE; 2003.

captulo 3 158
 4
Interao dos
softwares e
fechamento de
arquivos
Interao dos softwares e
fechamento de arquivos

Agora que abordamos dois dos programas mais utilizados para criao de
imagens vetoriais e ilustrao, vamos estudar como eles podem interagir com
outros softwares para criao de materiais grficos mais complexos e contedos de
comunicao visual.
Veremos neste captulo tambm como se d a aplicao dos diferentes formatos
de arquivos digitais e os processos para fechamento de arquivo e como prepar-los
para sada em mdias impressa e digital.

OBJETIVOS
Neste captulo pretende-se que sua aprendizagem seja referente a:

Realizar a interao dos programas aprendidos com outros softwares.

Conseguir criar materiais de comunicao visual.
Compreender as diferenas em arquivo aberto e fechado e suas especificaes para
cada mdia.

Preparao de composies e contedo de comunicao visual pela

interao dos softwares mais utilizados no mercado

O contedo e a forma so elementos fundamentais no contexto das expresses

artsticas e dos meios comunicacionais. Na comunicao visual a expresso do
contedo pode ser feita de maneira direta ou indireta. No entanto, est sempre
associada expresso da forma, visto que ambos provocam efeito um no outro.
Assim, o conhecimento das tcnicas e dos elementos bsicos da comunicao
visual permite ao designer uma grande variedade de meios para a expresso visual
do contedo, ao mesmo tempo em que auxilia na transmisso da mensagem que
se objetiva passar, e influencia a compreenso dos receptores na interpretao
e na percepo do contedo desejado. Do ponto reta, da forma textura. A
escolha de cada elemento como imagem e fonte e a utilizao dos elementos
bsicos da comunicao visual vai de acordo com o que o designer pretende

captulo 4 160
transmitir em sua composio grfica, de tal modo que os elementos so usados
em intensidades e variedades diferentes, as quais afetam de modo distinto cada
receptor da mensagem visual.

COMENTRIO
Por esse motivo, a escolha do aplicativo grfico de suma importncia para o melhor aprovei-
tamento do seu projeto de design. Entender as particularidades, os pontos fortes e, principalmen-
te, as suas aplicaes maximiza os resultados e potencializa o efeito no receptor.

Nos captulos anteriores estudamos os softwares de desenho e ilustrao

vetorial mais utilizados pelo pblico, seja profissional ou amador. Cada um deles
tem suas caractersticas prprias, vantagens e desvantagens. Entretanto, alm
disso, importante salientar as limitaes de cada um e perceber a importncia
da utilizao de outros programas para a criao de um perfeito projeto grfico.
Muitas vezes pequenos erros so cometidos por puro desconhecimento: elaborar
um rtulo ou etiqueta com letras midas e cores especiais no Photoshop, ou
um catlogo de 40 pginas e uma centena de tabelas no Illustrator. So detalhes
que geram perda de tempo, retrabalho e bastante dor de cabea, principalmente
quando se tem um prazo apertado. Tambm importante evitar riscos tanto para
o designer como para o cliente.
Ademais, natural a utilizao mais de um programa para executar suas
tarefas (por exemplo, voc pode editar imagens no Photoshop e importar no
Corel). O Illustrator um excelente programa vetorial, porm no foi feito para
usar pginas. A partir da verso CS4 voc at pode utiliz-las como Artboard,
mas, dependendo da quantidade de ilustraes, imagens e textos, o arquivo vai
ficar pesado e voc at corre o risco de perd-lo. O ideal separar as pginas
em arquivos diferentes ou optar por outro programa. O CorelDRAW apesar
das crticas um programa extremamente verstil. Com ele voc trabalha com
uma boa quantidade de pginas, muitas imagens e textos com uma velocidade
muito boa, mas a partir de um determinado tamanho o risco de instabilidade
e perda do trabalho ainda maior que no Illustrator. H anos vem se tentando
chegar a um consenso de qual o melhor em diversos fruns, blogs, listas
de discusso e sites relacionados, mas nunca se chegou a um denominador
comum. No Brasil, indiscutivelmente, o CorelDRAW possui mais usurios

captulo 4 161
que o Illustrator, realidade que no se confirma em outros pases como, por
exemplo, os Estados Unidos, onde o Illustrator lder do mercado de softwares
para desenho vetorial.
Algumas vezes necessrio comear a diagramao sem tratar as imagens.
Nesse caso, a compatibilidade entre os programas da Adobe extremamente til,
voc pode importar tudo no Indesign ou Illustrator e editar as imagens durante ou
aps a diagramao no Photoshop. Ao salvar as alteraes, as imagens nos outros
programas so automaticamente mudadas.
O Photoshop permite criao de imagens belssimas e efeitos complexos.
Porm textos com fontes pequenas ficam levemente pixados para impresso
grfica offset. Se necessrio, melhor fazer o fundo em imagem e inserir os textos
no Corel ou Illustrator. Em trabalhos com muitos textos (revistas e catlogos) o
Indesign apresenta melhor desempenho. comum efeitos como transparncia
e sombras do CorelDRAW apresentarem problemas no fechamento do arquivo.
No Illustrator possvel trabalhar com bom desempenho utilizando 72 dpi
nos efeitos para editar (mas preciso lembrar de converter para 300 dpi antes
de gerar o pdf em alta para impresso). Para fuses simples com transparncias
e mscaras em gradiente voc pode at utilizar Corel e Illustrator sem maiores
problemas, entretanto, para fuses complexas, com uso de mscaras e efeitos
de camadas tipo Overlay e Multiply, os melhores resultados so no Photoshop.

Aplicao dos diferentes formatos de arquivos digitais e

fechamento de arquivo

Quando um arquivo salvo em um aplicativo grfico, ele salvo no formato

de arquivo nativo, ou seja, o formato proprietrio criado especificamente para
aquele aplicativo. Por exemplo: Illustrator gera os arquivos com extenso .ai, o
CorelDRAW gera .cdr, o Photoshop .psd etc. Dentre os quase 5.000 diferentes
formatos de arquivos digitais, utilizam-se apenas algumas dezenas rea de
Desktop Publishing em geral (mdia impressa e eletrnica). Com tantos formatos
de imagem, s vezes difcil decidir qual o melhor para cada aplicao. Cada
uma das extenses possui caractersticas prprias, sendo indicadas para situaes
diferentes. O JPEG mais utilizado na web por seu pequeno tamanho, mas o
PNG mais verstil e recomendado para uma qualidade um pouco maior. Alis,
do ponto de vista da qualidade, o EXIF e o TIFF fazem bonito, mas apresentam

captulo 4 162
problemas de compatibilidade com programas comuns, ento no existe um
formato que seja bom em tudo.

(Joint Photographic Experts Group)

Formato padro da grande maioria dos usurios, possui
uma altssima taxa de compresso capaz de fazer com
que um papel de parede com resoluo Full HD (1920
1080) ocupe apenas 100 kB em disco, mas isso so-
mente possvel porque a compresso joga fora parte
da qualidade.

GIF (Graphics Interchange Format)

Formato desenvolvido pela CompuServe antes do JPEG
para os antigos computadores de 8 bits. Na poca, essa
era uma boa soluo graas s limitaes de qualidade
dos monitores e dos modems de conexo discada. Em
imagens web que no necessitam de muita qualidade, o
GIF passa a ser uma opo melhor do que o JPG tanto
pelo maior nvel de compresso quanto por oferecer co-
res mais vivas. Tem sido utilizado atualmente na criao
de pequenas animaes para web.

BMP (Windows Bitmap)

Preserva todos os detalhes do arquivo original, mas gera
arquivos finais bastante grandes por no utilizar nenhuma
compresso. A extenso utilizada .BMP ou .DIB (Device
Indepedent Bitmap) e no suporta transparncia, sendo
mais comuns em computadores com Windows.

EPS (Encapsulated Postscript)

Capaz de incorporar tanto as informaes de vetores, bem
como de imagens (bitmaps), foi um formato de arquivo
muito utilizado na indstria grfica, para impresso de alta
qualidade por conter os dados de vetores e imagens, hoje
caindo um pouco o seu uso graas ao PDF, mas ainda
sim um formato de arquivo muito bom para intercmbio
entre programas de edio de diferentes plataformas e
desenvolvedores.

captulo 4 163
PNG (Portable Network Graphics)
Desenvolvido para suprir as limitaes do formato GIF, suporta
milhes de cores em vez das poucas centenas do formato
anterior. Suporta tambm fundo transparente, compresso sem
perdas e at animaes, embora no nativamente.

PSD (Adobe Photoshop Document)

Muito utilizado por profissionais da rea de design, o formato PSD
indicado principalmente para usurios das verses do Photoshop
por possuir suporte a mscaras, modo CMYK, camada de texto,
canais alfa e outras ferramentas avanadas. Para arquivos maiores,
o Photoshop utiliza a extenso .PSB (Photoshop Big), que capaz
de salvar um arquivo de at 300 megapixels.

TIFF (Tagged Image File Format)

Considerado por muitos o melhor formato de imagem de
alta qualidade para se trabalhar, o TIFF utiliza compresso
sem perdas, mas preciso lembrar que ele no aumenta a
qualidade automaticamente.

EXIF (Exchangeable Image File Format)

Bastante similar ao TIFF, suporta 8, 16, 24 e at 48 bits de
cores, portanto altamente recomendado em situaes nas
quais a qualidade final da imagem muito mais importante
do que o tamanho do arquivo, como em imagens mdicas, por
exemplo. Algumas cmeras digitais de alta qualidade salvam a
captura em EXIF para no jogar fora nenhum detalhe.

RAW
Utilizado principalmente em cmeras digitais utilizando
compresso sem perdas ou com quase nenhum desperdcio
de informao.

WEBP
Desenvolvido pelo Google em 2010, o WEBP traz a proposta
de fazer as imagens ficarem at 40% menores do que o JPEG
sem sacrificar a qualidade. Segundo a empresa, cerca de 65%
de todo o trfego da internet so compostos por imagens, das
quais mais de 90% so JPEG, ento a mudana para esse for-
mato diminuiria o trfego mundialmente e diminuiria os custos
de armazenamento das empresas.

captulo 4 164
 Figura1. Comparativo entre os formatos JPEG e GIF

De modo geral, a maneira mais confivel para se dar sada em um projeto,

principalmente se for para impresso, salvar um PDF (Portable Document Format)
usando as predefinies PDF/X-1a com marcas de corte e informaes do arquivo.
Essas opes j esto pr-configuradas no preset da Reproset. As fontes devem estar
incorporadas no arquivo PDF. Caso no haja permisso para incorpor-la (font not
embedded), deve-se transform-las em curvas antes do fechamento. O termo fechar
refere-se a preparar um arquivo para impresso. O arquivo pode ser manipulado em
outro computador, e, assim, podem ocorrer imprevistos como problema de fontes,
movimento acidental de elementos do arquivo, problemas de cor etc.

CURIOSIDADE
O formato de arquivo, conhecido como PDF, foi criado pela empresa Adobe, com o ob-
jetivo de facilitar a leitura e compatibilizao entre diferentes sistemas operacionais (Windo-
ws95, 98, XP e Windows Vista, Linux, Apple MAC OS X etc.) e tambm serem compatveis
em diferentes computadores (PC e Macintosh).

Dessa forma um arquivo PDF tem como objetivo: ser altamente portvel e
compatvel. Teoricamente, deve ser lido igualmente em qualquer computador em
que for aberto, independente da instalao de fontes (famlias e tipos de letras), e

captulo 4 165
softwares adicionais, exceto o programa gratuito fornecido pela Adobe, chamado
Acrobat Reader, ou simplesmente Reader. Alm de inmeras qualidades, os
arquivos PDF so criados com um tamanho muito pequeno em comparao com
os arquivos editveis de outros programas. Sua grande e talvez nica limitao seja
o fato de no poder ser editado, a no ser por programas muito especficos e que
na maioria das vezes no apresentam um resultado muito satisfatrio.
Por causa da grande quantidade de opes disponveis para se transformar
um arquivo postscript em PDF, ou gerar um PDF nativo de um aplicativo de
editorao eletrnica, foi necessrio criar um padro de PDF especfico para
uso grfico (conhecidos como PDF/X) no qual elementos desnecessrios e
que podem causar erros de processamento como elementos multimdia (sons,
filmes, animaes etc.), funes de formulrios (menus automticos, campos
para preenchimento etc.), recursos de internet e bancos de dados (hiperlinks
e catalogao automtica), anotaes e comentrios de reviso no fossem
incorporados ao PDF.

CONCEITO
O padro PDF/X-1a um desses padres internacionais, normalizado pela ISO. Esse
padro prev arquivos seguros e confiveis, montados a partir de informaes genricas e
universais, permitindo seu uso por todos os sistemas de fluxo de trabalho grfico que supor-
tam o formato PDF, independentemente do aplicativo e da plataforma em que os documen-
tos originais foram criados.

Preparao do arquivo para mdia impressa e mdia digital

Depois de muitos debates e de uma enxurrada de informaes dizendo que

enfim entramos na Era Digital, tornou-se fundamental uma anlise mais
detalhada da importncia que cada mdia tem no meio corporativo e qual
delas mais adequada para divulgar os produtos e servios da sua empresa.
Qual mdia escolher para divulgar, fazer aparecer, atrair e conquistar quem
v. A tecnologia hoje est cada vez mais presente na vida das pessoas, seja de
maneira pessoal ou profissional.
O acesso informao de maneira eletrnica, por intermdio do que
chamamos de novas mdias, como a internet, as TVs por assinatura, os

captulo 4 166
painis digitais, pode ser considerado um meio fcil e rpido a uma grande
parte da populao. Entretanto, a mdia impressa jornais, revistas, cartes,
convites, malas-diretas, folders, entre outros continua eficiente como forma
de atingir o pblico em massa. Por isso, a qualidade da mdia impressa
to importante e deve ser valorizada para que o produto no se torne algo
rapidamente descartvel.
Se voc precisa salvar sua criao para a web, nenhuma funcionalidade
melhor do que o comando Salvar para Web no Adobe Illustrator. Essa caixa de
dilogo abre um painel de visualizao onde voc pode testar diferentes formatos
de arquivo antes de salvar o arquivo. A primeira coisa a fazer selecionar todo
o desenho. Em seguida, v em FILE> SAVE FOR WEB & DEVICES e a s
escolher o formato que se quer salvar.
No CorelDRAW, abra o arquivo com sua arte e selecione o objeto. Clique
em Arquivo e, em seguida, clique em Exportar para a Web. Na caixa de dilogo
Exportar para a Web, escolha configuraes predefinidas na caixa de listagem
Predefinir. Para modificar as configuraes predefinidas, altere as opes de
exportao na caixa de dilogo. Clique em Salvar como. Escolha a unidade e a
pasta em que deseja salvar o arquivo. Digite um nome na caixa Nome do arquivo.
Para finalizar o processo, clique no boto Salvar.
Qualquer que seja a forma de sada do arquivo criado importante respeitar
as caractersticas e as especificaes de cada meio. Para garantir a qualidade dos
impressos, o responsvel pelo fechamento do arquivo final deve ter cuidado com
alguns detalhes que sero responsveis pela fidelidade de cores, pela preservao
dos detalhes das imagens e das fontes e pelo correto acabamento.

Cores

O padro CMYK usado para impresso. Como o CMYK que se usa na indstria
grfica baseado na mistura de tintas sobre o papel e o CMYK usado nos sistemas de
computador no passa de uma variao do RGB, nem todas as cores vistas no monitor
podem ser conseguidas na impresso, uma vez que o nmero de possibilidade de cores
CMYK (grfico) significativamente menor que o RGB. Alguns programas grficos
incorporam filtros que tentam mostrar no monitor como a imagem ser impressa. No
entanto, de modo geral, todos os arquivos devem ser convertidos por completo para
CMYK. Vejamos como converter as cores para esse padro.

captulo 4 167
No CorelDRAW

1. V at o menu Editar > Localizar e Substituir > Substituir Objetos

2. Selecione a opo Substituir um modelo ou paleta de cores

captulo 4 168
 3. Selecione Localizar qualquer modelo ou paleta de cores. Na opo Substituir
pelo modelo de cores deixe como CMYK e na opo Substituir cores usadas como
use Preenchimentos.

4. Repita o processo para contornos, selecionando a opo correspondente

captulo 4 169
No Illustrator

1. Voc pode escolher o modo CMYK quando for abrir um novo arquivo.
Basta escolher CMYK indo em Advanced (Avanado) e escolher o Color Mode
(Modo de Cor) como CMYK.

2. Tambm possvel alterar o modo de cor depois que seu arquivo estiver
aberto. Primeiro confira qual modo de cor voc est usando. No exemplo a seguir
estamos usando em RGB.

captulo 4 170
 3. Para alterar, basta acessar o menu File (Arquivo), selecionar a opo
Document Color Mode (Modo de Cor do Documento) e selecionar a opo
CMYK Color.

Preto carregado, preto fundo, preto puro e preto linha

O preto uma cor que merece cuidado especial na hora da impresso e na hora
da criao do arquivo. Na impresso h algumas orientaes para cada um deles,
e suas particularidades devem ser respeitadas. O preto carregado um tipo de
preto que as grficas no aceitam para impresses. Quando a soma de todas as
cores superar 320%, esse preto ser carregado. Ou seja, uma carga muito grande
de tinta ser liberada, fazendo com que a impresso possa borrar ou ento grudar
em outros papis. O preto fundo recomendado para ser utilizado no fundo das
artes de seus arquivos e indicado somente para impresses offset.

captulo 4 171
 Por conter um pouco de ciano em sua composio, se ele for utilizado na impresso
digital, sair um preto com tom azulado. A configurao desse preto C 40 M 0
Y 0 K 100 (Ciano 40%, Magenta 0%, Amarelo 0% e Preto 100%). O preto puro
recomendado para textos ou curvas das artes de seus arquivos. Ele pode ser
utilizado tanto em digital como em offset. No recomendado para ser utilizado
como fundo das artes, pois ele pode passar a ter um tom marrom escuro. A confi-
gurao deste preto C 0 M 0 Y 0 K 100 (Ciano 0%, Magenta 0%, Amarelo 0%
e Preto 100%). J o preto linha deve ser usado como contorno em seus textos
quando eles estiverem a frente de um fundo preto, pois a tinta poder invadir as
outras cores na impresso. Com esta proteo, seus textos ficaro mais ntidos. A
configurao do preto linha C 1 M 1 Y 1 K 100 (Ciano 1%, Magenta 1%, Amarelo
1% e Preto 100%)

Fonte: Novo Manual de Produo Grfica

Margem de segurana

As margens de segurana servem para que voc tenha uma noo da rea
do arquivo que no ser cortada. Todas as informaes importantes devem estar
dentro dessa rea.

Linha de corte

As linhas de corte mostram aproximadamente aonde o seu arquivo ser

cortado. No use essa linha para demarcar o fim da sua arte nem coloque qualquer
informao nessa rea, pois ser passvel de corte.

Sangria

A sangria serve para garantir que o fundo do seu arquivo aparecer por
completo, assegurando que nenhuma rea branca aparea. Essa rea no pode
conter nenhuma informao importante, pois o corte pode variar, acarretando
corte da informao.

captulo 4 172
Objetos

Os objetos nada mais so do que qualquer coisa utilizada na criao de uma

arte. Imagens, fontes, curvas, gradientes, sombreamentos etc. sempre necessrio
cuidado especial com cada um. Elementos como fontes devem ser convertidos
em curvas, gradientes e sombreamentos devem ser transformados em imagens e a
qualidade de suas imagens deve ser maior ou igual a 300 dpi.

No CorelDRAW

Para saber quais so seus objetos e quais ou quantas camadas esto ativas,
basta abrir o Gerenciador de objetos.
Aqui possvel verificar quantos objetos
o seu arquivo tem ou se possui efeitos
ou textos. Tambm possvel verificar
qual o modo de cor e quais cores esto
sendo utilizadas.
importante converter fontes e
outros objetos que no esto em curvas.
Para converter um objeto em curvas
voc pode ir at o menu Organizar e
selecionar a opo Converter em curvas,
ou acessar o menu rpido pressionando
Ctrl + Q.

captulo 4 173
 Alguns objetos, como gradientes, texturas, lentes etc. devem ser convertidos
em imagens, j que a transformao somente em curvas no vai resolver possveis
problemas na hora da converso. Para converter objetos em imagens, basta ir ao
menu Bitmaps e escolher a opo Converter em bitmap, ou ento atravs do
menu rpido \.

captulo 4 174
 necessrio utilizar a opo Modo de cor com cor CMYK. Convm
tambm configurar a resoluo para 300 dpi no mnimo.

No Illustrator

Para converter um objeto em vetor, v ao menu Type e escolha a opo

Create Outlines.

captulo 4 175
Fechando o arquivo

Essa uma parte importante do processo, pois todo o arquivo deve ser
verificado. Tenha a certeza de que todos os elementos foram convertidos em curvas
e os efeitos foram transformados em imagens. Confira tambm se o seu arquivo
est em modo CMYK. Alm disso, confira se no existe excesso de cor, formando
preto carregado ou ento alguma outra cor muito carregada. Aps ter finalizado a
conferncia, salve seu arquivo em PDF/X-1a.

Salvando em PDF/X1-a no Corel

Para salvar em PDF/X-1a v ao menu Arquivo e Publicar em PDF. Escolha o

nome do seu arquivo e clique em Configurar.

Na opo Compatibilidade, escolha PDF/X-1a e logo em seguida selecione,

no menu superior, a aba Objetos.

captulo 4 176
 Na aba Objetos, deixe selecionada a opo Compactar texto e linha artstica,
mude as opes Cor para 800, Tons de cinza para 800 e Monocromtico para
1200. Depois s clicar em OK.

Salvando em PDF/X1-a no Illustrator

Os fechamentos de arquivos a partir do Illustrator no so muitos comuns,

pois, assim como o CorelDRAW, geralmente um programa utilizado para
desenhar. Entretanto, caso tenha desenvolvido algum trabalho nesse programa e
deseje dar sada diretamente dele, isso possvel. Para comear, clique em File e
escolha a opo Save As.

captulo 4 177
 Depois escolha o nome para o seu arquivo e escolha a opo Adobe PDF.

Mude a opo Adobe PDF Preset para PDF/X-1a:2001.

Certifique-se de que na aba Output a opo Destination esteja como U.S.

Web Coated (SWOP) v2.

captulo 4 178
 de extrema importncia que voc sempre confira os arquivos PDF fechados
para verificar e garantir que no existam problemas, quanto a fontes, sangria,
imagens e cores. Preste muita ateno nas configuraes adicionais que podem ser
fornecidas pela empresa que far a produo.

Arquivo aberto arquivo fechado (arquivos PostScript e PDF)

Um arquivo aberto editvel. Isso significa que pode ser aberto em algum
aplicativo (programa) e ser trabalhado normalmente em seus elementos,
sejam eles, textos, layout, diagramao, fontes e suas propriedades, como
negrito, itlico etc. Com o arquivo aberto ainda possvel ajustar margens,
formatar cabealhos, rodaps, adicionar e tratar imagens e fotos. Podem ser
feitos quaisquer tipos de alterao, desde um simples e pequeno detalhe at a
transformao completa do trabalho.
Entretanto, essas facilidades e vantagens do arquivo aberto podem esbarrar em
dificuldades como as listadas a seguir:

O tamanho fsico do arquivo gravado no computador o torna invivel para

transferncias e envio pela internet, muitas vezes sendo necessrio gravar o arquivo
em uma mdia fsica, como CD ou DVD e encaminhar esse material ou entreg-
lo pessoalmente.
As caractersticas do arquivo podem ser perdidas ao abri-lo em outro
computador. Fontes podem ser completamente alteradas ou a diagramao pode
por algum motivo, ser ignorada pelo computador que abrir seu arquivo.
Para que muitos arquivos sejam abertos corretamente, devemos reproduzir
as condies originais em que o arquivo foi criado. Isso inclui: adicionar todos
os tipos de fontes utilizadas no documento, instalar o programa e componentes
(plug-ins) usados para criar o documento o que leva necessidade de licenas
de uso de softwares, configurar as impressoras da mesma forma que estavam
configuradas no computador que deu origem ao arquivo.

Os exemplos de arquivos abertos mais comuns so arquivos criados no Word,

Illustrator, CorelDRAW e InDesign.
O arquivo fechado gerado por um comando de impresso em que sero
configurados os parmetros de sada (formato, sangria, lineatura, resoluo,
descrio da impressora etc.). Em vez de ser impresso, ser transformado em um

captulo 4 179
formato chamado PostScript (PS). O sistema PostScript foi criado pelos fundadores
da Adobe e da Apple, e trata-se de uma linguagem de repesentao de dados capaz
de descrever para o dispositivo de impresso (impressora, por exemplo) o layout
final da pgina a ser impressa. Com isso, evitavam-se problemas de diferena entre
o que se via na tela do computador e o que saa na impressora. Desse modo, uma
impressora que imprima arquivos PostScript possui uma placa capaz de interpretar
essas linhas de comandos enviados a ela. Aps o recebimento desses comandos, a
impressora monta a pgina em sua memria e a imprime.
Posteriormente, o arquivo PostScript ser convertido em outro formato
de arquivo compacto, tambm criado pela Adobe, o j mencionado Portable
Document Format (PDF), que permite a visualizao e a transmisso e
utilizado pelas grficas para impresso offset. O PDF hoje o formato mais
moderno, prtico e eficiente para envio de arquivos eletrnicos para uso
grfico, um padro adotado pela maioria dos sistemas de fluxo de trabalho dos
principais fabricantes mundiais.
As vantagens de se fechar os arquivos:

Arquivos podem ser gerados com alta qualidade e mesmo assim ser muito
pequenos, podendo ser enviados rapidamente pela internet.
No necessrio reproduzir as mesmas condies do computador no qual
o arquivo foi escrito ou criado, eliminando grande parte dos problemas. No ser
necessrio ter os mesmos aplicativos utilizados para criar o arquivo, o que elimina
problemas como licenas de softwares.
Os textos e a diagramao sero fielmente reproduzidos em seus lugares, tal
como visualizado em seu computador, com chances remotas de algo sair errado.

ATIVIDADE
Vamos aproveitar o exemplo das atividades anteriores e incrementar um pouco mais.
Com a identidade visual daquela empresa fictcia criada nos outros captulos, faa agora
alguns materiais de divulgao de modo mais elaborado, respeitando as particularidades de
cada programa. Tente criar tambm um pequeno catlogo, de poucas pginas. Aps desen-
volver o material, feche tudo como se fosse enviar para impresso em grfica, considerando
todos os aspectos abordados aqui neste captulo. No se esquea de pedir ajuda ao profes-
sor caso tenha dvidas ou dificuldades.

captulo 4 180
 REFLEXO
Chegamos ltima parte de nossos estudos, mas somente nesse material. Como dito
antes, so necessrios aprendizado constante e preocupao com aprimoramento. Em de-
sign grfico, o cuidado com detalhes e acabamento faz toda a diferena na entrega de um
trabalho; garante satisfao para o cliente e para o profissional que desenvolveu o material.
Por isso, tenha sempre em mente a importncia de se manter atualizado e capacitado.

REFERNCIAS BIBLIOGRFICAS
ASSIS, Simone Pereira de. Prticas criativas no design grfico contemporneo [Dissertao]. So
Paulo: Universidade Anhembi Morumbi; 2011.
BONSIEPE, Gui. Design: do Material ao Digital. Traduo de Cludio Dutra. Florianpolis: FIESC/IEL; 1997.
DABNER, David. Curso de Design Grfico: Princpios e Prticas. So Paulo: Gustavo Gili; 2014.
FRASER, Tom; BANKS, Adam. O Guia Completo da Cor. Traduo Renata Bottini. So Paulo:
Editora Senac; 2007.
LUPTON, Ellen; PHILLIPS, Jennifer. Novos Fundamentos do Design. Traduo Cristian Borges. So
Paulo: Cosac Naify; 2008.

captulo 4 181
ANOTAES

captulo 4 182
ANOTAES

captulo 4 183
captulo 4 184