28
Adobe Illustrator PEN TOOL. A PRINCIPAL FERRAMENTA

Aula 07 - Adobe Illustrator - Pen Tool

Embed Size (px)

DESCRIPTION

Aula Pen Tool

Citation preview

Page 1: Aula 07 - Adobe Illustrator - Pen Tool

Adobe IllustratorP E N T O O L . A P R I N C I P A L F E R R A M E N T A

Page 2: Aula 07 - Adobe Illustrator - Pen Tool

O QUE É O ILLUSTRATOR?

Criado em 1985, o Adobe Illustrator é um

programa de desenho vetorial criado,

incialmente, como complemento comercial

de software de fontes da Adobe para o

Apple Machintosh. Muitas vezes usado para

desenhar ilustrações, diagramas, gráficos e

logotipos. Ao contrário de imagens bitmap

que armazena informações em uma grade

de pontos, o Illustrator utiliza equações

matemáticas para desenhar as formas. Isso

faz com que gráficos vetoriais sejam

escaláveis sem perder resolução.

Vantagens do gráficos vetoriais:

Eles são escalonáveis sem perder resolução;

As linhas são limpas e nítidas em todos os tamanhos;

Cópia em alta resolução;

Ótimo para ilustrações.

Desvantagens dos gráficos vetoriais é que:

Os desenhos tendem a ficar achatados e cartoonizados

Os desenhos realísticos são muito trabalhosos

Usos mais comuns do Adobe Illustrator:

Logotipos

Mapas

Infográficos

Desenhos realísticos

Page 3: Aula 07 - Adobe Illustrator - Pen Tool

PROPRIEDADES DO ILLUSTRATOR

O software Adobe Illustrator CS5 ajuda na criação de artes vetoriais diferenciadas para

qualquer projeto. Tire proveito da precisão e eficiência das ferramentas de desenho

sofisticadas, pincéis naturais expressivos e muitos recursos que economizam tempo.

Use ferramentas criativas poderosas

Crie o design de gráficos vetoriais com precisão e eficiência usando o software Adobe® Illustrator® CS5. Desenhe com

precisão em perspectiva, crie traços com largura variável, pinte com pincéis reais e permita que sua criatividade flua.

Aumente a produtividade

Trabalhe com eficiência com artboards, símbolos, aprimoramentos de desenho e a capacidade de editar características

de objeto no painel Aparência. Aproveite as vantagens da perfeita integração com outros aplicativos da Adobe e do

suporte a quase todos os arquivos gráficos.

Produza para praticamente qualquer lugar

Produza resultados impressionantes com belos textos, se você estiver imprimindo ou produzir gráficos para a web ou

dispositivos móveis. Crie efeitos independentes e gráficos nítidos. Crie mais seguras, com várias páginas, e gráficos-

ricos com arquivos Adobe PDF.

Page 4: Aula 07 - Adobe Illustrator - Pen Tool

QUANDO USAR O ADOBE ILLUSTRATORAo usar o Adobe Creative Suite 5 (CS5 Adobe) Illustrator em vez de Photoshop, você ganha vários benefícios. Você pode ter ouvido que o Illustrator é melhor para gráficos vetoriais, mas por que e o que mais ele traz?

Illustrator pode salvar e exportar gráficos para a maioria

dos formatos de arquivo.

Ao optar por salvar ou exportar, você pode criar um

arquivo que pode ser usado na maioria das outras

aplicações. Por exemplo, arquivos do Illustrator pode ser

salvo como. Bmp,. Jpg,. Pdf,. Svg. Tiff, e até mesmo. Swf

(Flash), só para citar alguns.

Arquivos do Illustrator são facilmente integrados em outros

aplicativos da Adobe.

Você pode salvar arquivos do Illustrator em seu formato

nativo e abrir ou colocá-los em outros aplicativos da

Adobe, como Dreamweaver, Fireworks, Flash, InDesign e

Photoshop. Você também pode salvar um trabalho artístico

no Illustrator em formato PDF (Portable Document Format).

Ele permite que qualquer pessoa que use o software

gratuito Acrobat Reader abra e visualize o arquivo, mas

