INTRODUO

AO ADOBE ILLUSTRATOR
Com este guia aprenderemos a utilizar os recursos mais bsicos do Adobe Illustrator atravs da realizao de 6 psteres minimalistas criados por Exergian (www.exergian.com).

RENATA.PRADO@ESTACIO.BR 1

PRIMEIROS PASSOS
O Adobe Illustrator um editor de imagens vetoriais. Trata-se de um software desenvolvido pela Adobe em 1986 para o Apple Macintosh. Desde ento a Adobe vem aprimorando o software, que compe sua sute. O Illustrator utilizado principalmente para composio tipogrfica e desenvolvimento de logotipos. A rea de trabalho do Illustrator imita a mesa de desenhos de um artista. Veja, na tela abaixo, como o Help da prpria Adobe apresenta a rea de trabalho do software.

A. Janelas de Documentos B. Barra de aplicativos C. Alternador da rea de trabalho D. Barra de ttulo do painel E. Painel de controle F. Painel Ferramentas G. Boto Recolher em cones H. Quatro grupos de painel no encaixe vertical A Barra de aplicativos (B) na parte superior contm um alternador de espaos de trabalho, menus (somente Windows) e outros controles de aplicativo. Em alguns produtos que usam o Mac, possvel usar o menu Janela (Windows) para exibir ou ocultar a barra de aplicativos. 2 RENATA.PRADO@ESTACIO.BR

 O Painel Ferramentas (F) contm ferramentas para a criao e a edio de imagens, arte-final, elementos de pgina e assim por diante. As ferramentas relacionadas so agrupadas. O Painel de Controle (E) exibe as opes para a ferramenta atualmente selecionada. No Illustrator, o Painel de controle exibe as opes para o objeto atualmente selecionado. (No Adobe Photoshop o painel de controle tambm conhecido como a barra de opes). A Janela de Documento (A) exibe o arquivo em que voc est trabalhando. Janelas de documento podem ser tabuladas e, em certos casos, agrupadas e encaixadas. Os Painis (E e F) ajudam a monitorar e modificar seu trabalho. Os painis podem ser agrupados, empilhados ou encaixados. O Quadro do aplicativo (H) agrupa todos os elementos do espao de trabalho em uma nica janela integrada que permite a voc tratar o aplicativo como uma unidade nica. Quando voc move ou redimensiona o Quadro do aplicativo ou qualquer um de seus elementos, todos os elementos dentro dele respondem uns aos outros de modo que nenhum se sobrepe. Os painis no desaparecem quando voc alterna os aplicativos ou quando clica acidentalmente fora do aplicativo. Se trabalhar com dois ou mais aplicativos, voc poder posicionar cada aplicativo lado a lado na tela ou em vrios monitores. Veja, abaixo, a rea de trabalho do Illustrator CS5 em um Mac.

Independente da verso em que estiver trabalhando, os princpios de utilizao do software sero sempre os mesmos.

RENATA.PRADO@ESTACIO.BR 3

TUTORIAL 1 POSTER PRISON BREAK

Atravs do Menu superior, crie um novo documento. O caminho File >> New... que abrir a janela New Document.

Ateno: o caminho para iniciar um novo projeto sempre este. Ento grave o caminho ou o atalho para ele, que a tecla Comand D. Abaixo temos a janela New Document a seguir. Todos os itens da janela, que so as configuraes do documento, devem ser preenchidos como indicado na tela abaixo. Em Name: voc deve dar um nome ao documento. Sempre faa isso para que consiga encontrar com facilidade o documento depois. Insira o nome Tutorial 1 - Prison Break Seu nome. Em New Document Profile escolha a opo Print. Print quer dizer impresso. Ao escolher esta opo voc estar informando ao programa que deseja que ele carregue pr-configuraes que tenham as caractersticas necessrias impresso do trabalho com a qualidade desejada. A opo Size: permite que voc escolha o tamanho. Para este tutorial, escolha A4. Voc pode escolher se deseja trabalhar com a unidade de medida milmetro ou centmetro. Escolha a que preferir. importante que, em Orientation: esteja marcada a opo retrato (vertical). A opo Bleed: a rea de sangria do documento. A princpio deixaremos o valor zero para que a rea de sangria no seja confundida com a mancha grfica do trabalho. Em Color Mode: escolha a opo CMYK. Confira se as informaes que preencheu nesta tela batem com a da tela a seguir. Se sim, clique em Ok.

4 RENATA.PRADO@ESTACIO.BR

 Aps clicar em Ok, sua rea de trabalho estar pronta:

Vamos agora aos passos para a criao do pster minimalista da srie de TV Prison Break. 1) Para inserir um fundo cinza escuro no pster, usaremos a ferramenta Rectangle Tool. RENATA.PRADO@ESTACIO.BR 5

