ADOBE ILLUSTRATOR NO MUNDO REAL

Transcrição

1 ADOBE ILLUSTRATOR NO MUNDO REAL 5 dicas para dominar João Faraco

2 Saudações! Esse aqui é o meu guia rápido de como dominar o Illustrator. Aqui, eu separei 5 dicas que vão fazer a diferença na hora de domar essa incrível ferramenta, e fazê-la trabalhar por você. São dicas que eu destaquei do meu próprio dia-a-dia de trabalhar com o Illustrator, e que eu me vejo usando repetidamente pra obter o melhor aproveitamento de tempo, e continuar produzindo com qualidade.

3 CAp. 1 Domine o painel Appearance 3

4 A grande vantagem de trabalhar no Illustrator é que tudo produzido nele é baseado em pontos matemáticos no espaço, significando que não há limites de escala, e não há perda de informação durante transformações da sua arte. Ou seja, você pode criar arte que será reproduzida de qualquer tamanho sem perder qualidade. Mas também quer dizer que você pode criar arte de forma mais inteligente de forma não-destrutiva. É aí que o painel Appearance se torna o seu melhor amigo. Um objeto criado de forma não-destrutiva é construído usando efeitos e atributos. Esses efeitos e atributos são instruções que o Illustrator está dando pra modificar a aparência do seu objeto básico original, através dos seus respectivos parâmetros ajustáveis. Sendo assim, você sempre pode voltar e modificar os parâmetros necessários, sem perda de informação na arte. Isso é feito no painel Appearance. Exemplo 1: Você quer criar um retângulo com bordas arredondadas, mas não sabe se o raio das bordas vai acabar mudando mais tarde. Se você criar usando a ferramenta Rounded Rectangle Tool, vai se lascar, pois ela cria um retângulo com bordas arredondadas de raio pré-definido. Pra mudar isso com precisão mais tarde seria uma dor de cabeça. Sem contar que se você alterar as dimensões do retângulo, as bordas arredondadas vão distorcer junto, e sair da proporção original. Melhor então é desenhar um retângulo normal e aplicar o Effect > Stylize > Round Corners. Você define o raio com um preview de como vai ficar, e ainda pode voltar e fazer modificações. 4 Se você resolver transformar o retângulo, suas bordas continuam redondas na proporção original. E pra editar o efeito, é só selecionar o objeto e clicar em Round Corners, no painel Appearance.

5 ExEmplo 2 Você quer criar uma forma preenchida com um degradê de um tom mais claro pra um tom mais escuro de uma cor. Mas e se quiser mudar essa cor mais tarde? É inteligente criar a forma com o preenchimento base, e em seguida adicionar outro preenchimento com degradê de branco pra preto logo acima, e aplicar um modo de transparência (Blend Mode), como overlay ou multiply ao preenchimento degradê. Dessa forma, o degradê vai afetar a cor base, pra que você possa trocá-la com facilidade mais tarde, sem perder o efeito de variação de tom. Para que os seus efeitos e contornos se transformem proporcionalmente com o seu objeto, marque a opção Scale Strokes & Effects, no menuzinho do painel Transform. 5

6 Exemplo 3 Você está fazendo um layout para web, e definiu que todo texto de título vai ter um efeito de baixo relevo. Normalmente isso pode ser feito duplicando o texto pra trás ( + C, + B), deslocando a cópia 1 pixel pra baixo e aplicando branco com um pouco de transparência (dependendo da cor do texto). Mas e se você quiser mudar o texto? Vai ter que mudar o original e a cópia branca. Fica muito mais trabalhoso pra manipular também, especialmente se você quiser escalonar os dois textos de uma vez. É muito melhor nesse caso, fazer o seguinte: 1 Crie um novo preenchimento para o texto (no menuzinho do painel Appearance, Add New Fill ). 2 Arraste o novo preenchimento pra baixo do preenchimento principal, ou dos Characters. 3 Defina preto (ou branco) como a cor do preenchimento e se quiser, dê um pouco de transparência a ele. 4 Aplique o efeito Effect > Transform ao preenchimento, com -1px de deslocamento vertical. Voilà! Baixo relevo não destrutivo e reutilizável! Lembre-se, isso tudo é feito ao preenchimento que você criou para o texto. Assim, se quiser editar o efeito, basta alterar os atributos desse preenchimento. Repare que objetos de texto têm o elemento Characters no painel Appearance. É um exemplo de como o Appearance tem níveis, que seguem os níveis dos objetos e seus respectivos grupos. Basicamente o Characters é o grupo de caracteres selecionado, que pode ter sua aparência própria. Se você clicar duas vezes nele, vai ver os atributos dos caracteres. Então fique atento, pois pode ser que o objeto do texto não esteja, mas os caracteres em si que estejam com o preenchimento que você está vendo. Se isso estiver atrapalhando, nada impede de excluir o preenchimento dos caracteres e criar um preenchimento para o objeto de texto com a cor que você quiser. Assim, você só perde a habilidade de ter uma cor pra cada caractere, mas ganha um preenchimento geral que pode ser replicado para outro objeto. 6