mantendo as capacidades de edição quando o arquivo for

aberto mais tarde no Illustrator.

Page 5: Aula 07 - Adobe Illustrator - Pen Tool

GRÁFICOS VETORIAISGráficos do Illustrator são bastante diferentes das imagens de bitmap que você criar ou editar no Photoshop, no qual a resolução é determinada assim que você digitalizar, tirar uma foto ou criar um novo documento bitmap (criado a partir de pixels).

Os gráficos vetoriais são compostas por linhas e curvas

definidas por objetos matemáticos chamados de vetores.

Porque os caminhos (as linhas e curvas) são definidos

matematicamente, você pode mover, redimensionar ou

alterar a cor de objetos vetoriais sem perder qualidade na

imagem.

Os gráficos vetoriais são independentes de resolução.

Podem ser redimensionados em qualquer tamanho e

impressos em qualquer resolução sem perder detalhes.

Por outro lado, um número predeterminado de pixels é

concebido na criação gráficos de bitmap, então você não

pode escalar (redimensionar-los) facilmente - se você

redimensionar-los menores, você joga pixels fora; se você

dimensionar-los maiores, você acaba com um blocos,

recortando a imagem.

Illustrator tem escalabilidade ilimitada

Você pode criar arte vetorial no Illustrator e escalá-lo ao

tamanho de seu polegar ou com o tamanho de um celeiro,

e de qualquer forma, ele ainda parece ser bom.

Uma arte gráfica do Illustrator é reutilizável porque a

resolução de arte vetorial não é determinado até a

saída do arquivo.

Em outras palavras, se você imprimir em uma impressora

de 600 dpi (pontos por polegada), o trabalho é impresso

em 600 dpi; a impressão para uma impressora de 2.400

dpi é impressa a 2.400 dpi.

Page 6: Aula 07 - Adobe Illustrator - Pen Tool

BITMAPSNão são necessárias muitas palavras: Bitmap é pixel. Vetor é cálculo matemático. Pronto.Enquanto o primeiro sofre perdas distintas de qualidade quanto ao tipo de compressão, formato de arquivo e também com ampliações e às vezes até reduções, o outro não se “deteriora” com compressão, ampliação e redução.

Bitmap (ou raster image)

Bitmap (mapa de bits, em português) são imagens que contém a descrição de cada pixel, em oposição aos gráficos vetoriais. Uma fotografia pode conter milhares ou milhões de pixels (megapixel). Em imagens bitmap existe uma “conexão”entre pixels e a imagem que eles formam: este pixel vem aqui com essa cor; aquele pixel ali com aquela cor. Essa conexão é responsável por alguns efeitos causados quando redimensionamos uma imagem, pois pixels não mudam de tamanho. Eles são descartados ou interpolados para preencherem a área conforme a imagem é reduzida ou ampliada.

Interpolar, em poucas palavras, é como ter vinho em uma taça e querer usar uma taça maior. Para ocupar o mesmo volume, mais fluido deve ser adicionado e o vinho, diluído, perde seu sabor.

Costuma-se dizer que uma imagem bitmap ganha em qualidade quando reduzida. Na verdade esse ganho é puramente visual, pois com a redução parte da informação da imagem é perdida – pixels descartados. Uma imagem pode ser reduzida repetidas vezes e manter a qualidade até o ponto em que não haverá mais espaço suficiente para os pixels exibirem a imagem corretamente. (Quem, na nossa área, já não tentou gerar um favicon de uma imagem muito grande?)

Com exceção do Flash e do formato SVG (scalable vector graphic), tudo visto na web são imagens bitmap. São compostas de pixels (o menor ponto de uma imagem digital), cada um com sua informação de cor.

Page 7: Aula 07 - Adobe Illustrator - Pen Tool

VETOR X BITMAPA figura a seguir mostra as diferenças entre um gráficos em vetor alargado (note as bordas lisas) e um gráfico de bitmap a alargado (observe as bordas serrilhadas). Muitas marcas de empresas são criadas com vetores para evitar problemas com escalas: um logotipo vetorial mantém a sua aparência de alta qualidade em qualquer tamanho.