2) Com esta ferramenta selecionada, iremos criar um retngulo em toda a rea da folha (demarcada pela borda preta). Mas antes, na janela Color e Swatches, escolha, como fundo, a cor cinza escuro, e como borda, nada. Veja abaixo como o retngulo ficar.

6 RENATA.PRADO@ESTACIO.BR

3) O prximo passo criar um retngulo banco de largura (Width) 4 mm (ou 0,4cm) e altura (Height) 190mm (ou 19 cm). Voc pode clicar e arrastar com a ferramenta retngulo. Quando temos a medida exata, o mais prtico selecionar a ferramenta retngulo e clicar apenas uma vez na rea de trabalho. A janela abaixo aparecer:

4) Para movimentar qualquer objeto na tela, ou seja, para mover qualquer objeto de um lugar para o outro, necessrio estar com a ferramenta seleo ativada. a seta preta na janela de ferramenta.

RENATA.PRADO@ESTACIO.BR 7

Pressione a ferramenta Seleo (Selection Tool), cujo atalho a tecla V, e arraste o retngulo branco para o local desejado.

5) Voc precisar duplicar este objeto 11 vezes, pois so 12 o nmero de barras de priso que o cartaz tem. Voc pode selecionar o retngulo e clicar em Command C + Command V para copiar e colar. Ou apenas pressionar a tecla Option enquanto clica e arrasta o objeto para o lado. Ambos os processos servem para copiar e colar um objeto. Veja abaixo como deve ficar o resultado.

8 RENATA.PRADO@ESTACIO.BR

6) O prximo passo alinhar corretamente essas barras. Arraste a ltima barra para o canto direito.

7) Para alinhar todas as barras preciso que toda estejam selecionadas. Pressione a tecla Shift e v clicando em cada uma delas. Note que um quadradinho azul aparece no meio de cada barra indicando que o objeto est selecionado.

RENATA.PRADO@ESTACIO.BR 9

8) Abra a janela Align (alinhamento). Sempre que precisar de uma janela que no esteja aberta, v ao menu superior Window e escolha a janela desejada.

9) Na janela Align voc ver diversas opes de alinhamento para os objetos que j tem selecionados em sua pgina. Voc deve, na janela Align, mandar o alinhamento dos objetos ser feito em relao aos objetos selecionados (e no em relao pgina). 10) Depois alinhe todos em relao linha inferior (ao objeto mais abaixo na tela). 11) Distribua-os horizontalmente com espaos iguais entre cada um. A sequncia de telas ao lado indicar detalhadamente cada opo.

12) Veja, a seguir, o resultado do alinhamento.

10 RENATA.PRADO@ESTACIO.BR

 13) Hora de salvar o que j foi feito at aqui. Para isso, faa o caminho File >> Save as. Ou tecle Command S. Escolha o local no HD em que deseja salvar o pster e clique em Salvar.

14) Cada grupo de texto no Illustrator deve ficar em um frame de texto. Portanto, com a ferramenta Type Tool ou tecla T marcada, clique e arraste sobre a tela formando um retngulo. Dentro dele surgir um RENATA.PRADO@ESTACIO.BR 11

cursor. Digite PRISON BREAK. Selecione o texto para edit-lo. A fonte Arial Narrow, Bold (negrito), tamanho 15, traking 25. Em outro frame de texto digite Tutorial 1 Seu Nome. Design by Exergian. As configuraes so Arial Bold, 14, traking 25.

15) Arraste os frames de texto para as posies que devem ocupar na pgina. Para arrast-los, esteja com a ferramenta Selection Tool (seleo, seta preta, V) marcada.

16) Selecione o frame de texto e mude a cor de preenchimento para branco. 12 RENATA.PRADO@ESTACIO.BR

 17) S falta uma coisa agora: envergar as barras centrais, como no cartaz que tomamos como base. Para isso teremos que aprender a manipular um objeto, que a grande vantagem de um vetor. Selecione a Direct Selection Tool (seta branca) ou tecle A. Esta a ferramenta usada para manipulao dos objetos. Essa manipulao feita atravs de pontos elementares de cada objeto. Um retngulo possui naturalmente quatro pontos, marcados por quadrados azuis. Veja abaixo:

18) Para envergar a barra pela metade, precisaremos criar dois pontos no meio dela. Utilizaremos a ferramenta Anchor Point Tool para criar os dois pontos de manipulao de que precisamos para manipular esta imagem. RENATA.PRADO@ESTACIO.BR 13

 Os pontos devem ser criados na exata metade do retngulo, em cada uma de suas bordas. 19) Selecione a Direct Selection Tool (seta branca) ou tecle A. Agora selecione o ponto que criou esqueda do eixo central da barra. 20) V teclando a seta para a esquerda do teclado e observe o objeto se transformando na tela.