7 Cap. 2 Conquiste o Pathfinder 7

8 O pathfinder é o que transforma objetos básicos em formas complexas. Pode parecer uma ferramenta boba, mas é uma das mais poderosas, e quando usado com planejamento e inteligência, vai ser uma mão na roda na hora de criar novas formas precisas e editáveis. Muitas vezes é melhor criar um objeto usando o pathfinder do que usando a bezier, já que ele permite que você faça mudanças na essência da forma mais tarde. O painel do Pathfinder é bastante autoexplicativo, cujos botões são ícones mostrando o que cada ferramenta faz com os objetos selecionados. Mas os que eu me vejo usando com mais frequência são esses: Unite Minus Front Intersect Divide Essas ferramentas podem parecer bem similares às existentes em outros pacotes de edição vetorial, como o Corel e o Freehand. Mas uma grande vantagem do Pathfinder do Illustrator é a abilidade de combinar formas e ainda manter as formas originais editáveis. Desse jeito, fica fácil de voltar atrás e mudar a estrutura, em vez de ter que lidar com a nova forma. ExEmplo 1 Você quer desenhar uma lua. Em vez de tentar criar a forma usando a Bezier, é melhor desenhar dois círculos, um deles um pouco maior que o outro, e ambos se intercalando. Pra criar a forma da lua, basta selecionar os dois círculos e apertar o botão minus Front, do Pathfinder. Mas e se em algum dado momento você resolver que a sua Lua Minguante deve ser na verdade uma Quarto Minguante? Se não tivesse usado o Pathfinder, teria que sacar a Bezier e ajustar os pontos um a um. Ao clicar no botão Minus Front com Alt pressionado, o Pathfinder faz a operação de subtração, mas mantêm os dois círculos ali, pra você mexer quando quiser, usando a seta branca, ou clicando duas vezes pra entrar no modo de edição do grupo. Assim, pra fazer a sua Lua Quarto Minguante, basta aumentar um dos círculos e deslocá-lo um pouco pra fora. E se você está satisfeito com o resultado, e tem certeza que não vai mudar, basta clicar no botão Expand no painel Pathfinder, que ele vai expandir a sua forma para um objeto único. Alt 8

9 ExEmplo 2 Você acabou de desenhar um personagem, e está na hora de detalhar com algumas áreas de sombra e highlights. Essas áreas sempre são pedaços da forma do personagem, e muitas vezes acompanham as bordas. Em vez de desenhar as formas tentando acompanhar os limites do personagem, você pode desenhar uma área maior, extrapolando a borda, e depois cortá-la usando a própria forma do personagem. Vamos colocar uma sombra nesse detalhe da camiseta... 1 Selecione a camiseta e copie ( + C). 2 Desenhe a área da sombra usando o lápis (N), ou a Bezier (p), ou qualquer outra ferramenta que preferir. Pode extrapolar a borda da camiseta, e até deixar a forma aberta. No caso, são mais de uma área, então junteas clicando no Unite, segurando Alt, e em seguida clique em Expand, pra criar um objeto único composto (Compound Path). Alt 3 Selecione a sombra e a camista e clique no botão Intersect do Pathfinder. Ele manteve a forma em comum às duas. 4 Com a nova forma da sombra selecionada, cole a camiseta de volta, por baixo dela ( + B). E pra finalizar, aplique preenchimento preto com uma transparência e um Blend Mode de multiply. 9