Page 8: Aula 07 - Adobe Illustrator - Pen Tool

VETORESImagem vetorial é um tipo de imagem gerada a partir de descrições geométricas de formas. É composta por curvas, elipses, polígonos, textos, entre outros elementos. Isto é, utilizam vetores matemáticos para sua descrição. Em um trecho de desenho sólido, de uma cor apenas, um programa vetorial apenas repete o padrão, não tendo que armazenar dados para cada pixel.

Curvas de Bézier

Foi desenvolvida em 1962 e seu nome é devido ao criador

da curva, o francês Pierre Bézier, funcionário da Renault,

que a usou para o design de automóveis.

A curva de Bézier é uma curva polinomial expressa como a

interpolação linear entre alguns pontos representativos,

chamados de pontos de controle.

É uma curva utilizada em diversas aplicações gráficas

como o Illustrator, Freehand, Fireworks, Gimp, Photoshop,

Inkscape e CorelDRAW, e formatos de imagem vetorial

como o SVG. Esse tipo de curva também é bastante

utilizada em modelagem tridimensional e animações.

As Curvas de Bézier são usadas para a manipulação dos

pontos de um desenho. Cada linha descrita em um

desenho vetorial possui nós, e cada nó possui alças para

manipular o segmento de reta ligado a ele.

Por serem baseados em vetores, esses gráficos

geralmente são mais leves (ocupam menos memória no

disco) e não perdem qualidade ao serem aplicados, já que

as funções matemáticas adequam-se facilmente à escala,

o que não ocorre com gráficos raster (bitmap) que utilizam

métodos de interpolação na tentativa de preservar a

qualidade.

Outra vantagem do desenho vetorial é a possibilidade de

isolar objetos e zonas manipulando-as

independentemente.

Page 9: Aula 07 - Adobe Illustrator - Pen Tool
Page 10: Aula 07 - Adobe Illustrator - Pen Tool

VETORES

Page 11: Aula 07 - Adobe Illustrator - Pen Tool
Page 12: Aula 07 - Adobe Illustrator - Pen Tool
Page 13: Aula 07 - Adobe Illustrator - Pen Tool
Page 14: Aula 07 - Adobe Illustrator - Pen Tool

PEN TOOLSe você usar o Adobe Illustrator, então é quase certo que você usa a ferramenta Pen para criar seus caminhos. Este guia visa introduzir ou lembrá-lo de recursos, atalhos e métodos para trabalhar com o que é sem dúvida instrumento mais importante da Adobe.

1. Funções

a) Ferramenta Pen: Clique na prancheta para criar caminhos com segmentos retos,

clique e arraste para criar caminhos com curvas de Bezier.

b) Adicionar Anchor Point Tool: Clique em um segmento de caminho para adicionar

pontos de ancoragem.

c) Excluir ferramenta de ponto de ancoragem: Clique no ponto de ancoragem para

remover do caminho.

d) Converter ponto de âncora: Clique em um ponto de ancoragem e arraste para criar

alças Bezier onde não havia nenhuma, clique em um ponto de ancoragem com alças

para um removê-los.

e) Tesoura: Não faz parte do grupo de ferramenta Pen, mas definitivamente associado a

ele. Clique em um segmento de caminho se dividir em dois caminhos.

a)

b)

c)

d)

e)

Page 15: Aula 07 - Adobe Illustrator - Pen Tool

PEN TOOLSe você usar o Adobe Illustrator, então é quase certo que você usa a ferramenta Pen para criar seus caminhos. Este guia visa introduzir ou lembrá-lo de recursos, atalhos e métodos para trabalhar com o que é sem dúvida instrumento mais importante da Adobe.

2. Atalhos de teclado

a) Selecione a ferramenta Pen (P)

b) Selecione Adicionar ferramenta âncora ponto (+)

c) Selecione Excluir Anchor Point Tool (-)

d) Selecione Converter Anchor Point Tool (Shift + C)

e) Selecione Tesoura ferramenta (C)

Page 16: Aula 07 - Adobe Illustrator - Pen Tool

