Material de Aula do Curso Illustrator CS5 Recursos Fundamentais

Material de Aula

Illustrator CS5 Recursos Fundamentais Prof. Lula Rocha

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Este curso é para quem está começando ou já trabalha com o Illustrator mas quer ganhar uma base sólida de conhecimento sobre desenho vetorial.

No programa, várias técnicas de desenho, uso de cores, tipografia e imagens. Além de técnicas sofisticadas para aplicação de Efeitos, Vetorização, Blends, Pincéis e recursos para criação de Padrões.

O curso é apresentado com arquivos em formato Illustrator (.ai), onde os alunos podem acompanhar as explicações e ao mesmo tempo experimentar os recursos apresentados.

Prof. Lula Rocha

Conteúdo 01 Interface

04 Transformando e Construindo

07 Pincéis

• • • • • • • • •

• • • • • • • • • •

• • • • • • • •

Visão Geral Ferramentas Painel de Controle Painel Layers (Camadas) Painel Appearance (Aparência) Espaços de Trabalho (Workspaces) Visualização e Rolagem Novo Documento Pranchetas (Ferramenta e Painel Artboard)

02 Natureza do Desenho Vetorial • Estrutura & Aparência • Objetos • Ordem de Empilhamento 03 Recursos Básicos • • • • • • • • • • •

Preenchimento Contorno Efeito Formas Básicas Formas Básicas Detalhadas Ferramentas de Seleção Seleção por Atributo Grupo Segmento Composto Máscara Modo de Isolamento

Painel Pathfinder Ferramenta Shape Builder Comandos de Transformação Ferramentas de Transformação Comando Transform Again Comando Painel Transform Blend Blend Options Blend Replace e Reverse Spine Blend Expand e Release

05 Criando e Editando Segmentos • • • •

Ferramenta Caneta (Pen Tool) Ferramenta Lápis (Pencil Tool) Borracha, Tesoura e Faca Juntando Segmentos (Join)

06 Cor, Degradé e Padrão • • • • • • • • • • • •

Amostra de Cor Grupo de Cor Painel Swatches e Bibliotecas Cores Process x Process Global x Spot Color Regras de Harmonia Painel Color Guide Amostra de Padrão Biblioteca de Padrão Padrão sem emendas Painel Degradé Ferramenta Degradé Live Paint

Tipos de Pincél Ferramenta Pincél Ferramenta Pincél Blob Pincél Caligráfico Pincél Scatter Pincél Artístico Pincél de Padrão Bibliotecas de Pincél

08 Texto • Texto do Tipo Ponto x Tipo Área • Texto ao longo de Segmentos 09 Imagens e Vetorização • • • •

Imagem Vinculada x Imagem Embutida Painel Links Vetorização com Live Trace Vetorização Manual

10 Salvando e Exportando • • • •

Salvando em formato Illustrator Salvando em formato PDF Exportando em formato JPEG Exportando em formato PNG

11 Mais Informações • Help, Sites e Bibliografia

01 Interface • • • • • • • • •

Visão Geral Ferramentas Painel de Controle Painel Layers (Camadas) Painel Appearance (Aparência) Espaços de Trabalho (Workspaces) Visualização e Rolagem Novo Documento Pranchetas (Ferramenta e Painel Artboard)

Interface - Visão Geral Menu Principal

Barra do Programa

Todos os Painéis estão no Menu Window

Menu de Workspaces Escolha diferentes arranjos de painéis Clique no nome para restaurar arranjo padrão

Painel de Controle

Paineis na forma de Ícones

Painél de Ferramentas

Clique para expandir, clique para minimizar.

Para acessar um grupo de ferramentas clique e segure no ícone da ferrramenta visível

Fator de Visualização

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Pranchetas (Artboards)

Utilize o Painel Artboards para navegar pelas Pranchetas

Ferramentas

Grupos de Ferramentas Sempre que existir um pequeno triângulo ao lado de uma ferramenta significa que existem outras “escondidas” embaixo dela.

Pressione e segure o botão do mouse para abrir o grupo e acessar as outras ferramentas.

Destacar grupo de ferramentas segure o botão do mouse para abrir o grupo, mova o cursor para cima da barra vertical (tear off ) e solte o botão do mouse

Atalhos no teclado Posicione o cursor em cima de uma ferramenta para ver seu nome e a tecla de atalho correspondente entre parênteses.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Painel de Controle O Painel de Controle permite acesso rápido a diversos controles e outros painéis em um único lugar.

O Painel de Controle é um Painel contextual, isto significa que as opções apresentadas no painél podem mudar em função do objeto selecionado.

ABC Objeto de texto (Type)

Imagem

Instruções 1. Selecione um objeto com a Seta Preta.

2. No Painel de Controle, repare no nome do objeto selecionado e nas opções e painéis disponíveis para ele.

Segmentos abertos e fechados (Paths)

Dicas • Clique nos nomes sublinhados para acessar os painéis completos, com outras opções que não estão visíveis.

Grupo

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Segmento Composto (Compound Path)

Painel Layers O Painel de Layers gerenciar Camadas e Objetos através de várias funcionalidades como visualizar/esconcer, travar/destravar, duplicar e deletar, entre outras.

As Camadas são indicadas por linhas cinzas e os Objetos por linhas brancas.

Dicas • Dê um clique duplo no nome da Camada ou do Objeto para renomear.

• Arraste a linha de uma Camada ou Objeto para mudar sua posição na Ordem de Empilhamento.

• Utilize o Menu do Painel no canto superior direito para acessar comando

Menu do Painel Acesso a vários comandos e opções.

Cadeado Travar camadas e objetos.

Quando a camada está travada, o cursor das ferramentas de desenho exibe um ícone de “proíbido desenhar”.

Seleção Indica objetos selecionados.

Faixa Azul

Triângulo

Indica objeto em foco no qual podemos aplicar comandos a partir do Menu do Painel

Abrir e fechar camada e ver os objetos dentro da camada.

Dica Você pode selecionar objetos individualmente dentro de camadas e grupos. Para selecionar clique uma vez ao lado do círculo.

Olhinho Visualizar ou esconder camadas e objetos.

Aparência Coloca a aparência do objeto em foco e indica se o objeto tem aparência básica ou complexa.

Para ver linhas e miniaturas grandes 1. Menu do Painel > Panel Options

Deletar

2. Escolha Row Size = Large, ou Other e especifique o tamanho em pixels

Selecione objeto ou camada e clique uma vez para deletar ou arraste a linha para cima do ícone.

Criar nova Camada Clique uma vez para criar camada vazia, arraste para cima do ícone para duplicar uma camada ou objeto existente.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Painel Appearance Atributo em Foco Para modificar e aplicar efeitos nos atributos individualmente, clique na linha do atributo para colocar o atributo em foco.

O Painel Appearance permite controlar, em um único lugar, os atributos de aparência dos objetos e vários recursos importantes:

Importante: Ao terminar de editar o atributo, clique numa área livre do painel para colocar o o objeto e todos seus atributos em foco

Acesso a outros painéis • Painel Swatches (Clique na amostra) • Painel Color (Shift clique na amostra) • Painel Contorno (Clique Stroke) • Painel Transparência (Clique Opacity) • Painel Brushes (ao lado do Stroke)

Menu do Painel Vários comandos e opções.

Efeitos - aplique a partir do Menu FX. Ordem de Empilhamento - permite modificar a ordem de empilhamento dos atributos de um mesmo objeto.

Múltiplos atributos - de preenchimento e contorno em um mesmo objeto, a partir dos botões Add New Stroke e Add New Fill no rodapé do painel.

Efeito do objeto (modifica todos os atributos) Opacidade individual do atributo

Triângulo Abrir/Fechar atributo

Efeito individual do atributo

Olhinho Exibir/Esconder atributo ou efeito

Opacidade do objeto (modifica todos os atributos)

Opacidade - aplicada no objeto como um todo ou em atributos individuais Estilos Gráficos - para fácil reutilização de aparências complexas em outros objetos, arraste a amostra do Painel Appearance para o Painel Graphic Styles.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Adicionar Contorno

Adicionar Preenchimento

Adicionar Efeito

Limpar Aparência

Duplicar Item

Deletar Item

Espaços de Trabalho (Workspaces)

Menu de Workspaces

Os Espaços de Trabalho (Workspaces) são conjuntos de painéis específicos, selecionados em função de uma tarefa ou tipo de trabalho.

Instruções 1. Escolha o Espaço de Trabalho desejado no Menu Workspaces no canto superior direito da Barra do Programa.

Workspace Personalizado Você pode salvar um arranjo de painéis específicos criando assim o seu Workspace “personalizado” 1. Faça o arranjo abrindo e posicionando os painéis desejados.

Arraste os painéis puxando pelos ícones ou pelas abas e reposicione na área cinza (área de ancoragem). Antes de soltar o botão do mouse preste atenção na linha azul que indica onde o painel será posicionado.

2. Menu Workspaces > Save Workspace 3. Dê um nome e confirme.

O seu Workspace passa a fazer parte da lista.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Essentials - conjunto de painéis muito utilizados para qualquer tipo de trabalho.

Painting - conjunto de painéis muito utilizados quando a tarefa é pintura.

Typography - conjunto de painéis muito utilizados para layouts e manipulação de textos. ...

Dica Para restaurar o arranjo original abra o menu e clique novamente no Workspace desejado.

Visualização e Rolagem da Prancheta Todas as opções e comandos de visualização estão no Menu View.

Estrutura / Aparência Menu View > Preview/Outline (COMMAND/CONTROL + Y)

Atalhos muito utilizados: Visualizar Prancheta Ativa (Fit Artboard in Window) COMMAND/CONTROL + ZERO ( 0 ) Visualizar todas as Pranchetas (Fit All in Window) COMMAND/CONTROL + OPTION/ALT + ZERO ( 0 )

Zoom In e Out

Guias

COMMAND/CONTROL + TECLAS ( + ) ou ( - )

Exibir/Esconder Menu View > Guides > Show/Hide Guides

Visualizar 100% (Actual Size)

COMMAND/CONTROL + PONTO E VÍRGULA ( ; )

COMMAND/CONTROL + 1

Travar/Destravar Menu View > Guides > Lock Guides

Visualizar Réguas (Show/Hide Rulers) COMMAND/CONTROL + R

COMMAND/CONTROL + OTION/ALT + PONTO E VÍRGULA ( ; )

Visualizar Seleção (Show/Hide Edges)

Criar Guias Selecione um objeto > Menu View > Guides > Make Guides COMMAND/CONTROL + 5

