Introdução à imagem vectorial

1.ª parte

Introdução à imagem vectorial

Imagens baseadas em pixels

(bitmap)

• São imagens cuja estrutura de dados as permite serem

representadas como uma grelha rectangular de pixels, ou pontos de cor.

• As imagens baseadas em pixels tanto podem ser criadas

em programas de edição de imagem bitmap, como

capturadas em dispositivos de recolha de imagens como scanners ou câmaras fotográficas.

• Características das imagens bitmap:

• + ideias para a reprodução de originais fotográficos; • - perdem qualidade se redimensionadas;

• - ocupam geralmente mais memória.

• Tipos de ficheiros de imagem associados: • .tiff; • .jpeg; • .gif; • .png; • .psd; • eps; • .pdf. Sexta-feira, 2 de Março de 12

Imagens baseadas em vectores

• Ou mais correctamente, imagens baseadas em curvas

Bézier, são imagens compostas a partir de primitivas

geométricas (pontos, linhas e curvsa), descritas através de equações matemáticas;

• As imagens baseadas em vectores são normalmente

• Características das imagens vectoriais: • + escalonáveis sem perda de qualidade; • + ocupam pouca memória;

• - não podem reproduzir imagens fotográficas.

• Tipos de ficheiros de imagem associados: • .eps; • .ai; • .fh11; • .pdf; • .svg. Sexta-feira, 2 de Março de 12

2.ª parte

Painel de boas-vindas

• Aquando do arranque inicial do Illustrator CS5, é apresentado ao utilizador o painel de

boas-vindas;

• Este painel encontra-se dividido em quatro áreas: acesso a documentos recentes; ligações

a recursos online; notícias e tipologias de criação de documentos.

• Ao criar-se um novo documento segundo uma das tipologias sugeridas pela aplicação

(print, web, mobile, video), o Illustrator aplica automaticamente o conjunto de definições mais adequada à referida tipologia (ex. um documento web será definido com perfil de cor RGB e usará como unidade de medida o píxel).

• Ainda assim, surgirá sempre uma caixa de diálogo de confirmação das propriedades

Templates

• A partir do painel de boas-vindas é também possível iniciar um documento a partir de uma

série de modelos pré-criados; estes modelos consistem em layouts e medidas de documentos para impressão, web e vídeo;

• Particularmente útil é o modelo “FlexSkins”, onde se encontram uma variedade de

controles UI para maquetagem de aplicações Flex.

Interface

• O interface do Illustrator CS5 segue a filosofia de interacção definida pela Adobe para a

maior parte das suas aplicações: uma janela de aplicação dividida entre área de trabalho (1) , painel de ferramentas (2) e caixas de propriedades (3). O Illustrator possui ainda uma barra contextual (4), cujo conteúdo muda conforme a selecção e/ou ferramenta utilizada.

1

2

3

• Também como acontece com as demais aplicações da Adobe, é possível reordenar os

diferentes elementos do interface, e guardar essa organização sob diferentes perfis. O Illustrator traz de origem alguns perfis predefinidos, acessíveis a partir do botão

Essentials, disponível na moldura da aplicação.

Navegação dentro de um

documento

•

Desde a versão CS4, o Illustrator possui a capacidade

de trabalhar com múltiplas páginas. As principais

ferramentas para navegar entre as diferentes páginas

do documento são a

zoom e a hand tool.

•

Outra maneira de gerir diferentes páginas num

documento é através do novo painel

Artbords, que

Réguas e guias

• Tal como acontece no Freehand, é possível usar réguas para auxílio no uso da aplicação:

View -> Rulers -> Show Rulers.

• Cada página possui a sua própria régua, sendo o ponto zero definido no canto superior

esquerdo de cada página.

• É, no entanto, possível usar as medidas da mesma régua para TODAS as páginas da

aplicação: View -> Rulers -> Change to Global Rulers.

• Também no Illustrator é possível criar guias a partir das réguas;

• Ao contrário do Freehand, as guias comportam-se quase como se fossem objectos

vectoriais – é possivel rodá-las, apagá-las ou mudar a layer em que se encontram;

• É possível transformar um qualquer objecto numa guia: View –> Guide –> Make Guide; • Uma guia criada normalmente ocupa toda a área de trabalho do Illustrator; mas se a guia

Grelhas

• Para além das guias, é possível usar grelhas para alinhamento do trabalho: View –> Show

Grid;

• As propriedades da grelha são definidas no painel de Preferências da aplicação;

• Para além da cor, medidas e subdivisões da grelha, é também possível definir se a grelha

fica por cima ou por baixo dos objectos (Grids in Back).

Smart Guides

• Smart Guides são guias que surgem automaticamente quando se realizam algumas

acções sobre a área de trabalho;

• São particularmente úteis no alinhamento de objectos, na medida em que conseguem

identificar automaticamente os extremos e os centros dos mesmos.

• As smart guides também indicam medidas e destacam objectos seleccionáveis.

• É possível definir quais os componentes das smart guides activos a partir do painel de

Modos de visualização (menu View)

• Preview – modo de visualização normal;

• Outiline – apenas são visíveis os contornos dos objectos (corresponde ao modo Keyline

do Freehand);

