Académique Documents
Professionnel Documents
Culture Documents
www.forino.pt
OBJECTIVO DO MÓDULO
Desenvolver conceitos e habilidades para trabalhar com o Adobe Illustrator, fazendo
com que o trabalho criativo seja realçado.
AVALIAÇÃO
Assiduidade;
Pontualidade;
Trabalhos no decorrer das sessões;
Projecto final.
CONTEXTUALIZAÇÃO HISTÓRICA
O Adobe Illustrator foi desenvolvido para a Apple Macintosh pela primeira vez em
1987. Software desenvolvido de raiz na Adobe após ter desenvolvido a linguagem
PostScript que se tornou na linguagem padrão das linguagens de descrição de
página. Esta linguagem estabelece a comunicação entre o computador e a
impressora facilitando o processamento do trabalho.
Vectores – Illustrator
Num conjunto de pontos definidos desta maneira, à ligação entre dois pontos dá-se
o nome de vector. Isto é a base do sistema gráfico vectorial.
Bitmap – Photoshop
As imagens bitmaps são constituídas por pontos de luz com cor, ordenados em
linhas e colunas.
A cada ponto dá-se o nome de Pixel (Picture elements). A sua resolução depende
do numero de pixels por área
REFERÊNCIAS
Tipografia
http://www.bemboszoo.com/Bembo.swf
PREFERÊNCIAS
Ctrl+K
Menu edit Preferences
Com estes dois itens assinalados nas preferências, sempre que alteramos um
objecto que possui strokes ou patterns estes modificam-se proporcionalmente com a
modificação geral do objecto
OBTER AJUDA
Menu Help Illustrator Help
Tags quando o cursor passa por cima das ferramentas ou opções
Visualizar shortcuts, menu Edit (também no sitio http://www.keyxl.com)
Menu Help Welcome screen
Obs. As imagens que aqui aparecem correspondem ao Adobe illustrator CS2 em ambiente
Macintosh. Apenas ocorrem ligeiras diferenças gráficas nas janelas mas a funcionalidade das
mesmas é igual tanto em MAC com o em PC
JANELA DE TRABALHO
Tool Box
Ferramentas agrupadas consoante a sua função.
Palettes
• Contraídas ou expandidas;
• Agrupadas ou individualizadas;
Tab, faz desaparecer as palletes
Tab+shift, faz desaparecer as palletes excepto a tool box e o painel de controlo
(Nota: isto só funciona quando a ferramenta de texto não está seleccionada)
Painel de Control
• Pode ser removido e colocado noutro lado;
• Pode-se ter acesso ao conteúdo das palletes clickando sobre o
correspondente no painel de control e click+shift sobre o nome também no
painel de control;
• As opções do painel de control podem ser personalizadas através do canto
superior direito do painel.
Barra de menu
Local onde se encontram alojados os vários menus, com algumas acções comuns
às palletes.
TECLAS MODIFICADORAS
São teclas que em conjunto ou sozinhas possibilitam shortcuts facilitadores na
execução de alguns comandos.
• Shift
• Ctrl
• Alt
• Space
Cada novo objecto criado ocupa o lugar cimeiro em relação aos restantes. Essa
ordem pode ser alterada através do comando Arrange no menu Object.
Através da Tool Box é possível desenhar Linha; Arco; Espiral; Grelha Rectangular;
Grelha Polar – paths abertos
SELECCIONAR
Através da Tool Box tem-se acesso à ferramenta de selecção.
A ferramenta fica activa até nova selecção
Bounding Box
Quando um objecto é seleccionado é criada uma área que o envolve com a
sinalização dos pontos dos vértices e um ponto entre 2 vértices;
Pode ser activada ou desactivada no menu View.
Laço
Ferramenta da Tool Box, selecciona uma área irregular que não seja possível de ser
seleccionada com o processo de selecção de arrasto com a ferramenta de selecção.
Salvar uma selecção que será usada posteriormente, Menu Select Save
Selection.
ZOOM E NAVEGAÇÃO
Pallete Navigator,
Acesso ao zoom assim como possibilita a movimentação do documento (não dos
objectos).
Lupa
Ferramenta de Zoom. Clickar fora da área que se quer e depois arrastar o rato até
abranger toda a área pretendida.
Mão
Ferramenta da Tool Box ou através da tecla Space
Menu View
Zoom in e Zoom out
IMPORTAR DOCUMENTOS
Menu File Place
Pallete Link
É possível importar apenas um path (ou um layer) do photoshop, mas aqui não
através do Place mas sim com o Copy/Paste
Ctrl+S
Menu FileSave (Save as, Para guardar o documento com outro nome ou Save a
Copy para guardar um novo documento igual.
Caixa de dialogo
• EPS, Os ficheiros EPS podem ser criados e editados por programas de
edição electrónica, criação gráfica ou até processadores de texto possibilitando
deste modo a interligação dos vários softwares;
• Templates (após a sua criação quando abre um novo documento a partir
dele está a abrir um untitled com as características que foram definidas nesse
mesmo documento);
• SVG (scalble vector graphic, proporciona interactividade e dinâmica, formato
ideal para trabalhar para a web);
• EPS (possibilita a maior partilha do documento com outros softwares).
Num documento com texto e foto, para obter um documento com um bom
compromisso qualidade/peso é útil que antes de guardar para a web seccione o
trabalho e separe as fotos do resto através da ferramenta Slice. Ao salvar o
documento com as várias áreas dividas pode se optar por gif para o texto ou áreas
homogenias de cor e jpeg para as fotos optimizando, desse modo, o peso e a
qualidade do documento.
EXPORTAR
PNG, para a web;
SWF, para flash (preserva os vectores editáveis);
TIFF, rasteriza a imagem.
DESENHO À ‘MÃO LIVRE’
Pencil Tool
Para alem de desenhar à mão livre pode modificar formas já existentes dando um ar
mais ‘livre’ ao resultado final.
Paintbrush tool
Similar à pencil tool mas aqui o path sofre variações de intensidade consoante a
inclinação (ver brush)
Pen Tool
Ao contrario da pencil e paintbrush, que também desenham path, a pen tool
desenha através de pontos que unidos formam um path. Ao arrastar ao mesmo
tempo que se clicka para criar os pontos surgem dois manipuladores que formam
curvas (curvas de Bezier).
Há pontos angulares e pontos curvos (smooth) e ainda pontos que possuem as duas
características.
Enquanto um Path pode ser aberto, fechado ou modelada após ter sido criada, uma
linha composta por pixels (photoshop) só pode ser apagada.
Enquanto estiver a ferramenta Pen Tool seleccionada sempre que se clickar está-se
a criar mais pontos. Para desactivar uma ferramenta tem que ou pressionar a tecla
Ctrl para o cursor mudar para a ferramenta de selecção e ai clickar em qualquer sitio
da área de trabalho e assim a desactivar a ferramenta Pen Tool ou ir directamente à
Tool Box seleccionar outra ferramenta.
Um Path aberto pode sempre ser continuado. Quando se aproxima a Pen Tool a um
ponto final do Path o icon sofre uma modificação indicando a continuação desse
Path.
Knife Tool
Num Path fechado ao passar com a Knife Tool esta divide a forma em dois Paths
fechados
Scissor Tool
Corta um Path no sitio onde é accionada.
Join
Une dois pontos de inicio e fim de um Path aberto
Average
Coloca os pontos seleccionados na posição intermédia entre eles.
Outline Stroke
Transforma um Path aberto num objecto passando a ter capacidade de
preenchimento
Stroke
Linha recta
Linha tracejada
Tracejado com bolas (primeiro dash = 0)
Offset Path
Proporciona uma nova forma proporcional maior ou menor à já existente
Simplify
Quanto maior for o numero de pontos existentes num Path, mais pesado se torna o
documento.
Com um Path seleccionado é possível simplificar automaticamente o Path,
eliminando os pontos desnecessários, através do menu ObjectPathSimplify
(accionar a opção show original para ver a mudança).
Split into Grid
Através de 1 rectângulo é possível criar uma grelha e adicionar guias
automaticamente.
Path Clean up
Apaga pontos e objectos isolados e não necessários.
PALETTE PATHFINDER
Criar formas complexas sem ser necessário a pen tool
Os atributos do objecto final irão ser iguais ao objecto que estiver por cima.
EDIÇÃO DE TEXTO
O texto é um dos elementos essenciais de um layout.
Texto de ponto
Com a ferramenta Type Tool seleccionada, ao clickar na área de trabalho o cursor
altera-se para se poder iniciar a inserção de caracteres.
O objecto de texto fica identificado com um ponto que informa o inicio do texto.
Consoante a opção de alinhamento de texto, o ponto surge à esquerda, à direita ou
ao centro. Desta forma a mudança de linha só tem lugar através da tecla Enter.
Texto de Área
Com a ferramenta Type Tool, clickar e arrastar de forma a abrir uma caixa de texto.
Ao optar por esta forma de inserção de texto é possível limitar uma área de texto. A
passagem para a linha seguinte é feita automaticamente quando o texto chega ao
limite da caixa. Ao modificar a caixa de texto (com a ferramenta de selecção) o
próprio texto adapta-se automaticamente à caixa. Um quadrado no canto superior
esquerdo – Input – e um quadrado no canto inferior direito surgem na área de texto.
Span – altura das colunas e das linhas (quando alterada a área, pode ser fixa ou
não)
• Ascent – toma por referencia as astes ascendentes dos carateres que ficam
a tocar no limite superior da caixa;
• Cap height – tem como referencia os caracteres maiúsculos;
• xHeiht - tem como referencia a altura do carácter sem ascendente;
• Leading (entrelinha)- a referencia é a distancia entre a primeira linha de texto
e o limite superior da caixa ser igual ao valor da entrelinha estabelecido para o
texto;
• Fixed – a distancia entre a primeira linha de base do texto e a borda superior
do bloco é igual ao valor inserido na opção Min.
• Tamanho da letra;
• Distancia entre linhas;
• Kerning (espaço comum entre 2 caracteres – auto ou optical);
• Tracking (espaço entre dois caracteres).
• Alinhamento do paragrafo;
• Espaço entre o texto e a caixa (direita ou esquerda);
• Primeira linha de cada paragrafo começa depois das restantes;
• Espaço entre os parágrafos (antes ou depois);
• Opção com ou sem hifenização.
Também aqui existe um Input e um Output. O texto neste caso corre entre estas
duas limitações. No centro existe uma indicação que permite, com a ferramenta de
selecção directa, mover o texto ao longo do path e também mover o texto para cima
ou para baixo do Path
No caso de se pretender inserir o texto no próprio path hà que pressionar na tecla alt
para que a ferramenta passe para type on a path tool.
Qualquer alteração efectuada no estilo irá afectar todas as caixas de texto a ele
associadas.
Correcção ortográfica
Selecciona-se o texto pretendido Menu Edit Check Spelling (seleccionar a língua
correspondente)
Para estas opções estarem activas o tipo de fonte tem que ser Opentype
Glyphs painel
Selecciona-se o carácter pretendido e faz-se duplo click sobre ele, o carácter
especial aparece onde o cursor com a ferramenta de texto se encontra.
TEXT WRAP
Num layout por vezes é necessário fazer coexistir texto e imagem, em que o texto
‘embrulhe’ (wrap) a imagem para tal é necessário colocar a imagem por cima do
texto que se quer que ‘embrulhe’ a imagem. Selecciona-se a imagem (que está por
cima do texto) Menu Object Text Wrap Make.
Na text Wrap option é possível determinar a distancia que se quer entre a imagem e
o texto.
A COR NO ILLUSTRATOR
Pallete Color
• Escolher trabalhar preenchimento ou contorno;
• Modo de cor (CMYK, RGB, GRAYSCALE, etc);
• Criar cor (através da barra inferior ou através das componentes);
• Criar Swatch;
• Indica quando a cor escolhida está fora das cores seguras para a web
• Indica quando a cor está fora da gama RGB (caso cor CMYK) ou da gama
CMYK (caso da cor RGB), por exemplo.
Após escolher uma cor é possível torna-la amostra (Swatch) e utiliza-la sempre que
for preciso. Para isso basta arrasta-la para a pallete Swatches ou, no menu do canto
superior direito Creat new Swatch.
Pallete Swatches
Ao fazer duplo click numa Swatch aparece 1 caixa de dialogo:
• Nome;
• Tipo de cor:
o cor processada - através da quadricromia CMYK, de modo a serem
separadas na gráfica;
o cor directa (spot color), cores únicas que não são compostas – ex.
Pantones. Apenas se edita o seu valor.
• Opção global (possibilidade de trabalhar o claro/escuro da cor processada
(CMYK);
• Modo de cor (RGB, CMYK, etc.);
• Componentes da cor.
Ao alterar uma spot color, todo o objecto que a possuir é automaticamente alterado,
mesmo sem estar seleccionado, porque a spot color mantêm um link com a sua
Swatch. O mesmo já não acontece com as cores processadas, para isso é
necessário accionar a opção global na caixa de dialogo da cor nas Swatches
Biblioteca de cores
É possível gravar uma biblioteca de cores (swatches) e assim utiliza-la sempre que
for necessário. Com o comando Save Swatch Library, do menu do canto superior
squerdo, as swatches que se encontram na palette irão constituir essa nova
biblioteca.
Bibliotecas pré-definidas
È possível abrir bibliotecas pré-definidas, no menu do canto superior direito ou icon
canto inferior esquerdo.
Tanto na tool box como na palette color, precionando a tecla X troca-se a ordem
entre fill e stroke. Com a tecla Shift + X, a cor do fill passa para stroke e a do stroke
passa para o fill
GRADIENTES
Gradiente é a mistura de 2 ou mais cores (blend).
Não há limite para o número de cores num gradiente. É sempre possível arrastar
cores e largar na fase inferior da barra de cor da pallete Gradient.
Gradiente tool
É possível escolher como o gradiente vai aparecer no path clickando onde se quer
que ele comece e arrastando até onde se quer que ele acabe, percorrendo o path da
forma que se quiser.
PADRÕES
Outra forma de preencher paths fechados.
O padrão acontece quando uma ilustração é criada e definida como pattern. Ao ser
aplicada irá repetir-se infinitamente dentro de um Path fechado.
Para definir uma ilustração como padrão basta arrastar-la para a pallete Swatches.
Modificar o Pattern
Ao fazer o padrão, a repetição faz com que os contornos da ilustração se toquem.
Para que isto não aconteça é possível juntar um fundo sem preenchimento nem
contorno, maior que a ilustração, e agora os limites já vão ser do fundo e não da
ilustração.
LIVE PAINT
Com objectos sobrepostos, várias áreas são criadas. Com o Illustrator CS3 é
possível dar cor às diferentes áreas assim definidas sem ser necessário recorrer à
pallete Pathfinder para as dividir. Isso é possível através da Ferramenta Live Paint.
Para acrescentar novos Paths à área já definida como Live Paint grupo:
Menu Object Live Paint Merge
Palette Appearance
A palette informa, em cima no lado esquerdo, o que está seleccionado – o target -,
consoante o target assim serão as informações adicionais da pallete.
Num objecto preenchido (fill) e com contorno (stroke) a pallete appearance informa
qual o preenchimento e o stroke associado a esse target. Esta informação aparece
pela ordem de visualização, isto é, se aparece primeiro o stroke e depois o fill quer
dizer que o stroke está por cima do fill mas a sua ordem pode ser trocada.
Para voltar aos atributos por defeito – stroke preto e fill branco – basta pressionar a
tecla D.
Assim num mesmo objecto é possível criar efeitos que de outra forma só se
obtinham com vários objectos.
Copiar Atributos
Seleccionar primeiro o objecto que se quer alterar e então com a ferramenta
Eyedropper (pipeta) clickar no objecto que se quer copiar os atributos.
Grupos
Quando se trabalha com objectos pertencentes ao mesmo contexto é vantajoso criar
um grupo para que cada acção sobre esse conjunto de objectos seja comum.
• .
LAYERS
Para copiar um elemento de um layer para outro, basta fazer o mesmo mas desta
vez pressionando a tecla Alt.
Para trocar a ordem dos layers basta clickar sobre o layer e arrastar para a sua nova
posição.
Ao seleccionar o circulo é o próprio layer que fica seleccionado e é este que aparece
na pallete appearance fazendo com que seja o próprio layer a adquirir determinados
atributos.
Template Layer
Duplo click no layer da pallete e seleccionar template. Esse layer automaticamente
fica preso. Também no menu do canto superior direito é possível seleccionar
template layer.
Esta forma de layer é ideal para utilizar imagens bitmap que irão servir de base a
ilustrações.