COMMAND/CONTROL + H

Réguas (Show/Hide Edges) COMMAND/CONTROL + R

Zoom e Rolagem

Ferramenta Mãozinha (Tecla H) Segure BARRA DE ESPAÇO e arraste para rolar a página livremente. (Evite quando estiver editando texto).

Ferramenta Zoom (Tecla Z) Clique e arraste para aproximar uma área.

Segure OPTION/ALT para mudar de Zoom In (+) para Zoom Out (-).

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Novo Documento

Nome do Documento É importante começar de maneira organizada dando um nome ao documento. Lá na frente vai fazer toda diferença. Essa dica vale para tudo, Camadas, Grupos, Pincéis, Padrões e etc.

Menu File > New New Document Profiles Os perfis são configurações pré-fabricadas com tamanhos diferentes de pranchetas, unidades de medida e modos de cor.

1 2

Perfis muito utilizados Print - para impressão (Modo CMYK)

3

Web - para Web (Modo RGB)

5

Basic CMYK - genérico Basic RGB - genérico

4

6

Opções Avançadas Clique no triângulo para abrir e fechar.

7 8 9

1.

2.

3.

4.

5.

6.

7.

8.

9. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Configurações Perfis Pré-fabricados para documentos Número de pranchetas, distibuição na área de trabalho e espaço entre elas Tamanho das Pranchetas Unidade de Medida Orientação Sangramento Modo de cor Resolução dos Efeitos Raster Modo de Visualização

Ferramenta Artboard Formatos e Orientação

Mover/Copiar Objetos junto com as Pranchetas

No Illustrator uma Prancheta (Artboard) é o equivalente a uma página. Mas existem várias diferenças, as mais importantes são a liberdade de tamanho e orientação e o fato de não haver uma Página Mestre com objetos comuns, headers e footer e número de página como no InDesign.

Ferramenta Artboard

Criar Nova e Deletar

Opções de Visualização e de Prancheta

Renomear

Ponto de Referência, Posição (X,Y) e Tamanho (W,H)

Adicionar e Remover 1. No Paine de Ferramentas, selecione a Ferramenta Prancheta. Ao selecionar a ferramenta você entra no Modo de Edição de Artboards.

2. Clique e arraste para criar uma Prancheta. ou

• Utilize o Painel de Controle para especificar posição (X,Y) e tamanho (W,H) com precisão.

• Segure a tecla OPTION/ALT para arrastar cópias de Pranchetas existentes com seus respectivos conteúdos (se os objetos ou camadas estiverem travados eles não serão copiados).

3. No Painel de Controle, selecione um tamanho no Menu Presets, e ao lado a orientação.

• Utilize o Painel Artboards para navegar pelas Pranchetas existentes.

4. Clique uma vez no ícone New Artboard.

• Utilize o menu do Painel Artboards para acessar comandos e outras opções como por exemplo arrumar as pranchetas na área de trabalho.

5. Posicione o cursor sobre a área principal na posição desejada e clique uma vez para adicionar a prancheta.

6. Para remover, clique uma vez para selecionar a prancheta e pressionte DELETE. 7. Pressione ESC ou escolha qualquer outra ferramenta para sair do modo de edição.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Dicas

Atenção Quando for arrastar uma cópia da prancheta cuidado para não clicar em cima de um objeto.

Painel Artboard

Nome da Prancheta De um clique duplo para navegar para a prancheta desejada

Número da Prancheta Define a sequência na hora da impressão o ao criar um arquivo PDF.

Orientação da Prancheta De um clique duplo no ícone para abrir as Opções da Prancheta desejada

Reorganizar a sequência

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Menu do Painel Ccomandos e opções. Inclui Rearrage Artboards para reorganizar as prancheta na área de trabalho

Criar nova Prancheta

Deletar Prancheta

02 Natureza do Desenho Vetorial • Estrutura & Aparência • Objetos • Ordem de Empilhamento

Estrutura & Aparência Um objeto vetorial é definido por sua Estrutura e Aparência.

Estrutura A Estrutura do objeto é definida por Pontos Âncora (Anchor Points) e Segmentos (Paths).

Aparência A Aparência do objeto é definida por atributos (de aparência) aplicados em sua Estrutura.

Os principais tipos de Aparência são:

1. Preenchimento 2. Contorno 3. Efeitos Experimente Com a Seta Preta selecione um objeto e na ponta esquerda do Painel de Controle observe seus atributos de Preenchimento e Contorno.

Aparência Padrão (Default) Composta por preenchimento branco e contorno preto com 1 pt de espessura. Para aplicar, selecione o objeto e pressione a tecla D. Dica A única situação onde a Estrutura coíncide com Aparência é quando a forma tem NADA (None) no Contorno e apenas uma cor “sólida” no Preenchimento. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Para visualizar Estrutura & Aparência Menu View > Outline (Estrutura) / Preview (aparência) COMMANDO/CONTROL + Y

Objetos No Illustrator trabalhamos com Objetos.

Objetos simples podem ser combinados e transformados em outros tipos de objeto com caracterísitcas e funcionalidades específicas.

Objetos Simples (Paths)

Objetos com funcionalidades mais básicas incluem:

Ab

• Segmento (Path) • Grupo • Máscara (Clipping Mask) • Segmento Composto (Compound Path) • Texto (Type) • Imagem

Grupo

Segmento Composto

Máscara

Texto

Objetos com funcionalidades mais sofisticadas incluem: • Blend • Envelope Distort • Live Paint • Live Trace • Gradient Mesh • Símbolos (Symbols)

Blend

Mesh

Símbolos

Envelope Warp

Dicas • A maioria dos comandos para criar e editar objetos estão no Menu Object.

• Os objetos ficam listados no Painel Layers (Camadas). Clique no triângulo ao lado do nome da camada para ver os objetos dentro daquela camada.

• Quando o objeto está selecionado, o tipo do objeto aparece na ponta esquerda do Painel de Controle. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Live Trace

Live Paint

Imagem

Ordem de Empilhamento

Para visualizar a Ordem de Empilhamento: Abra o Painel Layers e clique no triângulo ao lado do nome da camada.

Os objetos vetoriais são totalmente independentes.

Quando criamos um objeto, uma nova “camada-objeto” é criada automaticamente.

O comportamento padrão do Illustrator é criar o novo objeto no topo da pilha.

Instruções 1. No Painel Layers, clique no triângulo ao lado do nome da camada para ver os objetos empilhados dentro da camada.

Para modificar a ordem de empilhamento 1. Selecione o objeto 2. Menu Object > Arrange > Bring to Front (Trazer para frente - topo da pilha) > Bring Forward (uma posição para cima) > Send Backward (uma posição para baixo) > Send to Back (Mandar para trás - base da pilha) ou No Painel Layers, clique e arraste a linha de um objeto para a posição desejada.

Experimente criar novos objetos e observe como eles aparecem no Painel Layers. © 2012 Lula Rocha. Proibida a reprodução e distribuição

03 Recursos Básicos • • • • • • • • • • • •

Preenchimento Contorno Efeito Formas Básicas Formas Básicas Detalhadas Ferramentas de Seleção Seleção por Atributo Caixa Delimitadora (Bounding Box) Grupo Segmento Composto Máscara Modo de Isolamento

Preenchimento (Fill) Preenchimento é o atributo de aparência aplicado dentro da estrutura do objeto.

Existem 3 Tipos de Preenchimento:

Cor, Degradé e Padrão.

Instruções 1. Selecione um objeto com a Seta Preta.

2. No Painel de Controle, escolha uma amostra para Preenchimento (amostra da esquerda).

Dicas • As amostras que aparecem no Painel de Controle são as mesmas do Painel Swatches.

• Para acessar o Painel Color a partir do Painel de Controle, segure a tecla SHIFT e clique na amostra de cor.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Cor

Degradé

Padrão

Contorno (Stroke) Contorno é o atributo de aparência aplicado em cima dos segmentos (ao redor dos objetos).

Instruções 1. Selecione um objeto com a Seta Preta.

2. No Painel de Controle, aplique cores no Contorno (amostra de cor a direita).

3. No Painel de Controle, modifique a espessura do contorno (Stroke Weight) usando o campo ao lado da palavra Stroke.

4. No Painel de Controle, clique na palavra Stroke para acessar o Painel Stroke completo.

Dicas • Não é possível aplicar degradés no contorno.

• No Painel Stroke, experimente as opções de alinhamento Center, Inside e Outsite, Dashed Lines para criar linhas pontilhadas, Caps e Corner (para acabamento de pontas e cantos), e Arrowheads para criar setas.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Acesso ao Painel Stroke

Espessura (Stroke Weight)

Perfis de Espessura Variável

Pincéis (Painel Brushes)

Efeito (Effect)

Abra e destaque o Painel Appearance

O Efeitos (Effect) modifica a Aparência do objeto sem modificar sua estrutura.

Para aplicar 1. Selecione o objeto.

2. No Rodapé do Painel Appearance, clique no ícone FX para abrir o Menu de Efeitos e escolha o efeito Distort & Transform > Pucker & Bloat.

3. Na caixa de diálogo Pucker & Bloat, ative a opção Preview e experimente com o controle deslizante. Clique OK. 4. O efeito aparece no Painel Apperance.

Para Editar 1. Selecione o objeto.

2. No Painel Appearance, clique uma vez no nome do efeito para abrir a caixa de diálogo.

3. Para deletar o efeito arraste para o lixo no rodapé do Painel Appearance

Dicas No menu do Painel Transform escolha a opção Scale Strokes & Effects para ampliar e reduzir os efeitos proporcionalmente.

Dica: Pressione COMMAND/CONTROL+Y para ver que a geometria original não foi modificada pelo efeito. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Formas Básicas

Ferramentas de Formas Abertas e Fechadas Pressione e segure para abrir o grupo e escolher uma ferramenta

3 maneiras para criar formas 1. Clique e arraste livremente ou 2. Clique e arraste, e com o botão do mouse ainda pressionado, use a outra mão para segurar ou pressionar uma ou mais Teclas Modificadoras* Para finalizar a forma, solte primeiro o botão do mouse e por último a tecla modificadora ou 3. Selecione uma ferramenta, posicione o cursor na prancheta e clique uma vez para abrir a caixa de diálogo da ferramenta e definir medidas e características precisas

*Para mais detalhes sobre as teclas modificadoras, veja o arquivo “Formas Básicas Detalhadas”. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Formas Abertas

Linha c α

Arco

Comprimento (c) Ângulo (α)

α