21) Faa o mesmo com o outro ponto criado. 14 RENATA.PRADO@ESTACIO.BR

 22) Agora voc precisa de mais uma barra envergada. Delete a barra direita da que acabou de criar. Basta selecionar (Selection Tool ou tecla V) e teclar em Delete.

23) Vamos agora duplicar a barra envergada e invert-la. Segure a tecla Option, clique na barra, arraste e solte para o ponto abaixo. RENATA.PRADO@ESTACIO.BR 15

24) Agora vamos espelhar esta imagem. Clique com o boto direito e escolha a opo Transform e depois Reflect.

16 RENATA.PRADO@ESTACIO.BR

25) Na janela que se abrir marque o eixo Vertical e clique em Ok. A imagem agora ser invertida em relao a seu eixo vertical.

26) Refaa o alinhamento das barras (consulte as instrues anteriores). Veja como ficou o cartaz:

RENATA.PRADO@ESTACIO.BR 17

27) Fechamento de arquivo Aps verificar se est tudo realmente pronto e aprovado, preciso fechar os arquivos para envio para a grfica. H alguns itens que sempre precisam ser conferidos. Marcas de corte, marcas de dobra, sangria, converso de texto em curvas. a) Converter texto em curvas. Isso permitir que seu arquivo seja aberto corretamente em um computador que no tenha instaladas as fontes usadas. Clique com o boto direito em cada frame de texto e escolha a opo Create Outlines.

b) Como neste tutorial criamos um arquivo (l no incio) sem rea de bleed (sangria), e queremos que a arte ocupe inteiramente a dimenso de uma folha A4, precisaremos mudar o tamanho da folha. Selecione a ferramenta Artboard, na barra de ferramentas e, em Presets:, mude de A4 para A3.

c) Agora temos uma arte no tamanho A4 posicionada em uma folha do tamanho A3. preciso criarmos a rea de sangria e as marcas de corte. 18 RENATA.PRADO@ESTACIO.BR

Siga o caminho abaixo para exibir as rguas:

Arraste uma quatro guias exatamente para as quatro bodas do cartaz. Basta clicar e arrastar da rgua para a rea de trabalho para que a guia aparea. Posicione-as exatamente nas bordas.

As marcas de corte sero posicionadas sobre estas guias. Clique em uma com o boto direito e bloqueie todas escolhendo a opo Lock Guides. Isso evitar que mova a guia acidentalmente. D zoom em uma borda e clique na ferramenta Line Segment Tool, que permite a criao de uma linha. RENATA.PRADO@ESTACIO.BR 19

 Clique e arraste com a tecla Shift pressionada para criar uma pequena linha reta que ser uma das marcas de corte. Note as configuraes abaixo: a borda deve ser sempre na cor Registration e a espessura do fio deve ser 0,25. Arraste o fio para o local indicado.

Duplique o fio e posicione nos outros trs pontos na vertical. Duplique, rotacione 90 graus e posicione horizontalmente nas quatro marcas restantes. Veja como deve ficar no final:

20 RENATA.PRADO@ESTACIO.BR

 Agora faa com que o fundo cinza sangre. Ou seja, aumente 0,5 em cada lado para que no haja risco de aparecer rea branca quando o cartaz for cortado. Veja a diferena:

Pressionando a tecla Shift, selecione as 8 marcas de corte. Vamos mov-las para uma nova Layer (camada), de forma que as marcas fiquem em uma camada diferente da camada. Abra a janela Layers. Crie uma nova Layer. RENATA.PRADO@ESTACIO.BR 21

 Se voc selecionou as 8 marcas, basta arrastar o quadradinho azul para a camada que acabou de criar. O quadradinho azul simboliza os objetos que esto selecionados na Artboard. Arrastar os quadradinhos para outra Layer mover os objetos para ela. Com um duplo clique, renomeie a nova camada. Para travar esta nova camada (e evitar que as marcas saiam do lugar), clique no quadradinho direita do cone olho. Aparecer um cadeado indicando que a layer est bloqueada. d) Conferncias finais bom tambm limpar o arquivo o mximo que puder. Comeamos pela janela de cores (Swatches). Selecione a opo Select All Unused. Isso far com que todas as cores que no so necessrias ao documento sejam selecionadas. Basta agora delet-las clicando na lixeira.

Agora adicione as cores usadas. O processo praticamente o mesmo. 22 RENATA.PRADO@ESTACIO.BR

 28) Command S para salvar as alteraes at aqui. Se o arquivo for para impresso digital, basta salvar um PDF. V em Salve as e marque a opo PDF. Renomeie colocando _ no lugar dos espaos e evitando nomes grandes.

A opo em destaque a mais utilizada, pois entrega grande compatibilidade. Marque-a a clique em Save PDF. Seu pdf deve ser publicado na internet e o link deve ser enviado ao professor.

RENATA.PRADO@ESTACIO.BR 23