PEN TOOLSe você usar o Adobe Illustrator, então é quase certo que você usa a ferramenta Pen para criar seus caminhos. Este guia visa introduzir ou lembrá-lo de recursos, atalhos e métodos para trabalhar com o que é sem dúvida instrumento mais importante da Adobe.

3. Cursores

A ferramenta caneta assume formas diferentes dependendo do que você está fazendo

quando você está usando. Cada um faz intuitivamente conscientes da ação que você

está prestes a realizar.

Use o Caps Lock para alternar entre ponteiro e cruz.

a) Preparando para começar o caminho

b) Criar ou editar um caminho

c) O mouse está pressionado

d) Adicionar um ponto de de âncora ou caminho

e) Remover um ponto de âncora ou caminho

f) Fechar caminho, a partir do begin point.

g) Continuar caminho, a partir do endpoint.

h) Indicação de um ponto de âncora existente

a)

b)

c)

d)

e)

f)

g)

h)

Page 17: Aula 07 - Adobe Illustrator - Pen Tool

4. Controles secundários do mouse com o caminho selecionado

a) Ferramenta Pen com o mouse sobre ponto de ancoragem: alterações para Excluir

a ferramenta de ponto de ancoragem

b) Ferramenta Pen com o mouse sobre segmento de caminho: alterações para

Adicionar a ferramenta de ponto de ancoragem

c) Ferramenta Pen com o mouse sobre o ponto final de âncora: mudanças para

Converter a ferramenta de ponto de ancoragem

PEN TOOLSe você usar o Adobe Illustrator, então é quase certo que você usa a ferramenta Pen para criar seus caminhos. Este guia visa introduzir ou lembrá-lo de recursos, atalhos e métodos para trabalhar com o que é sem dúvida instrumento mais importante da Adobe.

Page 18: Aula 07 - Adobe Illustrator - Pen Tool

5. Controles do teclado

a) Segure Shift para restringir os movimentos de 45 °, 90 °, 135 ° ou 180 °,

enquanto cria ou edita os pontos de ancoragem e alças.

b) Selecione ponto de ancoragem com a ferramenta de seleção direta e clique em

Excluir. Âncoras e segmentos de caminho adjacentes são eliminados deixando

dois caminhos.

c) Ferramenta Pen + Option (Alt): mudanças para converter a ferramenta de ponto de

ancoragem.

d) Ferramenta Pen com mouse sobre a alça bezier + Command (Ctrl): permite a

edição de curva de Bezier.

e) Ferramenta Pen Option + (Alt), criando simultaneamente curva Bézier: divide

curva (alças dobradiças).

f) Ferramenta Pen com mouse obre a alça bezier + Option (Alt): divide curva (alças

dobradiças).

g) Ferramenta tesoura + Option (Alt): alterações para Adicionar um ponto de

ancoragem.

h) Ferramenta adicionar ponto de âncora + Option (Alt): alterações para Excluir um

ponto de ancoragem.

i) Ferramenta excluir de ponto de ancoragem + Option (Alt): alterações para

adicionar um ponto de ancoragem.

PEN TOOLSe você usar o Adobe Illustrator, então é quase certo que você usa a ferramenta Pen para criar seus caminhos. Este guia visa introduzir ou lembrá-lo de recursos, atalhos e métodos para trabalhar com o que é sem dúvida instrumento mais importante da Adobe.

Page 19: Aula 07 - Adobe Illustrator - Pen Tool

6. Preferências

Illustrator > Preferências> Seleção e exibição de âncora

a) Tolerância: raio da área de seleção em torno dos pontos de ancoragem. Deve estar

entre 1 e 8 pixels, 1px se você busca uma precisão extrema com o mouse ou tem um

monte de âncoras em uma estreita faixa, 8px, se preferir menor precisão. 3px é o valor

padrão.

b) Seleção de objeto por único caminho: Quando marcada, esta opção permite a

seleção de objetos apenas clicando em seus caminhos. Clicando sobre suas áreas

preenchidas é ineficaz, comparável a trabalhar em modo de estrutura (Ver Contorno>).

