ADOBE ILLUSTRATOR - INTRODUÇÃO AO DESENHO VETORIAL

Prévia do material em texto

ADOBE ILLUSTRATOR: INTRODUÇÃO AO DESENHO VETORIAL
Overview/briefing
Nesta primeira aula, conheceremos o briefing do nosso cliente virtual, isto é, quais são os ideias e demandas para a ilustração que devemos produzir. Em contraponto, apresentaremos nossas propostas e soluções para a mesma arte.
A empresa cliente precisa de um post para redes sociais, quadrado, sem texto para ser exibido em telas virtuais. Trata-se, além disso, de uma empresa que atua no ramo de saúde, boa forma e deseja criar uma campanha com atletas de corrida.
Propomos uma solução visual para empresa, e é importante que ela seja sempre justificada. Decidimos incluir uma atleta, em posição de largada. O fundo possui listras com cores intercaladas, por carrega essa ideia de pista de corrida, ainda que de forma abstrata. Além disso, utilizamos alguns elementos visuais que envolvem o universo dos esportes e da velocidade: como um tênis de corrida, foguete, garrafinha de água e uma barra de exercício.
Os elementos também não foram posicionados ao caso, o tênis, por exemplo, está próximo dos pés da atleta; o foguete também se encontra na parte frontal do corpo da atleta, a fonte do impulso; a garrafa de água está próxima do rosto e a barra de peso parece estar sendo segurada.
Com a arte apresentada, iremos colocar a mão na massa!
Briefing do projeto
Nosso cliente fez um pedido de post para mídias sociais, ou seja, uma arte que precisa ser apresentada em mídias digitais. No Briefing*, o cliente nos passou as informações necessárias para iniciarmos o projeto. São elas:
· Gostaria de uma arte voltada para divulgação da marca no Instagram;
· A empresa tem como negócio a área de saúde e é voltada para produtos fitness;
· Seu principal público é composto por atletas do segmento de corrida;
· Gostaria de uma propaganda que represente um(a) atleta correndo; e
· Gostaria que seguíssemos a reunião feita no início do projeto que identificou suas características, seu produto e objetivo.
Com essas informações é possível dar início ao projeto com mais facilidade, sem haver o perigo de desenvolver todo o material e não atender o objetivo de interesse do cliente.
Já com o Briefing em mente, a peça final vai representar tudo que foi discutido nesta reunião inicial: um(a) atleta de corrida, com elementos que remetem ao esporte, como velocidade, força, movimento, etc.
Vamos agora desenvolver o nosso layout!
Pixel vs Vetor
Antes de começarmos nosso projeto, aprenderemos brevemente sobre o conceito de vetor. O Illustrator é uma ferramenta que trabalha 100% com vetores, por isso esse é um conceito de grande importância na carreia de um designer gráfico. O vetor nada mais é que um objeto, linha ou forma que mantém sua qualidade não importando quantas vezes ele é ampliado. Podemos alterar suas dimensões, sem que a qualidade do objeto seja comprometida.
Já o pixel, é uma imagem formada por pequenos fragmentos, e conseguimos claramente distingui-los ao modificarmos a forma desse objeto ou amplia-lo.
Interessante pensarmos a respeito da constituição das imagens quando estamos bolando um logotipo, por exemplo. Se queremos criar uma imagem que pode ser aplicada tanto em uma revista quanto em um outdoor, é importante que ela esteja vetorizada. O caso é diferente quando estamos trabalhando com bitmap, ou "mapa de pixels".
O vetor, na verdade, é uma fórmula matemática que existe entre dois pontos, sejam eles separados por uma curva, reta, ou qualquer coisa do gênero. Se dividirmos o objeto por dois, a qualidade ainda permanece harmoniosa e nítida.
Pixels e vetores
Para criar o nosso projeto vamos utilizar do software Adobe Illustrator, que trabalha com formas em vetor. Escolhemos este software pois a arte apresentada para o cliente vai poder ser utilizada em vários ambientes das mídias sociais: Instagram (principal mídia), Facebook, LinkedIn, entre outros. Este tipo de imagem dá ao cliente a possibilidade de editar a peça para dimensões maiores ou menores.
Mas afinal, o que é um vetor?
O vetor nada mais é do que uma figura digital feita através de cálculos matemáticos, ou seja, o software que trabalha com este tipo de arte ao criar objetos desenvolve de uma forma em que suas figuras sejam calculadas pelo computador para ser apresentado na tela, e sabe qual a vantagens disto tudo? Olhe a figura abaixo e veja a diferença de uma imagem vetorial para uma imagem bitmap (em pixels).
Temos do lado esquerdo uma figura criada em vetor na qual não é possível ver os quadrados (pixels) que formam a imagem: isto por que ela não é composta desta forma, e sim por cálculos. Já no lado direito, é possível ver nitidamente os pixels.
Ao lidar com escala, as imagens vetoriais facilitam a manutenção da qualidade da imagem que está sendo trabalhada, podendo adequar a arte para mídias distintas de maneira mais eficiente. É mais utilizado para materiais impressos pois é onde a escala da arte mais interfere no seu resultado final.
Do lado direito temos uma imagem bitmap (pixels), que caso ela seja criada em uma dimensão pequena, ao tentar aumentar esta imagem ficará nítido esses pixels, deixando a imagem com uma baixa resolução (pouco nítida), ou seja, com uma qualidade ruim.
"Então vou trabalhar só com vetor."
Não se engane. Não existe a melhor forma de trabalhar, cada método de criação se adequa para um tipo de arte e aplicação final diferente, nem o vetor e nem o pixel é melhor, ambos se complementam para o universo do design.
No nosso caso, como queremos dar a liberdade para o cliente aproveitar a arte em várias mídias e tamanhos diferentes, vamos criar nosso material em vetor.
Conhecendo o Illustrator - Artboard e shape tool
Abriremos o Illustrator pela primeira vez para estudarmos sua área de trabalho, e criarmos nossas primeiras formas e o fundo visual do nosso projeto.
Clicaremos sobre o botão "Create New", o que desencadeará a abertura de uma nova caixa de diálogo. Teremos acesso às várias abas de configuração pré-definidas, ou presets. Teremos, por exemplo, uma aba de "Mobile" que apresentará definições diferentes para telas de celular, assim como a aba "Web" trabalhará com monitores e a aba "Print" com materiais impressos.
Cada preset de telas de celular, computador ou televisão acompanha um RGB, isto é, um padrão de cor. As cores que aparecem nestes formatos são diferentes das cores impressas, que trabalham com o padrão CMYK. Você encontrará mais informações sobre este tema nos materiais extras do curso.
Para nosso projeto, clicaremos na aba "Web". Na área "Preset Details", selecionaremos altura e largura como 1200x1200 px, um formato quadrangular. As outras opções manteremos como o padrão. A opção "Bleed" significa "Sangria", e é voltada para os trabalhos impressos, neste caso estamos interessados em um post de mídia social, então não nos aprofundaremos nisso.
Daremos um título ao nosso projeto, e pressionaremos o botão "Create". Antes de tudo, aprenderemos a navegar em nossa área de trabalho. Para tanto, começaremos criando dois retângulos fora da página: um na parte superior e outra na inferior.
Para conseguirmos visualizar os retângulos - que estão em partes diferentes da tela. Existem outras maneiras de realizar isso, uma delas e retirando o zoom. Para isso, mantemos a tecla "Alt" pressionada e manipulamos a intensidade pela rolagem do mouse.
Para acessarmos os diferentes retângulos sem modificar o zoom, pressionamos a barra de espaço e veremos que o cursor se transforma em uma mão, dessa maneira podemos clicar a arrastar a tela de acordo com a direção que nos interessa e navegarmos pelo documento. Para deletarmos os retângulos basta selecioná-los - simultaneamente ou não - e pressionar a tecla "Delete".
Agora, aprenderemos as diferentes formas de configuração da área de trabalho. Na parte superior direta da tela, encontraremos a opção "Essencials", uma configuração para as versões mais recentes do Illustrator. Clicaremos sobre ela e selecionaremos "Essecials Classic".
Veremos um novo menu de propriedades na parte direita da tela. Caso você esteja utilizando uma versãomais antiga do Illustrator, essas opções já estarão visíveis desde o começo. Essas ferramentas estão relacionadas à forma que criamos na área de trabalho, como a grossura de um traço, as cores e a opacidade. À esquerda da tela, teremos uma série de ferramentas que utilizamos por meio do mouse: seleção de elementos, criação de formas, edição, pincéis.
Na parte superior da tela, teremos as propriedades de cada ferramenta selecionada, e podemos fazer alterações mais precisas para obter os resultados esperados. Mais acima, teremos o menu principal do Illustrator, em que podemos criar e salvar arquivos e além de todas as ferramentas do software.
Vamos começar clicando na ferramenta "Rectangle Tool", na parte esquerda da tela. Com a ferramenta selecionada, na área de trabalho, basta clicar e arrastar o mouse para criar a forma de maneira livre, mas se enquanto fizemos isso pressionamos a tecla "Shift" todas as proporções serão mantidas e conseguimos criar uma forma mais harmoniosa. Se fizemos a mesma ação, mas dessa vez com o "Alt" pressionado, a figura será criada a partir de seu centro, que sempre permanecerá inalterado. Podemos, inclusive, manter "Alt + Shift" pressionados para conseguirmos um resultado combinado.
O mesmo vale para a ferramenta de criação de polígonos, em que podemos criar estruturas simétricas e aumentar o número de lados da forma pressionado as teclas de cima e as de baixo.
Agora trabalharemos efetivamente na criação do fundo do nosso projeto. Centralizaremos o quadrado pré-criado, em seguida, com a ferramenta "Rectangle Tool", posicionaremos o cursor no vértice superior esquerdo da forma e criaremos um novo quadrado.
Se ampliarmos o zoom da imagem, poderemos visualizar o contorno da forma que criamos, nosso stroke. Atualmente, este contorno se encontra na cor preta, mas podemos alterá-lo, assim como o preenchimento da forma em si. Primeiramente, alteraremos o preenchimento.
Com o quadrado selecionado, iremos até a parte superior da tela e alteraremos a de cor branca para preto ou um cinza escuro, quase preto. Em seguida retiraremos a borda por meio do painel na parte esquerda da tela.
Pronto, agora vamos criar
Pronto, agora vamos criar!
Vamos então abrir o Adobe Illustrator e entender o básico para poder trabalhar com esta ferramenta.
Abrindo o software nós temos uma “Home Screen”, a tela de boas vindas do software, nela você consegue ver os últimos projetos que foram trabalhados, criar um novo documento, abrir um documento do computador ou até mesmo achar alguns vídeos de apoio disponibilizados pela Adobe.
A - Área com arquivos trabalhados recentemente;
B - Novo arquivo em branco;
C - Abrir um arquivo do computador;
D - Apoio da Adobe;
Vamos criar um novo documento para iniciar o projeto. Clicando em “Create new” abrimos uma tela para poder configurar as principais informações do nosso documento como dimensões, unidade de medida, orientação da página e perfil de cor.
A - Área de pré-definições de projetos. Nela você define se o seu projeto será para WEB ou para Film & Video e escolhendo o segmento você pode escolher modelos de projetos na área abaixo;
B - Área para escolher os modelos de projetos da área escolhida no menu acima;
C - Área de mudança das configurações do seu arquivo. Ela vem preenchida com as predefinições escolhidas mas você tem total liberdade na edição das informações que você quer:
· Nome do projeto;
· Width and Height (dimensões do seu documento, largura x altura);
· Unidade de medida (pixels, centímetros, milímetros, etc);
· Orientação da página (paisagem ou retrato);
· Artboard (quantidade de folhas no projeto);
· Bleed (sangria do projeto); -Advanced Options (especificações de cor, resolução, etc);
As definições para o nosso projeto foram:
· Predefinição: WEB;
· Width: 1200;
· Height: 1200;
· Medidas: pixels;
Como manipular o nosso artboard? O Illustrator é uma grande prancheta onde você pode colocar várias folhas. Quando abrimos o nosso documento temos apenas uma folha em branco (artboard) no centro da nossa prancheta (workspace).
É importante conseguir manipular essa área para facilitar o desenvolvimento. Para poder aproximar seu workspace (zoom) você pode pressionar ALT (windows) / COMMAND (MAC) no teclado e enquanto estiver pressionado utilizar o scroll do Mouse (a bolinha no centro), ou você pode apertar CTRL + a tecla “+” do teclado; para afastar para alterar a tecla “+” para tecla “-” no teclado.
Para poder se movimentar no seu workspace, basta selecionar ferramenta “HAND TOOL” ou pressionar a tecla de atalho “BARRA DE ESPAÇO” no seu teclado para poder alternar entre a “HAND TOOL” e a ferramenta que você está usando no momento.
Minha área de trabalho Os softwares da Adobe permitem que você organize sua área de trabalho à sua maneira, ou seja, se você quiser trabalhar com ilustração existem organizações onde as ferramentas de ilustração ficam à disposição, se for trabalhar com diagramação, as ferramentas de diagramação que ficam a disposição e assim por diante.
Como estamos iniciando nossos estudos no Illustrator, nós vamos utilizar a organização chamada Essentials Classic. Nas versões mais recentes, o Illustrator inseriu um modo chamado Essential apenas, mas este modo acaba ocultando algumas ferramentas que vamos utilizar, por isso a primeira coisa a ser feita é ir no menu de janelas no canto superior direito do Illustrator, clicar em Essentials (ou a organização que estiver marcada no seu software) e deixar Essentials Classic para trabalharmos.
Entendendo as janelas Após definir nossa área de trabalho vamos entender um pouco como é a organização do software.
Se você prestar atenção nós temos 3 blocos distintos no software:
A: No canto esquerdo no temos a “Toolbar” uma janela que possui as ferramentas de edição e criação. (Toda ferramenta que possuir um pequeno triângulo no canto inferior, indica que possui subcategorias daquela ferramenta).
B: No topo se encontra as propriedades da minha ferramenta selecionada ou do meu objeto selecionado.
C: E no lado direito as janelas que permitem aplicar efeitos, selecionar cor, organizar o documento, ou seja, as demais janelas de apoio do software
Criando nosso primeiro objeto no Illustrator O nosso primeiro objeto será o “fundo da composição”, ou seja, uma forma geométrica simples. Vamos selecionar a “Rectangle Tool (tecla de atalho M)”e clicar com o nosso mouse na área de trabalho, segurar e arrastar para criar o nosso objeto.
Toda forma geométrica simples, dentro do Illustrator, possui teclas de atalho que facilitam sua criação.
· Ao criar o objeto pressionando a tecla “SHIFT” você consegue criar uma forma com tamanhos proporcionais, ou seja, ele aumenta sua altura e largura por igual;
· Ao criar o objeto pressionando a tecla “ALT” você consegue criar o objeto com o ponto de criação a partir do centro;
· Caso esteja usando a ferramenta “Polygon Tool ou Star Tool”, você pode pressionar as setas para cima e baixo do teclado para aumentar a quantidade de faces ou pontas do objeto;
· Apenas da ferramenta “Star Tool” você pode pressionar a tecla “CTRL” ou “COMMAND” para esticar ou reduzir as pontas da estrela criada;
Acima temos os atalhos que vamos usar constantemente na criação de elementos dentro do software.
Entendendo a criação dentro da ferramenta vamos criar um retângulo exatamente em cima da nossa folha branca.
Selecione a ferramenta “Rectangle Tool” vá com o mouse no canto superior esquerdo da folha, clica segura e arrasta para o canto inferior direito da folha*.
O próprio Illustrator traz uma propriedade chamada “Smart Guides”, que são guias invisíveis que o software cria para auxiliar no alinhamento dos elementos da composição. Ao colocar o mouse no canto deve aparecer uma linha rosa e o nome “intersect” para te indicar que o mouse está fixo naquele ponto. Caso não apareça para você vá em “VIEW => SMART GUIDES” no seu menu superior ou pressione “CTRL + U” no teclado.
Após criar o retângulo é necessário alterar as suas propriedades, pois o retângulo criado está com uma borda preta em volta dele.Ao selecionar o objeto você consegue editar a cor da borda e a cor de preenchimento do objeto através da “Toolbar”, selecione o objeto que deseja alterar vá até a área da toolbar que possui as cores e escolha se você quer alterar o preenchimento ou a borda do objeto.
A - Cor de preenchimento;
B - Cor de borda;
Clique para editar a cor de preenchimento (A) do seu objeto e coloque uma cor escura, quase o preto.
Clique para editar a cor da borda do seu objeto, e em seguida clique empara retirar e deixar sem cor, ou seja, sem borda.
Preste bastante atenção e veja se o seu objeto está selecionado para poder fazer essa alteração.
E pronto, damos início ao processo de criação dentro da ferramenta Illustrator, quanto mais você desenvolver, mais fácil vai se tornando usar a ferramenta.
Linhas, arcos e shapes
Nesta aula, continuaremos a trabalhar no fundo do nosso projeto, utilizando as ferramentas de linha e arco. Estamos trabalhando com a criação de listras ou curvas intercaladas que trazem uma ideia de movimento para a cena, e dialogam com a forma de uma pista de corrida tradicional.
Vamos "travar" o fundo, afinal assim poderemos manipular objetos sem modificar o que já criamos. Para tanto, selecionaremos nosso fundo e no menu de ferramentas da parte superior da tela escolheremos "Object > Lock > Selection", ou simplesmente utilizar o atalho "Ctrl + 2". Para destravar, basta utilizar o atalho "Alt + Ctrl + 2".
No painel esquerdo, selecionaremos a ferramenta de linha, ou Line Segment Tool. Dessa maneira poderemos criar linhas, alterar sua cor, sua grossura e seu comprimento. Podemos manter o "Shift" pressionado para termos mais precisão na criação da reta, e obtermos ângulos retos.
Agora que fomos apresentamos a esta ferramenta, clicaremos sobre ela no menu e veremos que há sub-opções, então escolheremos a ferramenta de arco, ou Arc Tool. Podemos configurar curvas diferentes para os arcos que criarmos pressionando as teclas de cima e de baixo no momento em que estamos criando arco com o mouse, dessa maneira, aumentaremos ou diminuiremos a intensidade da curva. Para o nosso projeto, queremos algo discreto, mas visível.
Desenharemos a curva começando pela parte superior esquerda do quadro, até sua extremidade oposta, de forma que ela se projete um pouco para fora da área d quadrado, assim conseguimos capturar a angulação ideal para a construção do fundo.
Copiaremos esta forma e a posicionaremos da maneira adequada na cena. Devemos preencher esse objeto, dar uma cor diferente para essa curva e começar a criar as cores intercaladas. Para tanto, precisamos fechar essa forma, e para isso usaremos a ferramenta de linha.
Com a forma fechada, precisamos notificar ao Illustrator que a nova linha que criamos faz parte da forma que desenhamos anteriormente. Para tanto, usaremos a ferramenta Direct Selection Tool, ou simplesmente ferramenta A. Essa ferramenta nos permite selecionar pontos, e não apenas objetos inteiros.
Com o botão direito, clicaremos sobre os pontos que devem ser unidos, e então selecionaremos a opção "Join". Agora teremos várias linhas que fazem parte de um mesmo componente.
Com objeto fechado, podemos preencher o objeto da cor de nossa escolha.Precisamos replicar esse objeto de maneira que possamos criar o efeito de cores intercaladas. Basta copiar colar a forma, para posicioná-la da maneira que quisermos.
Contudo, não conseguimos ser precisos no espaçamento entre os objetos. Para conseguirmos manter o mesmo espaçamento entre todas as curvas, copiaremos a primeira forma a posicionaremos da maneira que quisermos, esse espaçamento criado será nossa referência. Em seguida, pressionaremos "Ctrl + D" e terá sido replicado o último movimento que fizemos, então temos a mesma forma com o mesmo espaçamento.
Agora já podemos aplicar as cores do projeto original.
Agora vamos criar o fundo do nosso projeto: aquelas linhas que representam movimento e trazem maior dinamismo para a composição.
Travando os objetos A forma de trabalho no Illustrator é bem dinâmica, ou seja, muitas vezes uma arte possui vários objetos (retângulos, formas, estrelas, triângulos, etc.) em sua composição. Para facilitar a manipulação destes objetos é sempre bom você bloquear a sua seleção, assim não corre o perigo de editar um objeto que já está finalizado.
Para fazer isto, basta selecionar seu objeto, no nosso caso o retângulo, que é o nosso fundo, clicar em “OBJECT => LOCK => SELECTION” no menu superior do software, ou até mesmo selecionar o objeto e pressionar “CTRL + 2” no teclado.
Caso você queira retirar este bloqueio basta ir novamente no menu “OBJECT => UNLOCK ALL” ou até mesmo pressionar “CTRL + ALT + 2”: assim, todos os objetos que antes estavam bloqueados voltam a poder ser selecionados e editados.
Trabalhando com linhas para criar faixas Com o fundo da nossa composição bloqueado podemos dar continuidade à criação das faixas que vão compor o fundo. Para isso vamos utilizar as ferramentas de linha.
A criação de uma linha é bem semelhante à criação das formas geométricas. Podemos clicar segurar e arrastar para poder criar, porém ao pressionar o “SHIFT” no teclado, o Illustrator permite criar a linha em ângulos de 45º em 45º graus, o que traz mais controle. Se pressionar “ALT”, ele cria a partir do centro parecendo que está espelhando a linha para os lados.
Para criar as linhas com uma certa curvatura, vamos utilizar a ferramenta “ARC TOOL”,que nada mais é do que uma linha em forma de arco.
Na sua criação, se pressionar as setas para cima e para baixo no teclado, é possível aumentar ou diminuir o tamanho do arco que a linha fará.
Duplicando o Arco Após a criação do arco, vamos copiar esta linha para poder fechar a forma. Existem várias maneiras de copiar seu objeto, vamos entender cada uma delas:
· Selecionado o objeto, você pode apertar “CTRL + C” e depois o “CTRL + V”;
· Você também pode apertar “CTRL + SHIFT + V” ao invés de apenas CTRL, assim é possível colar seu objeto exatamente no mesmo lugar do objeto original, o que é muito importante para quesito de alinhamento;
· Você também pode pressionar “CTRL + B” ou “CTRL + F” após o “CTRL + C” para colar o objeto na frente ou atrás do objeto original, mas vamos utilizar essa propriedade mais pra frente;
· Também é possível clicar no objeto, segurar e arrastar pressionando a tecla “ALT” no teclado, quando o seu mouse ficar com o símboloe você soltar o botão do mouse, criará uma cópia.
No nosso caso utilizamos o último método, pressionando a tecla “ALT” no teclado. Para conseguir levar o objeto alinhado para a direita também seguramos a tecla “SHIFT” para seguir uma linha reta na movimentação.
Preenchendo o nosso objeto Agora que criamos a linha em arco temos que preencher o objeto. O problema é que quando preenchemos o objeto, ele fica errado.
Isto acontece por que os objetos no Illustrator são compostos por pontos (vertex), e o preenchimento de um objeto vai ligar a cor de fundo de um ponto a outro, veja o exemplo na imagem abaixo:
O quadrado da esquerda possui os 4 pontos (vertex) ligados entre si, o que forma as 4 bordas (edges), por isso objeto consegue ser preenchido por completo.
Já o que deveria ser um quadrado na direita, torna-se um triângulo, pois dois dos seus pontos não estão ligados ao ponto do canto superior direito. Assim, o Illustrator força o preenchimento da sua cor apenas entre os pontos que possuem alguma ligação.
No nosso caso temos apenas duas linhas curvas separadas, e é preciso juntar essas linhas de alguma forma que crie um objeto fechado. Para fazer isso criamos uma linha reta na área vazia entre o início e o final do arco.
Para juntar essas novas linhas e criar um objeto só, selecionamos os pontos que queremos juntar, ou seja, apenas os dois pontos próximos de cada objeto. Vamos selecionar com a ferramenta“DIRECT SELECTION” para poder, ao invés de selecionar o objeto como um todo, selecionar apenas seus pontos.
Com os dois pontos selecionados, podemos apertar o botão direito do mouse e clicar em “JOIN” ou selecionar a opção “CONNECT”no menu superior.Agora sim, podemos preencher o objeto de forma correta.
Finalizando o fundo Para inserir as listras no fundo vamos utilizar o artifício da cópia que já aprendemos: pressionando “ALT” para arrastar o objeto, vamos copiá-lo, e o mais interessante é que após criar a primeira cópia, se quisermos manter a mesma distância entre uma cópia e outra podemos pressionar a tecla de atalho “CTRL + D”que ela vai fazer com que a nossa última ação realizada (neste caso a cópia com uma distância x para o lado) seja refeita, criando assim novas cópias com a mesma distância e facilitando nossa criação. Agora sim, temos a base da nossa composição.
Clipping mask
Nesta aula, aprenderemos sobre Clipping Mask, ou "Máscara de Recorte". Primeiramente, limparemos nossa área de trabalho das ferramentas que não estão sendo utilizadas. No canto superior direito da tela, teremos uma seta dupla, ou a chamada opção "Collapse Icons", dessa maneira todo o menu será minimizado. O mesmo vale para o menu da direita, dessa maneira, nossa área de visualização fica maior.
Vamos aprender agora o que é a Clipping Mask: trata-se de um recurso que utilizamos para omitir elementos que não devem ser vistos em uma composição. Por meio de formas geométricas posicionadas a frente da composição - os chamados "objetos de parâmetro" - , podemos ocultar partes específicas ou inteiriças de um objeto, exibindo apenas aquilo que nos interessa.
Criaremos um clipping mask exatamente do mesmo tamanho na nossa área de trabalho, dessa maneira aqueles pedaços da forma encurvada que criamos terão a área visível delimitada. Então, criaremos nosso objeto de parâmetro que abrigará apenas o conteúdo que está dentro do quadrado. Em seguida, pressionaremos "Ctrl + 7".
Assim feito, temos apenas a área de nosso interesse visível na composição!
Clipping mask Nossa composição está estranha pois temos vários objetos vazando do fundo. Agora vamos apenas mostrar a área dentro da composição para continuar criando. Para fazer isto, vamos utilizar uma propriedade, a “CLIPPING MASK”, que nada mais é do que uma máscara que esconde tudo que está fora de uma forma.
Aplicando a CLIPPING MASK Para aplicar este efeito de máscara é necessário organizar os objetos.
Um objeto vai ser o responsável por ser a máscara, ou seja, responsável por esconder os outros a partir de seu formato. Para isso ser possível é necessário que este objeto esteja à frente de todos eles.
Quando trabalhamos com vetor, todo objeto criado vai ficando empilhado um acima do outro como na imagem abaixo:
Nós temos total liberdade para organizar esta ordem de empilhamento, ou seja, qual objeto eu quero que fique em cima e qual objeto eu quero que fique abaixo.
Para a propriedade “CLIPPING MASK” funcionar, o objeto que será a máscara precisa necessariamente estar acima de todos os outros e para confirmar que isso aconteça você pode selecionar o objeto que deve ficar por cima, pressionar o botão direito do mouse e ir em “ARRANGE => BRING TO FRONT”, assim você força o objeto a subir.
A propriedade “ARRANGE” trabalha reajustando a ordem dos objetos: - BRING TO FRONT: Trazer o objeto para frente de todos; - BRING FORWARD: Trazer para frente apenas de um objeto; - SEND BACKWARD: Levar para traz apenas de um objeto; - SEND TO BACK: Levar para traz de todos os objetos.
Com isso, organizamos os elementos para conseguir aplicar a máscara. Se não compreendeu direito, não se preocupe, este conceito será abordado mais à frente no curso.
Após organizar da maneira que você quer aplicar a máscara, basta selecionar todos os elementos que deverão receber a máscara, ir até o menu “OBJECT => CLIPPING MASK => MAKE” atalho (CTRL + 7);
Lembre-se que os objetos não selecionados não farão parte da máscara.
A máscara não apagar nada dos objetos, e sim esconder parte deles que não queira ver. Para editar a máscara ou os elementos que estão na máscara basta dar dois cliques rápidos em cima do grupo que recebeu o efeito. Assim, você coloca a máscara em evidência podendo editar tanto o elemento que está servindo como máscara ou os elementos escondidos por ela.
Para sair do modo de evidência basta dar dois cliques rápidos na área cinza, ou clicar na seta que vai aparecer no canto superior esquerdo da sua área de trabalho.
Com a máscara aplicada na composição conseguimos deixar apenas as listras que estão em cima da minha folha a mostra. E agora podemos continuar a composição.
Garrafa dágua - shape builder tool
Nesta aula iremos vetorizar nosso primeiro objeto com ajuda da shape builder tool. Primeiro, importaremos a imagem da garrafa de água que foi disponibilizada no curso. Uma vez que a imagem já estiver disponível na área de trabalho do Illustrator, iremos travá-la por meio do atalho "Ctrl + 2". Iremos vetorizar metade da garrafa, depois iremos refletir esse vetor para formar um objeto simétrico. Para realizar essa composição, utilizaremos a régua.
Para habilitar a régua, clicaremos em "View > Rulers > Show Rulers". Podemos criar linhas em nosso documento arrastando as réguas que estão localizadas na parte superior e à esquerda da tela. Arrastaremos uma régua que marque a metade da garrafa no sentido vertical. Como esses linhas operam como objetos, podemos travá-las também.
Criaremos diversos retângulos que contemplem a variação de forma e volume da garrafa. Uma vez que o "mapa" da garrafa estiver sido feito, iremos desenhar as curvas do objeto utilizando a ferramenta Direct Selection Tool. Selecionaremos as arestas dos retângulos e acompanharemos o desenho da garrafa.
Ao final do processo, teremos o desenho de metade da nossa garrafa, um objeto composto por diversas formas geométricas modificadas. Precisamos conectar essas formas, utilizando a ferramenta Shape Builder Tool. Além de conseguir unir as formas, a ferramenta também remove objetos de uma composição, para tanto basta manter a tecla "Alt" pressionada.
Nossa próxima tarefa é refletir a imagem da garrafa que criamos, para que dessa maneira o resultado final seja um objeto totalmente simétrico. Com a composição selecionada, clicaremos com o botão direito e escolheremos "Transform > Reflect", na caixa de diálogo teremos algumas opções bem intuitivas sobre como se dará a construção dessa imagem refletida
Uma vez que tenhamos a outra metade refletida, ajustaremos as duas partes e usaremos novamente a Shape Builder Tool para unificá-las. Usaremos novamente a foto original da garrafa como referência para adicionarmos alguns detalhes. Posicionaremos o desenho sobre a imagem e novamente usaremos a Arc Tool para desenhar algumas ranhuras que compõe a garrafa. Novamente, criaremos apenas na metade do objeto, depois realizamos a reflexão. Feito isso, copiamos os arcos e juntamos tudo em uma grande composição, clicando sobre o botão direito do mouse e selecionando a opção "Join" nos pontos de ligação do desenho. Por fim, utilizaremos o atalho "Ctrl + G" para agrupar todos os elementos.
Nas próximas aulas, seguiremos trabalhando com a vetorização de objetos para o nosso projeto.