SHIFT > Cria linhas Verticais, Horizontais e a 45º OPTION/ALT > Cria a partir do centro

y x

Espiral r

segmentos

SHIFT > Restringe X e Y (iguais) OPTION/ALT > Cria a partir do centro SETA p/ cima > Aumenta ângulo (α) SETA p/ baixo > Diminui ângulo (α) F > Inverte Côncavo / Convexo

SHIFT > Alinha eixos 0º, 90º e 45º SETA p/ cima > Acrescenta segmentos SETA p/ baixo> Subtrai segmentos COMMAND/CONTROL > Modifica o decay

Grid Polar h w

SHIFT > Cria quadrado OPTION/ALT > Cria a partir do centro SETA p/ cima > Aumenta nº de linhas SETA p/ baixo > Diminui nº de linhas SETA p/ direita > Aumenta nº de colunas SETA p/ esquerda > Diminui nº de colunas Teclas F e V > Deslocamento (Skew) horizontal Teclas C e X > Deslocamento (Skew) vertical © 2012 Lula Rocha. Proibida a reprodução e distribuição

Comprimento do eixo X (x) Comprimento do eixo Y (y)

Raio inicial (Radius) (r) Decay % (Diferença entre segmentos) Número de segmentos

Grid Retangular

Largura (w) Altura (h) Nº de divisores horizontais Nº de divisores verticais

O arco é ¼ da elipse/círculo

Divisores Concêntricos

h

Divisores Radiais

Largura (w) Altura (h) Nº de divisores concêntricos Nº de divisores radiais

w

SHIFT > Restringe largura igual a altura OPTION/ALT > Cria a partir do centro SETA p/ cima > Aumenta nº de divisores concêntricos SETA p/ baixo > Diminui nº de divisores concêntricos SETA p/ direita > Aumenta nº de divisores radiais SETA p/ esquerda > Diminui nº de divisores radiais Teclas F e V > Deslocamento (Skew) dos raios Teclas C e X > Deslocamento (Skew) dos círculos

Formas Fechadas

Retângulo h

Largura (w) Altura (h) SHIFT > Cria quadrado OPTION/ALT > Cria a partir do centro

w

Retângulo com cantos arredondados r

r

Polígonos Raio (r) Número de lados SHIFT > Alinha a base SETA p/ cima > Aumenta nº de lados SETA p/ baixo > Diminui nº de lados

Largura (w) Altura (h) h Raio do canto (r) SHIFT > Cria quadrado OPTION/ALT > Cria a partir do centro SETA p/ cima > Aumenta o raio SETA p/ baixo > Diminui o raio

w

r1

Estrelas Raio 1 (r1) Raio 2 (r2) Número de pontas

Elipse h

w

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Largura (w) Altura (h) SHIFT > Cria círculo OPTION/ALT > Cria a partir do centro

r2

SHIFT > Alinha eixo vertical/horizontal OPTION/ALT > Alinha “ombros” SETA p/ cima > Aumenta nº de pontas SETA p/ baixo > Diminui nº de pontas COMMAND/CONTROL > Trava r2 e altera apenas r1

Ferramentas de Seleção Ferramenta de Seleção (Seta Preta) Seleciona objetos e grupos inteiros.

Ferramenta de Seleção Direta (Seta Branca) Seleciona partes do objeto (Pontos e Segmentos) e objetos dentro de grupos.

Ferramenta de Seleção de Grupo (Seta Branca +) Seleciona seguindo a estrutura de grupos. Por exemplo: o objeto depois o grupo depois grupo dentro de grupo e assim sucessivamente.

Teclas Modificadoras Quando outra ferramenta está ativada COMMAND/CONTROL - alternar para a última ferramenta utilizada (Seta Preta ou Branca) Quando a Seta Preta está ativada COMMAND/CONTROL - alternar para Seta Branca SHIFT - Incluir ou excluir objetos selecionados Quando a Seta Branca está ativada COMMAND/CONTROL - alternar para Seta Preta OPTION/ALT - alternar para Ferramenta de Seleção de Grupos Dica Clique duplo no Grupo para entrar no Modo de Isolamento e selecionar objetos dentro do grupo.

Ao terminar pressione a tecla ESC para sair do Modo de Isolamento.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

30

R$ 2,00

R$ 4,00

JAVA

MOKKA

MANGO

Seleção por Atributo e Tipo de Objeto Por Atributo (Select > Same) 1. Selecione um objeto com a Seta Preta (se o objeto estiver dentro de um grupo use a Seta Branca) 2. Menu Select > Same > (Atributo) por exemplo a mesma cor de preenchimento (Fill Color) ou a mesma cor de contorno (Stroke Color)

Por Objeto (Select > Object) 1. Menu Select > Object > (Tipo de Objeto ou Aparência) por exemplo objetos de texto (Text Objects) ou objetos que tenham algum tipo de pincél aplicado no contorno (Brush Strokes)

Dica Quando um objeto está selecionado os comandos Select Same aparecem no Painel de Controle.

Ferramenta Varinha Mágica O comportamento padrão é selecionar objetos com cores iguais ou parecidas dependendo da tolerância.

Dê um clique duplo na ferramenta para abrir o Painel Magic Wand e definir o comportamento desejado.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

A1A2A3A1A2A3

Caixa Delimitadora (Bounding Box)

Elemento de interface que permite transformar os objetos selecionados.

O comportamento padrão do Illustrator é exibir a Bounding Box quando o objeto é selecionado com a Seta Preta.

Instruções 1. Selecione o objeto com a Seta Preta 2. Utilize os pontos de controle para ampliar, reduzir e refletir o objeto 3. Posicione o curso ao lado de um ponto de controle - aparece uma seta dupla curva - clique e arraste para rotacionar o objeto.

Exibir/Esconder Bounding Box Menu Object > View > Show/Hide Bounding Box COMMAND/CONTROL + SHIFT + B Dica • Segure a tecla SHIFT para escalar preservando as proporções • Quando o objeto é rotacionado a Bounding Box vai junto com ele.

Para fazer com que a Bounding Box volte a ficar alinhada pela base (ortogonal): 1. Selecione o objeto 2. Menu Object > Transform > Reset Bounding Box

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Grupo O Grupo é um objeto. Ele se comportra como uma “CAIXA” que pode conter outros objetos.

Dentro do Grupo, os objetos podem manter, individualmente, seus atributos de aparência.

Instruções 1. Selecione os objetos com a Seta Preta 2. Menu Object > Group COMMAND/CONTROL + G 3. Para desfazer, Menu Object > Ungroup COMMAND/CONTROL + SHIFT + G

Para selecionar objetos dentro do Grupo: • Clique duplo no Grupo para entrar no Modo de Isolamento (lembre de pressionar ESC para sair do Modo de Isolamento) • No Painel Layers, abra o Grupo e clique a direita do pequeno círculo na linha do objeto • Utilize a Seta Branca ou Seta Branca + (Ferramenta de Seleção de Grupo)

Dicas • Utilize o Painel Layers para arrastar objetos para dentro ou para fora do Grupo.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Para visualizar o Grupo e seus objetos: Abra o Painel Layers e clique no pequeno triângulo ao lado do nome da Camada (para ver os objetos da Camada) e no triângulo ao lado do Grupo (para ver os objetos do Grupo).

Segmento Composto (Compound Path)

No Segmento Composto os objetos são “fundidos” e passam a se comportar como um único objeto.

Instruções 1. Selecione os objetos com a Seta Preta 2. Menu Object > Compound Path > Make COMMAND/CONTROL + 8 3. Para desfazer Menu Object > Compound Path > Release COMMAND/CONTROL + OPT/ALT + SHIFT + 8

Para selecionar objetos dentro do Segmento Composto: 1. Com a Seta Preta dê um clique duplo no Segmento Composto para entrar no Modo de Isolamento e selecionar os objetos individualmente (lembre de pressionar ESC para sair do Modo de Isolamento)

Dicas • Utilize o Segmento Composto para criar formas vazadas.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Abra o Painel Layers e clique no triângulo ao lado do nome da camada para ver os objetos

Máscara

(Clipping Mask) A Máscara é um tipo especial de Grupo onde os objetos são vistos “através de uma janela” (Clipping Path).

Instruções 1. Crie uma forma fechada em cima dos objetos (ou da imagem) 2. Selecione os objetos com a Seta Preta 2. Menu Object > Clipping Mask > Make COMMAND/CONTROL + 7 3. Para desfazer Menu Object > Clipping Mask > Release COMMAND/CONTROL + SHIFT + 7

2 maneiras para selecionar objetos dentro da Máscara: 1. Clique duplo no Grupo Máscara para entrar no Modo de Isolamento (lembre de pressionar ESC para sair do Modo de Isolamento) ou 2. No Painel Layers, abra o Grupo Máscara e clique a direita do pequeno círculo na linha do objeto

Dicas • Utilize o Painel Layers para arrastar objetos para dentro ou para fora do Grupo/Máscara.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Modo de Isolamento

Abra e destaque o Painel Layers

(Isolation Mode)

Permite isolar camadas, grupos e objetos, para facilitar sua seleção e manipulação.

Instruções 1. Para entrar no Modo de Isolamento dê um clique duplo no objeto ou grupo.

Continue dando cliques duplos para descer na hierarquia e isolar objetos ou grupos dentro de grupos.

Observe a barra cinza no topo da janela. Ela indica a posição do objeto ou grupo dentro da organização do documento.

2. Para sair do Modo de Isolamento dê um clique duplo numa área livre da prancheta ou pressione a tecla ESC.

Dicas • No Painel Layers, você pode visualizar o Modo de Isolamento e a organização dos grupos.

Clique no triângulo ao lado do nome da Camada ou do Grupo para visualizar os objetos contidos neles.

Ao terminar de manipular os objetos não esqueça de dar um clique duplo numa área livre ou pressionar ESC para sair do Modo de Isolamento. © 2012 Lula Rocha. Proibida a reprodução e distribuição

04 Transformando e Construindo • • • • • • • • • • •

Painel Pathfinder Ferramenta Shape Builder Comandos de Transformação Ferramentas de Transformação Comando Transform Again (Repetindo a Transformação) Comando Transform Each Painel Transform Blend Blend Options Blend - Replace e Revert Spine Blend - Expand e Release

Painel Pathfinder O Painel Pathfinder oferece operações que permitem construir formas a partir de duas ou mais formas.

Instruções 1. Com a Seta Preta nos quais deseja aplicar uma operação 2. No Painel Pathfinder, clique no botão da operação desejada.