• Pixel preview – permite visualizar gráficos vectoriais como se estivessem rasterizados

(adequado para a criação de conteúdos para a web);

• Overprint preview – permite simular em ecrã efeitos de impressão em overprint.

3.ª parte

Ferramentas de selecção

• As ferramentas de selecção do Illustrator são, normalmente, as ferramentas mais usadas

na aplicação, encontrando-se em lugar de destaque no lado direito do interface. Elas são:

• 1. Selection tool;

• 2. Direct selection tool; • 3. Group selection tool

(seleccionável carregando continuamente

sobre a direct selection tool).

₁

₂

₃

• A ferramenta de selecção normal selecciona unicamente objectos inteiros ou grupos

• A ferramenta de selecção directa selecciona somente um único objecto,

independentemente da forma como esteja agrupado, ou âncoras individuais dentro de um objecto.

• A ferramenta de selecção de grupo selecciona sequencialmente grupos, desde o objecto

isolado até ao grupo que contém todos os objectos do qual o objecto seleccionado faz parte.

1

2

• A ferramenta de selecção normal também pode ser usada de forma inversa à ferramenta

de selecção de grupo: ao fazer-se duplo-clique sobre um grupo, este é progressivamente

subdividido até se chegar ao objecto individual (à semelhança do que acontece com o Adobe Flash).

1

2

3

4

• Para sair do modo de selecção de grupo, basta fazer duplo-clique numa zona em branco

do ambiente de trabalho.

• Em conjunto com as ferramentas referidas, é possível usar a tecla de Alt para alterar a

Magic wand

• Outro tipo de ferramenta de selecção no Illustrator é a magic wand (varinha mágica) . Tal

como acontece no Photoshop, a magic wand selecciona objectos por similaritude de cor.

• Ao fazer duplo-clique sobre o ícone da ferramenta, é possível definir a tolerância da

selecção.

Seleccionar através de

regras

• É possível realizar selecções usando como

base os atributos de um objecto seleccionado;

• Usando o botão Select Similar Objects da

barra contextual, é possível seleccionar objectos que tenham a mesma cor de contorno, preenchimento, espessura, opacidade ou aparência.

Seleccionar por detrás de objectos

• Ocasionalmente poderá surgir a necessidade de se seleccionar um objecto que esteja

escondido por detrás de outro objecto;

• O Illustrator oferece um método próprio para realizar esse tipo de selecção:

• 1. seleccionar o objecto que se encontra por cima do objecto pretendido com a

ferramenta de selecção normal;

• 2. seleccionar novamente o mesmo objecto premindo a tecla Control (PC) ou

Command (Mac); o objecto por detrás será seleccionado.

4.ª parte

Criação de polígonos

• As várias ferramentas de criação de polígonos do Illustrator são influenciadas por um conjunto

