Adobe illustrAtor Cs6

Transcrição

Adobe illustrator CS6
sumário
InTrodução . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Windows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Mac OS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Conhecendo a interface do Illustrator . . . . . . . . . 10
Welcome . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Painel Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Painel Control . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Painéis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Trabalhando com documentos no Illustrator . . . . 13
Configurando novo documento . . . . . . . . . . . . . . . . . . 13
View e zoom no Illustrator . . . . . . . . . . . . . . . . . . . . . 15
Réguas, ponto zero, guias e grades . . . . . . . . . . . . . . . . . 16
Ferramentas de desenho . . . . . . . . . . . . . . . . . . . . 17
Grupo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
Alinhando os objetos . . . . . . . . . . . . . . . . . . . . . . . . 21
Duplicando o Objeto . . . . . . . . . . . . . . . . . . . . . . . . 21
Adobe Illustrator CS6
1
Cores e preenchimentos . . . . . . . . . . . . . . . . . . . . 24
Definição . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
Modelos de cores . . . . . . . . . . . . . . . . . . . . . . . . . 24
O trabalho com cores no Illustrator . . . . . . . . . . . . . . . . 25
Transparência . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
Painel Stroke . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
Opções do painel Stroke . . . . . . . . . . . . . . . . . . . . . . 30
Paleta Pathfinder . . . . . . . . . . . . . . . . . . . . . . . . 32
Shape Modes . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Pathfinders . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
O trabalho com Textos no Illustrator . . . . . . . . . . 34
Texto Artístico . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Texto de parágrafo . . . . . . . . . . . . . . . . . . . . . . . . . 34
Ferramenta Texto . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Opção da Ferramenta Texto . . . . . . . . . . . . . . . . . . . . 35
Vetorização . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
Imagens Bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . 45
Imagens Vetoriais . . . . . . . . . . . . . . . . . . . . . . . . . . 47
O Desenho no Illustrator . . . . . . . . . . . . . . . . . . . . . . 50
Converter um ponto âncora com precisão, usando a ferramenta Convert Anchor Point Tool . . . . . . . . . . . . . . . . . . . . . . . 50
Componentes de um Path . . . . . . . . . . . . . . . . . . . . . 52
Ferramenta Pencil . . . . . . . . . . . . . . . . . . . . . . . . . 53
Ferramentas de edição de caminhos . . . . . . . . . . . . . . . . 54
Clean Up . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
Ferramenta Width . . . . . . . . . . . . . . . . . . . . . . . . 54
2
Camadas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
Criar novas camadas . . . . . . . . . . . . . . . . . . . . . . . . 59
Painel Artboard . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
Painel Appearance . . . . . . . . . . . . . . . . . . . . . . . . . 61
Manipulando objetos . . . . . . . . . . . . . . . . . . . . . . . . 63
O Trabalho com símbolos . . . . . . . . . . . . . . . . . . . . . 64
Traços . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68
Traçar automaticamente o trabalho artístico . . . . . . . . . . . . 68
Ferramenta Paintbrush . . . . . . . . . . . . . . . . . . . . . . . 69
Máscaras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77
Mascarando outras máscaras . . . . . . . . . . . . . . . . . . . . 78
Liberando Máscaras . . . . . . . . . . . . . . . . . . . . . . . . 78
FERRAMENTA BLEND TOOL . . . . . . . . . . . . . . . . . . . . 78
Efeitos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80
Referência rápida sobre efeitos . . . . . . . . . . . . . . . . . . . 81
Impressão . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98
Configuração do documento . . . . . . . . . . . . . . . . . . . . 98
Gerando PDFs de qualidade no Illustrator . . . . . . . . . . . . . 99
Gerando o PDF . . . . . . . . . . . . . . . . . . . . . . . . . . 102
3
MÓDULO
I
01
nTrodução
O Adobe Illustrator é considerado o mais profissional dos programas de arte vetorial em uso. No Brasil,
o seu mercado ainda é pequeno pelo fato de seus concorrentes terem se estabilizado primeiro, mas a Adobe ® está conseguindo o seu lugar no mercado graças à compatibilidade existente entre seus programas.
A mais nova versão do programa, a versão CS5, que faz parte de toda a família CS5 (Creative Suíte), traz
novidades que, com certeza, possui grandes inovações. Inovações como, por exemplo, a possibilidade de
se trabalhar com formas isométricas simulando 3D e a possibilidade de se exportar arte criada para a suíte
Office. Estas são algumas das muitas novas ferramentas disponibilizadas pelo programa Illustrator CS5.
Windows
yy MICROSOFT
yy Processador: Processador Intel Pentium® 4 ou AMD Athlon 64;
yy Memória: 1 GB;
yy Espaço livre: 2 GB;
yy Resolução da tela: 1024 x 768;
yy Windows XP com Service Pack 3;
yy Windows Vista Home Premium, Business, Ultimate, Enterprise com Service Pack 1;
yy Windows 7;
yy Conexão banda larga para serviços online.
Mac OS
yy Processador: Processador Intel;
yy Memória: 1 GB;
yy Espaço livre: 2 GB;
yy Resolução da tela: 1024x768;
yy Mac OS X versão 10.5.7 ou 10.6;
yy Placa de vídeo de 16 bit;
yy Conexão à Internet para serviços online.
4
C
onhecendo a interface do Illustrator
O Illustrator, quando aberto, exibe o seguinte layout:
Welcome
O programa Illustrator, assim que iniciado, apresenta uma tela Welcome.
Nesta tela, possuem duas principais opções:
Create New: Quando criar um novo documento, você pode selecionar vários fluxos de trabalhos diferentes, que depois de selecionados, podem-se personalizá-los, sua interface e suas configurações.
Open a Recent Iten...: Mostrará os últimos arquivos abertos pelo programa Illustrator.
Caso não queira mais que esta tela apareça, selecione a caixa Don’t show again.
Para reabilitar esta janela, vá ao menu Help > Welcome Screen e desabilite a opção marcada.
Painel Tools
O Painel Tools contém ferramentas para a criação e a edição de imagens, arte-final, elementos de página
e assim por diante. As ferramentas relacionadas são agrupadas.
Painel Tools pode ser exibido com uma ou duas colunas e, para fazer isto, basta clicar sobre a seta dupla
branca na barra cinza.
Pode-se, também, arrastá-lo e deixá-lo solto em sua área de trabalho. Clique sobre sua barra e arraste-o.
Para voltar para o lugar, é só arrastá-lo até o local desejado, até formar uma linha azul onde irá se encaixar.
5
Painel Control
Painel Control é um painel de acesso rápido a opções, comandos e outros painéis relacionados ao item da página atual ou objetos selecionados e tais informações estarão sempre escritas no lado esquerdo da barra.
Para deslocá-la para outro lugar, basta arrastá-la e colocá-la onde quiser. Para voltar, arraste até que apareça uma barra azul e solte-a.
Painéis
Acesso rápido a muitas ferramentas do Illustrator, facilitando a modificação da
arte-final.
Todos os painéis estão contidos em menu Window como, por exemplo: menu
Window > Layers, Type, Color, Pathfinder...
Dentro deste painel existem sub-painéis que podem ser separados por grupos
ou não.
Como padrão, o Illustrator é iniciado com o Workspace Essentials, apresentan-
6
do este painel com ícones.
Para mostrar os nomes dos ícones, basta clicar entre a divisão da área de
trabalho do Illustrator e o painel até formar uma seta com duas pontas e
arraste-os para a esquerda para ampliá-los. Para visualizar as propriedades
de cada sub-painel, basta clicar sobre o ícone, que será aberto em abas
(grupos), e para apresentar o painel, já com os detalhes da ferramenta,
basta clicar duas vezes na barra.
Os sub-painéis podem ser reposicionados para melhor atendê-lo, basta
arrastar para fora do grupo e reposicioná-lo. Seu redimensionamento é
feito através da seta com suas pontas, selecionada entre a divisão dos sub-painéis.
Workspace
Como padrão o Illustrator é iniciado com o Workspace Essentials, apresentando este painel com ícones, para alterar o workspace do programa,
ou seja, para alterar o layout ou a composição do painel de ferramentas
ou das paletas, o Illustrator disponibiliza alguns padrões pré- definidos,
como:Essentiasl, Painting, Typography,Web, etc.
Para salvar seu próprio workspace vá ao menu Window> Workspace
> Save Workspace, ou clique na aba Essentials>Save workspace , e salve
com o nome desejado as configurações que desejar. Toda vez que abrir
o Illustrator você poderá aplicar suas configurações através do menu
window>Workspace> e selecione o workspace que havia criado, ou clique diretamente na aba Essentials> nome de seu workspace.
7
T
rabalhando com documentos no Illustrator
Configurando novo documento
A opção New Document ou menu File>New permite que se comece a arte da estaca zero. A opção
New From Template abre a pasta de modelos do Adobe Illustrator CS5 para você fazer as suas alterações,
a partir de um modelo pronto. A opção Open document, abre um novo existente.
A escolher a opção New Document, será mostrada a tela de configuração do seu documento.
Com esta opção, você pode definir qual o tamanho do documento a ser criado e escolher tamanhos
pré-defindos no menu Size, ou configurando nas caixas de width (largura) e height (altura). Outra opção
muito importante é a criação de novos Artboards, ou seja, novas páginas na opção Number of Artboards,
e, a partir deste, definir a distribuição do documento, o espaçamento e o número de colunas; definir as
unidades de medidas a serem trabalhadas, a orientação do documento e a escolha dos modos de cores
RGB (quando o resultado final de sua arte for em tela) e CMYK (quando o resultado final de sua arte for
a impressão profissional).
Assim que todas as configurações estiverem definidas, clique em OK e será exibida como na imagem:
8
Mesmo após o documento criado, seus padrões não serão fixos, todos podem ser editados e alterados de
alguma forma. Neste caso, vamos alterar a cor de visualização e de finalização em Bitmap do documento.
No menu File>Document Color Mode> CMYK ou RGB.
Para salvar a sua arte no Adobe Illustrator, basta clicar no
menu File > Save ou utilizar as teclas de atalho CTRL+S. Após
definir o nome, ele atribuirá ao seu arquivo a extensão e salvando o arquivo, ele perguntará sobre a compatibilidade de
fontes, PDF e Compressão.
As opções de se salvar um arquivo, com exceção do formato
.AI (Adobe Illustrator), são: .PDF(Portable Document Format), .EPS(Encapsulated PostScript), .AIT(Adobe Illustrator
Template).
Ainda há outras opções de se salvar o arquivo como, por
exemplo: de criar gráficos para a WEB, a opção Save for Web
& Devices.
Há, também, a opção Save as Copy, na qual podemos criar
uma cópia de nosso trabalho. Possui, também, a opção Save as
Template, na qual podemos criar um modelo de documento
– o mesmo será criado com a extensão .AIT(Adobe Illustrator
Template) na pasta Template.
Podemos, também, exportar as imagens criadas no Adobe Illustrator para muitos formatos. Alguns
deles são: JPG, .PSD, PNG, TGA, TXT, TIFF e WMF. As opções de formatos compatíveis para serem
importados pelo Adobe Illustrator são: AI, .AIT, .PDF,.CDR, .EPS, .GIF, .JPG, .PSD, .PNG, .TXT, .TIFF e
WMF. Lembrando que para abrir os arquivos, vá ao menu File>Open.
9
View e zoom no Illustrator
Visualizar a arte-final
Ao abrir um arquivo, ele sempre será visualizado no modo Preview, que mostrará como a arte-final será impressa.
Na opção View, você encontrará outras opções de visualização do seu arquivo.
View > Outline - Apenas o contorno dos objetos será mostrado, mais conhecido como modo aramado. Muito útil para deixar seu arquivo mais leve
para a edição e, também, para encontrar arquivos que no modo Preview não
se encontrava.
View > Preview - Para ver todos os atributos da arte-final.
Observação: Para alterar entre os modos Preview e Outline, utilize o atalho Ctrl
+ Y.
View > Overprint Preview - Para visualizar quaisquer linhas ou formas que
foram configuradas para a impressão sobreposta. Esta visualização é útil para
aqueles que, na indústria de impressão, precisam ver a maneira como as tintas
se integram quando configuradas. Impressão sobreposta.
View > Pixel Preview - Para visualizar a aparência da arte-final, quando ela é
rasterizada e visualizada na tela em um navegador Web.
Outras opções no menu View são muito utilizadas como, por exemplo:
View >Fit in window - Para visualizar sua página inteira, ou seja, centralizá-la em sua visualização (monitor).
View > fit all in window - Mostra toda a tela utilizada, centralizada em seu monitor.
Observação: O atalho Ctrl+ 0 centraliza a área de trabalho na tela.
Trabalhando com zoom
Para podermos aplicar zoom em nosso documento, além da opção da barra de status, temos a opção do
uso do botão direito do mouse da ferramenta zoom. Ela, no estado normal, amplia e, se pressionarmos
a tecla ALT e a mantermos pressionada, a ferramenta muda para redução. Podemos, também, utilizar as
opções de zoom do menu View, onde temos Zoom In, Zoom out, Fit In Window, que traz a tela completa
de seu desenho e a opção Actual Size, que mostra o tamanho atual.
Para ajudar na visualização, quando se trabalha com documentos grandes e diversas áreas de zoom, use sempre a
ferramenta Hand e a paleta Navigator localizada no menu
Window>Navigator..
No programa Illustrator, o Zoom poderá ser utilizado por vários atalhos. O primeiro é a ferramenta localizada no painel de
ferramentas Zoom e poderá ser utilizado arrastando-a. Em seguida, será formada uma caixa de seleção e o que estiver contido
nesta caixa será ampliado com o zoom; ou clicando até aproximar. Para conseguir um zoom out (negativo), basta manter a tecla Alt pressionada.
10
Observação: O atalho para a ferramenta zoom é a letra do teclado (z), que pode ser utilizada também
com o atalho Ctrl+ + e Ctrl+ -, com a barra de espaço + Ctrl e espaço+Ctrl+Alt ou com a tecla Alt + ao
rolar o scroll do mouse.
Ferramenta Hand
Utilize a ferramenta Hand
(H): para rolar para diferentes áreas do documento, ou utilize a barra
de espaço como atalho para selecioná-la.
Réguas, ponto zero, guias e grades
Quando o seu desenho precisar de medidas exatas, uma das primeiras coisas a se fazer, após a definição
da configuração de seu documento, é mostrar as réguas em seu documento no menu View>Show Rulers.
Podemos alterar as medidas das réguas, clicando sobre elas com o botão direito de seu mouse.
A definição de seu ponto zero também é importante para que seu desenho fique nas medidas e posições
corretas.
Ao se atribuir as réguas, é possível criar linhas guias para facilitar o posicionamento de seu objeto de
desenho.
Para criar as linhas guias, basta apenas clicar sobre uma das réguas e depois arrastá-la para a tela. Ao soltar
a linha guia, a mesma ficará bloqueada. Para manipular as linhas guias, utilize o menu View > Guides, onde
temos as opções Hide Guides, Lock Guides, Make Guides, Release Guides e Clear Guides.
Podemos, também, utilizar as opções de Grades, menu View>Show Grid. Para alterar as opções de guias
e grades, utilize a seguinte opção menu Edit> Preferences>Guides & Grid. O Adobe Illustrator tem uma
opção que permite ao artista visualizar ângulos, tipo de arte utilizada, etc. Esta opção chama-se Smart
Guides e ela poderá ser acessada pelo menu View.
11
F
erramentas de desenho
1. Ferramenta Retângulo
Para desenhar retângulos e quadrados, clique sobre a ferramenta retângulo e desenhe em sua tela. Para
já definir, no desenho, as dimensões de seu objeto, apenas clique sobre a tela e será aberta uma caixa de
diálogo para que você especifique as dimensões a serem colocadas para o desenho.
Para desenhar quadrados sem a utilização da caixa de diálogo, pressione SHIFT enquanto desenha.
Para que o seu desenho ao ser puxado para esquerda mantenha as mesmas dimensões para a direita,
utilize a tecla ALT e o mesmo processo funciona também de baixo para cima.
2. Ferramenta Retângulo de Cantos Arredondados
Funciona da mesma forma que a ferramenta Retângulo, porém seus cantos são arredondados.
Ao clicar na tela, na caixa de diálogo terá também a opção para o raio de arredondamento dos cantos.
12
3. Ferramenta Elipse
A ferramenta Elipse permite desenhar ovais e circunferências. Para desenhar circunferências perfeitas,
pressione SHIFT enquanto desenhar ou apenas clique na tela e defina as mesmas dimensões para altura
e largura.
4. Ferramenta Polígono
Permite desenhar polígonos perfeitos, com no mínimo 3 lados e no máximo 1000 lados.
5. Ferramenta Estrela
Permite desenhar estrelas perfeitas, com no mínimo 3 lados e no máximo 1000 lados.
6. Ferramenta Flare
Esta é uma ferramenta que simula um brilho na lente, deve ser utilizada em contraste com outros desenhos em sua tela. Ao selecioná-la e clicar na tela a as tela de configuração é mais complexa, permitindo que
se configure o diâmetro, Grau de opacidade, brilho, Número de raios, etc...
Todas estas ferramentas de forma para formar um shape, apenas dando um clique na tela aparecerão, em
seguida, basta adicionar os dados e será criado a forma com estes.
1. Ferramenta Linha
Permite desenhar linhas retas em qualquer ângulo. Ao clicar sobre a tela abre- se a caixa de diálogo para
definir as dimensões da reta e o ângulo a ser utilizado.
2. Ferramenta Curva
Permite desenhar curvas em seu desenho. Através da caixa de diálogo pode-se configurar a forma de
como será feito o arco.
3. Ferramenta Grade Retangular
Permite desenhar em sua tela um retângulo como se fosse um papel gráfico, ou seja, com células (linhas
e colunas).
4. Ferramenta Grade Polar
Funciona de maneira semelhante à grade retangular, mas ao invés de um quadrado, ele vai desenhar um
círculo polar.
Estas ferramentas também possuem um sistema parecido com a anterior, dando apenas um clique na
tela e decidindo os parâmetros da forma. O mesmo se adapta ao pressionar SHIFT e ALT.
13
Caixa Style Fill e Stroke
A- Fill: defini a cor do preenchimento do objeto
B- Stroke: defina a cor do contorno do objeto
C- Color: habilita modo de cores solidas
D- Gradient: habilita o modo de cores gradiente
E- None: retira preenchimento ou contorno
Ao clicar na caixa Fill ou Stroke, abrirá a janela Color Picker:
Ferramentas de seleção
Selection Tool
: Quando passar esta ferramenta sobre objetos (paths), uma seta aparecerá ao
lado da ferramenta , mostrando que o item pode ser selecionado. Quando clicar sobre o objeto, uma
caixa delimitadora de oito alças aparecerá. Esta caixa proporcionará a distorção e rotação do objeto selecionado. Para selecionar mais de um objeto, existem várias formas e uma delas é formando uma caixa de
seleção contendo os objetos que deseja selecionar. Outra forma é clicando sobre o objeto e segurando a
tecla Shift para selecionar um ou mais objetos. Este princípio segue para retirar da seleção, ou clicando em
uma área não selecionada.
14
Pressionando as teclas Ctrl+A para selecionar todas as artes.
ROTAÇÃO
ESCALA
Direct Selection Tool
: Novamente, sem clicar sobre o objeto, coloque a ferramenta sobre um
ponto de ancoragem. Você saberá que conseguiu quando aparecer um quadrado branco ao lado da ferramenta. Esta ferramenta serve para alterar os pontos de ancoragem do objeto e seu método de seleção é o
mesmo da ferramenta Selection.
Observação: Para saber quando o ponto está selecionado, repare se ele está com uma cor e com o preenchimento branco não selecionado.
Observação: Para saber quando o ponto está selecionado, repare se ele está com uma
cor e com o preenchimento branco não selecionado.
Ferramenta Magic Wand
: Esta ferramenta seleciona os objetos que possuem a mesma cor de
preenchimento de cor. Mantendo a tecla Alt pressionada, removerá a seleção.
Grupo
Para adicionar grupo a dois ou mais objetos, basta selecioná-los, ir ao menu Object > Group (para
agrupá-los) e Object> Ungroup (para desagrupá-los), ou selecione os objetos, clique com o botão direito
sobre a tela e dê Group ou Ungroup.
15
Isole o grupo ou o objeto selecionado
O programa Illustrator possui a grande vantagem de existir um método muito fácil de isolar os objetos,
ou seja, alterá-los sem o perigo de alterar ou selecionar outros. Para isso, basta clicar 2 sobre o grupo ou o
objeto para isolá-los separadamente e para saber se o objeto foi separado, basta reparar a barra sobre a área
de trabalho, deste modo os outros objetos não podem ser movidos nem alterados. Para voltar ao Layout,
basta dar dois cliques fora do objeto ou apertar a seta no canto superior do arquivo.
Alinhando os objetos
A partir da versão CS4, há 3 tipos de alinhamentos. Este painel está
localizado no menu Window>Aling.
Neste Painel, existem três formas de alinhamento:
Aling Objects: utilizado para alinhar pelo centro dois ou mais
objetos.
Distribute Objects: utilizado para gerar um espaçamento igual
entre dois ou mais objetos.
Distribute Spacing: utilizado para distribuir os objetos verticalmente ou horizontalmente.
O comando Aling To mostra como será sua seleção e através de que será alinhada, existem, nela, três
opções:
Aling to Selection: alinhamento da seleção, selecionando
dois ou mais objetos e alinhando-os entre si.
Aling to Artboard: alinhamento da sua área de criação,
onde tudo será alinhado à sua área de arte e o terceiro é o alinhamento com objeto chave. Você fará a seleção de dois ou mais objetos e, em seguida, clique sobre o objeto que deseja ser a chave,
aquele que os outros terão como referência.
Duplicando o Objeto
O programa Illustrator trabalha com algumas formas de duplicação do objeto bem interessantes.
A forma mais famosa é “copiar e colar”, com os atalhos Ctrl+C e Ctrl+V. Outros modos de duplicar o
objeto é pressionar Alt quando o objeto estiver selecionado. Observe que a ferramenta de seleção se tornará duas setinhas – uma preta e uma branca
. Arraste o objeto para o local desejado e crie sua cópia.
Outro atalho muito utilizado é o Ctrl+b. Assim que o objeto for copiado com este atalho, a sua cópia
será colada atrás do original. O atalho Ctrl+f coloca o objeto copiado colado na frente.
Observação: Estes atalhos também estão disponíveis em menu Edit>....
16
P
aleta Pathfinder
O principal objetivo da paleta Pathfinder é a edição de caminhos que de forma manual seria muito
difícil e demorada.
As opções do painel Pathfinder modificam o modo de interação entre dois ou mais caminhos.
Para selecionar a paleta menu Window>Pathfinder.
As opções da paleta Pathfinder são classificadas em três categorias: de combinação, de divisão e as opções de Mix/TRAP que misturam as cores de caminhos sobrepostos ou geram automaticamente a retenção, de acordo com as suas especificações.
Shape Modes
yy Unite - Unifica dois ou mais objetos, prevalecendo as características do objeto que está à
frente
yy Minus Front - Ao desenhar dois objetos sobrepostos, a área em que se sobrepõe o objeto de
nível superior cortará o nível inferior.
yy Intersect - Deixará somente visível onde os caminhos formam intersecção.
yy Exclude - Exclui a parte onde os objetos sobrepostos formam uma intersecção, prevalecendo
as propriedades do objeto do nível superior.
17
Pathfinders
yy Ferramenta Divide - Verifica onde os caminhos selecionados se sobrepõem e, em seguida,
cria novos caminhos em todas as intersecções
destes caminhos, gerando novos caminhos se
necessários.
yy Ferramenta Trim - Remove seções de caminhos sobrepostas por outros caminhos. Os caminhos mais à frente são os únicos que permanecem.
yy Ferramenta Merge - Combina caminhos sobrepostos que possuem um preenchimento
idêntico. Mesmo que o preenchimento apresente uma diferença mínima, o recurso Merge gera
dois caminhos separados.
yy Ferramenta Crop - Funciona quase como as
máscaras, exceto pelo fato de que tudo o que estiver fora da área recortada será eliminado e não
somente mascarado.
yy Ferramenta Outline - Cria pequenas seções de
caminhos onde quer que os caminhos se cruzem
e aplica cor aos traços e peso de 1 pt. Este recurso é útil para a retenção localizada, porque gera,
automaticamente, as seções necessárias que devem ser escolhidas para a impressão sobreposta,
embora em algumas ocasiões as cores sejam incorretas.
yy Minus Back – Retira dos caminhos selecionados mais à frente todos os caminhos selecionados na parte de trás deste mesmo caminho. O
objeto posicionado na parte de trás é eliminado
e a área em que se encontrava este último objeto
também é excluída.
18
Exercícios
Exercício - Criando com formas básicas
A partir dos conteúdos aprendidos neste módulo redesenhe, utilizando formas simples, o desenhos abaixo:
Você vai presizar aplicas os conceitos de
pathfinder, align e preenchimento para finalizar seu desenho.
Você precisa se preocupar com o formato
do desenho e tentar ao máximo fazer como
no desenho ao lado.
19
Exercícios
Exercício - Refaça as logomarcas
Muitas vezes a eficácia de uma marca não tem a ver com a complexidade dela. Experimente
recriar algumas das marcas mais conhecidas mundialmente e veja como elas, tecnicamente, não
tem um grau de dificuldade alto.
Você vai precisar aplicar os conceitos de pathfinder e align para finalizar seu desenho.
20
Exercícios
Exercício - Criando ícones vintage
Apenas com as formas básicas é possível criar ícones cheios de estilos que podem compor uma
ilustração ou funcionar como botões.
Refaça os ícones abaixo. Use o modelo e a ferramenta eyedropper tool para copiar as cores utiliza-
das.
Para dar acabamento a ilustração abra o arquivo textura.ai disponibilizado pelo professor e posicione
por cima de sua composição. Ele vai dar um efeito desgastado, explicitando o ar vintage da peça.
Você vai precisar aplicar os conceitos de preenchimento e align para finalizar seu desenho.
21
Links úteis
yy http://ideiasportalcriativo.com.br/como-criar-e-usar-fontes-personalizadas/
yy http://ideiasportalcriativo.com.br/10-dicas-para-um-portifolio-melhor/
yy http://ideiasportalcriativo.com.br/mock-ups/
yy http://ideiasportalcriativo.com.br/vetores/
yy http://ideiasportalcriativo.com.br/texturas/
yy http://ideiasportalcriativo.com.br/conheca-tambem-a-lista-de-sites-para-fazer-portifolio-gratuito-sete-locais-para-voce-ser-apresentado-para-mudar-e-conquistar-novos-mercados/
yy http://ideiasportalcriativo.com.br/15-dicas-de-como-gerenciar-seu-tempo/
yy http://ideiasportalcriativo.com.br/10-dicas-para-criar-uma-logo-perfeita/
yy http://ideiasportalcriativo.com.br/sites-para-fazer-logomarcas/
yy http://ideiasportalcriativo.com.br/10-dicas-para-finalizar-bem-o-job/
yy http://ideiasportalcriativo.com.br/os-top-mais-ideias-sites-com-atalhos-para-illustrator/
yy https://helpx.adobe.com/br/illustrator/topics.html
yy http://marcozero.rec.br/tutoriais-3-fechamento-de-arquivo-no-illustrator-cs5
yy http://www.revistatecnologiagrafica.com.br/index.php?option=com_content&view=ar
ticle&id=4240:boas-praticas-para-a-arte-finalizacao-e-geracao-de-arquivos-para-impressao-digital&catid=113:digitec
yy http://rangelsales.com.br/blog/archives/413
yy http://designcafeinado.com.br/2014/03/o-que-sao-cores-rgb-cores-cmyk-e-cores-pantone/
yy http://designcafeinado.com.br/2014/03/o-que-e-ppi-dpi-lpi-e-como-saber-a-resolucao-de-uma-imagem/
yy http://www.designsprint.net/
yy http://clubedodesign.com/2013/10/algumas-maneiras-de-simplificar-o-caminho-ou-reduzir-pontos-extras-no-illustrator/
yy http://clubedodesign.com/2012/08/aprenda-a-usar-a-ferramenta-gradient-mesh-do-illustrator/
yy http://macmais.com.br/tutoriais/abrindo-os-horizontes/
yy http://www.revistatecnologiagrafica.com.br/index.php?option=com_content&view=article&id=
2471:turbine-seus-graficos-no-illustrator&catid=107:tutorial&Itemid=205
22
MÓDULO
01
C
ores e preenchimentos
Definição
A cor é um fenômeno óptico (parte da Física que estuda os fenômenos luminosos e os fenômenos da
visão) provocado pela ação de um feixe de fótons sobre células especializadas da retina, que transmitem
através de informação pré-processada no nervo óptico, impressões para o sistema nervoso.
A cor de um material é determinada pelas médias de frequência dos pacotes de onda que as suas moléculas constituintes refletem. Um objeto terá determinada cor se não absorver justamente os raios correspondentes à frequência daquela cor. Assim, um objeto é vermelho se absorver preferencialmente as
frequências fora do vermelho.
A cor é relacionada com os diferentes comprimentos de onda do espectro eletromagnético. São percebidas pelas pessoas em faixa específica (zona do visível) e por alguns animais através dos órgãos de visão,
como uma sensação que nos permite diferenciar os objetos do espaço com maior precisão.
Considerando as cores como luz, a cor branca resulta da sobreposição de todas as cores, enquanto a cor
preta é a ausência de luz. Uma luz branca pode ser decomposta em todas as cores (o espectro) por meio
de um prisma. Na natureza, esta decomposição origina um arco-íris.
Modelos de cores
Aqui, neste material, iremos abordar apenas dois modelos de cores, os mais utilizados no Illustrator. Vale
lembrar, apenas, estes modelos de cores. Vamos conhecer os modelos RGB e CMYK.
yy RGB - É o modelo de cor da Luz, conhecido como cores aditivas e a soma de suas cores formam a
cor branca. O RGB é composto por três cores primárias:
23
(R) Vermelho
(G) Verde
(B) Azul
Cada uma destas cores pode variar entre 256 níveis de intensidade
(denominando valores de brilho).
yy CMYK - O sistema CMYK é utilizado pela indústria gráfica nos diversos processos de impressão,
como, por exemplo, o Off-Set e o processo Flexográfico, bastante usado na impressão de etiquetas e
embalagens. Funciona devido à absorção de luz, pelo fato de que as cores que são vistas vêm da parte
da luz que não é absorvida.
(C) Cyan (ciano)
(M) Magenta
(Y) Yellow (amarelo)
(K) Black (preto)
O trabalho com cores no Illustrator
Paleta Colors
Permite trabalhar com os seguintes padrões de cores: Grayscale, RGB, CMYK, HSB e WebSafe.
É possível para uma melhor escolha da
cor, clicar sobre o valor que está na paleta de
cores e, então, somar, subtrair, multiplicar e
dividir os valores de cores para encontrar a
melhor tonalidade.
Rampa de cores: São as cores abaixo da
paleta principal de cores. Ao arrastar o mouse sobre ela, a mesma transforma-se em um
conta-gotas, permitindo capturar a cor. Para
alternar entre uma cor de preenchimento e
outra, utilize a tecla X.
Recolor Artwork
Depois de desenhar e colorir alguns objetos, se pretender mudar as suas cores, e quiser a ajuda da nova
funcionalidade “Recolor Artwork”, selecione os objetos pretendidos, com a seta preta, e clique sobre o
ícone deste comando, na barra de opções:
24
Uma janela nova irá abrir, onde pode mudar as cores interativamente (separador Edit). Quando estiver
satisfeito com as cores obtidas, poderá dar OK e sair da janela, mas poderá também guardar este grupo de
cores para utilização posterior noutros objetos, clicando sobre o ícone da pasta. Este grupo fica guardado
na paleta Swatches.
Paleta Swatches
Swatches, que são as suas amostras de cores salvas, ou Color Models, que é o padrão, onde você tem
uma gama de cores para escolher. A paleta Swatches está localizada no menu Window > Show Swatches.
25
No menu Windows>Swatches Libraries, abrem-se as outras possibilidades de amostras de cores possíveis de se utilizar com Swatches. Estas alterações de adição de cores ficarão disponíveis na memória do
documento atual.
Podemos criar qualquer forma de preenchimento e depois adicionar este preenchimento à nossa paleta
Swatches.
Swatches ou Amostras são cores, tons, gradientes e padrões nomeados. As amostras associadas a um documento aparecem no painel Amostras. Estas amostras podem aparecer individualmente ou em grupos.
Você pode abrir bibliotecas de amostras a partir de outros documentos do Illustrator e vários sistemas
de cores. Bibliotecas de cores aparecem em painéis à parte e não são salvas com o documento.
O painel Amostras e os painéis de bibliotecas de amostras podem conter os seguintes tipos de amostras:
yy Cores de processo: Uma cor de processo é impressa com o uso de uma combinação das quatro
tintas de processo padrão: ciano, magenta, amarelo e preto. Por padrão, o Illustrator define novas amostras como cores de processo
yy Cor Spot: Uma cor de spot é uma tinta especial pré-misturada que é usada em substituição ou em
acréscimo às outras, ou além das tintas de processo e que exige sua própria chapa na impressora comercial. Use as cores de spot quando forem especificadas poucas cores e a precisão da cor for importante.
As tintas de cor de Spot podem reproduzir, com precisão, as cores que estão fora do gamut de cores de
processo. O gamut é a faixa de frequência da luz que um objeto ou um corpo interpreta. Entretanto, a
aparência exata da cor de spot impressa é determinada pela combinação da tinta conforme misturada
pela impressora comercial e o papel em que é impressa, e não pelos valores de cores especificados, nem
pelo gerenciamento de cores. Ao especificar valores de cor de spot, você está descrevendo a aparência
simulada da cor de seu monitor e da impressora composta apenas (sujeita às limitações de gamut)
desses dispositivos. As cores Pantone se encaixam nessa classe, pois são cores especiais definidas por
tintas pré misturadas.
yy Gradientes: Uma gradiente é uma mistura gradual entre duas ou mais cores ou tons da mesma cor
ou de cores diferentes. Cores de gradiente podem ser atribuídas como cores de processo CMYK, cores RGB ou uma cor especial. A transparência aplicada a um limite de gradiente é preservada quando a
gradiente é salva como amostra de gradiente. Os valores de proporção e ângulo de gradientes elípticos
(criados com o ajuste da proporção ou do ângulo de uma gradiente radial) não são salvos.
yy Padrões: São caminhos repetitivos (lado a lado), caminhos compostos, texto com preenchimentos
sólidos ou nenhum preenchimento.
yy Nenhum: A amostra Nenhum (a) remove o traçado ou o preenchimento de um objeto. Não é
possível editar nem remover esta amostra.
Nota: Se você usar a cor de Registro para digitação e, em seguida, separar o arquivo e imprimi-lo, a digitação
talvez não seja registrada corretamente, e a tinta preta pode ter uma aparência turva. Para evitar isso, use tinta
preta para digitação.
26
Color Guide
A partir de uma única cor ou de um grupo de cores guardado na paleta Swatches, com o painel Color Guide, é possível criar outros grupos de cores, com diferentes tendências: cores fortes, contrastantes,
quentes, frias, etc. Basta clicar na seta que surge à frente da(s) cor(es) selecionada(s) e escolher um dos
conjuntos sugeridos na lista que se abre.
O conjunto escolhido pode ser guardado na paleta
Swatches, com um clique sobre o ícone da pasta, na
base da paleta Color Guide.
Este Painel pode ser habilitado no menu
Window>Color Guide, ou através do atalho Shift+F3
Ferramenta Eyedroper
:
A ferramenta Eyedroper colhe informações sobre o estilo de pintura de um caminho ou de uma imagem
colocada, além de armazenar as informações na caixa Style Fill e Stroke.
Live Paint Bucket
:
A ferramenta Live Paint é uma ótima ferramenta do Illustrator
que possibilita a você colorir áreas que não são objetos.
Normalmente, quando se quer colorir uma área, fechada de
pontos em todos os lados – um círculo ou um quadrado, por
exemplo –, o problema é que não se pode colorir uma área que
não é um objeto como o exemplo abaixo, uma área entre sobreposição de objetos.
Selecione os objetos, pressione a ferramenta Paint e passe sobre seus objetos transformando-os em um Live Paint Group.
Uma vez que o objeto faz parte de um live paint group, selecione
uma cor dentro da paleta Swatches e clique na área que você deseja pintar.
Gradientes
Para mostrar/ocultar a paleta gradiente, utilize a tecla F9 ou vá ao menu Window>Gradient, só é possível aplicar gradientes aos preenchimentos de caminhos.
27
Dentro deste painel, temos as propriedades:
yy Type: onde você pode escolher qual tipo de gradiente irá aplicar, radial ou linear.
yy Reverse Gradient: que reverte o sentido do gradiente.
yy Angle: seleciona o ângulo que o gradiente irá atuar.
yy Aspect Ratio: pode ser utilizada somente com o
gradiente radial. Ele deforma o gradiente, deixando-o
achatado.
yy Gradiente Slinder: barra de cores que serão aplicadas no degradê. Para criar mais cores, basta clicar sobre a barra e perceber que a ferramenta de seleção irá
ficar branca com um símbolo +. Para deletá-lo, clique
sobre ele e arraste para baixo.
yy Opacity: define a opacidade do degradê como um todo ou somente em um comando de cor.
yy Location: mostra onde o comando de cor está localizado em relação à barra de degradê e pode variar
de 0% a 100%.
Malha de Gradiente: Permite transformar um caminho normal preenchido em um objeto multicolorido com um clique de botão. Clique e crie uma nova cor no ponto que recebeu o clique. A nova cor
combinará sem problemas à cor original do objeto.
, localizado no painel de ferramenO gradiente também pode ser aplicado com Gradiente Tool
tas. Com um clique ou clicando e arrastando, conseguimos definir a cor do gradiente, bem como o início
e o fim, e outras propriedades.
Pattern
Uma definição simples para pattern é padronagem, ou seja, uma forma criada a partir da junção de elementos que podem ou não ser contínuos. A junção desses elementos deve representar algo novo. Esse
conceito de padronagem está inserido, em um contexto mais amplo: o design de superfície. Assim, quem
trabalha nesta área desenvolve o tratamento das mais variadas superfícies utilizando técnicas e ferramentas próprias, levando em conta a estética, a conceituação, processos criativos e apresentando variadas soluções para a estamparia, malharia, papelaria, web e outros.
Criação do módulo
Padrões geralmente são feitos em vetor, pois podem ser ampliados e duplicados com facilidades. Por
isso utilizaremos o Illustrator, pois trata-se de um programa prático para a construção do desenho vetorial,
da transformação deste em módulo e da aplicação no sistema.
yy Crie um documento novo no Illustrator, pode ser um A4, pois geralmente é necessário fazer mais
de um teste vetorial;
28
yy Se sua padronagem foi desenhada primeiro e escaneada é necessário importar a imagem, para isso
selecione menu File > Place;
yy Para auxiliar a criação do desenho vamos utilizar um grid. Para habilitar o grid selecione menu View
> Show Grid;
yy Utilizando a Pen Tool para desenhar e a Direct Selection Tool para consertar os nós e curvas que
não ficaram tão bons, vetorize o desenho escaniado. Caso esteja fazendo sem um molde desenhe livremente;
yy Use o Color Picker para preencher com cores sólidas os objetos de seu módulo.
Depois de preenchido e finalizado, abra o painel swatches através do menu Window > Swatches;
Basta agrupar todos os seus elementos (ctrl + G) reduzir o tamanho do módulo para ficar no tamanho
ideal de aplicação.
Em seguida, arrasta o módulo para dentro do painel swatches;
29
Crie uma forma qualquer, no exemplo abaixo foi criado um modelo de envelope com aplicação na aba.
Notas: O módulo. geralmente, possui sempre lados iguais. Nâo devemos esquecer que, quando se trata
de estampa corrida o módulo não deve ser ressaltado, para isso ele tem que ter lados simétricos, onde começar uma linha do lado direito, por exemplo, do lado esquerdo ela deverá ter a mesma altura.
Utilizando o painel pattern
O illustrator oferece uma cartela de pattern ou estampas corridas prontas para aplicar e são dividias em
gráficos básicos, geometricas e naturais.
Para acessár as patterns:
1. Se seu painel swatches não estiver nos seus atalhos de painéis, vá ao menu window > swathes
2. Abras a opções do painel selecione Open Swatch Library > Pattern > escolha uma das opções disponíveis.
30
Você pode aplicá-las como está disponível ou modificá-las. Para isso arraste a estampa escolhida para
sua área de trabalho modifique o que desejar e arraste novamente para dentro do painel swatches.
Veja alguns exemplos de patterns do próprio illustrator.
31
Transparência
A transparência é uma parte tão integral do Illustrator que é possível adicionar transparência a um trabalho artístico sem mesmo percebê-la. A principal definição é o valor da opacidade, que você pode usar para
definir o nível de opacidade a ser aplicado ao objeto. Possui também uma listagem drop-dow de Modos
de Combinação. Estes modos de combinação definem como as cores dos objetos do fundo se combinam
aos objetos transparentes.
Os modos são:
yy Normal : A cor de combinação não é afetada pela cor básica.
yy Multiply : Resulta sempre em uma cor mais escura.
yy Screen: Este modo resulta sempre em uma cor mais clara.
yy Overlay: A cor básica é misturada à cor de combinação para gerar uma cor mais clara ou mais escura,
dependendo da cor básica.
yy Soft Light: As cores são clareadas, se a cor de combinação for clara, ou escura, se a cor de combinação
for escura. Este modo de combinação é como emitir uma luz branda sobre o objeto.
yy Hard Light: As cores são projetadas, se a cor de combinação for clara, ou escura, se a cor de combinação for escura. Este modo de combinação é como emitir uma luz contrastante escura sobre o objeto.
yy Color Dodge: As cores são clareadas tendendo para a cor de combinação.
yy Color Burn: As cores são escurecidas tendendo para a cor de combinação.
yy Darken: Todas as cores mais claras que a cor de combinação são substituídas pela cor de combinação. As cores mais escuras permanecem intactas.
yy Lighten: Todas as cores mais escuras que a cor de combinação são substituídas pela cor de combinação. As cores claras permanecem intactas.
yy Difference: Subtrai da outra cor a cor mais clara dentre duas cores.
yy Exclusion: Também subtrai da outra cor mais clara dentre duas cores, mas resulta um contraste mais
acentuado.
yy Hue: Preserva o matiz da cor de combinação e absorve a luminosidade e saturação da cor básica.
yy Saturation: Preserva a saturação da cor de combinação e absorve a luminosidade e o matiz da cor
básica.
yy Color: preserva o matiz e a saturação da cor de combinação e absorve a luminosidade da cor básica.
yy Luminosity: Preserva a luminosidade da cor de combinação e absorve o matiz e a saturação da cor
básica.
32
Use o painel Transparência para especificar a opacidade e o modo de mistura de objetos, para criar
máscaras de opacidade ou para separar uma parte de um objeto com a parte sobrejacente de um objeto
transparente.
P
ainel Stroke
Opções do painel Stroke
O contorno de um objeto é formado por três partes: cor, peso e estilo. Os traçados aparecem onde
existem caminhos ou ao redor de bordas de um tipo. Assim como os preenchimentos, todo caminho ou
objeto só pode ter um tipo de traçado.
As opções de cor de traçado são Branca, Preta, sombreados, cores de processo e cores spot, padrões,
opacidade e nenhum.
O peso de um traçado está relacionado à sua espessura. Os traçados podem ter entre 0 e 1.000 pontos
de espessura.
O estilo do traçado consiste em várias partes, como estilo da terminação, estilo da junção, limite da esquadria e padrão de tracejado. Normalmente, o padrão de um traçado é sólido, mas você pode criar vários
padrões de tracejados para obter efeitos diferentes.
Cap (arremate): Selecione um estilo de arremate para
especificar a aparência das extremidades de um caminho
aberto:
yy Butt Cap (arremate limitado): cria extremidades
quadradas que limitam os pontos finais;
yy Round Cap (arremate arredondado): cria extremidades semicirculares que estendem metade da largura
do traçado além dos pontos finais;
yy Projecting Cap (arremate projetado): cria extremidades quadradas que estendem metade da largura do traçado além dos pontos finais.Esta opção faz a espessura
do traçado se estender igualmente em todas as direções
ao redor do caminho.
Join: Especifica a aparência do traçado em pontos angulares:
yy Miter Join: cria cantos pontiagudos que se estendem
além do ponto final quando o comprimento do mitre
está dentro do limite de mitre;
yy Round Join: cria cantos arredondados que estendem metade da largura do traçado além dos pontos
finais;
yy Bevel Join: cria cantos quadrados que limitam os pontos finais.
Nota: É possível especificar opções de mitre para um caminho que não use pontos angulares. No entanto, estas
opções não serão aplicadas até que sejam criados pontos angulares, a partir da adição ou conversão de pontos
suaves. Além disso, os mitres são mais fáceis de visualizar em espessuras de traçados mais finas.
33
Limite: É acessada somente quando a função Junção de Mitre(Miter join) estiver selecionada, podendo ser alterado de 1 a 500. Nesta opção, você escolherá qual o chanfro dos cantos dos objetos.
Aling Stroke: Clique em um ícone para especificar a posição do traçado em relação a seu caminho.
Dashed Line: Quando habilitado, cria linhas pontilhadas, que serão definidas nas opções de pontos
(unidade de medida) preenchidas em “Gap” (espaço) ou “Dash” (pontilhado, tracejado).
Ao lado direito da ferramenta Dashed line, há duas opções. A primeira preserva o traço e o espaço da
configuração padrão. A segunda alinha os traços para os cantos e extremidades de caminho, ajustando
comprimentos para ocupar os espaços.
Arrowheads: Cria pontas de seta nos vetores no ponto inicial e no ponto final do path.
yy Scale: com esta ferramenta, conseguimos aumentar o tamanho das setas;
yy Align: decide estender ponta da flecha final, além do caminho e ponta de seta, lugar no final do caminho.
Profile: Define como vai ser a aplicação de pressão no path e a sua forma.
O
trabalho com Textos no Illustrator
Há dois tipos de texto que você pode adicionar nos projetos – o texto artístico e o texto de parágrafo.
O texto artístico pode ser usado para adicionar linhas curtas às quais pode ser aplicada uma grande
variedade de efeitos, como sombreado.
O texto de parágrafo pode ser usado para corpos maiores de texto que têm maiores requisitos de formatação. Você pode adicionar tanto o texto de parágrafo quanto o texto artístico diretamente na área de
trabalho.
Texto Artístico
Para você usar este tipo de texto no seu trabalho, basta selecionar a ferramenta Texto e dar um clique no
espaço inicial que desejar. Será exibido um ponto de inserção para que você possa digitar o texto. Depois
de digitar, poderá esticar ou expandir o texto, arrastando um dos pontos que envolvem a seleção. É ideal
para incluir textos em um caminho.
Texto de parágrafo
Ao adicionar texto de parágrafo é necessário primeiro criar um box de texto. Por padrão, o box de texto
de parágrafo permanece do mesmo tamanho, independente de quanto texto contenha. Qualquer texto
que passe pela borda inferior direita da moldura de texto fica oculto até que se amplie ou se vincule uma
moldura à outra.
Para criar um box de texto de parágrafo, selecione a ferramenta Type e arraste, criando um box do tamanho desejado para o texto. Quando soltar o botão do mouse, o cursor é exibido para que você possa digitar o texto desejado, tendo como limite as dimensões do quadro tracejado. Mas tais dimensões poderão
ser alteradas de uma forma bem simples, ou seja, apenas arrastando um dos pontos de dimensionamento.
34
Podemos ainda colocar texto dentro de um objeto vetorial fechado. Desenhe um objeto, selecione-o,
posicione a ferramenta Type na borda do lado de dentro do vetor e dê um clique. Agora é só digitar.
Ferramenta Texto
1. Type: A primeira opção, que é a própria Type, permite criar caracteres de ponto. Ao clicar e arrastar,
é permitido gerar caracteres de área. Ao pressionar a tecla SHIFT, ele mudará para a opção Vertical Type.
2. Área Type: Preenche caminhos abertos ou fechados com caracteres e até mesmo os caminhos compostos podem ser preenchidos.
3. Type on a Path: É utilizada para fluir caracteres ao longo de qualquer caminho no Illustrator.
4. Ferramenta Vertical Type: Permite criar textos de forma vertical, possui também variações para a
ferramenta Área Type e Path Type; bem como Caracteres de Ponto, Caracteres de área e Caracteres de
caminho.
5. Vertical área Type: Preenche caminhos abertos ou fechados com caracteres. O preenchimento é da
direita para a esquerda e até mesmo os caminhos compostos podem ser preenchidos.
6. Vertical Area on a Path: É utilizada para fluir caracteres ao longo de qualquer caminho no Illustrator,
sendo escritos com os caracteres na vertical.
Create Outlines: Esta opção pode ser acessada clicando com o botão direito sobre o texto e, depois, com
a opção Create Outlines, transforme o texto em formas, podendo assim ser editado em forma de curvas e
aplicado alguns efeitos como, por exemplo, gradiente.
Type on a path: Inserir texto em um caminho
Siga um destes procedimentos:
Para criar um texto horizontal ao longo de um caminho, selecione a ferramenta Type on a path tool, que
está oculta na ferramenta Type. Posicione o ponteiro no caminho e clique. (Não importa se o caminho
tem atributos de preenchimento ou traçado, pois o Illustrator os remove automaticamente).
Nota: Se o caminho estiver fechado em vez de aberto, será necessário usar a ferramenta Tipo em um caminho.
Insira o texto. Quando terminar de inserir texto, clique na ferramenta Seleção para selecionar o objeto de
texto. Como alternativa, clique no texto com a tecla Ctrl (Windows) pressionada.
Se você digitar mais texto do que é possível ajustar em uma área ou ao longo de um demarcador, uma
pequena caixa contendo um símbolo de adição (+) será exibida próxima à parte inferior da área delimitadora.
Text Wrap
Permite fazer um bloco de texto se desviar de um gráfico ou outro bloco de texto. Para isso, selecione o
objeto que deseja e vá o menu Object>Text Wrap > Make.
35
Opção da Ferramenta Texto
Character
Para acessá-la, selecione menu Window>Type>character
yy Font size: tamanho da fonte;
yy Kerning: espaço entre letras;
yy Leading: espaço entre linhas;
yy Tracking: quantidade de espaço entre todas as letras atualmente selecionadas.
Paragraph
Para acessá-la, selecione menu Window>tipe>Paragraph
yy Aling Left: alinha o texto à esquerda;
yy Aling Center: alinha o texto ao centro;
yy Aling Right: alinha o texto à direita;
yy Justify with las line alinged left: justifica o texto e alinha à esquerda;
yy Justify with las line alinged center: justifica o texto e alinha ao centro;
yy Justify with las line alinged right: justifica o texto e alinha à direita;
yy Justify all lines: justifica todas as linhas.
No painel Paragraph, existem também opções de propriedades de parágrafos:
yy Left indent: recuo à esquerda;
yy First-line Left indent: primeira linha recuo à esquerda do parágrafo;
36
yy Right indent: recuo à direita;
yy Space before paragraph: espaço antes do parágrafo;
yy Space after paragraph: espaço depois do parágrafo.
yy Hyphenate: marque a opção para hifenização automática.
Open Type
É um formato de fontes de computador escalável. Tem como algumas propriedades:
A codificação é baseada no Unicode suportando várias linguagens, como o cirílico, hebraico, grego,
entre outras e, num só arquivo, suporta até 65,536 grafemas. Dispõe de opções avançadas de tipografia,
suportando tratamentos tipográficos complexos de algumas linguagens, como as ligaduras entre caracteres. Os arquivos podem ser utilizados em Mac OS, Windows e alguns sistemas Unix. As extensões de
arquivos OpenType, normalmente, são .OTF, mas também podem ser .TTF ou .TTC.
37
Exercícios
Exercício - Colorindo
Efeito
urso
Agora vamos colocar cor no urso criado na primeira aula. Abra o arquivo criado na primeira aula .
Etapa da cor
Para colorir nosso desenho, utilize a ferramenta de gradiente no modo radial.
38
Etapa do volume
Para valorizar e dar mais profundidade ao desenho, faça as sombras e os brilhos como sinalizado ao lado.
Etapa de finalização
Uma forma de acabamento simples é situando seu objeto no espaço. Dessa forma, basta fazer um gradiente em baixo do urso do marrom para o branco.
39
Exercícios
Exercício - Marca
Efeito Midia Mag
Ao longo do curso desenvolveremos, materiais e ilustrações para o projeto de revista Midia
Mag. Hoje desenvolveremos sua marca, criada a partir de formas básicas o logotipo (terminologia
para a tipografia usada nas marcas) da revista, que será desenvolvida nos módulos de inDesign.
M AG
Você vai precisar aplicar os conceitos de pathfinder, align e preenchimento para finalizar seu desenho.
40
Desenhe as formas ao lado.
Com a ferramenta unite do painel pathfinder una as forma do M e preecha de
preto.
MA
MA
MA
Escreva com a fonte confortaa light e distorça a palavra até ficar como na imagem.
M AG
M AG
M AG
41
Exercícios
Exercício - Selo
Efeito
para campanha de chocolateria
Vamos desenvolver um selo de qualidade de uma chocolateria utilizando círculos com efeitos
de luz criados a partir de gradientes e um splash feito a mão livre com a ferramenta pen tool.
42
CRIANDO OS CÍRCULOS CROMADOS
Passo 1
Faça círculo (segure shift, para que ele fique proporcional) no tamanho 8 x 8cm. Preencha a forma criado com o seguinte gradiente:
C55
M70
Y80
K70
C60
M70
Y75
K80
Passo 2
Faça outro círculo com 7.7cm de diâmetro e centralize com o primeiro circulo criado. Preencha a forma
criado com o seguinte cor:
Passo 3
Faça novamente círculo (segure shift, para que ele fique proporcional) no tamanho 7,5 x 7,5cm. Preencha a forma criado com a seguinte cor:
43
Passo 4
Faça o quarto círculo (segure shft, para que ele fique proporcional) no tamanho 7,1 x 7,1cm. Prancha a
forma criado com a seguinte cor:
Passo 5
Faça círculo tno tamanho 6,4 x 6,4cm. Preencha a forma criada com o seguinte gradiente:
C50
M66
Y85
K60
C60
M70
Y75
K77
Passo 6
Faça outro círculo com 6,2cm de diâmetro e centralize com os demais círculos criados. Preencha a forma criado com o seguinte cor:
44
Passo 7
Faça círculo no tamanho 5,9 x 5,9cm. Preencha a forma criada com o seguinte gradiente:
C50
M68
Y80
K70
C60
M70
Y74
K80
Finalizado nossos círculos com gradiente o resultado será o seguinte:
45
CRIANDO OS SPLASHES DE CHOCOLATE
Passo 1
Com a ferramenta pen tool crie uma forma orgânica semelhante ao exemplo.
Passo 2
Crie os respingos ao redor da forma principal
Passo 3
46
Repita o passo anterior com uma cor mais escura simulando um sombreado
Passo 4
Crie pontos de brilhos e reflexos na cor branca.
Agora basta juntar os círculos com os splash.
47
Links úteis
48
MÓDULO
01
V
etorização
Sem dúvida, a década de 60 foi muito especial para o design. Foi nesta mesma década que o engenheiro mecânico francês, Pierre Bézier, criou a curva Bézier, que se transformou em uma das mais importantes ferramentas do design vetorial. Com ela, é possível criar linhas soltas, formas realísticas, redesenhar
formas como logos e criar gráficos com qualidade. Vamos fazer um exercício com elas.
Existem dois tipos de arquivos fundamentais na computação gráfica: bitmap e vetorial. Alguns programas mais conhecidos que criam arquivos bitmap (pixel) são: Adobe PhotoShop, Corel Photopaint, Corel
Painter, Paint Shop Pro e outros. Já programas que criam arte vetorial (também conhecidas como arte
orientada a objeto) são CorelDRAW, Illustrator, Freehand, RealDraw, Xara. O programa Flash também
trabalha com vetorial, porém ele é destinado à construção de artes para a Internet e animação. Os programas Adobe cada vez mais se integram em uma mesma manipulação trabalhando com dois tipos de
arquivos.
Imagens Bitmap
Imagens bitmap são construídas com a formação de quadrados muito pequenos chamados pixel. Para
demonstrar essa construção estão abaixo as ilustrações, nas quais estão demonstradas as características
principais. Na grade de base, cada quadrado representa um pixel. Vejamos um simples exemplo, ao criar
um círculo preto com 20 pixels de diâmetro. O número de pixels determina a resolução do arquivo. O
computador registra este arquivo pela gravação da exata localização e cor de cada pixel. O computador
não tem ideia que isso é um círculo, somente que é um aglomerado de pequenos pontos.
49
Cada pixel tem uma coordenada. O conteúdo deste pixel é gravado e salvo no arquivo. No exemplo
dado, nós vemos cada pixel individualizado e o círculo é muito blocado, duro e irregular. Com o acréscimo de pixels, a resolução será aumentada e podemos fazer este círculo parecer mais suave, porque os
pixels são muito menores. Naturalmente, quanto maior a resolução, maior será o tamanho do arquivo no
disco rígido HD, porque o computador terá mais informações em pixels para armazenar. O problema se
agrava quando tentamos alargar, aumentar (em escala ou aleatoriamente) o bitmap, porque a resolução
existente, quando modificada em tamanho/imagem, somente alarga o tamanho do pixel, o que resulta
no efeito de “pixelização” da imagem, a imagem fica pixelada. No caso de imagens com 16 milhões de
bits, elas produzem o desfoque e áreas quadriculadas, uma pixelização bem suave. De qualquer forma, há
perda de qualidade.
50
Imagens Vetoriais
A arte vetorial é diferente do procedimento da criação em pixels individuais, pois são criados objetos,
como por exemplo, retângulos e círculos. Mas, nada, de coordenadas matemáticas destas formas. O programa vetorial pode criar arquivos com uma fração do espaço utilizado pelo bitmap (imagens rastreadas),
e o mais importante, possui a capacidade de serem ampliados indefinidamente sem perderem definição
e detalhamento.
Diferente da imagem Bitmap, o círculo vetorial aparece suave tanto 100% quanto em 500%.
O que é vetor?
yy Vetor: segmento de reta orientado com origem e extremidade.
yy Origem: o início do vetor, a saída.
yy Extremidade: a ponta da seta, a chegada. Onde termina o vetor dado.
O vetor é uma grandeza com direção, sentido e intensidade;
Direção - o ângulo formado.
Sentido - da origem à extremidade, de A para B, como no nosso exemplo.
Intensidade - o comprimento, medida de força.
51
Quando se está desenhando ou vetorizando uma imagem no Illustrator, estamos executando operações
com vetores. Principalmente, soma (quando estamos criando o caminho para depois transformar alguns
dos segmentos em curvas) na vetorização.
O trabalho com vetores no Illustrator
À medida que se desenha uma linha, é criado um demarcador. Um demarcador é composto de um ou
mais segmentos retos ou curvos. O início e o fim de cada segmento são marcados por pontos de ancoragem, que funcionam como pinos mantendo um arame no lugar. Um demarcador pode ser fechado (por
exemplo, um círculo) ou aberto, com extremidades distintas (por exemplo, uma linha ondulada).
É possível alterar a forma de um demarcador arrastando os pontos de ancoragem, os pontos de direção
no final das linhas de direção que aparecem em pontos de ancoragem, ou o próprio segmento de demarcador.
Componentes de um demarcador:
A. Extremidade selecionada (sólida);
B. Ponto de ancoragem selecionado;
C. Ponto de ancoragem não selecionado;
D. Segmento de demarcador curvado;
E. Linha de direção F. Ponto de direção.
Os demarcadores podem ter dois tipos de pontos de ancoragem: ponto de vértice (corner) e ponto
suave (smooth). Em um ponto de vértice, o demarcador muda repentinamente de direção. Em um ponto
suave, os segmentos do demarcador são conectados como uma curva contínua. É possível desenhar um
demarcador usando qualquer combinação de pontos de vértice e pontos suaves. Se você desenhar o tipo
errado de ponto, é sempre possível alterá-lo.
52
Pontos em um demarcador:
A. Quatro pontos de vértices;
B. Quatro pontos suaves;
C. Combinação de pontos de vértice e pontos suaves.
O contorno de um demarcador é chamado de traçado. Uma cor ou um degradê, aplicados a uma área
interior aberta ou fechada do demarcador, são chamados de preenchimento. Um traçado pode ter espessura, cor e um padrão de traço (Illustrator e InDesign), ou um padrão de linha estilizado (InDesign). Após
criar um demarcador ou uma forma, você pode alterar as características do seu traçado e preenchimento.
Um ponto de vértice pode conectar tanto os segmentos retos quanto os curvados.
É possível converter os pontos em um caminho entre pontos de vértice e pontos suaves. Usando as opções no painel de Controle, você pode converter rapidamente vários pontos âncora. Usando a ferramenta
Converter ponto âncora, você pode optar por converter somente um lado do ponto e pode alterar a curva
com precisão à medida que converte o ponto.
Quando um vértice do vetor é selecionado, abaixo da barra de Menu aparece a barra Anchor Point.
Nela, há alguns atalhos para ajudar na produção e na velocidade para desenvolver projetos vetoriais.
1 2
3 4
5 6 7
53
1. Converte o ponto selecionado em ponto vértice (corner);
2. Converte o ponto selecionado em um ponto suave (smooth).
3. Mostra as alças dos pontos selecionados;
4. Esconde as alças dos pontos selecionados.
5. Remove os pontos selecionados;
6. Conecta os pontos finais selecionados;
7. Corta caminho e pontos de âncora selecionados.
O Desenho no Illustrator
Ferramenta Pen
1. Pen Tool: O caminho mais simples que você pode desenhar com a ferramenta Caneta é uma linha
reta, feita clicando na ferramenta Pen para criar dois pontos de ancoragem. Continuando, você consegue criar um caminho composto de segmentos de linhas retas ou curvas, conectadas a pontos (anchor
points).
2. Add Anchor Point: Clicando sobre uma linha adiciona um ponto.
3. Remove Anchor Point: Deleta o ponto quando clicado com esta ferramenta.
4. Convert Anchor Point: Transforma o ponto suave em um ponto vértice, e vice- -versa.
Converter um ponto âncora com precisão, usando a ferramenta Convert Anchor Point Tool
1. Selecione o caminho inteiro que você deseja modificar para poder ver seus pontos âncora.
2. Selecione a ferramenta Converter ponto âncora
, ou pressione o atalho Shift+C.
3. Posicione a ferramenta Converter ponto âncora sobre o ponto âncora a ser convertido e siga um
destes procedimentos:
yy Para converter um ponto de vértice em ponto suave, arraste um ponto de direção para fora do ponto
de vértice.
Arrastando um ponto de direção para fora de um ponto de vértice para criar um ponto suave.
54
yy Para converter um ponto suave em ponto de vértice sem linhas de direção, clique no ponto suave.
Clicando em um ponto suave para criar um ponto de vértice.
yy Para converter um ponto suave em um ponto de vértice com linhas de direção independentes, arraste uma dos pontos de direção.
Conversão de um ponto suave em um ponto de vértice.
yy Para converter um ponto de vértice sem linhas de direção em um ponto de vértice com linhas de
direção independentes, primeiro arraste um ponto de direção para fora de um ponto de vértice (tornando-o um ponto suave com linhas de direção). Solte apenas o botão do mouse (não solte nenhuma
das teclas que você pressionou para ativar a ferramenta Converter Ponto de Ancoragem) e, em seguida,
arraste um dos pontos de direção.
Selecione a ferramenta Pen
. Observe que, quando a ferramenta ainda não tiver inserida no primeiro ponto, um “x” aparece à direita do ícone de caneta. Isto indica que você está iniciando um novo
path. Clique e solte uma vez na parte inferior da área de trabalho. Ao mover o mouse longe do ponto de
ancoragem original, o “x” desaparece.
Observação: O ícone da Pen Tool pode ser alterado quando a tecla capslock estiver ativada, deixando a ferramenta com
um símbolo de cruz, o “cursor preciso”.
55
Para criar retas, basta pressionar a tecla Shift e serão criadas retas com padrões de 45° - um dos vários
benefícios da ferramenta Pen que pode criar vários paths customizados e continuar a editar os pontos de
ancoragem que compõem o path.
, selecione o objeto criado com a ferramenta Pen Tool e perceba
Com a ferramenta Selection
que todos os pontos tornaram-se sólidos, isto quer dizer que todos foram selecionados, ou seja, o objeto
será deformado ou arrastado sem alterar os pontos de âncoras.
Com a ferramenta Direct Selection
, clique duas vezes sobre um ponto qualquer do objeto
criado, com a ferramenta Pen Tool, ou clique e arraste para formar uma área de seleção. O ponto irá se
mover, porém os outros continuarão estáticos.
Para deletar uma reta ou segmento de reta, basta clicar sobre a mesma com a ferramenta Direct Selection, ou vá ao menu Edit > Cut e pressione a tecla delete.
Para refazer esta linha, basta pegar a ferramenta
Pen Tool, novamente, e posicione o cursor sobre
o ponto de ancoragem. Repare que na ferramenta Pen Tool irá aparecer um símbolo “/”, que significa a
continuação do path, clique e solte. Agora, vá até outro ponto que você quer que forme a reta e coloque o
cursor sobre o ponto de ancoragem. Observe que a ferramenta pen tool apresentou um novo ícone
que significa que está conectado a outro path.
Componentes de um Path
Linha curva
Utilizando a ferramenta Pen tool
, clique e arraste pressionada a tecla Shift; crie um segundo ponto
de ancoragem e arraste para baixo, mantendo Shift pressionado para arrastar a alça em linha reta. Pressione
a tecla Alt e posicione o mouse sobre o último ponto de ancoragem criado ou sobre a alça de direção.
Note que um símbolo “^” irá aparecer na ferramenta. Isto mostra que pode movimentar a alça sem que
altere o formato da curva, o que influenciará no próximo ponto a ser criado. Coloque sobre outra alça, a
selecionada e continue a criar as curvas.
56
Para criar o próximo path, uma linha reta, clique no último ponto criado para excluir as alças.
Ferramenta Pencil
1
2
3
1. Pencil tool: Ela permite que você desenhe demarcadores abertos e fechados como se estivesse
desenhando com um lápis no papel. Um duplo clique seleciona a caixa de ferramentas Pencil Tools Preferences.
Fidelity: Controla a distância (em px) em que curvas podem se desviar da linha pontilhada original.
Um valor baixo resulta em ângulos mais acentuados, um valor mais alto gera curvas mais suaves.
Smoothness: Controla a intensidade da suavização (expressa em %) para manter o caminho menos
instável ou irregular. Um valor baixo nesta opção resulta um caminho pesado e angular. Um valor alto gera
um caminho mais suave com menos pontos de âncora.
A tecla CapsLock pressionada muda a forma de ponta do lápis para um cruzamento.
2. Smooth tool: Edição de caminhos, facilitando a suavização dos caminhos. Também permite modificar Fidelity e Smoothness. Elimina pontos sobressalentes.
3. Path Eraser tool: Também opera em qualquer caminho, permitindo apagar e cortar um caminho.
Não é possível utilizar a ferramenta Erase em textos (a não ser que se transformem em contornos) nem
sobre malhas.
57
Ferramentas de edição de caminhos
Um dos grandes recursos da arte vetorial é a possibilidade de se editar caminhos mesmo depois de os
mesmos estarem prontos. A seguir, vamos estudar algumas de nossas ferramentas de manipulação de
caminhos.
1
2
3
1. Ferramenta Eraser: Apaga pontos, vértices e preenchimentos dos objetos.
2. Ferramenta Scissors: É utilizada para dividir caminhos. Clicar com a ferramenta Scissors em um caminho fechado torna o caminho aberto. Usando a ferramenta em caminhos abertos, divide o caminho.
3. Ferramenta Knife: fatia áreas de caminho. Não necessita de edição de caminhos selecionados, ela
corta os objetos.
Clean Up
Localizado no menu Object > Path > Clean Up. Remove três elementos indesejáveis:
yy pontos soltos;
yy objetos não pintados;
yy caminhos de textos vazios.
Ele opera no documento inteiro, independente do que está selecionado.
Ferramenta Width
Nova ferramenta do programa Illustrator que permite criar pressões sobre o caminho. Clicando e arrastando em pontos ou em retas, cria uma espessura para o caminho.
58
Exercícios
Exercício - Ilustrando
Efeito
Personagem
Vamos ilustrar o personagem:
Passo 1
Vetorize as linhas a parte, para valorizar o traço manual (não utilize contorno
automático).
Dica: agrupe os objetos criados e, no
painel layer, habilite o cadeado, para travar a camada.
59
Passo 2
Uma forma muito simples de colorir é
utilizando a live paint bucket. Para utilizá-la corretamente você precisa selecionar seu objeto primeiro.
Agora você já pode treinar em personagem mais complexos que necessitam de muitas
camadas de objetos para concluir o trabalho.
Passo 1
Vetorize as linhas a parte, para valorizar o
traço manual (não utilize contorno automático).
60
Passo 2
Crie uma nova camada e posicione-a abaixo da camada anterior para poder fazer os
novos objetos de cor por baixo do traçado.
Passo 3
Faça o brilho e a sombra do cabelo para
adicionar volume a sua criação.
61
Links úteis
62
MÓDULO
01
C
amadas
Ao se criar um trabalho artístico complexo, sempre será um desafio controlar todos os itens na janela do documento. Os itens pequenos ficam ocultos embaixo de itens maiores e a seleção do trabalho
artístico se torna difícil. As camadas fornecem um modo de gerenciar todos os itens que compõem o seu
trabalho artístico. Imagine-as como pastas transparentes que contêm o trabalho artístico. Se você rearranjar estas pastas, modificará a ordem de empilhamento dos itens no trabalho artístico. É possível mover
itens entre pastas e criar subpastas dentro de pastas.
A estrutura de camadas no seu documento pode apresentar o nível de complexidade que você desejar.
Por padrão, todos os itens estão organizados em uma única camada pai. Entretanto, é possível criar novas
camadas e mover itens para estas camadas, ou mover elementos de uma camada para a outra a qualquer
momento. O painel Camadas fornece uma maneira fácil de selecionar, ocultar, bloquear e alterar os atributos de aparência de um trabalho artístico.
Use o painel Camadas no menu Window>Layers ou pressione o atalho F7, para listar, organizar e editar
os objetos em um documento. Por padrão, cada novo documento contém uma camada, e cada objeto
criado é listado nesta camada. Entretanto, você pode criar novas camadas e reorganizar itens para melhor
atender às suas necessidades.
63
Por padrão, o Illustrator atribui uma cor exclusiva (até nove cores) a cada camada no painel Camadas.
A cor aparece ao lado do nome da camada no painel. A mesma cor é exibida na janela de ilustração, na
caixa delimitadora, no caminho, nos pontos âncora e no ponto central de um objeto selecionado. Esta cor
pode ser usada para localizar rapidamente a camada correspondente de um objeto no painel Camadas e
você pode alterar a cor da camada para atender às suas necessidades. Camadas contêm outros itens, um
triângulo branco aparece à esquerda do nome deste item. Clique no triângulo para mostrar ou ocultar o
conteúdo. Se nenhum triângulo aparecer, significa que o item não contém itens adicionais.
1. Coluna de visibilidade: Indica se os itens nas camadas estão visíveis ou ocultos (espaço em branco) ou se são camadas de modelo ou camadas de contorno.
2. Coluna de edição: Indica se os itens estão bloqueados ou desbloqueados. O ícone de bloqueio
indica que o item está bloqueado e não pode ser editado, enquanto um espaço em branco indica que o
item está desbloqueado e pode ser editado.
3. Coluna de destino: Indica se os itens estão direcionados à aplicação de efeitos e edição de atributos no painel Aparência. Quando o botão de destino aparece como um ícone de anel duplo (ou) significa
que o item está direcionado, enquanto um ícone de anel único indica que o item não está direcionado.
4. Coluna de seleção: Indica se os itens estão selecionados. Uma caixa de cor é exibida quando um
item está selecionado. Se um item, como uma camada ou um grupo, contiver alguns objetos selecionados
e outros não selecionados, uma caixa de cor de seleção menor aparecerá ao lado do item pai. Se todos os
objetos no item pai estiverem selecionados, as caixas de cor de seleção terão o mesmo tamanho que as
marcas exibidas ao lado dos objetos selecionados.
64
Criar novas camadas
Se pressionar a tecla ALT ao clicar no botão Create New Layer, abrirá a caixa de opções da camada.
As opções são nome, cor, a cor dos caminhos e pontos quando os objetos desta camada são selecionados.
A opção Template diz à camada que a mesma será utilizada como uma camada de modelo.
A opção Show torna os objetos contidos na camada visíveis.
A opção Preview permite que você possa ver os objetos em suas cores de preenchimentos e contornos e
ao desmarcar esta opção, ela somente irá mostrar os caminhos dos objetos contidos na camada.
A opção Lock bloqueia os objetos contidos na camada.
A opção Print permite a impressão dos objetos contidos na camada.
A opção Dim Images To esmaece as imagens colocadas na camada, tornando-as mais claras
Para poder selecionar as propriedades das camadas, basta dar um duplo clique sobre a camada.
A primeira coluna da esquerda mostra as formas de visualização das camadas.
Os olhos sólidos representam a camada no modo preview. Os olhos vazados exibem uma camada no
modo oultlines (CTRL+clique no olho), sem os olhos camada oculta. Se a camada for um template será
mostrado o desenho dos objetos. A segunda coluna permite bloquear ou desbloquear a camada.
Ao desenhar os objetos dentro da camada, será mostrada uma seta junto à camada e ela poderá ser
expandida ou recuada, mostrando assim as subcamadas. As ordens das camadas definem a ordem de
empilhamento dos objetos. Os quadradinhos mostrados junto a cada objeto da camada permitirão que
se possa arrastar um objeto de uma camada para outra. Para arrastar as propriedades de uma camada para
outra, arraste o círculo.
Usar camadas de modelo para traçar manualmente o trabalho artístico
Camadas de modelo são camadas bloqueadas e não imprimíveis que podem ser usadas para traçar imagens manualmente. Estas camadas são esmaecidas em 50%, para que você possa ver facilmente todos os
caminhos desenhados na frente dela.
É possível criar camadas de modelo ao inserir uma imagem ou a partir de camadas existentes.
yy Para inserir uma imagem como camada de modelo para traçado, escolha File > Place, selecione o
arquivo de imagem rasterizada que deseja traçar, selecione Template e clique em Place. Uma nova camada de modelo aparece abaixo da camada atual no painel.
65
yy Para traçar uma imagem existente, verifique se ela está em sua própria camada, clique duas vezes
nesta camada, localizada no painel Camadas, selecione Template e clique em OK. Como alternativa,
selecione a camada e escolha Template no menu do painel.
yy O ícone de olho é substituído pelo ícone de Template e a camada é bloqueada.
yy Traceje sobre o arquivo usando a ferramenta Caneta ou Lápis.
yy Para transformar uma camada de modelo em uma camada comum, clique duas vezes nessa camada
no painel Layers, cancele a seleção de Template e clique em OK.
Para treinar um pouco, vamos fazer um rápido exercício de organização das camadas e dos objetos contidos nelas, chegando a este resultado:
Para isso, pegue o arquivo “coca-cola_rotulo_layers”, organize as camadas, alinhe os objetos e deixe-os
organizados.
Painel Artboard
Quando criamos um novo documento, existe a possibilidade de criação de um artboard na opção
Number of artboard.
66
O Illustrator apresenta um painel novo na versão CS5, Artboards, que pode ser localizado no menu
Window>Artboard.
1. Edit Artboard: Com um clique sobre o ícone de
página, você consegue definir o tamanho, a sangria e outras propriedades de seu artboard.
2. Move up: Move o artboard selecionado para cima.
3. Move down: Move o artboard selecionado para
baixo.
4. New Artboard: Cria um novo artboard.
5. Delete Artboard: Deleta o artboard selecionado.
Para alterarmos o artboard, podemos utilizar a ferramenta Artboard tool.
Com um clique na ferramenta, você consegue alterar o
tamanho do artboard selecionado. Para cancelar a ferramenta, basta clicar em outra ferramenta.
Painel Appearance
1
2
3
4
5
6
Para abrir este painel, vá ao Menu>Window>Appearance. Ele funciona como um registro de imunização de um objeto e contém uma lista de atributos atuais aplicados a um objeto. Estes atributos são a cor
de preenchimento, a cor do traço, a espessura do traço ou o nome do pincel, a definição de transparência,
o modo de combinação e todos os efeitos aplicados ao objeto.
67
1. Add New Fill: Adiciona um novo preenchimento ao objeto.
2. Add New Stroke: Adiciona um novo contorno ao objeto.
3. Add New Effect: Adiciona um efeito ao objeto, pode ser acessada também pelo menu Effect.
4. Clean Apparence: Todas as definições do objeto são deletadas, deixando somente a cor e o contorno transparentes.
5. Duplicated Selected Item: Duplica o item selecionado.
6. Delete Selected Item: Deleta o item selecionado.
Graphic Styles
São recursos incluídos no Illustrator, que permitem salvar atributos definidos da aparência e reaplicá-los
aos objetos. Este é um método fácil de manter a consistência em uma variedade de gráficos. Para abrir este
painel, vá ao menu Window>Graphic Styles. Outros recursos úteis incluídos no Illustrator são os efeitos.
Você aplicará os efeitos aos objetos para modificar a aparência, quase como os filtros, mas sem modificar a
estrutura básica dos objetos, de modo a permitir a edição do texto como texto. Pode-se também modificar
e editar normalmente os caminhos que possuem efeitos aplicados, além de remover e editar os efeitos,
usando a paleta Appearance.
A aparência de um objeto é o modo como ele se apresenta e muito mais do que isso. As propriedades
da aparência são propriedades de objeto que você pode editar e remover para retorná-lo ao estado inicial.
Tais propriedades abrangem a cor de preenchimento, as propriedades de traços, a transparência ou qualquer efeito que modifiquem o perfil de um objeto.
Após definir os atributos da aparência de um objeto, você poderá salvar o estilo para aplicá-lo ao outro
objeto em outra ocasião. Estilos são apenas um método para salvar definições da paleta Appearance.
É possível aplicar estilos a um objeto, apenas arrastando o estilo até o objeto.
Podemos aplicar um estilo a uma camada, basta apenas selecionar a camada e clicar sobre o estilo.
Também é possível aplicar estilos com as ferramentas Eyedroper e Paint Bucket.
68
Manipulando objetos
Podemos transformar nossos objetos de qualquer forma, girando, refletindo, redimensionando, etc. Para
isso, existem algumas ferramentas específicas localizadas abaixo das ferramentas Pen e Pencil. Pode-se
utilizar também a paleta Transform.
Para acessar este painel, vá em Menu>Window>Transform.
Ferramenta Rotate
: Gira os objetos selecionados dentro de um documento. Clicar duas
vezes na ferramenta Rotate exibe a caixa de diálogo rotate. Por padrão, ele gira em torno de seu centro.
Manter pressionada a tecla ALT e clicar em algum local de seu documento também abre a caixa de diálogo rotate, mas definindo como eixo de rotação onde você clicou.
Ferramenta Scale : Redimensiona os objetos com ou sem uniformidade. Ao marcar a caixa Scale
Strokes & Effects, fará com que os traçados e/ou efeitos sejam dimensionados proporcionalmente ao
objeto sendo redimensionado.
Ferramenta Reflect : Gera uma imagem espelhada dos objetos selecionados, refletida através de um
eixo de reflexão. Para refletir manualmente, clique uma vez para definir o ponto de origem e outra vez em
outro local do eixo de reflexão. A tecla ALT pressionada permite criar uma cópia.
Ferramenta Shear : Permite dar inclinação ao objeto selecionado. A sua manipulação manual é complexa.
Movendo: Embora esta opção seja bem pouco utilizada, já que temos a possibilidade de utilizá-la manualmente, mas muitas vezes será necessário que este processo seja feito com maiores detalhes. Clique no
Menu Object > Transform > Move, na janela que se abre e defina as propriedades.
Transform Each: É um método de executar várias transformações de uma só vez. Um aspecto exclusivo desta ferramenta é que cada objeto selecionado transforma-se separadamente, ao contrário da
transformação conjunta de todos os objetos selecionados. Localiza-se no menu Object > Transform >
Transform Each.
69
O Trabalho com símbolos
Para abrir este painel, vá ao menu Window>Symbols. É um objeto que é armazenado no painel Symbols e pode ser reutilizado. Como por exemplo, criar grama ou folhas, e for necessário, reutilizá-la várias
vezes sem ter de duplicar várias vezes o mesmo objeto. Para adicionar seu objeto ao painel Symbols, é
necessário convertê-lo em símbolo com o atalho F8 ou arrastá-lo até o painel e assim que aparecer um
(+) solte-o no painel. Quando o fizer, aparecerá uma nova janela pedindo algumas informações para seu
próximo símbolo.
O Illustrator possui uma ótima comunicação entre os programas Adobe e também um sistema de compatibilidade com o programa Flash em relação aos símbolos e quando for criado, será um símbolo gráfico
ou um movie clip, que é o padrão de símbolos do Flash.
70
Exercícios
Exercício - Ilustrando
Efeito
a capa da revista MidiaMag
O tema da revista deste semestre é criação com temáticas da natureza e sustentabilidade. Por isso vamos vetorizar a ilustração do arquivo base.jpg e colorir de
forma básica, através da ferramenta live paint. Durante o curso de photoshop vamos
dar acabamento à ilustração.
71
Vetorize os sketches conforme a imagem referência. Para Abrir o sketch vá ao menu file> place e
abra o arquivo base.jpg.
Em seguida separe os elementos, colora o traço de preto. Agora pode deletar ou ocultar
a imagem base.jpg
Crie um novo arquivo (menu file > new) configure o tamanho dele para 42.4 x 27.5cm.
Cole os elementos soltos nesse novo arquivo.
Usando a ferramenta live paint bucket colora as partes não preenchidas. A paleta de cores sugerida está no
arquivo paleta.ai.
72
Depois de todos os elementos coloridos, monte os elementos no papel.
Finalizada a etapa agrupe os objetos. Faça um retângulo por cima dos elementos no
mesmo formato do arquivo, selecione o grupo e o retângulo, clique com o botão direito
e selecione a opção make clipping mask.
Faça um retângulo, posicione-o como última camada e escolha uma cor de fundo.
73
Links úteis
74
MÓDULO
01
T
raços
É possível traçar um trabalho artístico existente de modo a utilizá-lo como base para um novo desenho. Por exemplo, você poderá criar um gráfico com base em um esboço a lápis, desenhado em papel ou
uma imagem rasterizada salva em outro programa gráfico, trazendo-o para o Illustrator e traçando sobre
ele.
A maneira mais fácil de realizar o trabalho artístico é abrir ou inserir um arquivo no Illustrator e traçá-lo
automaticamente com o comando Traço em tempo real. É possível controlar o nível de detalhes e como
o traçado é preenchido. Quando estiver satisfeito com os resultados do traçado, você poderá convertê-lo
em caminhos de vetor ou em um objeto de pintura em tempo real.
Traçar automaticamente o trabalho artístico
Abra ou insira um arquivo a ser usado como imagem de origem para o traçado.
Com a imagem de origem selecionada, siga um destes procedimentos:
yy Para traçar a imagem usando as opções de traçado padrão, clique em Live Trace (1), no painel de
Controle, ou escolha menu Object > Live Trace > Make. Para traçar a imagem usando uma pré-definição automática de traçado, clique no botão com uma seta chamado Tracing prasents and
options (2), abaixo painel de Controle e selecione uma pré-definição.
yy Para definir opções de traçado antes de traçar a imagem, clique no botão Tracing presets and
options, no painel de Controle e escolha Tracing Options. Como alternativa, escolha Object >
Live Trace > Tracing Options.
75
Nesta Imagem, foi utilizada a opção Photo Hight Fidelity
Ferramenta Paintbrush
Esta ferramenta funciona de maneira semelhante às outras de pincel da maioria dos programas gráficos.
Ela tem uma espessura definida e você poderá pintar com o pincel usando esta espessura em qualquer
local do documento. A grande diferença entre os pincéis da maioria dos programas de pintura é a ferramenta PaintBrush e que, ao terminar de pintar, a mesma se transformará em um traçado.
Para usar a ferramenta PaintBrush, escolha a ferramenta, selecione um pincel na paleta Brushes e comece a desenhar.
Para modificar a espessura do traçado do pincel (o valor padrão é 9 pontos), clique duas vezes no pincel
na paleta Brush (não na caixa de ferramentas) e digite o valor desejado na campo Diameter.
Para facilitar o seu desenho, pode-se ligar a tecla CAPS LOCK, permitindo que o curso do paintbrush
se transforme em uma cruz diagonal e não em um pincel.
As propriedades da paleta brushes variam de acordo com a forma a ser escolhida.
Paleta Brushes
Este painel está localizado no menu Window>Brushes. O
Illustrador inicia este painel com alguns brushes pré-definidos. Através do menu Window>Brushes> Library, podemos
acrescentar novas paletas para o nosso trabalho.
76
A paleta Brushes é composta de vários grupos de desenho:
Calligraphic Brush.
Os pincéis deste grupo são semelhantes a pincéis de caligrafia. Para utilizá-los, basta definir o ângulo e o
tamanho. Para poder ativar somente este grupo, clique na seta lateral da paleta brushes e desmarque todas
as outras opções mantendo somente a Calligraphic Brushes.
As opções da caixa são:
yyName: Permite atribuir um nome ao pincel.
yyAngle: Para imitar a escrita feita a mão ao estilo caligráfico, o ângulo deve ser definido com 45º, ou
-45º se for canhoto.
yy Roundness: Esta opção define o grau de esfericidade do pincel.
yy Diameter: Define o diâmetro máximo do pincel.
yy Variation: A variação do ângulo representa um grau que você deseja variar a partir da definição
original.
Scatter Brush
Para serem visualizadas as opções Scatter, é necessário no Pop-up da paleta chamar um dos estilos de
paleta.
77
A ferramenta Scatter Brush copia e espalha um objeto pré-definido ao longo de um caminho. Existem
alguns padrões de scatter brushes para você escolher, como pegadas de cachorro, joaninhas, etc.
As opções da ferramenta Scatter Brush são:
yySize: Na área de tamanho, existem duas opções pop-up: Fixed e Random. Se você escolher Fixed, o
controle de tamanho só exibirá as opções da esquerda. Com a opção Random, você poderá configurar
imagens pequenas e grandes dispersas.
yySpacing: Esta opção ajusta o espaço existente entre os objetos.
yyScatter: A opção ajusta o modo como os objetos seguirão o caminho original em cada lado do
caminho.
yy Rotation: Esta opção ajusta a rotação de um objeto em relação à posição original.
yy Rotation relative to: Esta opção oferece duas alternativas em um menu pop-up Page e Path.
yy Colorization: Existem quatro opções de colorização: None, Tints, Tints and Shades e Hue Shift.
Art Brush
A Art Brush usa um objeto ao longo de um caminho, mas ao contrário da Scatter Brush, ela alonga o
objeto até o comprimento do caminho, em vez de repetir e espalhar o objeto.
As opções desta ferramenta são:
yyDirection: Permite especificar quatro direções para o pincel.
yySize: Esta opção amplia a arte quando alongada.
yyFlip: Permite inverter o objeto ao longo ou através do caminho.
yyColorization: Existem quatro opções de colorização: None, Tints, Tints and Shades e Hue Shift.
yyOverlap: Possui duas opções: a primeira não ajusta, automaticamente, as dobras e cantos e a segunda ajusta, automaticamente, dobras e cantos para evitar superposição.
78
Pattern Brush
Repete um objeto enfileirado ao longo de um
caminho. Esta ferramenta pode apresentar um
enfileiramento nas laterais, canto interno, canto
externo início e fim. Para adicionar os brushes do
Pattern, basta criar até 5 tipos de padrões e adicionar a paleta Swatches, que já aparecerá, automaticamente, em seu painel para selecionar.
As opções da Pattern Brush são:
yy Name: Permite atribuir um nome ao pincel.
yy Scale: Tamanho em uma proporção.
yy Spacing: Espaço entra as fileiras.
yy Flip: Espelha horizontalmente (Flip
Along) ou verticalmente (Flip Across).
yyFit: Esta ferramenta se divide em: Stretch to fit, que alonga ou encurta uma fileira para encaixar
no objeto; Add space to fit, que adiciona um espaço em branco entre as fileiras para se encaixar no
caminho proporcionalmente; e Approximate Path, que faz a fileira encaixar o mais próximo possível
ao caminho original sem alterar as fileiras.
Bristle Brush
Com o Illustrator CS5, temos um novo Bristle
Brush que nos leva a um passo próximo à pintura
natural com vetores. A pintura criada com o novo
pincel de cerdas se parece muito com as pinceladas do mundo real. Outro caracterísitca é que
você pode controlar a transparência dos cursos e,
também, criar sobreposições realistas de cores que
lembram a pintura natural.
Para criar um novo Bristle Brush, vá ao painel de
Brush> Create New Brush> Bristle Brush.
As opções da Bristle Brush são:
yyName: Nome que será dado ao novo pincel.
yyShape: Define o pincel que será utilizado.
yySize: O tamanho do pincel.
yyBristle Lenght: Comprimento das cerdas.
yyBristle Density: Define a densidade de pelos do pincel.
yyBristle Thickness: Define a espessura das cerdas do pincel.
yy Paint Opacity: Define a opacidade da pintura do pincel.
79
Exercícios
Exercício - Criando
Efeito
estampas originais
O illustrator possui um modo muito dinâmico de criar estampas corridas. Através do painel swatches.
Passo 1
Desenhando os elementos
80
Para desenhar os elementos acima, vamos começar pelos círculos externos. Para facilitar o alinhamento,
centralize o primeiro círculo na folha através do painel align.
Habilite a régua (ctrl+R) e crie duas linhas guias no centro do objeto, uma horizontal e outra vertical.
Crie os círculos centralizados e agrupe-os (ctrl+G)
81
Faço os círculos pequenos
Vamos duplicá-los e rotacioná-los manualmente nos orientando pelas linhas guias criadas. Então selecione os pequenos círculos criados e agrupe-os.
Selecione a ferramenta rotate tool.
Posicione o centro desse objeto no centro das linhas guias e pressionando alt e arrastando mova o objeto 90o.
Para repetir o processo automaticamente, basta utilizar o comando de duplicar (crt+D). Para dar certo
você não pode ter saído da ferramenta rotate tool.
82
Selecione as quatro bolinhas e rotacione novamente, lembre-se de deixar o centro do objeto no centro
do papel, no encontro das linhas guias.
Repita esse processo mais uma vez para ter o número exato de bolinhas do nosso exemplo.
Para fazer os triângulos, repita o processo de rotação das bolinhas.
83
Pronto, sua primeira mandala está terminada.
Agora você pode fazer as outras três mandalas restantes
Passo 2
Criando os módulos.
Módulo é a unidade básica de repetição, é a menor forma possível de um objeto ser repetido para criar
as estampas.
Para fazer com que o nosso módulos se repita perfeitamente, ou seja, sem que haja cortes na imagem,
vamos desenhar um quadrado e posicionar as mandalas que serão cortadas.
84
Você pode posicionar o restante das mandalas como quiser, lembrando que as mandalas que pocisonamos anteriormente deve ser mantida.
Agrupe as mandalas, deixando o quadrado fora do grupo. Selecione as mandalas e quadrado. Clique
com o botão direito e selecione a opção Make Clipping Mask.
85
Feito isso basta arrastar seu módulo para o painel swatches. Teste em um objeto. Caso não esteja como
você quer, você pode editá-lo. Basta arrastar o módulo para sua área de trabalho (documento) editá-lo e
arrastá-lo novamente.
86
Exercícios
Exercício - Ilustração
Efeito
estilizada com brushes
Criar os próprios brushes é uma boa forma de otimizar um trabalho de ilustração. Vamos, então
criar uma ilustração com folhas de forma dinâmica.
87
As cores deste exercício ficam a critério do aluno, uma boa dica é usar a extensão do Adobe: o Kuler
Extension.
Menu window > extensions > kuler
Crie um arquivo novo no formato a4 paisagem.
Em seguida, abra o arquivo arvore.jpg, menu file > place.
Com a pen tool vetorize alguns galhos da árvore.
Delete a imagem arvore.jpg.
Agora, vamos preparar nosso brush.
Desenhe uma pequena flor.
88
Selecione a flor desenhada, em seguida selecione as opções do painel brush > new brush.
89
Depois de escolhido a opção Scatter Brush configure as opções como na imagem abaixo:
Com a ferramenta brush tool, pincele sobre o galho seu brush até ficar como na imagem abaixo:
90
Agora é só finalizar sua ilustração. Escolha as cores da árvore e das flores, coloque um fundo que combine com as cores escolhidas e simule algum texto, no exemplo um poema do autor Pablo Neruda.
91
Links úteis
92
Links úteis
93
Links úteis
94
Links úteis
95
MÓDULO
01
M
áscaras
As máscaras são objetos que mascaram tudo. Exceto, os caminhos formados por esta ferramenta.
As máscaras podem ser abertas, fechadas ou caminhos compostos. O objeto de máscara é aquele cujos
caminhos formam a máscara e este objeto deve estar posicionado à frente de todos os objetos sendo
mascarados.
Para se criar uma máscara básica, proceda da seguinte forma:
yy Importe ou desenhe o seu objeto..
yy Desenhe a forma que será mostrada na máscara.
yy Selecione ambos os objetos, depois menu Object > Clipping Mask > Make. Ou selecione o
objeto que será a máscara, lembrando-se sempre de que este deve estar em uma camada superior ao
objeto que será mascarado e selecione o objeto que será mascarado. Com o botão direito, clique sobre
os objetos e escolha Make Clipping Mask.
96
Mascarando outras máscaras
É possível mascarar objetos que estão mascarando outros objetos. Basta certificar-se da seleção de todos
os objetos em cada máscara e, assim como com outros objetos, de que estejam posicionados atrás do
caminho que será utilizado para um objeto de máscara.
Liberando Máscaras
Object > Mask > Release
Quanto maior a quantidade de máscaras em um documento, e se a máscara possuir muitos pontos, mais
demorada será a interpretação da impressora postscript para a impressão do documento. Você também
pode optar por clicar sobre a máscara com o botão direito e escolher a opção Release Clipping Mask.
FERRAMENTA BLEND TOOL
A ferramenta Blend cria etapas intermediárias na área entre dois caminhos, onde o estilo de pintura e a
forma de um caminho se transformam no estilo de pintura e forma do segundo caminho.
Ela é utilizada para criar combinações que são um grupo de caminhos que mudam de forma e de cor, à
medida que cada caminho é criado mais próximo ao caminho extremo oposto.
ou Object > Blend Make:
Para criar um Blend
A opção de combinação padrão cria uma cor suave entre as duas formas. Podem-se editar os caminhos
individuais que formam a combinação. Para isso, selecione o objeto com a ferramenta Selection e clique
duas vezes na ferramenta Blend na caixa de ferramentas.
97
Combinações Lineares
As combinações lineares são feitas, criando dois caminhos extremos, geralmente, com forma e tamanhos idênticos, atribuindo a cada caminho diferentes atributos de estilo de pintura e criando uma série de
etapas entre eles com a ferramenta Blend. Quanto maior a quantidade de caminhos criados, tanto maior
a quantidade de cores que você poderá criar.
Opções de combinação
As opções são Make, Release, Blend Options, Expand, replace Spine, Reverse Spine e Rerverse Front to
Back. A ferramenta Blend permite combinar pontos específicos e com a opção Live Blend do Illustrator
não é necessário expandir uma combinação para modificá-la.
As opções de combinação são:
yy Smooth Color: Define, automaticamente, o número de etapas necessárias para tornar a aparência
da combinação o mais suave possível.
yy Specified Steps: Permite selecionar a distância entre uma das etapas da combinação e outra.
yy Specified distance: Permite digitar a distância entre as etapas.
yy Align to Page: Executa a combinação verticalmente ou horizontalmente, dependendo da orientação da página.
yy Align to Path: Executa a combinação perpendicularmente ao caminho.
yy Orientation: Há duas opções de alinhamento: alinhar pela página e alinhar pelo caminho (path).
Expandindo uma combinação
Para editar os elementos individuais de uma combinação, é necessário liberá-la primeiramente. Ao selecionar Object, Blend, Expand, a combinação se expande para um conjunto de formas. Todas as formas
ainda estarão agrupadas, mas você pode editá-las individualmente após desagrupá-las.
98
Efeitos
São como truques de mágica no sentido de que fazem aparecer algo que não existia antes. Os efeitos
podem mudar a aparência de um objeto sem modificá-lo definitivamente.
Os efeitos são em tempo real. Isto significa que você pode aplicar um efeito a um objeto e, em seguida,
modificar as opções do efeito ou remover o efeito a qualquer momento usando o painel Appearance.
Neste painel, é possível ainda editar o efeito, movê-lo, duplicá-lo, excluí-lo ou salvá-lo como parte de um
estilo gráfico. Ao utilizar um efeito, você deve expandir o objeto antes de poder acessar os novos pontos.
Os efeitos são divididos em duas partes. Na metade superior do menu Effect, são efeitos de vetor.
Você apenas pode aplicar estes efeitos a objetos de vetor ou ao preenchimento ou traçado de um objeto
de bitmap no painel Appearance. Os efeitos e categorias de efeito a seguir na seção superior são exceções
a esta regra e podem ser aplicados a objetos de vetor e de bitmap: efeitos 3D, Filtros SVG, efeitos de Deformação, efeitos de Transformar, Sombra, Difusão, Brilho interno e Brilho externo.
Os efeitos, na metade inferior do menu Effect, são efeitos de rasterização. Você pode aplicá-los a
objetos de vetor ou de bitmap.
Aplicando um efeito
Selecione o objeto ou o grupo (ou direcione uma camada no painel Layers). Se quiser aplicar um efeito
a um atributo específico de um objeto, como seu preenchimento ou traçado, selecione o objeto e, em
seguida, selecione o atributo no painel Appearance.
yy Escolha um comando no menu Effect.
yy Clique em Adicionar novo efeito no painel Appearance e escolha um efeito.
yy Se uma caixa de diálogo aparecer, defina opções e clique em OK.
Para aplicar o efeito e as configurações utilizadas na última vez, escolha Effect > Apply [nome do efeito].
Para aplicar o último efeito usado e definir suas opções, escolha Effect > [nome do efeito].
Efeitos de rasterização
Efeitos de rasterização são efeitos que geram pixels em vez de dados de vetor. Tais efeitos incluem Filtros
SVG, todos os efeitos na seção inferior do menu Effect e os comandos Sombra, Brilho interno, Brilho
externo e Difusão no submenu Effect > Stylize.
Sempre que um efeito de rasterização é aplicado, o Illustrator utiliza as configurações de efeitos de rasterização do documento para determinar a resolução da imagem resultante. Estas configurações de efeitos
de rasterização do documento têm grande impacto sobre o trabalho artístico resultante e, por isso, é importante verificá-las antes de começar a trabalhar com efeitos.
Defina opções de rasterização para um documento, escolhendo Effect > Document Raster Effects Settings (Configurações de efeitos de rasterização do documento).
Considere as seguintes informações ao aplicar efeitos, especialmente, a objetos de bitmap:
yy Efeitos não funcionam em objetos de bitmap vinculados. Se você aplicar um efeito a um bitmap
vinculado, ele será aplicado a uma cópia incorporada do bitmap e não ao original. Para aplicar o efeito
ao original, é possível incorporar o bitmap no documento.
99
yy O Adobe Illustrator oferece suporte para efeitos de plug-in de produtos da Adobe, como o Adobe
Photoshop, e de outros desenvolvedores de software. Uma vez instalada, a maioria dos efeitos de plug-in aparece no menu Efeito, funcionando de maneira idêntica aos efeitos internos.
yy Alguns efeitos podem usar muita memória, principalmente, quando aplicados a uma imagem bitmap de alta resolução.
Referência rápida sobre efeitos
Efeito 3d > Extrude and Bevel
Permite criar extrusões de sua arte e definir a forma da concavidade da extrusão.
Vários padrões podem ser alterados para construirmos várias formas e estilos diferentes de formas 3D.
Para isso, veremos algumas propriedades básicas.
1. Position: Possui algumas posições básicas como frente, lado, costas, isométricas, etc.
2. Object Rotation: Estas setas mostram em quantos ângulos vamos rotacionar o objeto, através dos
eixo X ( seta vermelha), Y (seta verde) e Z (Azul). Podemos, também, rotacionar o objeto, clicando na
imagem do quadrado para alterar seus ângulos.
3. Perspective: Aplica perspectiva ao objeto podendo variar de 0º a 100º.
4. Extrude Depth: Mostra o valor em pt e qual a profundidade do objeto.
5. Cap: Aplica a propriedade de tornar o objeto sólido ou oco, através de sua “tampa”.
6. Bevel: Define qual a forma da profundidade do objeto através de contornos diferentes.
100
Quando a opção Bevel é alterada de seu padrão None, outras duas propriedades são abertas.
yyHeight: Define a altura desses novos contornos;
yyBevel extent out: Chanfro é adicionado ao objeto original;
yyBevel extent in: Chanfro é subtraído do objeto original.
7. Surface: Especifica um estilo de renderização; temos: Wireframe, no Shading, Diffuse shading e
Plastic Shading.
Revolve:
Dá a extrusão de forma cilíndrica em seus objetos.
Rotate:
Permite rotacionar a sua arte e adicionar perspectiva.
101
Exercícios
Exercício - vasos
Efeito de cerâmica personalizados
Neste exercício vamos criar vasos customizados com as estampas que criamos
em modulos anteriores. Uma ótima forma de mostrar aplicação das estampas em
portfolios.
102
Passo 1
Criando os vasos
Com a pen tool desenho metade de um vaso, conforme a imagem.
Não há necessidade de fechar o objeto.
Com o objeto selecionado direcione-se ao menu effect > 3D > revolve
Configure o painel como o da imagem abaixo.
103
Repita os procedimentos anteriores com as demais formas de vasos.
cor
C - 50
M-0
Y - 15
K-0
No final desta etapa os vasos estarão dessa forma. Posicione-os como no exemplo ao
lado.
104
Vamos dar acabamento aos vasos. Para isso, faremos a sombra do interior dele criando a impressão de um vaso oco.
Crie o elipse no formato
da borda do vaso.
Aplique um gradiente linear do claro para o escuro.
Repita o procedimento nos demais vasos, lembrando que no vaso azul você, deve usar
tonalidades próximas do vaso.
105
Passo 2
Aplicando as estampas
Abra seu arquivo de estampas criado no módulo anterior. Utilizamos as estampas de duas formas, uma
direta utilizando do clipping mask para daptar o formato e como pattern swatches.
Para fazer a estampa como swatches basta criar o formato de aplicação com a pen tool e selecionar a
estampa desejada no painel swatches.
Em seguida trabalhe a opacidade do objeto criado.
A técnica do clipping mask é muito simples também, mas permite que você posicione as estampas da
forma que quiser.
106
Então crie composições interessantes com as formas criadas no módulo anterior. Em seguida, com apen
tool, faça um shape só formato do vaso onde você quer posicionar sua estampa.
Selecione a composição criada, ela deve estar agrupada, e selecione também a forma do vaso. Clique no
botão direito e selecione a opção make clipping mask.
107
Trabalhe a opacidade dessa estampa da mesma forma da anterior.
Crie a composição do terceiro vaso, como na imagem abaixo.
Passo 3
Acabamento
Vamos criar as sombras embaixo dos vasos, dando profundidade a nossa composição. Repita o mesmo
procedimente para os demais vasos.
108
Faça sombras atrás dos vasos, para aumentar ainda mais a sensação de profundidade.
Resultado final.
109
Exercícios
Exercício - Tipagrafia
Efeito
3D
Vamos explorar outro recurso 3D, a extrusão, para incrementar uma tipografia já existente.
Vamos usar a font Pimp regular. Comece escrevendo a palavra MERCADO letra por letra nas
seguintes configurações de cores.
Agora, com uma letra selecionada, vá ao menu effect > 3D > extrude & bevel. Configure cada letra
como mostrado nas imagens.
110
111
112
113
Terminada a extrusão, ajuste as letras deixando elas um pouco embaralhadas. As que estão no fundo
vamos usar o efeito blur.
114
Varie a configuração do blur de acordo com as distâncias entre as letras e a profundidade que que você
quer dar a composição. Veja o exemplo:
Finalize com algums desenhos e formas geométricas, um fundo claro, pois a composição já é muito
chamativa.
115
Links úteis
116
MÓDULO
I
01
mpressão
É possível imprimir documentos do Illustrator de duas maneiras. Como uma composição, que é uma
saída impressa única contendo todas as cores e matizes utilizados, e como uma série de separações de
cores, uma saída impressa de cada cor. As separações de cores são necessárias para as ilustrações impressas
em uma gráfica.
Configuração do documento
Selecione File > Document Setup. Permite definir o tamanho da página inicial de uma ilustração por
meio da arte. As opções estão divididas em três áreas diferentes - ArtBoard, Printing & Exporting e Transparency.
Opção Print Setup contém opções de configuração de impressão específicas de sua impressora.
Opções da caixa de diálogo Imprimir
Cada categoria de opções na caixa de diálogo Imprimir, desde opções gerais até opções resumidas, está
organizada de forma a orientá-lo durante o processo de impressão de um documento. Para exibir um
conjunto de opções, selecione o nome do conjunto no lado esquerdo da caixa de diálogo. Muitas dessas
opções são pré-definidas pelo perfil de inicialização que você escolheu quando iniciou seu documento.
yy General (Geral): Define o tamanho e a orientação da página, especifica quantas páginas serão
impressas, dimensiona o trabalho artístico, especifica opções de divisão em blocos gráficos e escolhe
as camadas a serem impressas.
yy Marks and Bleed (Marcas e sangrias): Seleciona marcas da impressora e cria uma sangria.
yy Output (Saída): Cria separações de cores.
yy Graphics (Gráficos): Define opções de impressão para caminhos, fontes, arquivos PostScript,
gradientes, malhas e misturas.
yy Color Management (Gerenciamento de cores): Seleciona um perfil de cor e um método de
renderização para impressão.
yy Advanced (Avançado): Controla o nivelamento (ou a possível rasterização) do trabalho artístico
de vetor durante a impressão.
117
yy Summary (Resumo): Visualiza e salva um resumo das configurações de impressão.
Gerando PDFs de qualidade no Illustrator
Alguns procedimentos que devem ser observados antes de enviar seu documento do Illustrator para a
gráfica ou mesmo antes de criar o seu PDF.
yy Cheque o formato do documento em File>>Document Setup; yy Cheque o modo de cor do documento em File>Document Color Mode; yy Cheque a resolução dos efeitos em Effects>Document Raster Effects Settings; yy Conforme a tela abaixo, selecione a resolução adequada ou digite a resolução no campo Other.
yy Marque Transparent ou White para o Background das imagens geradas;
yy Marque a opção Anti-alias para suavização dos serrilhados nas bordas dos vetores que serão transformados em imagens;
yy Caso queira que os objetos com efeitos sejam envolvidos por uma máscara de recorte (clipping
mask), marque Create Clipping Mask e especifique o valor a ser adicionado em torno dos mesmos; yy Se tiver usado cores Spot, marque a opção Preserve. Cores Spot com transparências podem não ser
preservadas.
No menu Edit>>Transparency Flattener Presets, cheque a resolução e selecione High, Medium ou Low.
118
Cheque no painel links, localizado no menu Window>Links,
se as imagens estão incorporadas (embbed) ao arquivo. Caso
não apresente o ícone do lado direito da lâmina correspondente
a cada imagem, elas deverão ser salvas na mesma pasta em que
for salvo o arquivo do illustrator (apenas para o caso de gerar a
saída do documento no formato Illustrator). Aproveite para checar se as imagens não incorporadas estão em CMYK. Imagens
incorporadas são automaticamente convertidas para o modo de
cor do documento.
Ative a visualização do Overprint no menu View>Overprint Preview e cheque se algum objeto está em Overprint. Se os Overprints não foram propositais, você poderá modificá-los no menu
Window>Attributes desmarcando a opção Overprint Fill (preenchimento em Overprint) ou Overprint Stroke (contorno em Overprint) do objeto selecionado.
Acesse o painel Swatches no menu Window>Swatches e selecione no menu do painel a opção Add
Used Colors para que todas as cores usadas no documento sejam exibidas no painel Swatches.
119
Em seguida, selecione a opção Select All Unused. Feito isso, verifique se existe alguma cor spot na biblioteca. As cores spot geram chapas extras e são caracterizadas no painel Swatches por um triângulo
branco com um ponto preto localizado no lado direito da miniatura da cor. Caso estes Spots não estejam
no seu projeto, converta para Process Colors.
O documento estará pronto para ser enviado no formato Illustrator. Caso queira usar o formato PDF,
pode “salvar como” direto de dentro do Illustrator, menu File>Save as. Escolhendo o formato Adobe PDF,
pode-se criar um PDF mais consistente, gerando um arquivo .ps de dentro da janela de impressão. Todos
os procedimentos vistos acima devem ser mantidos.
120
Gerando o PDF Comande a impressão em File>Print. Vamos supor que estamos usando as preferências anteriormente
marcadas nos procedimentos acima descritos.
Menu General
Na opção Printer, selecione adobe PDF para criar um PDF usando as configurações selecionadas no
seu Acrobat Distiller, ou selecione Adobe PostScript File para criar um arquivo .ps e depois criar o PDF
pelo Acrobat Distiller.
Caso não tenha o PPD da impressora de destino, selecione Adobe PDF 7.0. Verifique se o formato do
papel está correto na opção Media>>Size. Para que o formato seja automaticamente alterado para o mesmo do seu documento, basta clicar na opção Custom. Se estiver trabalhando em um arquivo com áreas de
sangria, aumente o formato para dar espaço para as áreas e mais uma área para serem impressas as marcas
de registro e corte, cerca de 1,5 cm para cada lado.
Menu Compression
121
Ao salvar sua arte em Adobe PDF, você pode comprimi-lo, e, também, comprimir as imagens bitmap
downsample. Dependendo das configurações escolhidas, a compactação e redução da resolução podem
reduzir significativamente o tamanho de um arquivo PDF com pouca ou nenhuma perda de detalhe e
precisão.
A área de compressão da caixa de diálogo Salvar Adobe PDF estará dividida em três seções. Cada seção
fornecerá opções para compactação e reamostragem de cores, tons de cinza ou imagens monocromáticas
em seu trabalho artístico.
Menu Marks and Bleed
Marcas de corte, de cor, de registro e informações podem ser selecionadas, conforme a necessidade do
documento.
Na opção Bleeds, determine o quanto de sangria deverá ser impresso.
Menu Output
122
Se não estiver fazendo separações de cores, marque a opção Composite. Aproveite para checar se alguma cor Spot está sendo utilizada. Aparecerá um canal extra, além dos quatro da policromia. Neste caso,
se quiser fazer a conversão de Cores Spot para Cores de Processo, basta marcar Convert All Spot Colors
to Process, mas é mais seguro (por questões de correspondência de cores) fazer esta alteração dentro do
documento editando o Spot Color no painel Swatches.
Menu Advanced
No modo Composite (selecionado no Menu Output), Overprints não são preservados. Caso queira
que a aparência dos Overprints seja mantida, marque Simulate. Caso não queira utilizá-los, selecione Discard. A opção Preserve funciona apenas no modo Separations.
Na opção Preset, selecione a resolução escolhida em Transparency Flattener Presets, no nosso caso,
High Resolution para converter Gradients e Meshes para 300 dpi.
Menu Security
Este menu é utilizado para colocar uma senha no seu arquivo PDF e algumas permissões.
123
Menu Sumary
Faça uma checagem das opções marcadas e clique em salvar.
124
Exercícios
Exercício - final
EfeitoEstampa de camiseta
O objetivo deste exercício é trabalhar com os conhecimentos adquiridos ao longo de todo o
curso de Illustrator. A Ideia é criar estampas para uma marca de roupa que deseja explorar melhor
algumas tribos urbanas.
Cliente: Urbana Camiseteria
Briefing: Criar estampa localizada baseada na tribo urbana Geek.
O que são Geeks:
Geek é um sinônimo para nerd, e ambas são uma gíria muito usada para caracterizar pessoas com um
jeito peculiar, que exercem diversas atividades intelectuais e que geralmente têm muita afinidade com
tecnologia, eletrônica, jogos eletrônicos ou de tabuleiro e etc.
Além de nerd, existem outros sinônimos para geek, como dweeb e dork , gírias em inglês bastante usadas pelos adolescentes americanos, mas que têm significados semelhantes. Richard Clarke, um antigo
funcionário do Governo americano, disse que a diferença entre nerds e geeks é que os “geeks fazem acontecer.” Para adeptos do modo de vida dos geeks, eles os definem o termo como alguém que é um autodidata, alguém que é apaixonado pelo que faz e pelo que entende”.
A palavra geek teve seu primeiro registro em 1876, como sinônimo de bobo e depois passou a designar
artistas de rua que faziam performances bizarras, como arrancar a cabeça de uma galinha viva com os
dentes ou comer insetos (bugs em inglês). Depois, por analogia, passou-se a designar um computer geek
aquele que ganha a vida “comendo” bugs de computador. Os geeks ou nerds só passaram a ser bem vistos
e não sofrer mais tanto preconceito, a partir dos anoas 90, onde a tecnologia ganhou status e tornou-se
objeto de desejo por muitas pessoas.
125
Resultado final
126
127
Links úteis
128

Adobe illustrAtor Cs6

Transcrição

Documentos relacionados

gustavo cordeiro

renata de oliveira

Avelino Matos curriculum vitae Ai Ps ID Pr F

Curriculum Vitae - Home | Felipe Biltovene

luisguliasart director

CONFIGURAÇÃO DO MOZILLA FIREFOX PARA ABRIR

L11_prismalux - Agendas Pombo Lediberg

Criar e proteger arquivos PDF em aplicativos do Office com o Adobe

arweb sistemas

duds saldanha - Pode chamar de Duds