Rio de Janeiro, 2015
Agradecimentos Agradeço primeiramente a Deus, por me dar forças de escrever esta obra, e à minha Família, cujo apoio foi fundamental para que eu pudesse enfrentar as inúmeras dificuldades com que deparei no meio profissional. Dedico este livro a meus grandes mentores, Francisco Portella, Tell Gomes, Denilson Saltoris, Monique Braga e Felipe Queiroz, que me ajudaram a crescer como profissional ao longo desses 20 anos de carreira, e, principalmente, a Gorki Starlin, que acreditou em meu potencial, e aos meus queridos alunos, que no decorrer dos anos valorizaram meu trabalho.
Sumário Capítulo 1: Interface e Ferramentas Criação do Novo Arquivo... 2 Redefinindo o Tamanho da Página... 4 Inserindo mais Páginas... 6 Ferramenta Seleção e Ferramenta Seleção Direta... 8 Preenchimento e Traçado... 10 Amostras de Cores... 12 Criando um Gradiente... 15 Editando um Gradiente... 16 Transparência dentro do Gradiente... 17 Links... 18 Incorporado... 19 Editando e Revinculando Links... 20 Capítulo 2: O Segredo das Camadas O que são Camadas... 24 Abrindo a Paleta Camadas... 24 O que são Subcamadas?... 25 Criando Novas Camadas... 26 Movimentando Camadas e Subcamadas... 27 Selecionando Camadas e Subcamadas... 28 Bloqueando as Camadas... 29 Capítulo 3: Vetorização O que é Vetorizar?... 32 Vetorizando com Formas Básicas... 32 Vetorização de Desenhos com a Caneta... 36
Editando Nós de um Vetor... 39 Ajustando o Desenho...40 Pintando um Vetor com Balde de Tinta... 41 Vetorização Automática...44 Capítulo 4: Trabalhando com Textos Texto Artístico e Texto de Parágrafo...48 Alinhamentos de Textos...50 Importando Textos... 52 Texto ao Caminho...54 Texto Contornando Imagens...56 Trabalhando com Colunas...58 Convertendo Texto em Desenho... 60 Glifos... 61 Capítulo 5: Usando a Grade de Perspectiva Visualizando a Perspectiva...64 Escolhendo o Lado da Perspectiva... 65 Aplicando Objetos na Perspectiva... 66 Saindo da Perspectiva...68 Capítulo 6: Malha de Gradiente Espalhando Tinta O que é Malha de Gradiente?... 70 Vetorizando para Aplicar a Malha de Gradiente... 70 Dividindo o Desenho em Partes... 71 Colocando a Camada Transparente... 73 Aplicando Tinta nos Nós... 74 Capítulo 7: Função 3D Criando Símbolos... 78 Aplicando 3D...80 Aplicando Símbolos Dentro do 3D...82 viii Sumário
Editando o 3D...84 3D em Objetos Elípticos... 86 Capítulo 8: Pincéis e Texturas Criando e Salvando Pincéis...90 Aplicando Pincéis...92 Texturas...93 Montando Novas Texturas... 95 Editando Texturas...96 Capítulo 9: Gravando Ações Construindo uma Ação...98 Gravando Ações...99 Aplicando as Ações... 101 Ações Prontas... 102 Capítulo 10: Pathfinder com Soldas e Mesclas Soldas em Retângulos... 106 Vazando Objetos... 108 Aparando Objetos...110 Capítulo 11: Alinhamentos Alinhando Pelos Objetos...112 Alinhando Pela Página...116 Distribuir Espaçamento...118 Capítulo 12: Integração Illustrator e Photoshop Compatibilidade em Camadas... 122 Abrindo o Arquivo no Photoshop para Web... 124 Abrindo o arquivo no Photoshop para Impressão... 125 Aplicando Efeitos no arquivo... 126 Sumário ix
Capítulo 13: Integração Illustrator Corel e Indesign Compatibilidade... 128 Exportando em EPS do Corel e Abrindo no Illustrator... 129 Salvando no Illustrator e Abrindo no Corel... 131 Salvando no Illustrator e Importando no Indesign... 133 Capítulo 14: Arte Final: Fechamento e Exportação de Arquivos Exportando em JPEG... 138 Exportando em PDF... 141 Definindo Linha de Dobra e Sangramento... 145 Gerando um Pacote... 148 Capítulo 15: Aplicações CC Conceitos Gerais O que é SVG?... 152 Salvando em SVG... 152 O que é Behance?... 155 Janela Novidades... 157 O Painel Kuler... 159 Sistema de Assinaturas... 163 Files... 165 Adobe Comunidades... 167 Bibliotecas... 169 Ferramenta Curvatura... 171 Ferramenta Junção... 173 Área de Trabalho Sensível ao Toque... 175 Índice... 179 x Sumário
Capítulo 1: Interface e Ferramentas
Criação do Novo Arquivo Neste primeiro momento, configuraremos um novo documento. Essa será uma tarefa bem fácil, pois podemos usar o menu ou o atalho de teclado. Para criar um documento basta selecionar o menu Arquivo Novo (File New) ou pelo atalho (Ctrl+N pelo Windows ou Command+N pelo Mac). Aparecerá uma janela para o usuário configurar conforme os passos abaixo. Nome: Nessa função o usuário pode atribuir um nome ao arquivo antes mesmo de salvar. Perfil: A função Perfil, também conhecida em inglês como Profile, serve para ajustar como o usuário vai trabalhar, pois ele terá algumas opções de formato: Impresso, Web ou Dispositivo Móvel. Número de Pranchetas: As Pranchetas, conhecidas em inglês como Artboards, e que em alguns programas também podem ser chamadas de Páginas, servem para configurar quantas páginas eu quero inserir no documento, pois o Illustrator encara essa função como prancha de desenho. Tamanho: Os Tamanhos existentes são padrões, como por ex: A4, A3, Carta, Ofício e Tabloide, mas é possível mudar as medidas do documento, na Largura e Altura (Width e Height). Unidades: Nessa área, conhecida em inglês como Units, é possível fazer mudanças na unidade de medida. Existem várias unidades de medidas, entre elas centímetros, milímetros, paicas, pontos, cíceros, e outras. Basta escolher com qual unidade você trabalhará. Orientação: Conhecida em inglês como Orientation, serve para você definir se o documento será em pé (retrato) ou deitado (paisagem). Sangria: Conhecida no mercado gráfico com o nome técnico de sangramento (Bleed), é uma forma de evitar filetes na borda de seu trabalho, então, nós colocamos uma sobra para fora da página, evitando qualquer transtorno. Essa sobra pode variar entre 0,3 e 0,5 centímetro, dependendo da gráfica. Existem áreas reservadas para colocar os valores (Acima, Abaixo, Esquerda e Direita); Top, Bottom, Left e Right, respectivamente. OBS: Caso haja qualquer imagem ou fundo encostando na borda da página, será necessário aplicar o sangramento para evitar os filetes. Avançado: Essa função, chamada em inglês de Advanced, pode mudar de acordo com as configurações que você colocou no início de seu Perfil. Se você colocou Impressão, ele seguirá um padrão CMYK 300 ppi. Caso tenha colocado Web, o padrão será RGB 72 ppi. 2 Interface e Ferramentas
Modelos: O Illustrator fornece vários modelos (templates) prontos, com o tamanho de cada papel e de acordo com o tipo de trabalho que o usuário fará. Basta clicar na janela Modelo ou Template. 1. Menu Arquivo Novo 2. Janela Arquivo Novo Criação do Novo Arquivo 3
Redefinindo o Tamanho da Página Depois de criado, seu documento pode ser editado nem sempre temos um formato definido em nossa cabeça, por isso há a necessidade de mudar, por exemplo, o tamanho da página no meio de um projeto. Para isso, basta clicar na barra superior, em Configuração de Documento (Document Setup). Uma janela de configuração será aberta, como mostra a figura 3. Em seguida, clique em Editar Pranchetas (Edit Artboards) e sua página ficará marcada dando a opção de troca na barra superior, restando apenas clicar em predefinições (Presets) para mudar seu documento, como mostram as figuras 4 e 5. 3. Janela Configuração de Documento 4. Editando Pranchetas 4 Interface e Ferramentas
5. Janela Predefinições Às vezes, precisamos mudar o tamanho da página manualmente. Isso pode acontecer em várias fases do trabalho, como, por exemplo, para refazer uma logo ou durante a vetorização de um desenho. Mudar manualmente permite aumentar ou diminuir um pequeno espaço ou tamanho. A ferramenta Prancheta pode auxiliar nessa função, basta selecionar e editar qualquer parte da página onde aparecerão os retângulos para edição da área, como mostra a figura 6. 6. Editando a Prancheta Manualmente Redefinindo o Tamanho da Página 5
8. Novas Pranchetas Inserindo mais Páginas 7
Ferramenta Seleção e Ferramenta Seleção Direta Ferramenta de Seleção (Selection Tool), muito conhecida pe- A los usuários de Illustrator, serve para selecionar os elementos de sua página. Para isso, dê um clique em qualquer objeto para selecioná-lo, como mostra a figura 9. 9. Ferramenta de Seleção 8 Interface e Ferramentas
A Ferramenta de Seleção Direta (Direct Selection Tool) também é muito conhecida na área gráfica, pois possibilita selecionar e editar os nós de um objeto. Dê o primeiro clique para selecionar o nó. A partir do segundo clique, você poderá arrastá-lo, o que facilita o seu dia a dia de trabalho. Confira na figura 10. 10. Ferramenta de Seleção Direta Ferramenta Seleção e Ferramenta Seleção Direta 9
Preenchimento e Traçado Preenchimento (Fill), serve para O alterar as cores de um objeto selecionado. Essa função fica em Ferramentas, do lado esquerdo de sua tela, tendo como auxiliar a paleta Amostras (Swatches). Basta marcar o objeto desejado e depois clicar na cor dentro da paleta, como mostra a figura 11. Apenas fique atento, pois para a função Preenchimento dar certo é necessário que esteja em primeiro plano, na frente do traçado. Preenchimento em primeiro plano 11. Aplicando a Função Preenchimento O traçado, também chamado de contorno (Stroke) pelos usuários, segue a mesma linha do Preenchimento, sendo necessário que ele esteja em primeiro plano. Para aplicar a função, podemos aumentar o traçado pela paleta que fica do lado direito clicando na seta para que a espessura seja alterada, como mostra a figura 12. 10 Interface e Ferramentas
Traçado em primeiro plano 12. Aumentando o Traçado Também podemos aplicar essas funções através da barra de propriedades, sem a necessidade de alterar o plano: basta selecioná-las diretamente, como mostra a figura 13. 13. Barra de Propriedades Preenchimento e Traçado Preenchimento e Traçado 11
Amostras de Cores As Amostras são cores, tons, degradês e padrões. As cores associadas a um documento sempre aparecerão na paleta Amostras (Swatches), as quais podem aparecer separadas ou em grupos, dependendo de como o usuário configurá- -las. A paleta Amostras fica dentro do menu Janela (Window), como mostra a figura 14. 14. Paleta Amostras no Menu Janela As Amostras são um conjunto básico de cores. Existe uma outra janela, chamada Biblioteca de Amostras, que disponibiliza inúmeras outras possibilidades para utilização. Cada janela aberta se agrupa a outra, como mostram as figuras 15 e 16. 15. Biblioteca de Amostras 16. Acumulando Paletas da Biblioteca 12 Interface e Ferramentas
As cores podem ser criadas pela paleta de Ferramentas, usando a combinação chamada de Cor de Processo, que são quatro tintas básicas: ciano, magenta, amarelo e preto. Cada cor criada pode ser adicionada à paleta Amostras, basta arrastá-la para o interior desta, como mostra a figura 17. 17. Cor Criada e Inserida na Paleta Também podemos usar uma função chamada Cor Global: basta dar um clique duplo na cor dentro da paleta Amostra. Uma janela chamada Opções de Amostra se abrirá. Nela, marque a função Global. Isso significa que se você possuir vários objetos com essa cor aplicada e caso ela tenha sido alterada todos serão modificados automaticamente e agilizando o trabalho, como mostra a figura 18. Amostras de Cores 13
18. Cor Global Ainda falando sobre cores, não podemos esquecer que existem as cores especiais. Uma cor especial é uma tinta pré-misturada utilizada em substituição ou acréscimo às tintas de processo CMYK. Um catálogo muito conhecido é o pantone. Você encontrará essas cores especiais na biblioteca das cores na função Livros coloridos (Color books), como mostra a figura 19. 19. Cores Especiais 14 Interface e Ferramentas
Criando um Gradiente Os Gradientes, também conhecidos como Degradês, possibilitam misturas de cores dentro de um objeto. Essa função se encontra no menu Janela Gradiente, ou pelo atalho (Ctrl+F9 pelo Windows ou Command+F9 pelo Mac), como mostra a figura 20. 20. Paleta Gradiente Normalmente, a paleta Gradiente vem em preto e branco de fábrica. Os dois quadrados na paleta indicam as cores. Para aplicarmos outras tonalidades é necessário arrastar uma nova cor para dentro dos quadrados, como mostra a figura 21. 21. Aplicando Cores ao Gradiente Criando um Gradiente 15
Editando um Gradiente Depois do Gradiente pronto, podemos editá-lo de duas formas: com um clique duplo em cima da cor para editá-la; ou escolhendo e arrastando uma nova cor para dentro da paleta. Na segunda opção é necessário deletar a outra cor antes, algo muito fácil. Arraste-a para fora da paleta ou clique na lixeira, como mostra a figura 22. 22. Editando o Gradiente 16 Interface e Ferramentas
Transparência dentro do Gradiente Illustrator leva vantagem sobre os O concorrentes, pois é o único que coloca Transparência dentro do Gradiente em cada cor, individualmente. Basta selecionar a cor nas configurações do degradê e trocar a opacidade (outro nome bem conhecido para transparência), como mostra a figura 23. 23. Editando o Gradiente Transparência dentro do Gradiente 17