de atalhos, que só se encontra disponível durante o processo de criação do objecto (i.e. deixam de ser aplicáveis depois de se largar o rato. Alguns destes atalhos são semelhantes aos usados no Freehand. Estes são:

• Shift + rato: os objectos são criados sempre com proporções uniformes; • Alt + rato: os objectos são criados a partir do centro;

• Espaço + rato: os objectos são movidos durante a criação;

• clique simples do rato (sem arrastar): os objectos são criados através das

propriedades de uma caixa de diálogo;

• Para além das figuras geométricas básicas (rectângulos e elipses), que usam apenas os

atalhos atrás referidos, existem outras figuras com opções adicionais:

• para o rectângulo boleado:

• setas cima/baixo + rato: mudar raio dos cantos do rectângulo; • para a ferramenta de polígonos facetados:

• setas cima/baixo + rato: muda o número de lados do polígono; • para a ferramenta de estrelas:

• setas cima/baixo + rato: muda o número de pontas da estrela; • alt + rato: alinha os “ombros” da estrela;

• command + rato: altera a diferença entre os pontos interiores e exteriores da

Criação de objectos abertos

• Os atalhos de teclado referidos anteriormente (Shift, Alt, Command, teclas de cursor)

também se aplicam a estes objectos, com uma lógica de funcionamento semelhante. Em alguns deles, no entanto, aplicam-se ainda atalhos adicionais:

• para a ferramenta de arco:

• x + rato: alterna entre arco côncavo e convexo; • c + rato: alterna entre arco aberto e fechado; • para a ferramenta de espiral:

• command + rato: altera a abertura da espiral • para a ferramenta de grelha rectangular e polar:

• f, v, x, c + rato: altera a proporção entre colunas horizontais e verticais

• (Exercício 1)

Pen tool

• A pen tool (caneta) é a ferramenta principal

de desenho vectorial do Illustrator. Possui um comportamento semelhante à pen tool do Freehand, sendo que, tal como este, permite o desenho de formas vectoriais através da manipulação de âncoras e pontos de

controlo.

• A pen tool permite a criação tanto de

segmentos rectos como curvos, através do uso de diferentes tipos de âncoras (smooth e corner).

• com a pen tool seleccionada:

• clique simples: é criada uma âncora recta;

• clique com arrasto: é criada uma âncora curva, com pontos de controlo;

• clique + Shift: são criados segmentos ou pontos de controlo com ângulos em 45º;

• clique + Alt: os 2 pontos de controlo associados a uma âncora deixam de estar

alinhados – útil quando se quer introduzir uma quebra numa linha curva;

• clique + espaço: a âncora é movida.

• (Pen_tool.ai)

Pencil tool

• A pencil tool (lápis) permite desenhar as formas

pretendidas à mão livre, sendo as âncoras e

pontos de controle adicionados automaticamente; é equivalente à ferramenta freehand do Freehand.

• Ao contrário deste, a pen tool do Illustrator

permite correcções automáticas à linha recém-desenhada, bastando para isso desenhar

novamente por cima.

• Para alterar os parâmetros com que é feita essa

correcção automática – duplo-clique sobre o

Smooth e path eraser

• As ferramentas smooth e path eraser são

concebidas para trabalhar em conjunto com a

pencil tool, embora funcionem em qualquer

objecto;

• A smooth tool permite suavizar linhas já

existentes;

• a path eraser tool permite desenhra

zonas de corte em paths (não confundir com a ferramenta eraser).

Editar vectores

• As ferramentas do Illustrator para edição de

vectores encontram-se no botão da pen tool. Para

além da pen tool, estas são:

• Add anchor point tool: permite adicionar

pontos a um path;

• Delete anchor point tool: remove pontos de

um path;

• Convert anchor point tool: permite converter

de uma âncora smooth para corner, e vice-versa.

Juntar paths

• O Illustrator possui dois comandos para juntar âncoras que se encontram separadas: join e

average (Object -> Path -> Join/Average):

• Join: cria uma linha recta entre duas âncoras separadas;

• Average: este comando liga âncoras alterando a sua posição, ao invés de criar um

segmento entre elas, sendo essa posição uma zona média entre as posições originais das âncoras.

• (Exercício 2)

Offset path

• O comando offset path permite aumentar ou diminuir de forma equidistante as margens de

Compound paths e compound shapes

• O conceito de compound path é comum ao Freehand, e refere-se ao facto de vários

paths poderem ser encarados pela aplicação como se fossem um único objecto. É uma situação que acontece vulgarmente com representações vectoriais de letras (a letra O, por exemplo, é um objecto com 2 paths, sendo que um deles representa o contorno da letra e o outro a forma interior.

• Uma das formas de criar

compound paths é com o

painel Pathfinders.

• No entanto, o Illustrator possui outro tipo de objecto – compound shape – que são

objectos aparentemente fundidos (como se criados através de uma operação booleana normal) mas que invisivelmente mantém as suas formas originais;

• Para criar um compound shape, utiliza-se também o painel de Pathfinder, mas

selecciona-se a opção pretendida com a tecla Alt.

• Para transformar um compound shape num objecto regular, pode-se usar o botão

Shape Builder

• A finalidade da ferramenta

Shape Builder é semelhante à

do Pathfinder; a diferença

principal é o seu modo de

operação ser mais directo. Com o Shape Builder, é possível

seleccionar directamente quais as parte de um desenho a unir, ou a remover, usando a tecla

Alt.

Blob Brush Tool e Eraser

• Quem já tiver desenhado com o software Flash, imediatamente encontrará

semelhanças com a ferramenta Blob Brush. Esta ferramenta permite

desenhar formas vectoriais naturalmente (ignorando âncoras e pontos de controlo):

• Ao criar-se diferentes formas com a mesma cor, estas são

automaticamente unidas;

• Ao criar-se formas com cores distintas, estas são mantidas separadas

do desenho existente.

• A ferramenta Eraser possui a funcionalidade inversa: apaga formas sem ser

necessário considerar a localização das suas âncoras ou pontos de controlo.

5.ª parte

Live Paint

Live Paint

• Live Paint é uma ferramenta que foi desenvolvida no Illustrator

com a intenção de permitir a aplicação de cor e textura sobre objectos de uma forma mais natural e menos matemática;

• Na generalidade dos programas de edição vectorial, um objecto

é constituído apenas por um contorno e um preenchimento; a adição de outro tipo de preenchimento/contorno a apenas uma parte de uma forma obriga necessariamente à criação de um novo objecto;

• Com o Live Paint, é possível pintar formas que estão fechadas

apenas visualmente, evitando-se todo o trabalho entediante de criação e aplicação de objectos adicionais.

• Criar um grupo Live Paint: clique com a Live Paint Bucket tool num conjunto de

objectos sobrepostos; esses objectos passam a poder ser pintados visualmente;

• Aplicar um preenchimento num objecto Live Paint: escolher a cor pretendida e clicar

no local a pintar com o Live Paint Bucket tool;

• Aplicar um contorno num objecto Live Paint: escolher a cor pretendida e clicar no

local a pintar com o Live Paint Bucket tool + a tecla de Shift;

• Adicionar/remover objectos de um grupo Live Paint: Usar o Isolation Mode

(duplo-clique);

• Retornar o grupo Live Paint ao estado inicial: Object -> Live Paint -> Release;

• Transformar o grupo Live Paint em vectores individuais: Object -> Live Paint -> Expand.

Gap Detection

• Incluído no Live Paint encontra-se a funcionalidade do Gap Detection. Com o Gap

Detection, é possível pintar formas com o Live Paint que não se encontrem

completamente fechadas visualmente, o que facilita em grande medida a coloração de formas criadas à mão livre;

• Para alterar as opções de Gap Detection: Object -> Live Paint -> Gap Detection. • (Exercício 4)

6.ª parte

Manipulação de texto

Point text e Area text

• Os 2 tipos maios vulgares de objectos de texto no Illustrator são o Point Text e Area

Text:

• Point Text corresponde a caixas de texto de contornos não definidos, sendo o seu

tamanho definido unicamente pela quantidade de texto existente. São usadas em situações de texto pontuais (labels de botões, por ex.)

• Area text são caixas de texto de tamanho definido e que podem ser usadas para

criar layouts baseados em texto. Possuem ainda opções adicionais para divisão e fluxo do texto.

• clique simples: cria uma caixa de Point Text;

• clique com arrasto: cria uma caixa de Area Text.

• clique no contorno de um objecto fechado: cria uma caixa de Area Text com a forma

do objecto.

• clique no contorno de um objecto fechado: o texto contorna o objecto.

• Type -> Area Type Options...: opções da caixa de texto.

Character, Paragraph e Open

Type

• O Illustrator partilha muitas das suas capacidades de

tratamento de texto com o InDesign, sendo como tal dotado de opções sofisticadas tais como controlo sobre leading e kerning, sub e superscript, controlo de

anti-aliasing, hifenização, controlo de justificação, e suporte a funcionalidades OpenType.

• As opções são acessíveis através do menu Window ->

Type.

7.ª parte

Appearances e efeitos

Appearances

• Como acontece em quase todos os programas de

desenho vectorial, os objectos vectoriais

representados pelo Illustrator são constituídos por um contorno (stroke) e um preenchimento (fill).

• O Illustrator é dotado um controlo sofisticado destas

propriedades através do painel Appearances, que

permite a adição/remoção e alteração de diferentes estilos de contornos e preenchimentos, bem como a aplicação de uma grande variedade de efeitos

• Um objecto com appearance básica é constituído por um único contorno e um único

preenchimento; através do painel Appearances, é possível acrescentar novos

contornos e/ou preenchimentos, sendo o aspecto final da ficgura definido pela sua combinação de posições, transparências e blending modes.

Live effects

• Além dos contornos e dos preenchimentos, existe um outro tipo de propriedade editável

através do painel das Appearances: os Live Effects.

• Live Effects são uma enorma variedade de efeitos aplicáveis nos objectos do Illustrator, que

vão desde 3D a filtros do Photoshop, passando por sombras e arredondamentos automáticos de cantos.

• Uma característica comum a todos estes efeitos é a de que são editáveis e não-destrutivos: é

• A organização dos efeitos é um bocado caótica, e o seu grau de utilidade varia muito, pelo

que é conveniente perder-se algum tempo para se perceber o que cada um faz.

• Usando o comando Expand Appearance, é possível subdividir uma appearance complexa

em múltiplos objectos com appearances simples, o que os torna mais compatíveis com outras aplicações.

Graphic Styles

• O painel Graphic Styles permite gravar e reutilizar combinações de aparências em novos

objectos. Também permite a edição de estilos gráficos já aplicados.

• arraste de objecto para o painel de Graphic Styles: é criada um graphic style

novo;

• clique num Graphic Style: o graphic style é aplicado a um objecto seleccionado; • clique em Redefine Graphic Style: todos os objectos com com o mesmo graphic

style são alterados.

8.ª parte

Escolha e aplicação de cor

Aplicar cor

• Alternativas para a

aplicação de cores de preenchimento e

Color Swatches

• O painel Swatches é o local

onde o Illustrator armazena as cores disponíveis para uso num documento.

• Pode-se criar uma cor nova

clicando no botão New Swatch, e de seguida

definindo o tipo de cor (process ou spot) ou se é global.

• Uma cor não-global é uma cor na

qual não existe relação entre o swatch e objectos sob os quais a cor esteja aplicada;

• Uma cor global é uma cor onde

existe uma relação entre o swatch e os objectos onde essa cor é

aplicada: se o swatch mudar a cor, todos os objectos com essa cor também mudam

Cor Global Cor Não-Global

Spot Colors

• Na caixa de diálogo de criação de nova cor, outra

opção disponível é criar uma cor como uma Spot Color (cor directa):

• No painel Swatches, a Spot Color é

representada com um ponto junto do swatch correspondente;

• No painel Color, passa a existir a opção de definir

a cor através de um tint;

• No botão Swatch Libraries Menu é possível

aceder uma grande pré-selecção de cores directas (e não só), entre as quais as que são parte do sistema de cores Pantone.

Pastas de cores

• É possível usar pastas para uma melhor organização dos vários swatches de cor que

constituem um trabalho:

• Clique no botão “New Color Group” é criada uma pasta vazia para colocação de

cores;

• Clique no botão “New Color Group” com um objecto seleccionado: surge

uma caixa de diálogo para a criação de uma pasta de cores com as cores

seleccionadas com o objecto; este método tem a vantagem adicional de permitir a criação de cores globais a partir das cores existentes nos objectos.

Color Guides

• Através do painel Color Guides, o Illustrator disponibiliza uma

série de opções para criação de harmonias de cores:

• A partor de uma cor base, são geradas no painel conjuntos de

cores correspondentes a harmonias definidas pelo utilizador (complementar, análogas, etc.)

• Em cada uma dessas cores são ainda exibidas variações tonais

(mais claro a mais escuro, mais intenso a mais acizentado, etc.)

• As cores obtidas podem depois ser armazenadas como

swatches.

• (Exercício 6)

Cor de base

9.ª parte

Gradients

• Para o Illustrator existem apenas 2 tipos de gradientes: linear e radial;

• A aplicação do gradiente num objecto pode ser feita através do painel Gradient, que

permite também a definição do n.º de cores integradas no gradiente, distribuição e ângulo, de forma semelhante à que acontece no Freehand.

• Usando a Gradient Tool na barrade ferramentas, é possível editar as mesmas opções do

painel Gradient de uma forma mais visual.

Patterns

• Para além das cores sólidas e gradientes, existe um terceiro tipo

de preenchimento: os patterns (padrões);

• Um pattern é aplicado como de uma cor normal se tratasse:

basta clicar no swatch respectivo no painel Swatches;

• O Illustrator oferece também algumas funções para edição de

patterns:

• arrastar objecto para o painel Swatches: é

automaticamente criado um padrão;

• arrastar swatch com padrão para o ambiente de

trabalho: o padrão fica editável.

Strokes

• Os strokes (contornos) possuem uma

funcionalidade e opções bastante

semelhantes àquelas que estão disponíveis no Freehand; essas opções podem se

acedidas no painel Strokes. Existem, no

entanto, algumas diefrenças:

• É possível definir se o contorno

também fica por fora (ou por dentro) do vector que o define, e não só no meio;

• Os contornos tracejados têm de ser

definidos numericamente.

Variable stroke width

• Uma poderosa funcionalidade

introduzida no Illustrator CS5 é a

capacidade de se criarem contornos com largura variável (variable witdh profile).

• Através da ferramenta Width, é

possível definir manualmente a espessura de qualquer ponto

arbitrário ao longo de um contorno.

• O perfil criado pode ainda ser

10.ª parte

Desenho expressivo

Desenho expressivo

• O Illustrator possui uma série de funcionalidades para controlo da expressividade do traço;

essas funcionalidades podem ser aplicadas com o rato, mas o seu real benefício torna-se mais evidente através do uso de uma mesa digitalizadora que permita o controlo directo da espessura (e em alguns modelos, inclinação) do traço.

• Traço feito com mesa digitalizadora (usando um brush 6D Art Pen):

• Traço feito com rato (brush 6D Art Pen):

Calligraphic brushes

• Um dos cinco tipos de ferramentas de desenho

expressivo existentes no Illustrator são os pincéis caligráficos (calligraphic brushes);

• O pincel caligráfico funciona de forma semelhante à

pen tool; a principal diferença reside nas opções

disponíveis para a variação do traço;

• Para se aceder ao pincel caligráfico:

• Escolher a paintbrush tool na barra de

ferramentas;

• Optar por uma das pré-definições no painel

• É possível igualmente criar definições novas para o pincel

caligráfico:

• No painél Brushes, clicar em New Brush; • Escolher a opção Calligraphic Brush;

• No painel seguinte é possível editar ângulo, forma, e

diâmetro da ponta do pincel.

• É também possível, a cada um desses parâmetros, atribuir um

valor fixo, aleatório, ou controlado através da mesa

digitalizadora (normalmente o valor controlado é o diâmetro, mas é possível controlar os outros atributos).

Scatter brushes

• O pincel de dispersão (scatter brush) permite a repetição de um objecto gráfico ao longo

• Para usar um objecto gráfico num pincel de

dispersão:

• Com o objecto gráfico pretendido

seleccionado, clicar em New Brush;

• Escolher a opção Scatter Brush;

• No painel seguinte é possível definir os

parâmetros de tamanho,

espacejamento, dispersão, rotação e coloração dos objectos criados pelo

pincel.

• Tal como acontece com o pincel

caligráfico, é possível controlar

parâmetros do pincel de dispersão com a mesa digitalizadora.

• É possível ainda definir, ou não, a rotação

dos objectos em relação à própria direcção do traço criado pelo pincel.

Art brushes

• O pincel de arte (art brush) funciona através da acomodação de um objecto gráfico ao

• Para usar um objecto gráfico num

pincel de arte:

• Com o objecto gráfico

pretendido seleccionado, clicar em New Brush;

• Escolher a opção Art Brush;

• No painel seguinte é possível definir a forma como será feita a distorção do objecto gráfico ao longo do percurso do pincel.

Pattern brushes

• O pincel de padrão (pattern brush) permite a aplicação de cercaduras que se adaptam à

forma de objectos gráficos sem distorção.

• Independentemente do quanto a forma final é esticada, o padrão aplicado mantém as

proporções.

• Para editar um pincel de padrão:

• Duplo-clique sobre um padrão

existente no painel Brushes.

• O painel seguinte permite configurar

como se comporta cada elemento gráfico constituinte do padrão:

1. gráfico a meio da forma;

2. gráfico num canto exterior;

3. gráfico num canto interior;

4. gráfico no início de um path;

5. gráfico no fim de um path.

• É possível ainda definir como o gráfico

se adapta ao path em que é aplicado:

Bristle brushes

• O último tipo de pincel expressivo do Illustrator é o pincel de pêlo (bristle brush) cuja

função é a de simular vectorialmente o traço criado pelos pincéis de pêlo reais.

• Para criar um pincel de pêlo novo:

• No painel Brushes, clicar em New Brush; • Escolher a opção Bristle Brush.

• No painel seguinte, é possível escolher o tipo de ponta de pincel, bem como a largura,

tamanho do pêlo, densidade do pêlo, grossura do pêlo, opacidade da tinta e dureza do pincel.

11.ª parte

Layers

Layers

• Devido à própria natureza do interface do Illustrator, saber o

funcionamento as layers (camadas) torna-se fundamental para o uso da aplicação;

• O painel Layers contém uma representação hierárquica de todos os

objectos existentes no documento, o que o pode tornar algo

confuso; no entanto, é possível na maior parte dos casos ignorar os objectos existentes e concentrarmo-nos na organização das layers;

• Quando um conjunto de layers é definido, torna-se possível:

• esconder/mostrar layers; • alterar a sua ordem;

• alterar a sua forma de visualização (preview/outline);

Layer (fundo cinzento)

• Também é possível ver que objectos estão seleccionados e em que layer, através do

pequeno indicado quadrado situado do lado esquerdo do painel Layers.

• Esse indicador tem outra função fundamental: ao arrastar esse indicador, é possível

rapidamente reposicionar o objecto seleccionado noutra layer.

• (Exercício 8)

12.ª parte

Páginas múltiplas

• Desde a versão CS4 que o Illustrator possui

(finalmente) a capacidade de trabalhar com múltiplas artboards (páginas);

• As páginas de cada documento do Illustrator

podem ser configuradas a partir do painel de criação de novo documento, no quel é possível definir:

• n.º de páginas;

• espaço entre páginas;

• formato (padrão ou personalizado); • orientação;

• bleed.

Páginas múltiplas

• Através da Artboard Tool é possível manipular

as páginas do documento directamente no ambiente de trabalho. Esta ferramenta permite redimensionar, criar e mover páginas, bem como acrescentar opções de adicionais de página na barra contextual.

• Entre essas opções encontra-se o painel

Artboard Options, com configurações

adicionais de página (mostrar marcas centrais e laterais, guias e proporções para vídeo).

• Ao contrário do que acontece no Freehand, o Illustrator não muda automaticamente a ordem

das páginas de acordo com a sua posição no ambiente de trabalho; a página n.º 1 é sempre a primeira página a ter sido criada, a n.º 2 é a segunda a ter sido criada, etc., o que pode levar a confusão se alguma página for reposicionada com a Artboard tool.

• Desde o Illustrator CS5 que se encontra disponível o painel Artboards, no qual se pode

proceder à reordenação das páginas através do arrasto para a posição pretendida.

• É também a partir deste painel que é possível aceder à caixa Rearrange Artboards, que

realianha automaticamente as páginas de acordo com a ordem indicada no painel

Artboards.

Copy/Paste em páginas múltiplas

• Embora o Illustrator não possua funcionalidade de página mestra, é possível reproduzir

facilmente um mesmo objecto em múltiplas páginas;

• Após a cópia de um objecto:

• Edit -> Paste in Place: cola na página seleccionada o objecto copiado, na mesma

posição em que se encontrava na página original.

• Edit -> Paste on All Artboards: cola em todas as páginas do documento o objecto

copiado, na mesma posição em que se encontrava na página original.

13.ª parte

Técnicas de transformação

Ferramentas básicas de

transformação

• O Illustrator possui 5 formas de transformação de um

objecto: deslocação, redimensionamento,

reflexão, rotação e inclinação. Todas estas formas

são acessíveis a partir da toolbox e possuem modos

de operação semelhantes.

• Todas estas ferramentas possuem propriedades

adicionais, através de duplo-clique no respectivo

botão da tollbox (i.e. para se escolher opções extras

para a rotação, basta um duplo clique no botão de rotação). rotação reflexão redimensionamento inclinação deslocação

• As caixa de diálogo invocadas desta forma permitem a introdução de valores rigorosos para a

transformação dos objectos seleccionados e a aplicação da transformação num objecto clonado (ao invés do objecto seleccionado).

• Estas caixas também possuem valor informativo, na medida em que estas surgem já

preenchidas com os valores de transformação aplicados na vez anterior do seu uso.

• Por último, estas caixas permitem ainda definir se a transformação dave afectar as texturas

pertencentes ao objecto, bem como o seu contorno e estilos gráficos, ou não.

• Obviamente, as ferramentas de transformação podem também ser directamente usadas a

partir da toolbox, o que é particularmente útil quando a opção de bounding box (a caixa

com pontos de controlo que aparece automaticamete quando se selecciona um objecto) se encontra desactivada.

• Este método possui ainda a vantagem de tornar possivel definir com um clique o eixo a partir

do qual a transformação se processa.

eixo de transformação definido com a ferramenta de rotação

botão de rotação

Free transform tool

• Quando se trabalha com a opção de bounding box

desactivada, os pontos de controle respectivos

desaparecem, perdendo-se a capacidade de rodar e redimensionar instantaneamente o objecto

seleccionado; a free transform tool permite

restabelecer temporariamente esses pontos de controlo.

• Esta ferramenta possui, no entanto uma

funcionalidade adicional; juntamente com a tecla

Command, a Free Transform tool permite a

alteração individual de cada ponto de controlo, distorcendo assim o objecto.

Replicar transformações

• Com o comando Object -> Transform -> Transform Again, é

possível repetir indefenidamente a última transformação efectuada. Na imagem à direita, foi criada uma forma circular a partir da

repetição continua da rotação de uma estrela (com o eixo de transformação fora da forma da estrela).

• Outra forma de replicar transformações é através do comando Object -> Transform ->

Transform Again. Com este comando, torna-se possível editar múltiplos objectos

Alinhar

• As opções de alinhamento do Illustrator são semelhantes às do Freehand, sendo acessíveis

através do painel Align.

• Para além da opção de alinhamento à selecção, ou na página, tal como acontece no Freehand,

o Illustrator oferece uma 3.ª opção: Align to Key Object, o que permite que se defina um

objecto-âncora, a partir do qual todos os outros são alinhados. Esse objecto-âncora aparece no ambiente de trabalho com um contorno azul mais visível, e é definido através de um clique

de rato.

key object

14.ª parte

Links

• As imagens bitmap podem ser integradas no Illustrator de dois modos: linked (ligadas) ou

embebbed (embebidas).

• (ficheiro Bitmap.png)

• A forma como a imagem pode ser definida aquando da importação da imagem, ou

posteriormente, através do painel Links.

• Um pormenor importante a lembrar é que, para o Illustrator, é fácil transformar uma imagem

ligada numa imagem embebida mas o contrário não é verdade; se se perder o original da imagem que foi embebida, pode ser complicado recuperá-la.

Live trace

• Live trace é o nome da função de vectorização de imagem incluído no Illustrator. Tal como

acontece com todas as ferramentas desta aplicação com o nome “live”, esta actua

não-destrutivamente; ou seja, a imagem original mantêm-se intacta após a vectorização, a não ser que seja dada ordem em contrário.

• Esta funcionalidade vem de origem com

várias definições de imagem, desde a vectorização a preto-e-branco até a cor de alta fidelidade.

• Na definição “Tracing Options” é possível

definir com detalhe como é feito o pré-processamento e vectorização da

imagem

• Para definir permanentemente a

vectorização: Object -> Expand;

• Para repôr o estado original da imagem:

Object -> Live Paint -> Release.

pré-15.ª parte

Símbolos

Símbolos

• Símbolos são objectos gráficos reutilizáveis, armazenados no painel Symbols.

• A cada representação de um símbolo no ambiente de trabalho do Illustrator dá-se o nome de

instância. Sempre que é criada uma nova instância, é mantida a ligação com o símbolo que

lhe deu origem, i.e. quando se altera o símbolo original, todas as suas instâncias são alteradas da mesma forma.

• arrastar objecto para dentro painel Symbols: cria um novo símbolo gráfico;

• arrastar símbolo para fora do painel Symbols: cria uma nova instância do símbolo; • duplo-clique sobre instância: edita o símbolo correspondente no contexto em que se

encontra a instância;

• duplo-clique sobre um símbolo no painel Symbols: edita o símbolo isoladamente. • botão Break Symbol Link: deixa de haver ligação entre a instância e o seu símbolo.

Symbol sprayer

• Uma forma curiosa de se usar símbolos no Illustrator é através da Symbol

Sprayer Tool. Esta ferramenta permite inserir, e manipular, uma grande

quantidade de instâncias simultaneamente.

• A ferramenta pode ser aplicada com 8 variações de funcionalidade para adição,

reposicionamento, redimensionamento, rotação, recoloração alteração a transparência e do estilo gráfico das instâncias afectadas.

16.ª parte

Máscaras

Máscaras

• No Illustrator não existe o conceito de Past Inside; a técnica de usar objectos para definir a

área visível de outros objectos é fundamentalmente diferente;

• Para este programa aplica-se o conceito de máscara, que consiste num objecto invisível que

• Para uso em imagens bitmaps, o Illustrator possui uma função de máscara automática, que é

criada quando se clica no botão Mask da barra contextual;

• A partir desse momento, quando se move os pontos de controlo da bounding box, é a

máscara, e não a imagem, que é manipulada;

• Para uso em qualquer outro tipo de objecto, a aplicação da máscara tem de obedecer aos

seguintes passos:

• seleccionar pelo menos 2 objectos – o objecto a tapar e o objecto que servirá de

máscara – sendo que a máscara será o objecto que se encontra no topo;

• Clicar em Object -> Clipping Mask -> Make.

• Para editar um objecto dentro da máscara:

• Os botões Edit Contents e Edit Clipping Mask alternam entre edição da imagem e da

máscara.

• Em alternativa, basta entrar no Isolation Mode (duplo clique sobre o objecto) e realizar

Layer clipping mask

• Em determinadas ocasiões é útil a possibilidade de se poder activar ou desactivar uma

máscara que afecte todos os objectos de uma layer (por ex., para ver como fica um cartaz com e sem margem de bleeding);

• O comando Make/Release Clipping Mask, do painel Layers, permite alternar

rapidamente a visibilidade de uma máscara de layer, sendo que o objecto utilizado como máscara se situa sempre no nível mais acima dessa layer.

Opacity mask

• O Illustrator possui um tipo completamente distinto de máscara – opacity mask – com a qual

se torna possível a aplicação de formas difusas (tal como se tratasse de um canal alpha);

• Esta funcionalidade encontra-se na opção Make Opacity Mask, “escondida” dentro do

painel Transparency.

• Para alterar entre o modo de edição de objecto e da máscara, clicar no respectivo thumbnail

no painel Transparency.

17.ª parte

Perspectivas

Perspective grid

• A perspective grid é uma ferramenta poderosa de criação e de aplicação de objectos num

espaço tridimensional. No Illustrator, a essa grelha pode ser definida com 1, 2 ou 3 pontos de fuga, sendo a sua linha de horizonte, de terra e medidas definíveis directamente no ambiente de trabalho

•

A partir do momento em que a grelha está activa, objectos de

desenho que sejam aplicados no ambiente de trabalho serão

automaticamente aplicados à vista activa da grelha, conforme definido

no

Active Plane Widget.

•

Objectos que não sejam compatíveis com a grelha de perspectiva

(texto, por exemplo), não podem ser criados na grelha mas podem ser

posteriormente adicionados à grelha com a

Perspective Selection

Tool.

• Quando um object não compatível é adicionado à grelha, continua editável

através do Isolation Mode (duplo-clique).

• A Perspective Selection Tool permite igualmente mover e redimensionar os

objectos ao longo da grelha;

• Por fim, esta ferramenta permite também alterar a grelha na qual o objecto

seleccionado se encontra, através das seguintes teclas de atalho:

• 1 – grelha esquerda; • 2 – grelha direita; • 3 – grelha da terra; • 4 – sem grelha.

18.ª parte

Gravação e exportação

Gravação em AI

• O Illustrator permite a gravação de dados

editáveis em diferentes tipos de ficheiro: Illustrator AI, EPS e PDF;

• Illustrator AI é o formato nativo, e que

garante a maior fidelidade no registo da informação.

• Ao criar-se ficheiro AI compatível com

PDF, está-se essencialmente a inserir um duplicado do documento em PDF: o

ficheiro fica mais pesado, mas mais compatível com outras aplicações.

Gravação em PDF

• A gravação como PDF dispões de uma grande variedade de opções. O Illustrator possui

predefinições de gravação para diferentes tipos de uso:

• Illustrator Default: o ficheiro é gravado com uma cópia integral dos dados nativos,

para reedição posterior;

• High Quality Print: para impressão em impressoras e máquinas de provas:

• PDF/X: o ficheiro é configurado para compatibilidade total com fluxos de impressão

profissionais;

• Press Quality: para saída para pré-impressão; • Smallest File Size: para uso na Internet.

• A partir da caixa de diálogo de gravação para PDF, é possível criar um ficheiro pronto para

impressão em gráfica, sem necessidade de criação e destilação de ficheiro PostScript.

Exportação

• O acto de exportar implica necessariamente a perda de algum tipo de informação, pelo

que a escolha do formato de saída deve ser o adequado ao trabalho em questão.

• O Illustrator permite os seguintes formatos de exportação:

• PNG; BMP; AutoCAD (dwg, dxf); EMF; SWF; JPEG; PICT; Photoshop PSD;

TIFF; Targa; TXT; WMF.

• Se o objectivo da exportação for a continuação da edição da imagem em

Photoshop, ou animação em Flash, é conveniente que a exportação seja feita nos respectivos formatos, de forma a manterem-se características como layers e efeitos.

Recursos adicionais

Recursos oficiais

• Página oficial do Adobe Illustrator – http://www.adobe.com/products/illustrator/ • Fórum oficial do Adobe Illustrator – http://forums.adobe.com/community/illustrator/

illustrator_general

• Illustrator Exchange (para transferência de plugins, scripts e outros

complementos do Illustrator) – http://www.adobe.com/cfusion/exchange/index.cfm?

event=productHome&exc=17&loc=en_us

• Illustrator no Facebook – http://www.facebook.com/AdobeIllustrator

• Inside Adobe Illustrator (blog da equipa de desenvolvimento do Illustrator) – http://

blogs.adobe.com/infiniteresolution/

Outros recursos

• 80 Best-Of Adobe Illustrator Tutorials, Brushes, .EPSs and Resources – http://

www.noupe.com/illustrator/80-best-of-adobe-illustrator-tutorials-brushes-epss-and-resources.html

• 30 Beautiful Illustrator Brush and Symbol Collection – http://www.

1stwebdesigner.com/resources/30-beautiful-illustrator-brush-and-symbol-collection/

• Illustrator Tutorials – http://www.ndesign-studio.com/tutorials • Layers Magazine – http://www.layersmagazine.com/

• Vectortuts – http://vector.tutsplus.com/

• 50 Excellent 3D Adobe Illustrator Tutorials – http://www.smashingmagazine.com/

2009/06/16/50-excellent-3d-adobe-illustrator-tutorials/

Obrigado

Ivo Daniel