10 Se seus objetos estiverem separados, e você quiser aplicar um Unite para criar um objeto composto, faça-o clicando no Unite com a tecla Alt pressionada. Isso transforma em um um Compound Shape, e ao clicar no botão Expand do Pathfinder, vai se tornar de fato um Compound Path (objeto composto). Se você por acaso não segurar o Alt ao clicar no Unite, o Illustrator vai agrupar os objetos, o que acaba impedindo de usá-los para criar um Clipping Mask, por exemplo. Segue de referência, a lista completa das operações do Pathfinder, e o que cada uma faz: Unite Traça o contorno dos objetos selecionados, como se fossem um único objeto unido. O objeto resultante herda os atributos de cor do objeto que estava no topo. Minus Front Subtrai o objeto que está no nível mais alto, do objeto que está no nível mais baixo da seleção. Intersect Traça o contorno da região comum entre os objetos selecionados. Exclude Traça as áreas que não se interseccionam, e exclui as regiões comuns entre os objetos selecionados. Se o número de objetos é par, as áreas em comum são excluídas. Se for ímpar, as áreas em comum são preenchidas. Divide Separa a arte em suas faces preenchidas. Uma face é uma área que não é dividida por um segmento de linha. O resultado é um grupo de objetos. Trim Remove as partes ocultas de objetos preenchidos. Remove qualquer contorno e não mescla objetos da mesma cor que estão juntos. Merge Remove as partes ocultas de objetos preenchidos. Remove qualquer contorno e mescla objetos da mesma cor que estão juntos. Crop Mantém as faces que se sobrepõem, e remove partes que não se sobrepõem com o objeto que está no nível mais alto. Também remove qualquer contorno. Outline Divide um objeto somente nos contornos e remove os preenchimentos. O resultado é um grupo de contornos separados. Minus Back Subtrai o objeto que está no nível mais baixo, do objeto que está no nível mais alto da seleção. 10

11 CAp. 3 Invoque os atalhos 11

12 Cliente na guela e diretor de arte respirando na sua nuca, e você tem que entregar a campanha antes do almoço. Fome não é desculpa pra não dar conta da tarefa. Conhecer atalhos de teclado e saber macetes pode tornar o seu fluxo de trabalho mais eficiente, e ajudar a entregar resultados mais rápido. Esses são os atalhos que eu mais uso, que com o tempo vão ficando na cabeça, e na ponta dos dedos: Formas básicas Ferramentas de transformação Retângulo M R Rotação Elipse L S Escalonagem Texto T O Espelho Aparência do objeto Edição de pontos Aparência básica (contorno preto, 1pt, preenchimento branco) Alterna o foco de edição entre contorno e preenchimento Troca o contorno com o preenchimento Aplica preenchimento/ contorno transparente D X Shift / X Shift P A V C Ferramenta Bezier (caneta) Ferramenta de seleção de pontos Ferramenta de seleção de objeto Ferramenta de edição de ponto 12