PEN TOOLSe você usar o Adobe Illustrator, então é quase certo que você usa a ferramenta Pen para criar seus caminhos. Este guia visa introduzir ou lembrá-lo de recursos, atalhos e métodos para trabalhar com o que é sem dúvida instrumento mais importante da Adobe.

a) b)

Page 20: Aula 07 - Adobe Illustrator - Pen Tool

6. Preferências

c) Encaixe no Ponto: Também acessível através do menu “View> Snap to Point”, que

através da caixa de diálogo de Seleção e de exibição de âncora (Selection & Anchor

Display) a tolerância também pode ser determinado a partir de 1 a 8 pixels. Este valor

representa o novo raio em torno de pontos de ancoragem. Ao alinhar dois objetos, os

pontos de ancoragem de um irão unir-se aos pontos do outro eles devem ser

posicionados dentro de um intervalo específico.

d) Anchor Point e Display Handle: Determina a maneira pela qual seus pontos de

ancoragem e alças de caminho são exibidos.

PEN TOOLSe você usar o Adobe Illustrator, então é quase certo que você usa a ferramenta Pen para criar seus caminhos. Este guia visa introduzir ou lembrá-lo de recursos, atalhos e métodos para trabalhar com o que é sem dúvida instrumento mais importante da Adobe.

c)

d)

Page 21: Aula 07 - Adobe Illustrator - Pen Tool

6. Preferências

e) Destacar âncoras em mouseover: Quando marcado, destaca pontos de ancoragem,

quando o cursor estiver em cima.

f) Mostrar alças quando várias âncoras são selecionadas: Quando marcada, esta

opção exibe as alças de pontos quando vários pontos são selecionados. Caso contrário,

as alças de vários pontos selecionados não são exibidas.

PEN TOOLSe você usar o Adobe Illustrator, então é quase certo que você usa a ferramenta Pen para criar seus caminhos. Este guia visa introduzir ou lembrá-lo de recursos, atalhos e métodos para trabalhar com o que é sem dúvida instrumento mais importante da Adobe.

e)

f)

Page 22: Aula 07 - Adobe Illustrator - Pen Tool

7. Outros atalhos e Dicas

a) Selecione a Ferramenta de Seleção Direta antes de selecionar a ferramenta Pen.

Pressione e segure Command (Ctrl) para acessar a última ferramenta selecionada

(neste caso a ferramenta Seleção Direta) para edição de percursos e alças

puxadoras sem desmarcar o caminho.

b) Com caminho selecionado, use a barra de espaço para lhe dar acesso à

ferramenta Hand. Mova sua tela sem desmarcandar o caminho ou as ferramentas

de mudança.

c) Ao criar ou editar um ponto de âncora, clique e segure o mouse e a barra de

espaço para alterar a posição do ponto de ancoragem que você está trabalhando.

PEN TOOLSe você usar o Adobe Illustrator, então é quase certo que você usa a ferramenta Pen para criar seus caminhos. Este guia visa introduzir ou lembrá-lo de recursos, atalhos e métodos para trabalhar com o que é sem dúvida instrumento mais importante da Adobe.

c)

Page 23: Aula 07 - Adobe Illustrator - Pen Tool

7. Outros atalhos e Dicas

d) Com a Ferramenta de Seleção Direta selecione o endpoint e o Start Point. Aperte

Command (Ctrl) + J para Unir.

e) Com a Ferramenta de Seleção Direta selecione o endpoint e o Start Point de um

caminho. Aperte Command (Ctrl) + Opoint (Alt) + Shit + J para unir e centralizar

(average) simultaneamente.

f) Para suavizar um caminho, reduzindo o número de pontos de ancoragem abra a

caixa de diálogo Simplify (Object> Path> Simplify) e ajuste de acordo com suas

necessidades.

PEN TOOLSe você usar o Adobe Illustrator, então é quase certo que você usa a ferramenta Pen para criar seus caminhos. Este guia visa introduzir ou lembrá-lo de recursos, atalhos e métodos para trabalhar com o que é sem dúvida instrumento mais importante da Adobe.

