Upload
chico-neto
View
30
Download
1
Embed Size (px)
DESCRIPTION
Aula Pen Tool
Citation preview
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
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
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.
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.
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.
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.
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.
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.
VETORES
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)
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)
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)
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.
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.
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)
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)
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)
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)
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)
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)
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)
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.
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
www.chiconeto.com.br/informatica Março 2012