Dicas • Posicione o cursor em cima de um botão do painel para ver o nome da operação • Quando a operação resulta em dois ou mais objetos o Illustrator coloca os objetos dentro de um Grupo.

• A Operação Minus Front permite criar formas vazadas e nesse caso, o resultado da operação, é um Segmento Composto. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Abra o Painel Pathfinder separado na área de trabalho

Ferramenta Shape Builder Instruções 1. Selecione os objetos com a Seta Preta 2. Escolha a Ferramenta Shape Builder.

3. Posicione o cursor sobre os objetos para ver as áreas que podem ser utilizadas 4. Clique e arraste por cima das áreas para adicionar e construir novas áreas e formas Dica Segure a tecla Option (Mac) ou Alt (PC) para alternar para a função de subtração.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Comandos de Transformação Menu Object > Transform • Mover (Move) • Rotacionar (Rotate) • Refletir (Reflect) • Escalar (Scale) • Inclinar (Shear)

Instruções 1. Selecione o objeto com a Seta Preta.

2. Menu Object > Transform > Escolha a operação desejada.

3. Na caixa de diálogo, defina valores e parâmetros

Dicas • Ative a opção Preview para visualizar a transformação antes de fechar a caixa de diálogo.

• Depois de digitar um valor clique uma vez numa área livre da caixa de diálogo para que o novo valor seja aplicado.

• Para transformar o objeto, pressione OK. • Para transformar uma cópia do objeto, pressione COPY.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Ferramentas de Transformação Instruções 1. Selecione o objeto com a Seta Preta 2. No Painel de Ferramentas selecione a ferramenta de transformação desejada 3. Pressione e segure o botão do mouse, e arraste para transformar livremente tendo o centro do objeto como ponto de referência Para mudar a posição do ponto de referência: Arraste o ponto de referência ou clique uma vez para definir uma nova posição.

Dica Para definir um novo ponto de referência e ao mesmo tempo abrir a caixa de diálogo: 1. Selecione o objeto com a Seta Preta 2. Escolha uma ferramenta de transformação 3. Posicione o cursor no lugar desejado, segure a tecla OPTION/ALT, e com a tecla pressionada clique uma vez para ao mesmo tempo definir o novo ponto de referência e abrir a caixa de diálogo.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Transform Again (COMMAND/CONTROL + D) O Illustrator lembra sempre a última transformação executada.

O Comando Transform Again repete a última transformação no objeto que estiver selecionado.

Instruções 1. Selecione o objeto com a Seta Preta.

2. Segure a tecla OPTION/ALT e com a tecla pressionada mova o objeto (será movida uma cópia do objeto).

Atenção: solte primeiro o botão do mouse e por último a tecla OPTION/ALT. 3. Com a cópia ainda selecionada pressione COMMAND/CONTROL + D para repetir a transformação.

Dica • Segure a tecla SHIFT para garantir deslocamentos na horizontal e vertical.

• Faça uma linha de cópias na horizontal, selecione todos os objetos da linha e arraste uma cópia da linha para baixo (na vertical) e repita a cópia pressionando COMMAND/CONTROL + D novamente.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Transform Again (COMMAND/CONTROL + D)

Instruções 1. Selecione a elípse com a Seta Preta.

2. Menu Object > Transform > Rotate 3. Na caixa de diálogo, digite 6 (graus) para o ângulo de rotação 4. Clique no botão COPY 5. Pressione COMMAND/CONTROL + D várias vezes para repetir a transformação até completar 360º 6. Selecione todas as elípses e crie um grupo (COMMANDO/CONTROL + G)

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Transform Each Quando uma transformação é aplicada em vários objetos ao mesmo tempo os objetos se comportam como um grupo com apenas um ponto de referência.

O recurso Transform Each permite aplicar uma ou várias transformações em vários objetos ao mesmo tempo só que respeitando o ponto de referência de cada objeto individualmente.

Como aplicar 1. Selecione vários objetos 2. Menu Object > Transform > Transform Each 3. Defina os valores para uma ou várias transformações e selecione o ponto de referência desejado. (ative a opção Preview) .

4. Escolha OK para transformar ou COPY para transformar cópias dos objetos selecionados.

Dicas A opção Ramdon aplica a transformação de maneira aleatória. Utilize quando precisar de um desenho ou uma textura, por exemplo, onde propositalmente não é desejada precisão.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Painel Transform Utilize o Painel Transform para aplicar transformações a partir de comandos e parâmetros e também para definir o posicionamento e dimensionamento preciso dos objetos.

Réguas Exibir/Esconder Réguas COMMAND/CONTROL + R Mudar unidade de medida Clique com o botão direito do mouse em cima da régua.

Posição Em relação a Origem (O Canto superior esquerdo da prancheta é a origem onde X=0 e Y=0)

Dimensões Largura W (Width) e Altura H (Height)

Ponto de Referência Representa a posição dos 8 pontos de controle da Bounding Box e o centro do objeto.

Preservar Proporções Preserva a relação entre altura e largura quando um dos valores e alterado.

Rotação e Inclinação Escolha o ângulo no Menu ou digite o valor desejado Alinhar ao Grid de Pixel Alinha o objeto selecionado ao Grid de Pixels

Menu do Painel

Importante!

Scale Strokes & Effects Amplia ou reduz, proporcionalmente, a espessura do Contorno e os valores dos Efeitos que estiverem aplicados nos objetos.

Transform Object Only, Pattern Only e Both Caso haja um Preenchimento de Padrão essas opções controlam como o Padrão será afetado pela operação ou ferramenta de transformação.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Blend

Objeto Gerador Espinha

O Blend é formado por dois ou mais “Objetos Geradores” e pode ter uma Espinha (Spine).

A Espinha define o caminho da transição entre os objetos geradores.

Objeto Gerador

Para criar 1. Selecione os objetos geradores.

2. Menu Object > Blend > Make. ou 1. Escolha a Ferramenta Blend Tool 2. Clique no primeiro objeto e em seguida no segundo objeto.

Dica É possível fazer o Blend com mais de dois objetos, basta ir clicando os objetos em sequência.

Para editar Utilize ferramentas e técnicas normais para editar os Objetos Geradores e a espinha. O Blend será automaticamente refeito.

Dica Clique duas vezes no objeto Blend para entrar no Modo de Isolamento e editar, individualmente, os Objetos Geradores e a Espinha.

Não esqueça de pressionar a tecla ESC para sair do Modo de Isolamento.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

A

A

Blend Options Spacing - controla o espaço ou o número de “passos” intermediários entre os Objetos Geradores e também a orientação dos objetos ao longo da Espinha (Spine).

Como Editar 1. Selecione o objeto Blend

Cores diferentes - Smooth Color (muitos passos intermediários)

2. Menu Object > Blend > Blend Options ou 2. Clique duplo na Ferramenta Blend 3. Ligue a opção Preview e experimente: Smooth Color Quando os objetos tem cores diferentes o Illustrator cria, automaticamente, muitos objetos intermediários para criar uma transição suave de cores (Smooth Color).

Cores iguais - (poucos passos intermediários)

Specified Steps Permite definir um número exato de “passos” intermediários entre os Objetos Geradores.

Quando os objetos tem Preenchimento e Contorno iguais o Illustrator cria um número menor de objetos intermediários.

Orientation Permite definir o tipo de alinhamento dos objetos em relação a página ou a Espinha.

Dica Você pode definir opções antes de criar o Blend. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Orientation

Replace e Reverse Spine Replace Spine Substitui a Espinha do Blend por outro segmento.

1. Selecione juntos o objeto Blend e o segmento a ser utilizado como a nova Spine. No exemplo ao lado selecione o Blend e a Espiral.

2. Menu Object > Blend > Replace Spine.

Reverse Spine Troca a posição dos objetos geradores nas pontas da espina. No nosso exemplo passa o círculo maior para fora e o menor para dentro.

1. Selecione o objeto Blend.

2. Menu Object > Blend > Reverse Spine.

Reverse Front to Back Troca a ordem de empilhamento dos objetos geradores. No nosso exemplo passa o círculo maior para frente e o círculo menor para trás.

Nova Espinha

1. Selecione o objeto Blend.

2. Menu Object > Blend > Reverse Front To Back.

Dicas Você pode modificar a posição dos objetos na ordem de empilhamento, arrastando os objetos no Painel Layers.

No Painel Layers, você pode também substituir a espinha, arrastando a espinha velha para fora e a espinha nova para dentro do Blend

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Blend Inicial

Expand e Release Expand Cria os objetos intermediários.

1. Selecione o objeto Blend 2. Menu Object > Blend > Expand 3. Os objetos são criados e agrupados (o Blend deixa de existir e não pode mais ser editado dinamicamente).

Release “Solta” o Blend.

1. Selecione o objeto Blend 2. Menu Object > Blend > Release Atenção Quando o Blend tem Espinha, ao soltar o Blend ela é preservada, mas fica invisível, isto é sem atributos de Preenchimento e Contorno.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

05 Criando e Editando Segmentos • • • •

Ferramenta Caneta (Pen Tool) Ferramenta Lápis (Pencil Tool) Cortando Segmentos (Borracha, Tesoura e Faca) Juntando Segmentos (Join)

Ferramenta Caneta (Pen Tool)

A Ferramenta Caneta desenhar criando Pontos Âncora.

Os 3 Tipos de Pontos Âncora Ponto de Canto (Corner Point)

Ponto Suave (Smooth Point)

Ponto de Mudança de Direção (Change Direction Point)

Controle de Curvatura

Você cria os pontos e o Illustrator conecta os pontos criando os segmentos.

O comportamento da ferramenta muda automaticamente ao longo do desenho dependendo da situação específica.

São conectados por segmentos retos.

Não tem controles de curvatura.

São conectados por segmentos curvos. Os controles de curvatura estão sempre alinhados.

Clique uma vez para criar um Ponto de Canto.

Pressione e segure o botão do mouse, arraste e por último solte o botão do mouse para criar um Ponto Suave com controles de curvatura.

São conectados por segmentos curvos. Os controles de curvatura não precisam estar alinhados.

Dicas Observe o pequeno ícone ao lado do cursor.

Para mais detalhes veja a prancheta 9 (Comportamento Detalhado) neste documento.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Pressione e segure o botão do mouse, arraste, segure a tecla Option (Mac) ou Alt (PC) para “quebrar” os controles de curvatura e por último solte o botão do mouse.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

© 2012 Lula Rocha. Proibida a reprodução e distribuição

© 2012 Lula Rocha. Proibida a reprodução e distribuição