13 Ordenação e organização Ordena objeto um nível pra cima Ordena objeto pra cima de tudo Ordena objeto um nível pra baixo Ordena objeto pra baixo de tudo Automação ] Shift [ Shift Trava o objeto 2 Destrava todos os objetos travados Alt Oculta o objeto 3 Exibe todos os objetos ocultos Alt Cola em frente F Cola atrás B Edição de artboards Shift ] Shift D Repetir última tarefa Alt D Transformar cada objeto [ Exibição 2 H Shift H Shift B Oculta/exibe os pontos Oculta/exibe as artboards Oculta/exibe as bounding boxes 3 O Encontre junto com essa apostila, um PDF com a cartela de atalhos para você imprimir e montar. 13

14 CAp. 4 Descubra os Blend Modes 14

15 A paleta Transparency do Illustrator controla a opacidade dos objetos, e permite que você aplique Blend modes a eles. Blend Modes são basicamente operações matemáticas que definem como as cores de objetos sobrepostos devem interagir uma com a outra, o que acaba criando efeitos bem variados. É uma função poderosa, presente na maioria dos programas da Adobe, mas cujos nomes estranhos podem dificultar um pouco o seu entendimento e espantar o seu uso. Quando você abre um novo documento no Illustrator e desenha objetos na página, a paleta Transparency exibe que a opacidade padrão é 100% e o Blending Mode é Normal. Isso significa que seus objetos são completamente opacos, e suas cores não vão interagir com as cores de outros objetos no nível abaixo. No momento que você tiver objetos sobrepostos, e mudar o Blending Mode do objeto que está no nível mais alto pra outro diferente de Normal, suas cores começam a interagir com as cores dos objetos que estão abaixo. Para entender como funciona cada Blend Mode, podemos separar a lista em 5 grupos e simplificar a operação básica que cada um faz: modos de escurecimento Tudo que é branco fica transparente modos de clareamento Tudo que é preto fica transparente modos de contraste Tudo que é cinza fica transparente modos comparativos Cores iguais aparecem como preto, e cores diferentes aparecem como branco modos de componente Afetam os canais que compõem as cores: matiz, saturação, cor (matiz + saturação) e brilho. 15

16 Modos de escurecimento Note que o funcionamento dos Blend Modes é universal, então essa referência também serve para outros programas Adobe que os oferecem. Vou exemplificar cada um usando uma camada com dois degradês em cima de uma arte com variações de tom: Darken Compara cada pixel de cor entre o objeto de cima e o de baixo, e mantém o que for mais escuro, substituindo completamente um pelo outro e muitas vezes criando uma transição de cores um pouco brusca, mesmo que seja um degradê suave. multiply Sem dúvida é o modo de escurecimento mais usado. Ele multiplica os valores das cores dos pixels, e produz um resultado mais escuro. Então, se a cor de cima for preto, ele mantém o preto. Se for branco, ele não multiplica nada e exibe a cor plena do objeto de baixo. O comportamento do Multiply é comparável ao de um vidro tintado sobre uma superfície. Se você conhece Blend Modes através do Photoshop, vai perceber uma grande diferença entre ele e o Illustrator. Enquanto no Photoshop os Blend Modes só podem ser aplicados a camadas inteiras (e alguns efeitos e operações), no Illustrator eles são aplicados em cada objeto. E mais - você pode definir um Blend Mode para o objeto inteiro, e também ter diferentes Blend Modes em cada preenchimento e contorno desse objeto, criando aparências complexas mas simples de manipular. Color Burn Basicamente faz o mesmo que o Multiply, mas produz um resultado com mais contraste e saturação. Quanto mais escura for a cor do objeto de cima, mais intenso será o efeito. 16

17 Modos de clareamento Modos de contraste lighten Esse modo é o oposto do Darken. Nesse caso, o Illustrator compara as cores dos pixels sobrepostos e mantém aqueles que são mais claros, substituindo um pelo outro completamente. overlay É uma mistura de Multiply e Screen, em que pixels mais escuros escurecem, e pixels mais claros clareiam as cores do objeto abaixo. Ele mantém o brilho dos pixels do objeto de cima, e a cor dos objetos de baixo. É bom porque clareia e escurece objetos de uma vez. Screen Esse modo é o oposto do Multiply. Cores sobrepostas são multiplicadas de forma inversa, o que produz um resultado mais claro. Nesse caso, o que for branco, permanece branco, e o que for preto não afeta o objeto de baixo, e exibe sua cor plena. O comportamento do Screen é comparável ao de um projetor, que projeta imagens sobre uma superfície. Soft light Enquanto Overlay é uma mistura de Multiply e Screen, Soft Light é uma mistura de Darken e Lighten, então ele acaba produzindo resultados mais sutis e suaves que o Overlay. Hard light Bem parecido com Overlay, mas produz resultados mais dramáticos. Color Dodge Esse modo clareia os tons e aumenta o contraste. Ele é o oposto do Color Burn, mas nem sempre produz resultados exatamene opostos. É bom pra criar brilhos coloridos, já que o resultado não é lavado como o Screen. 17

18 Modos comparativos Modos de componente Difference Compara as cores dos pixels e reageàs suas diferenças. Cores iguais aparecem como preto, cores opostas aparecem como branco, e todas as outras cores aparecem invertidas. Hue Aplica a matiz do objeto de cima aos objetos de baixo, mas mantém seus níveis de saturação e brilho. Exclusion Similar ao Difference, mas produz um resultado menos contrastado. Saturation Aplica a saturação do objeto de cima aos objetos de baixo, mas mantém suas matizes e seus níveis de brilho. Color Aplica a saturação e a matiz do objeto de cima aos objetos de baixo, mas mantém seus níveis de brilho. luminosity Aplica o brilho do objeto de cima aos objetos de baixo, mas mantém seus níveis de saturação e sua matiz. 18

19 CAp. 5 Recline e aprecie 19

20 A máquina e o software são ferramentas de cálculo incríveis, então porque não aproveitar esse poder todo para aliviar um pouco o nosso trabalho? Tarefas repetitivas, e que requerem um certo nível de precisão são perfeitos pra serem designados ao processador do computador. Vamos ver algumas formas que o Illustrator permite esse tipo de designação - efeitos, actions e scripts. Sempre que um efeito é aplicado a um objeto, ele entra no painel Appearance do objeto, para que possa ser modificado a qualquer hora. Se você tem certeza que o efeito é final, pode expandí-lo em Object > Expand Appearance. Efeitos Efeitos são extensões que já vêm com o Illustrator, que atuam sobre a sua arte básica para criar resultados mais sofisticados com pouco esforço. Esses efeitos são os que a Adobe avaliou que são os mais usados, e os incluiu no Illustrator, na forma de painéis com parâmetros ajustáveis. No menu de efeitos, a metade de cima são efeitos vetoriais, e a metade de baixo são efeitos bitmap, parecidos com os que o Photoshop oferece. Isso economiza tempo de duas formas: alguns efeitos vetoriais ajudam a produzir resultados complexos e precisos com pouco esforço e muita flexibilidade, e os efeitos bitmap muitas vezes evitam que algo tenha que passar pelo Photoshop pra adquirir certa aparência. Exemplo 1 Você quer criar uma roda de objetos que giram em torno de um ponto. Em vez de duplicar e transformar cada objeto incrementalmente e posicioná-los um a um, você pode usar o Effect > Distort & Transform > Transform. Ele basicamente atua sobre seu objeto, modificando seu tamanho, posição e rotação, e permite criar cópias com os mesmos parâmetros aplicados incrementalmente. E como é um efeito, fica fácil de voltar atrás e modificar qualquer parâmetro. Você pode inclusive aplicar o efeito mais de uma vez ao objeto, pra que ele atue sobre o efeito anterior. 20

21 ExEmplo 2 Você tem um elemento gráfico e quer dar um tratamento granulado de leve, como textura. Você poderia entrar no Photoshop e criar uma imagem de granulado usando Noise, importado no Illustrator e criado um Clipping Mask usando a forma do seu elemento. Mas é mais fácil usar o efeito Mezzotint no Illustrator: 1 Crie uma nova camada de preenchimento e preencha com cinza 50%. 2 Com o preenchimento selecionado, vá em Effect > pixelate > mezzotint. Obs.: Como o efeito é bitmap, baseado em pixels, o tamanho dos grãos vai depender do tamanho da sua arte. 3 Selecione Fine Dots e dê OK. 4 Aplique Soft Light e uma opacidade baixa pra finalizar. 21

22 Actions Actions são como macros, que você grava ao fazer as tarefas. O Photoshop tem actions, e funciona exatamente da mesma forma. Elas são muito úteis quando você deve seguir os mesmos passos repetidas vezes para obter um resultado específico. Para gravar uma action, basta clicar no botão Create New Action no painel Actions e o Illustrator vai pedir o nome da sua action e começar a gravar. À partir daí, todas as suas ações serão listadas até você apertar o Stop. ExEmplo 3 O Illustrator sempre abre um documento novo com um conjunto padrão de paletas de cor, brushes e símbolos. Mas nem sempre queremos usar esses recursos default, e sim os nossos próprios. A tarefa de limpar as paletas, brushes e símbolos acaba sendo uma rotina repetitiva. É o momento de criar uma action. Clique em Create New Action e dê um nome como Limpar paletas. Quando começar a gravar, vá no menu de cada uma das paletas (Swatches, Brushes e Symbols), clique em Select All Unused e clique na lixeira pra excluir. Assim que terminado, clique em Stop e sua action está pronta. Agora, sempre que criar um arquivo novo, basta rodar essa action e seus painéis estarão zerados rapidamente. 22

23 Scripts Scripts são como plugins, que extendem a capacidade do Illustrator e o tornam um programa muito mais versátil e customizável. São como actions, mas podem ser mais complexos, e atuam como efeitos, com parâmetros customizáveis. São escritos em JavaScript, AppleScript e VBScript, e se copiados para a pasta de scripts do Illustrator (Illustrator CS5/presets/en_US/Scripts), ficam acessíveis no menu File > Scripts. Para os aventureiros dos códigos, existe um guia de scripting oficial da Adobe, mostrando como é possível manipular as funções do Illustrator usando JavaScript. Mas se você não sabe programar e quer aproveitar essa alternativa, a maioria dos scripts está disponível gratuitamente no Adobe Exchange. 23

24 joaofaraco.com.br 24