f)

Page 24: Aula 07 - Adobe Illustrator - Pen Tool

7. Outros atalhos e Dicas

g) Por outro lado, se você quiser mais pontos de ancoragem para melhorar a

manipulação vá em Objeto> Caminho> Adicionar pontos de âncoragem. Um novo

ponto de ancoragem aparecerá depois de cada ponto de ancoragem existente no

caminho selecionado.

h) Para impedir que a ferramenta Pen de alterar a sua função ao interagir com

outros pontos de ancoragem ou caminhos, abra a caixa de diálogo de preferências

gerais (Illustrator> Preferências> Geral) e habilite a função Disable Auto Add /

Delete. A ferramenta Pen, agora apenas desenhar caminhos.

PEN TOOLSe você usar o Adobe Illustrator, então é quase certo que você usa a ferramenta Pen para criar seus caminhos. Este guia visa introduzir ou lembrá-lo de recursos, atalhos e métodos para trabalhar com o que é sem dúvida instrumento mais importante da Adobe.

h)

Page 25: Aula 07 - Adobe Illustrator - Pen Tool

8. Sugestões de melhores práticas

a) Arraste as alças do primeiro ponto de ancoragem ao iniciar uma trajetória curva.

b) Arraste as alças por, aproximadamente, um terço da curva que você está

criando para uma trajetória suave.

c) Posicione os pontos de ancoragem de uma curva onde os caminhos começam a

mudar de direção, e não no meio da sua curva.

d) Seja econômico e use o mínimo de pontos de acoragem possíveis. Menos pontos

equivalem a um caminho mais limpo.

PEN TOOLSe você usar o Adobe Illustrator, então é quase certo que você usa a ferramenta Pen para criar seus caminhos. Este guia visa introduzir ou lembrá-lo de recursos, atalhos e métodos para trabalhar com o que é sem dúvida instrumento mais importante da Adobe.

b)

c)

Page 26: Aula 07 - Adobe Illustrator - Pen Tool

EXERCÍCIO PEN TOOLIsto é tudo muito bom na teoria, mas enquanto estas dicas estão novinhas em sua mente por que não colocá-los em prática? Abra os exercícios e siga as guias para criar caminhos precisos, usando as dicas e atalhos abordados nesta aula.

Page 27: Aula 07 - Adobe Illustrator - Pen Tool

ATALHOS E DICAS COMPLEMENTARES

Conhecer atalhos de teclado e saber

macetes pode tornar o seu fluxo de trabalho

mais eficiente, e entregar resultados mais

rápido. Aqui eu tentei resumir algumas

dicas e atalhos que mais uso quando

trabalho, que aceleram bastante o meu

processo.

M Ferramenta retângulo

L Ferramenta elipse

T Ferramenta texto

P Ferramenta bezier

A Ferramenta de seleção de pontos

V Ferramenta de seleção de objeto

Shift + C Ferramenta de transformação de ponto

D Aparência básica

(contorno preto, 1pt, preenchimento branco)

X Alterna o foco de edição entre contorno e preenchimento

Shift + X Troca o contorno com o preenchimento

/ Aplica preenchimento/contorno transparente

Ctrl/Cmd + ] Ordena objeto um nível pra cima

Ctrl/Cmd + Shift + ] Ordena objeto pra cima de tudo

Ctrl/Cmd + [ Ordena objeto um nível pra baixo

Ctrl/Cmd + Shift + [ Ordena objeto pra baixo de tudo

Ctrl/Cmd + 2 Tranca o objeto

Ctrl/Cmd + Alt/Option + 2 Destranca todos

os objetos trancados

Ctrl/Cmd + 3 Oculta o objeto

Ctrl/Cmd + Alt/Option + 3 Exibe todos os objetos ocultos

Ctrl/Cmd + F Cola em frente

Ctrl/Cmd + B Cola atrás

R Ferramenta de rotação

S Ferramenta de escalonagem

Ctrl/Cmd + D Repetir última tarefa

Ctrl/Cmd + Alt/Option + Shift + D Transformar cada objeto

Shift + O Ferramenta de edição de artboards