© 2012 Lula Rocha. Proibida a reprodução e distribuição

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Selecione primeiro a Seta Branca e depois a Ferramenta Caneta

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Ferramenta Lápis (Pencil Tool)

1. Escolha a Ferramenta Lápis (Pencil Tool) 2. No Painel de Controle, escolha uma cor para o Contorno e ao lado a espessura (Stroke Weight).

3. Desenhe livremente.

Comportamento da Ferramenta 1. No Painel de Ferramentas, clique duplo na Ferramenta Lápis para abrir as opções: • Tolerância - Fidelidade e Suavidade, influenciam o resultado do seu movimento com o mouse ou stylus (tablet).

• Keep Selected - mantém o segmento recém criado selecionado.

• Edit Selected Path - permite que o novo traço modifique a traço que estiver selecionado.

Dica • Destaque o grupo de ferramentas para acessar a Ferramenta de Suavização (Smooth Tool) e a Ferramenta para Apagar Segmentos (Erase Path Tool)

• Segure a tecla OPTION (Mac) ou ALT (PC) para alternar entre a Ferramenta Lápis e a Ferramenta de Suavização sem interromper o desenho. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Cortando Segmentos

Ferramentas Borracha, Tesoura e Faca Borracha 1. Selecione a Ferrramenta Borracha 2. Clique e arraste por cima de um ou vários objetos Dicas • Quando nenhum objeto está selecionado a borracha apaga todos os objetos • Quando algum objeto está selecionado a borracha apaga apenas aquele objeto • Pressione as teclas Colchete ( [ ) ou ( ] ) para aumentar ou diminuir o tamanho da Borracha.

Tesoura 1. Selecione a Ferramenta Tesoura 2. Clique uma vez no lugar onde deseja cortar

Faca 1. Selecione a Ferramenta Faca 2. Clique e arraste por cima de um ou vários objetos Dicas • Quando nenhum objeto está selecionado a Faca corta todos os objetos • Quando algum objeto está selecionado a Faca corta apenas aquele objeto

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Juntando Segmentos

Comando Join (Juntar) O Comando Join permite juntar dois pontos, dois segmentos ou vários segmentos de uma só vez.

Instruções 1. Com a Seta Branca, selecione dois pontos 2. Menu Object > Path > Join COMMAND/CONTROL + J Dicas Se os dois pontos estiverem superpostos os pontos são fundidos em um único ponto.

Se os dois pontos estiverem afastados os pontos são conectados por um segmento ou 1. Com a Seta Preta, selecione vários segmentos com pontos superpostos 2. Menu Object > Path > Join COMMAND/CONTROL + Todos os pontos superpostos são fundidos formando uma única forma/segmento A Seta Branca permite selecionar e mover pontos individualmente.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

06 Cor, Degradé e Padrão • • • • • • • • • • • • • •

Amostra de Cor Grupo de Cor Painel Swatches e Bibliotecas de Amostras Cor Process x Cor Especial (Spot Color) Cor Process x Process Global Regras de Harmonia Painel Color Guide Amostra de Padrão Bibliotecas de Padrão Padrão sem emendas (Seamless Tile) Transformando o Padrão Painel Degradé Ferramenta Degradé Live Paint

Amostra de Cor Para Criar uma Amostra 1. No Painel Color, defina a nova cor 2. Arraste a amostra de cor do Painel Color para o Painel Swatches O comportamento padrão do Illustrator é criar uma amostra do tipo Process. ou 1. Clique no botão New Swatch no rodapé do Painel Swatches

Dicas • No Menu do Painel Color (no canto superior direito do painel) você pode escolher diferentes modelos de cor; RGB, CMYK, HSB, etc.

• No Menu do Painel Swatches, escolha Large Thumbnail View para visualizar amostras grandes.

• No Painel Color, existem duas amostras de cor, uma para Preenchimento e outra para Contorno. Clique na amostra para colocar o atributo em foco.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Prepare a área de trabalho com os Painéis Color e Swatches abertos separadamente.

Grupo de Cor É importante trabalhar com Grupos de Cor, para aplicar e gerenciar cores de maneira consistente e tirar proveito de outros recursos que se baseiam nas relações entre as cores de um grupo.

Criando Grupos de Cor:

A partir de Amostras já existentes 1. No rodapé do Painel Swatches, clique no botão New Color Group 2. De um nome para seu novo Grupo 3. Arraste amostras para dentro ou para fora da pasta do Grupo de Cor

A partir de objetos selecionados 1. Selecione um quadrado cinza.

2. No Painel Color, defina uma nova cor para o Preenchimento.

3. Repita a operação para os 5 quadrados da linha.

4. Com a Seta Preta, selecione os 5 quadrados.

5. No rodapé do Painel Swatches, clique no botão New Color Group.

6. Na caixa de diálogo, de um nome e escolha a opção Selected Artwork e clique OK. No Painel Swatches o grupo é criado com as cores dos objetos que estavam selecionados. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Prepare a área de trabalho com os Painéis Color e Swatches abertos simultaneamente.

Painel Swatches e Bibliotecas de Amostras Painel Swatches

Biblioteca “Interna”

Biblioteca “Externa” Salvando Bibliotecas

O Painel Swatches exibe a Biblioteca de Amostras “interna” de um documento.

No Menu do Painel Swatches escolha: • Save Swatch Library as ASE ou • Save Swatch Library as Ai

Quando criamos um Novo Documento (Menu File > New) o Illustrator carrega, no Painel Swatches, uma coleção de Amostras (Cores, Degradés e Padrões).

Dependendo do Perfil escolhido (Print, Web, etc.) as amostras de cor podem ser RGB ou CMYK. As amostras do Painel Swatches são salvas com o Documento. Isto significa que cada documento pode ter a sua própria “Biblioteca Interna” de Amostras.

formato .ASE ASE Adobe Swatch Exchange. Permite que outros programas da família Adobe carreguem a biblioteca.

Bibliotecas Externas 1. No rodapé do Painel Swatches, clique no botão Swatch Libraries Menu para abrir o menu com grupos de bibliotecas organizados por temas.

2. Escolha uma biblioteca 3. Depois de aberto o Painel de Bibliotecas Externas, você pode navegar pelas bibliotecas usando as setas no rodapé do painel.

4. Arraste uma amostra ou grupo para passar do Painel da Biblioteca Externa para o Painel Swatches Ao passar amostras e Grupos para o Painel Swatches elas passam a fazer parte da Biblioteca “Interna” do documento e ficam salvas naquele documento.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Algumas amostras e caracterísitcas não são preservadas por não serem compatíveis com outros programas.

formato .Ai Ai Adobe Illustrator. Todas as amostras, grupos e características são preservadas exatamente como foram criadas.

Dicas A biblioteca é salva na pasta Swatches junto com os arquivos do programa no seu computador.

A Biblioteca salva passa a ser listada no Menu de Bibliotecas do Painel Swatches no grupo User Defined.

Cor Process x Cor Especial (Spot Color) Cor Process (ou Process Global)

Cor Especial (Spot Color)

Devem ser utilizadas em processos de impressão onde as cores são compostas pela combinação de tintas com as cores primárias (CMYK) .

Devem ser utilizadas em processos de impressão onde serão utilizadas tintas que correspondem exatamente a cor original desejada.

Por exemplo no processo de impressão Meio Tom (Offset).

Por exemplo no processo de impressão Serigráfico (Silkscreen).

Significa que, ao dar saída para fotolito, a cor será separada (decomposta) em porcentagens das cores primárias.

Podem ser gerados até 4 fotolitos para compor todas as cores utilizadas na arte.

Fotolito

Significa que, ao dar saída para fotolito a cor não será separada.

6% Cian

Será gerado um fotolito para cada cor Especial utilizada na arte.

Dica No Illustrator uma cor qualquer pode ser definida como Cor Especial pelo próprio designer.

100% Magenta

Painel Swatches • Para criar uma nova cor, clique no botão New Swatch (no rodapé do Painel) 26% Preto

• Para mudar o Tipo de Cor, dê um clique duplo na amostra e no Menu Color Type escolha o tipo desejado • Cores Pantone no Menu Swatch Libraries > Color Books (no rodapé do Painel)

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Fotolito

100% Pantone 234

Cor Process x Process Global

Cor Process

Cor Process Global

Não são vinculadas aos objetos.

São vinculadas aos objetos.

Significa que ao editar a amostra de cor a modificação não se reflete nos objetos nos quais a cor havia sido aplicada.

Significa que ao editar a amostra de cor a modificação se reflete nos objetos nos quais a cor está aplicada.

E também nos Degradés, Padrões, Pincéis e qualquer outro recurso no qual a cor tenha sido utilizada.

Dica As Cores Especiais (Spot Color) são, obrigatóriamente, Globais.

Painel Swatches • Para criar uma nova cor, clique no botão New Swatch (no rodapé do Painel) • Para editar uma cor existente, dê um clique duplo na amostra de cor • Para cores Process Global ative a opção Global embaixo do Menu Color Type

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Regras de Harmonia Quando criamos um Grupo de Cor o Illustrator entende a relação entre as cores como uma “Regra de Harmonia”.

O Illustrator também oferece 23 Regras de Harmonia pré-definidas, baseadas nas relações entre as cores e suas propriedades (Monocromáticas, Análogas, Complementares, etc.).

Instruções 1. No Painel Swatches, selecione uma amostra de cor qualquer.

2. No Painel Color Guide, a cor é definida como Cor Base e como primeira cor do linha de cores do grupo (no topo do painel).

3. Clique no pequeno triângulo a direita da linha de cores do grupo para abrir o Menu e escolha uma Regra de Harmonia, por exemplo, Triad 2.

4. Para armazenar o grupo gerado pela cor base + a Regra de Harmonia, clique no ícone Save Color Group to Swatches no rodapé do Painel Golor Guide 5. O grupo é acrescentado no Painel Swatches.

Dicas • Experimente diferentes Cores Base para a mesma regra (escolha a cor base no Painel Swatches).

• Também é possível carregar um Grupo de Cor no Painel Color Guide, para isso basta selecionar o Grupo de Cor no Painel Swatches.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Prepare a área de trabalho com os Paineis Color Guide e Swatches abertos simultaneamente.

Painel Color Guide Grupo de Cor Gerado pela Cor Base e pela Regra de Harmonia selecionada, ou quando um grupo é selecionado no Painel Swatches.

Menu do Painel Comandos para editar e salvar cores e opções de visualização e comportamento do painel.

Cor Base

Regras de Harmonia

Cor selecionada no Painel Swatches, ou de um objeto selecionado.

Menu com as 23 Regras de Harmonia pré-definidas.

Shades

Tints

Acrescenta preto, escurecendo as cores do grupo (você pode aplicar uma cor no objeto clicando numa dessas amostras).

Acrescenta branco, clareando as cores do grupo (você pode aplicar uma cor no objeto clicando numa dessas amostras).

Limitar Cores

Editar Cores

Salvar Grupo de Cor

Limita as cores do grupo usando as cores de uma biblioteca de cores específica (por exemplo Pantone Solid Coated).

Editar as cores do grupo usando o recurso Edit Colors.

Salva o Grupo de Cor no Painel Swatches

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Amostra de Padrão Como Criar 1. Desenhe uma ou várias formas 2. Se você criou várias formas selecione todas com a Seta Preta e crie um grupo COMMAND/CONTROL + G. 3. Com a Seta Preta, selecione o objeto ou grupo e arraste para dentro do Painel Swatches (Para criar uma amostra do padrão.

Como Aplicar 1. Com a Seta Preta, selecione o objeto no qual você quer aplicar o padrão 2. No Painel de Controle, clique na amostra de preenchimento (a esquerda) e escolha o padrão.

Dicas •

Os objetos podem ter cores chapadas ou degradés, mas não podem ter padrões aplicados neles mesmos.

•

Não é possível utilizar imagens para criação de Padrões.

•

É possível criar padrões com objetos de texto.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Abra o Painel Swatches separadamente.

Bibliotecas de Padrão Bibliotecas Externas 1. Clique no icone Swatch Libraries Menu no canto inferior esquerdo do Painel Swatches.

2. Escolha Patterns > (Nome da Biblioteca) 3. Abre o Painel com a Biblioteca escolhida.

4. Para navegar pelas bibliotecas clique nas setas para direita e para a esquerda no rodapé do painel.

5. Clique em amostra de Padrão no Painel da Biblioteca para acrescentar o padrão no Painel Swatches do documento corrente.

Salvando Bibliotecas 1. No Menu do Painel Swatches escolha • Save Swatch Library as ASE (Adobe Swatch Exchange format) para usar em outros programas como Photoshop ou InDesign, ou • Save Swatch Library as AI (Adobe Illustrator format) preservando todas as características de grupos e amostras.

Sua biblioteca passa a ser listada no Menu de bibliotecas no grupo User Defined.

Dicas • Para saber como uma amostra foi criada basta arrastar do Painel Swathces de volta para a prancheta.

• Para visualizar melhor as amostras, abra o Menu do Painel Swatches (no canto superior direito do Painel) e escolha a opção Large Thumbnails View. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Padrão sem Emendas

Prepare a área de trabalho com o Painel Swatches aberto separadamente.

Seamless Tile Figura 1

1

2

3

4

a. Desenhe um quadrado base b. Desenhe formas no lado esquerdo do quadrado, evitando os cantos.

Figura 2 a. Com a Seta Preta, selecione as formas e o quadrado. b. Menu View > Hide Bounding Box c. Com a tecla OPTION/ALT pressionada arraste uma cópia, movendo o ponto do canto inferior esquerdo para o canto inferior direito. d. Selecione e delete o segundo quadrado.

Figura 3 a. Desenhe formas no lado superior do quadrado, evitando os cantos. b. Selecione apenas as formas do lado superior e o quadrador c. Com a tecla OPTION/ALT pressionada arraste uma cópia, movendo o ponto do canto superior direito para o canto inferior direito. d. Selecione e delete o segundo quadrado.

Figura 4 a. Preencha livremente o interior do quadrado b. Selecione o quadrado base e remova os atributos de Preenchimento e Contorno (aplique Nada/None para ambos). c. Selecione tudo (arte + quadrado base “invisível”) e arraste para dentro do Painel Swatches para criar a amostra de padrão. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Importante • O quadrado base tem que ficar invisível, isto é, não pode ter cor nem no Preenchimento nem no Contorno. Aplique Nada (None) em ambos.

• Na ordem de empilhamento, o quadrado base tem que estar atrás dos objetos que formam o Padrão.

• Use o Painel Layers para modificar a ordem de empilhamento ou selecione o quadrado e aplique Menu Object > Arrange > Send to Back.

Transformando Padrão de Preenchimento Comandos de Transformação 1. Selecione o objeto 2. Menu Object > Transform > (Comando) • Ative Objects e Patterns para transformar o padrão e objeto juntos.

• Ative apenas Patterns para transformar apenas o padrão sem transformar o objeto.

• Ative Preview para visualizar antes de confirmar Dica: a opção Patterns é “persistente” e se reflete no comportamento das ferramentas de transformação.

Ferramentas de Transformação Para transformar apenas o padrão 1. Selecione o objeto 2. Escolha a ferramenta de transformação desejada 3. Segure a tecla TIL (~) e com a tecla pressionada clique e arrasta para transformar apenas o padrão Dica: vale para a Seta Preta (Mover apenas padrão).

Painel Transform 1. Selecione o objeto 2. No menu do Painel Transform escolha: •

Transform Pattern Only (apenas o padrão)

• Transform Both (transformar objeto e padrão) 3. Digite os valores desejados para Posição (X,Y), Dimensão (W,H) , Rotação, Inclinação ou Reflexão (Flip Horizontal ou Vertical no menu do painel).

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Painel Degradé

Abra o Painel Degradé (Gradient) e o Painel Swatches

Para Aplicar 1. Selecione o objeto com a Seta Preta 2. Clique na amostra do Painel Degradé

Para Editar 1. Selecione o objeto com a Seta Preta •

Escolha o Tipo: Linear ou Radial

•

Utilize os controles deslizantes na “rampa” de cores para mover a posição das cores

•

Clique duplo numa cor para escolher outra cor no Painel Swatches ou Painel Color

•

Para acrescentar mais cores, posicione o cursor embaixo da “rampa”, aparece o sinal de adição, clique uma vez para acrescentar uma nova cor.

•

Para remover, clique e arraste a amostra de cor para fora da rampa

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Dicas • • •

Para guardar uma amostra de Degradé, arraste a amostra do Painel Degradé para o Painel Swatches Também é possível aplicar Opacidade em uma cor para que parte do degradé fique transparente Experimente arrastar amostras de cor do Painel Swatches para o Painel Degradé

Ferramenta Degradé Para Aplicar 1. Escolha a Ferramenta Degradé 2. Clique uma vez no objeto para ativar o degradé

Para Editar •

Com o objeto e a ferramenta selecionados utilize os controles que aparecem em cima do objeto.

•

Aproxime o cursor da linha de degradé para exibir a “rampa” de cores

•

Arraste as amostras de cor par modificar a posição das cores na rampa

•

Clique duplo numa cor para escolher outra cor no Painel Swatches ou Painel Color

•

Para acrescentar mais cores, posicione o cursor embaixo da “rampa”, aparece o sinal de adição, clique uma vez para acrescentar uma nova cor.

•

Para remover, clique e arraste a amostra de cor para fora da rampa

Dicas • • • © 2012 Lula Rocha. Proibida a reprodução e distribuição

Para escolher entre Linear ou Radial use o Painel Degradé Experimente mover a posição do Degradé movendo o círculo grande a esquerda da linha de degradé Experimente redefinir a extensão e o ângulo clicando e arrastando com a ferramenta direto no objeto

Live Paint O recurso Live Paint permite aplicar cores do ponto de vista da Aparência. Isto é, mesmo que não exista um “objeto fechado”, se, “visualmente” uma área está fechada, ela pode ser preenchida.

Instruções 1. Selecione os objetos com a Seta Preta 2. Menu Object > Live Paint > Make É criado um “Grupo Live Paint “ que pode ser colorido com a ferramenta Live Paint.

3. Pressione a tecla K para escolher a ferramenta Live Paint A ferramenta passa a reconhecer e exibir as áreas que podem ser preenchidas.

Dicas • Clique duplo na ferramenta Live Paint (no Painel de Ferramentas) para abrir as opções e escolher, por exemplo, aplicar cor no contorno (Paint Strokes).

• Pressione as teclas Seta para navegar pelas cores do Painel Swatches. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Gap Options Selecione o Grupo Live Paint e no Menu Object > Live Paint > Gap Options.

Permite controlar o tamanho do “Gap” (espaço) mínimo que deve existir para que a ferramenta Live Paint reconheça uma área “fechada” que pode ser preenchida.

07 Pincéis • • • • • • • •

Tipos de Pincél Ferramenta Pincél Ferramenta Pincél Blob Pincél Caligráfico Pincél Scatter Pincél Artístico Pincél de Padrão Bibliotecas de Pincél

Tipos de Pincél Os Pincéis são aplicados no contorno dos segmentos.

Caligraphic Brush

Art Brush

Bristle Brush

Você pode “pintar” com a Ferramenta Paintbrush Tool ou selecionar um segmento e “aplicar” uma definição de pincél a partir do Painel Brushes.

Caligraphic Brush Simula o comportamento da pena de caligrafia.

Art Brush “Estica” um desenho ao longo do segmento permitindo simular o comportamento de diferentes pontas como, lápis, carvão, aquarela, etc.

Art Brush

Scatter Brush Repete um desenho ao logo do segmento permitindo o controle da repetição de forma regular ou aleatória.

Scatter Brush

Pattern Brush Repete um padrão ao longo do segmento permitindo especificar módulos para diferentes partes do segmento, por exemplo para os cantos (Normalmente usado para molduras).

Pattern Brush

Bristle Brush Permite simular o comportamento das cerdas (Bristles) de pincéis de verdade.

Experimente selecionar um objeto e modificar a cor do contorno e a espessura da linha. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Ferramenta Pincél (Paintbrush Tool)

A Ferramenta Pincél cria segmentos (linhas) com uma definição de Pincél aplicada no contorno.

1. Escolha a Ferramenta Pincél (Paintbrush Tool) 2. No Painel de Controle, no Menu Brush Definitions escolha um tipo de pincél, por exemplo “Chalk - Scribble”.

3. Pinte livremente.

Comportamento da Ferramenta 1. No Painel de Ferramentas, clique duplo na Ferramenta Pincél para abrir as opções: • Tolerância - Fidelidade e Suavidade, influenciam o resultado do seu movimento com o mouse ou stylus (tablet).

• Fill New Brush Strokes - aplica cor no Preenchimento dos segmentos criados.

• Keep Selected - mantém o segmento recém criado selecionado após a pincelada.

• Edit Selected Path - permite que uma nova pincelada modifique a pincelada que estiver selecionada.

Dica • No rodapé do Painel Brushes você pode acessar a biblioteca de pincéis (Brush Libraries Menu) e carregar novos pincéis para o seu documento.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Ferramenta Pincél Blob (Blob Brush Tool)

A Ferramenta Pincél Blob cria formas (áreas) com preenchimento.

1. Escolha a Ferramenta Pincél Blob 2. No Painel de Controle, no Menu Brush Definitions, escolha um pincél do tipo Caligráfico.

3. Pinte livremente.

Comportamento da Ferramenta 1. No Painel de Ferramentas, clique duplo na Ferramenta Pincél Blob para abrir as opções: • Keep Selected - mantém o segmento recém criado selecionado após a pincelada.

• Merge only with selected - faz com que a nova pincelada se funda com os objetos selecionados e da mesma cor.

• Tolerância - Fidelidade e Suavidade, influenciam o resultado do seu movimento com o mouse ou stylus (tablet).

• Default Brush Options Permite definir tamanho, circunferência e ângulo do pincél.

Dica • Para aumentar e diminuir o tamanho do pincél pressione as teclas Colchete a direita ou a esquerda ( [ ) e ( ] ).

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Pincél Caligráfico (Caligraphic Brush) Como criar 1. Clique no icone New Brush no rodapé do Painel Brushes 2. Escolha o tipo Caligraphic Brush Caligraphic Brush Options Angle define o ângulo de inclinação da pena.

Roundness define se a ponta será mais ou menos redonda; circular, elíptica ou reta.

Diameter define o diâmetro da ponta ou, no caso de uma elipse, o eixo maior.

Opções de comportamento variável Fixed não permite variação Ramdon variação aleatória dentro do limite determinado na opção Variation.

Pressure, Stylus Wheel, Tilt, Bearing, Rotation se aplicam quando a Tablet está instalada. Permite configurar comportamento para, por exemplo, maior ou menor pressão (aumenta ou diminui o diâmetro do dentro do limite estabelecido na opção Variation).

Colorization Method permite definir como cores podem ser aplicadas no pincél.

Como editar 1. Dê um clique duplo na miniatura do pincél no Painel Brushes para abrir novamente as opções do pincél

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Pincél Scatter (Scatter Brush)

Repete um desenho ao longo do segmento de maneira regular ou “espalhada” aleatóriamente.

Como criar 1. Arraste um desenho para o Painel Brushes 2. Escolha o tipo Scatter Brush 3. Selecione e aplique o Pincél em um segmento 4. Com o segmento selecionado dê um clique duplo no pincél no Painel Brushes 5. Ative a opção Preview Scatter Brush Options Size controla o tamanho do desenho.

Spacing controla o espaço entre repetições.

Scatter deslocamento em relação ao segmento.

Rotation controla a rotação do desenho.

Rotation relative to page/path rotação em relação a página ou ao segmento.

Opções de comportamento variável Fixed não permite variação.

Ramdon permite variação aleatória.

Pressure, Stylus Wheel, Tilt, Bearing, Rotation se aplicam quando a Tablet está instalada.

Colorization Method permite definir como cores podem ser aplicadas no pincél.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Pincél Artístico (Art Brush)

O desenho é “esticado” ao longo do segmento.

Como criar 1. Arraste um desenho para o Painel Brushes 2. Escolha o tipo Art Brush 3. Selecione e aplique o Pincél em um segmento 4. Com o segmento selecionado dê um clique duplo no pincél no Painel Brushes para abrir novamente as opções 5. Ative a opção Preview Art Brush Options Width controla a largura do desenho.

Brush Scale Options permite controlar como o pincél será escalado. A opção Strech between Guides permite escalar uma parte do pincél protegendo as pontas Direction indica a direção, ou melhor, onde começa e termina o desenho em relação ao segmento. Repare na posição da seta na área de visualização.

Flip reflete o desenho no eixo vertical ou horizontal.

Colorization Method permite definir como cores podem ser aplicadas no pincél.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Pincél de Padrão (Pattern Brush)

Repete um desenho ao longo do segmento permitindo desenhos diferentes para linhas e cantos (ideal para criar bordas e molduras).

Permite utilizar um Amostra de Padrão na composição do pincél.

Como criar 1. Arraste um desenho para o Painel Brushes 2. Escolha o tipo Pattern Brush 3. Selecione e aplique o Pincél em um segmento 4. Com o segmento selecionado dê um clique duplo no pincél no Painel Brushes para abrir novamente as opções 5. Ative a opção Preview Pattern Brush Options Scale controla o tamanho do desenho.

Spacing controla o espaço entre repetições.

Flip reflete no eixo horizontal ou vertical.

Fit controla o tamanho do desenho para ajustar ao segmento.

Partes permite escolher uma Amostra de Padrão para cada parte específica do segmento. Na área abaixo das partes são listadas as amostras disponíveis do Painel Swatches (Crie mais Amostras de Padrão para aplicar nas partes do Pincél).

Colorization Method permite definir como cores podem ser aplicadas no pincél. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Biblioteca de Pincél O Illustrator oferece uma quantidade enorme de Pincéis organizados em bibliotecas.

Navegando nas bibliotecas 1. Clique no icone Brush Libraries Menu no canto inferior esquerdo do Painel Brushes.

2. Escolha um “tema”, por exemplo, Artistic.

3. Para navegar nas bibliotecas clique nas setas para direita e para a esquerda no rodapé do painel.

4. Clique em um Brush para acrescentar ao Painel Brushes do seu documento.

Dicas Além de facilitar a aplicação de estilo em desenhos e ilustrações, as bibliotecas oferecem sugestões de como os pincéis podem ser criados.

Para saber como um pincél específico foi criado basta clicar e arrastar o Brush para a prancheta.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Prepare a área de trabalho com o Painel Brushes aberto separadamente.

08 Texto • Ferramenta de Texto (Texto do Tipo Ponto x Tipo Área) • Texto ao longo de Segmentos

Ferramenta de Texto Texto do Tipo Ponto O texto fica “solto” (um ponto de referência).

1. Escolha a Ferramenta de Texto

Texto do Tipo Ponto

2. Clique uma vez para criar o objeto de texto definindo a posição do ponto de referência.

3. Utilize o Painel Character para formatar o texto

Dica Mude para a Seta Preta, selecione o objeto de texto e experimente ampliar e reduzir usando a Caixa Delimitadora (Bounding Box).

Texto do Tipo Área O texto fica restrito dentro de uma área.

1. Escolha a Ferramenta de Texto 2. Clique e arraste para criar um retângulo (área) 3. Utilize os Painéis Character e Paragraph para formatar o texto

Dica Mude para a Seta Preta, selecione o objeto de texto e experimente ampliar e reduzir usando a Caixa Delimitadora (Bounding Box).

Mais opções para Texto do Tipo Área 1. Selecione o objeto de texto 2. Menu Type > Area Type Options

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nulla id diam libero, at egestas lorem. Proin elementum arcu at nunc sollicitudin a imperdiet purus congue.

Fusce nec mauris a nunc dapibus lacinia non eget quam.

Nam pulvinar tincidunt turpis, consequat aliquam felis posuere mattis.

Etiam ac turpis libero, ac lobortis metus. Etiam volutpat turpis ac leo vulputate gravida in vel neque. Mauris condimentum elementum eleifend. Morbi bibendum orci nec eros suscipit tristique.

Texto em Segmentos Abertos Como Aplicar 1. Escolha a Ferramenta de Texto 2. Posicione a ferramenta em cima do segmento. Repare que a ferramenta muda para Text on a Path Tool 3. Clique uma vez para definir o ponto de inserção e digite o textot.

Experimente Com a Seta Branca: • Selecione e mova pontos do segmento.

• Mova os controles de curvatura.

• Clique e arraste para mover os limites.

• Posicionde o cursor no controle central, aparece um T invertido, mova para baixo.

Dicas • Mova o cursor devagar, para ver o que está acontecendo.

• Quando aparece um sinal de adição [+] no final do segmento indica que existe mais texto que não está sendo exibido por falta de espaço. Diminua o tamanho da letra ou edite o segmento para fazer mais espaço.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Início

Centro

b a e o r t to n e Tex to no segm

Fim

09 Imagens e Vetorização • • • • • • •

Aplicando Imagens (Vinculada x Embutida) Painel Links Live Trace Live Trace - Expand e Release Live Trace - Ajustes Raster (Adjustments) Live Trace - Ajustes Vector (Trace Settings) Vetorização Manual

Imagens Vinculadas x Embutidas (Linked File x Embedded File)

Prepare a área de trabalho com o Painel Links aberto separadamente.

Aplicando Imagens 1. Menu File > Place > Escolher arquivo de imagem no seu computador.

• Para que o arquivo de imagem seja Vinculado (Linked File), ative a opção Link.

• Para que o arquivo de imagem seja Embutido (Embedded File) desligue a opção Link.

Arquivo Vinculado (Linked File)

Arquivo Embutido (Embedded File)

• O arquivo de imagem NÃO fica salvo dentro do arquivo Illustrator (o que fica salvo é o vínculo entre os dois arquivos).

• O arquivo de imagem passa a fazer parte do arquivo Illustrator. (A Imagem é salva dentro do arquivo Illustrator).

• Ao editar a imagem fora do Illustrator, por exemplo no Photoshop, a imagem pode ser atualizada automaticamente no arquivo Illustrator.

• Se você editar a imagem no Photoshop, ela deve ser aplicada novamente.

• Ao enviar o arquivo Illustrator para outro destino, as imagens vinculadas também tem que ser enviadas caso contrário elas não poderão ser exibidas no arquivo Illustrator.

• Quando enviamos o arquivo Illustrator a imagem vai junto com o arquivo.

Para Embutir uma imagem depois de aplicada 1. Selecione a Image 2. No Painel de Controle clique no botão Embed

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Painel Links Utilize o Painel Links para gerenciar as imagens que estão aplicadas no arquivo Illustrator.

Imagem Embutida (via Copy & Paste - não tem nome) Imagem Modificada (Selecione e clique no botão Update) Imagem Faltando (Selecione e clique no Botão Relink) Imagem Embutida (depois de vinculada - preserva o nome) Imagem Vinculada

Relink

Go to Link

Update Link

Edit Original

Permite refazer o vínculo para consertar um problema (Imagem Faltando) ou substituir uma imagem por outra

Selecione a imagem na lista e clique nesse botão para ver onde a imagem se encontra no arquivo.

Atualiza uma imagem modificada.

Abre a imagem no programa de edição que estiver associado ao formato do arquivo.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Live Trace No Live Trace, o Illustrator interpreta as áreas de cor da imagem (pixels) e cria segmentos (vetoriais) para cada área.

A imagem e os segmentos ficam “vivos” dentro do objeto “Tracing” podendo ser editados.

Como Aplicar 1. Selecione a imagem.

2. No Painel de Controle, clique no botão Live Trace, ou escolha uma configuração pré-fabricada (Presets), na lista, clicando no pequeno triângulo ao lado do botão.

3. A imagem é vetorizada.

Como Editar 1. Selecione o objeto Tracing.

2. No Painel de Controle, escolha uma nova configuração no Menu Presets.

Dicas Os segmentos criados pelo Live Trace estão “presos” dentro do objeto Tracing. E não podem ser editados fora dele.

Experimente o modo de visualização Outline (COMMAND/CONTROL+Y). Os segmentos não aparecem.

Para editar os segmentos fora do Live Trace veja o tópico Expand.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Visualização

Opções

Selecione a imagem e no Painel de Controle, utilize as opções de visualização (os triângulos preto e branco) para visualizar a parte Raster (Imagem) e a parte Vector (Segmentos) de diferentes maneiras.

Selecione a imagem e no Painel de Controle, clique no ícone Tracing Options para abrir a caixa de diálogo com todas as opções de ajuste para a parte Raster (Imagem) e para a parte Vector (Segmentos).

Expand e Release Expand 1. Selecione o objeto Tracing.

2. No Painel de Controle, clique no botão Expand.

Dicas Quando o objeto Tracing é expandido a imagem é descartada e os segmentos podem ser editados normalmente, mas você perde a possibilidade de continuar usando os recursos Live Trace na imagem.

Release 1. Selecione o objeto Tracing.

2. Menu Object > Live Trace > Release

Dicas Quando aplicamos Release, os segmentos são descartados e voltamos para a imagem original.

Colorindo a Arte (Recolor Artwork) 1. Selecione o objeto Tracing.

2. No Painel de Controle, clique Expand.

3. No Painel de Controle, clique no ícone Recolor Artwork.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Ajustes Raster (Imagem) Adjustments Color Modes Black & White imagem preto e branco.

Grayscale imagem com até 256 tons de cinza.

Color imagem colorida com até 256 cores.

Threshold Se aplica apenas ao modo Black & White.

Determina um limite de luminosidade para decidir quais pixels serão traçados como áreas (segmentos) pretas ou brancas.

Palette Permite escolher uma paleta de cores a serem utilizadas no tracing.

Max Colors Determina o número máximo de cores.

Output to Swatches Permite exportar as cores utilizadas no objeto Tracing para o Painel Swatches.

Blur Tira a imagem de foco, produzindo áreas mais arredondadas.

Resample Controla a resolução da imagem. Menor resolução diminui o nível de detalhe e produz áreas mais arredondadas.

View Opções de visualização da parte Raster (Imagem) e da parte Vector (Segmentos). © 2012 Lula Rocha. Proibida a reprodução e distribuição

Selecione o objeto Tracing, e no Painel de Controle clique no ícone Tracing Options.

Ajustes Vector (Segmentos) Trace Settings Fills & Strokes Traça segmentos com preenchimento (Fills), apenas contornos (Strkes) ou ambos.

Strokes só fica disponível para o Color Mode Black & White.

Max Stroke Weight Determina o valor máximo contorno. Quanto maior o valor, menos segmentos são traçados.

Min Stroke Length Determina o comprimento mínimo do segmento. Quanto maior o valor, são traçados segmentos mais compridos.

Path Fitting Determina a precisão com a qual os segmentos acompanham os pixels. Valores menores geram mais segmentos e mais Pontos Âncora.

Corner Angle Determina quando serão criados Pontos de Canto (Corner Points) ou Pontos Suaves (Smooth Points). Valores maiores geram Tracing mais arredondado.

Minimum Area Determina o valor mínimo de pixels que uma área precisa ter para que seja traçada. Valores maiores eliminam áreas muito pequenas.

Ignore White Nas áreas brancas são criados segmentos sem preenchimento, isto é, “transparentes”. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Selecione o objeto Tracing, e no Painel de Controle clique no ícone Tracing Options.

Vetorização Manual Instruções Crie uma camada Template para a imagem e outra camada separada para a ilustração 1. Clique duplo no nome da camada (Pato) 2. Layer Options > selecione Template 3. Clique no botão Create New Layer no rodapé do Painel Layer para criar uma nova camada Dicas Utilize a ferramenta Caneta para criar as formas básicas (corpo amarelo, olhos e bico) Utilize a ferramenta Conta-gotas (Eyedropper Tool) para “pescar” cores na imagem Utilize os recursos Gradient e Gradient Mesh e efeitos do tipo Feather e Gaussian Blur para criar áreas de luz e sombra (volume).

Crie novas camadas para diferentes partes da ilustração.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

10 Salvando e Exportando • • • •

Salvando em formato Illustrator Salvando em formato PDF Exportando em formato JPEG Exportando em formato PNG

Salvando em formato Illustrator (.ai) 1. Menu File > Save (Save As ou Save a Copy) 2. Defina o nome do documento, o local onde deseja salvar e escolha o formato Illustrator e Clique Save 3. Abre a caixa de diálogo com as opções “Illustrator Options” 4. Defina as opções desejadas e confirme OK

Create PDF Compatible File Uma cópia em formato PDF é criada e embutida dentro do arquivo Illustrator, fazendo com que ele possa ser aberto, visualizado ou aplicado em outros programas como por exemplo no Acrobat Reader ou no InDesign.

Caso você esteja trabalhando em um arquivo muito complexo, esta opção pode fazer com que o tempo de processamento fique longo, porque toda vez que você escolher o comando Save a cópia PDF também será automaticamente atualizada.

Dica Dependendo da complexidade documento, desligando essa opção faz com que o tamanho em Kbytes seja reduzido consideravelmente.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Salvando em formato PDF 1. Menu File > Save a Copy 2. Defina o nome do documento, o local onde deseja salvar e escolha o formato Adobe PDF. Você pode definir quais pranchetas salvar escolhendo todas (All) ou, na opção Range, definir as pranchetas desejadas digitando os números separados por hífen ou vírgulas. Pressione SAVE. 3. Abre a caixa de diálogo “Save Adobe PDF” para definir as configurações do PDF. Adobe PDF Preset - Apresenta um menu com configurações pré-fabricadas, por exemplo: • High Quality Print - para impressão em alta qualidade.

• Smallest File Size - faz com que o tamanho do arquivo (em kbytes) fique bem pequeno para facilitar o envio pela internet (atenção: a qualidade pode ficar comprometida).

Standard - perfis padrão PDF/X definidos pela indústria gráfica.

Preserve Illustrator Editing Capabilities Permite que o arquivo PDF seja editado no Illustrator.

View PDF after Saving - para visualizar automaticamente como ficou o arquivo logo após salvar.

Save Preset - Permite salvar a sua configuração customizada para que seja facilmente reutilizada em outros arquivos. Sua configuração será listada no menu Adobe PDF Preset. É sempre bom consultar primeiro o impressor para definir como o arquivo deve ser preparado. © 2012 Lula Rocha. Proibida a reprodução e distribuição

Exportando em formato JPEG 1. Menu File > Export 2. Defina o nome do documento e o local de destino 3. Escolha o formato JPEG Você pode exportar usando as Pranchetas ativando a opção (Use Artboards) e nesse caso a imagem terá o tamanho da prancheta, e será gerada uma imagem para cada prancheta.

Caso a opção esteja desligada a imagem terá o tamanho exato da arte contida no documento. Se o documento tiver várias pranchetas será gerada uma imagem com todas as pranchetas.

Pressione EXPORT 4. Abre a caixa de diálogo com as opções JPEG Opções importantes Image Quality - Define a qualidade da imagem, quanto maior a qualidade maior o tamanho do arquivo.

Format - De maneira geral, prefira Baseline Optimized Resolution - Define a Resolução da Imagem, utilize High (300 ppi) caso o objetivo seja a impressão ou Screen (72 ppi) para visualizar na tela, enviar por email ou publicar em um site.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

Exportando em formato PNG 1. Menu File > Export 2. Defina o nome do documento e o local de destino 3. Escolha o formato PNG Você pode exportar usando as Pranchetas ativando a opção (Use Artboards) e nesse caso a imagem terá o tamanho da prancheta, e será gerada uma imagem para cada prancheta.

Caso a opção esteja desligada a imagem terá o tamanho exato da arte contida no documento. Se o documento tiver várias pranchetas será gerada uma imagem com todas as pranchetas.

Pressione EXPORT 4. Abre a caixa de diálogo com as opções PNG Resolution Define a Resolução da Imagem, utilize High (300 ppi) caso o objetivo seja a impressão ou Screen (72 ppi) para visualizar na tela, enviar por email ou publicar em um site.

Background O formato PNG permite que a imagem tenha o fundo transparente, ideal para aplicar em cima de outras imagens ou de fundos que contenham cores ou texturas por exemplo em um site, num arquivo Word ou em uma apresentação de PowerPoint ou Keynote.

© 2012 Lula Rocha. Proibida a reprodução e distribuição

11 Mais Informações • Help, Sites e Bibliografia

Help, Sites e Bibliografia Help

Local Help e Community Help

Sites

Metapix (em Português)

Buscar direto na barra do programa, ou Menu Help > Illustrator Help

Cursos e tutoriais de Illustrator e Photoshop online

http://metapix.com.br Lula Rocha e Metapix no Facebook

http://facebook.com/lula.rochadesign http://facebook.com/metapix

lularocha@gmail.com

Adobe TV (em inglês)

http://tv.adobe.com/search/?q=Illustrator

Livro

Adobe Illustrator - Classroom in a Book Adobe Press: http://www.adobepress.com/bookstore/product.asp?isbn=032170178X Amazon: http://www.amazon.com/Adobe-Illustrator-CS5-ClassroomBook/dp/032170178X/ref=sr_1_1?ie=UTF8&qid=1333314721&sr=8-1 Saraiva: http://www.livrariasaraiva.com.br/produto/3534865/adobeillustrator-cs5-serie-classroom-in-a-book-guia-de-treinamento-oficial/

© 2012 Lula Rocha. Proibida a reprodução e distribuição

lularocha@gmail.com facebook.com/lula.rochadesign facebook.com/metapix metapix.com.br