Este mês, o nosso tutorial continua a orientar os iniciados na criacção de vectores. Siga as instruções, passo a passo, para criar a imagem de um carro e descubra algumas ferramentas úteis do Illustrator CS4.

1 – Abra um novo documento no qual irá criar a sua ilustração.
Para este tutorial, o artista escolheu uma tela A4 com orientação horizontal, tendo em conta que a arte vectorial final irá provavelmente ser utilizada em aplicações de impressão, por exemplo: um artigo de revista. O modo de cor do novo documento é definido como CMYK, e a configuração de Raster Effects a “300 ppi”.
Será atribuído um nome a este novo documento, neste caso “surfwagon woodie-illustration” ‘. (Fig. 1)
01-new-document.jpg
2 – Coloque a fotografia onde a ilustração vectorial é baseada. A imagem deste tutorial é, naturalmente, extraída da base de dados do Fotolia. O objecto representado é uma carrinha Americana – Ford 1950 3 – com carroçaria de madeira, pneus whitewall, pala, e montado na parte traseira, um pneu de reserva e um suporte de tejadilho carregando uma “long board”.
3 – Mantenha a tecla Shift pressionada para manter a proporção. A imagem colocada será reduzida até que o veículo se encaixar no formato A4. Na paleta “Transform”, mantenha “ligada” a proporção vertical e horizontal. A fotografia colocada será precisamente encaixada na largura da página e centralizada. (Fig. 2)
02-placed-photo-scaled-A4.jpg
Esta primeira camada do documento, contendo apenas a fotografia original, é nomeado apenas com o número de referência do Fotolia, só por conveniência. Bloqueie devidamente a foto para que não possa ser alterada inadvertidamente.
4 – Na paleta Layers adicione uma nova camada. Esta camada é para as rodas dianteiras e traseiras, por isso será chamada “ac-cordingly”.
Clicando na régua, na parte superior da área de trabalho, arraste uma guia horizontal até à borda infe-rior do pneu dianteiro. A partir da régua do lado esquerdo, arraste uma guia vertical até ao lado esquerdo do pneu dianteiro.
Usando a ferramenta “Elipse”, premindo novamente a tecla “Shift” para restringir as proporções verti-cais e horizontais, clique no local onde as duas guias se encontram e arraste um círculo para cima e para a direita para representar a circunferência do pneu. Copie esse círculo, e cole usando “paste in front” para criar uma cópia nas mesmas coordenadas, na área de desenho.
Enquanto a nova instância do círculo está ainda seleccionada, na “transform pallete”, clique no quadra-do no meio da grelha do “Ponto de Referência”. Certificando-se de que o eixo horizontal e vertical estão proporcionalmente ‘ligados’, verificando o ícone Chain, reduza o tamanho da nova instância do círculo para a borda externa do pneu whitewall. Repita o processo até que tenha marcado também o limite interno do whitewall, o exterior e o interior dos limites dos acabamentos cromados, e os limites externos da tampa cromada.
5 – Momentaneamente, oculte a camada da imagem colocada e verá que os seis círculos, todos centrados em torno do mesmo ponto, ficaram diminuídos nas larguras das linhas. Seleccione todos eles, e defina a “stoke width” para 1pt. (Fig. 3).
03-whitewall-outlines.jpg
Agora duplique esta camada, proteja-as e esconda-as na paleta Layers. Na camada original da roda, seleccione o segundo e o terceiro círculo, mude o traço e preencha com cor ao redor. Depois trabalhe o buraco menor do círculo maior usando a função “Exclude overlapping shape areas“ na palete “Pathfinder“.
Clique ‘Expand’ e depois preencha o “whitewall“ com branco.
6 – Copie o quinto círculo e cole outra instância à sua frente. Seleccione também o 1º círculo e repita conforme o “whitewall”, desta vez preencha esta nova forma de pneu com preto.
No menu “Object“ por baixo de “Arrange“ use o comando “Send to back”. Clique no 5º círculo sobreja-cente e preencha a roda com a mesma cor da carroçaria do carro. Faça a camada subjacente visível e seleccione uma cor fora da foto usando a ferramenta “Eyedropper”. A roda está agora azul escura.
Preencha o círculo mais interior, a tampa da roda, com um cinza claro (lidaremos com os cromados com maior detalhe mais em frente). Deverá ter agora uma roda azul com uma tampa cinza pálido, um pneu preto com uma parte lateral branca. Espere um minuto, o que vai acontecer com os acabamentos cro-mados?
7 – Desbloqueie a camada duplicada da roda e torne-a visível. Bloqueie a camada da roda original por um instante.
Seleccione os terceiros e quartos círculos e, usando a paleta “Pathfinder”, faça o acabamento com aspecto cromado. Preencha com o mesmo cinza que usou na tampa da roda. Desbloqueie a camada subjacente das Rodas, e enquanto o anel de acabamento na camada de cópia é seleccionada, arraste o quadrado colorido da camada de cópia para a camada da roda original abaixo. (Fig. 4)
04-drag-trimring-down-a-layer.jpg
Elimine a cópia da camada das rodas. Seleccione cada componente da roda dianteira e agrupe-os. Copie o objecto agrupado, e cole por cima. Pressionando o Shift para restringir o movimento do item em relação ao eixo horizontal, arraste a nova roda para a direita para fazer uma roda traseira na sua ilustração.
8 – A próxima coisa a ser redesenhada é a carroçaria do carro. Usando a ferramenta de zoom, amplie a área em torno da pala dianteira. Arraste uma guia até à altura da parte inferior do peitoril. Desloque a imagem ampliada para a direita, e podemos verificar que as bordas inferiores dos painéis de madeira são muito “skewiff!”.
9 – Usando a “pen tool”, seleccione uma cor de traço escuro e sem preenchimento, desenhe a forma da carroçaria, definindo a silhueta da carroçaria do carro, mas não desenhe ainda os pára-choques cromados, a grelha da frente e os contornos do farol. É mais fácil ver a imagem que está desenhando se usar uma cor de traço sem preenchimento. Alterne traço ocasionalmente para ver como a cor ‘enche’ a forma que está a desenhar.
Ao usar a ferramenta “Pen tool”, cada clique do mouse cria um novo ponto Vectorial. Clicando e arras-tando o mouse irá revelar um par de ‘pegas’, que podem ser usadas para definir exactamente a linha “desenhada” entre esse ponto do vector e o próximo.
Ao redesenhar o contorno do carro, o artista ‘fecha’ a forma da silhueta, juntando-se o contorno do vector, ao clicar finalmente no ponto de partida.
Como regra geral, todos os caminhos de uma imagem vectorial deverão ser encerrados desta forma. Imagine que estivesse a criar um gráfico para ser cortado da folha de adesivos coloridos numa Plotter. A imagem usada pela Plotter para cortar o desenho da folha deverá conter os caminhos que estão completos, ou seja, fechados, senão a lâmina de corte não irá cortar completamente a forma da folha.
Se é difícil discernir os limites dos painéis da carroçaria, desbloqueie a camada inferior, seleccione a imagem colocada e reduza a transparência para 75%, fazendo com que a imagem de fundo fique mais clara.
Quando a silhueta da carroçaria pintada estiver completa, e o caminho delineado for fechado, preencha a carroçaria com a cor azul escuro.
10 – Na terceira camada, Que se irá chamar ‘woodwork’, desenhe a estrutura de madeira e painéis, mudando a cor do contorno de um azul-escuro para castanho escuro.
Use a ferramenta Eyedropper para seleccionar uma cor da fotografia delineada. Em primeiro lugar, trace o limite exterior dos painéis laterais de madeira. Em seguida, desenhe as janelas laterais. Faça uma cópia das janelas laterais e esconda-as numa nova camada.
Volte à camada de madeira, preencha a área de madeira com uma cor castanho pálido, e trabalhe as janelas da mesma forma como desenhou e coloriu o pneu e “whitewall” anteriormente. Agora arraste a cópia das janelas laterais para dentro da camada da carroçaria e ‘knock out’ as janelas laterais da carroçaria azul da mesma forma como explicado anteriormente. (Fig. 5)
05-bodywork-outline.jpg
11 – Numa nova camada desenhe os painéis de madeira escura e os limites do quadro de madeira clara. Nomeie esta camada como ‘woodwork 2′.
Agora, a ilustração está realmente a tomar forma. (Fig. 6)
06-bodywork-woodwork.jpg
Está na hora de trabalhar os cromados. Numa nova camada chamada “chromework“. Faça a camada da foto subjacente visível.
Na camada da carroçaria troque o preenchimento azul para transparente. Faça uma cópia e cole-a na camada “chromework”. Esconda a camada da foto subjacente. Usando a ferramenta “Scissors tool”, corte o caminho na parte superior da asa dianteira, logo acima do farol, e na parte inferior. Mantenha apenas a linha que define a parte frontal da asa dianteira.
Elimine o restante da silhueta. Duplique esta linha e esconda a cópia em outra camada. Utilize esta linha para definir a margem direita dos elementos cromados. Desenhe a moldura da grelha, as secções centrais da grelha e o pára-choques. (Fig. 7)
07-chromework.jpg
Finalmente, retire a moldura do farol dianteiro e da lente, da maçaneta da porta e da tira que se encontra ao longo da linha de cintura acima da trave. Na traseira do carro, adicione o pára-choques tra-seiro. Adicione o pisca dianteiro.
12 – Numa camada separada intitulada “spare wheel and taillight“, adicione a tampa da roda ‘continen-tal kit’ e as luzes traseiras.
Volte à sua camada da carroçaria e defina a extremidade superior da asa dianteira, além da extremidade traseira do painel da tampa. Duplique as formas dos guarda-lamas da camada da carroçaria, cole-os no lugar duma nova camada subjacente, intitulada ” wheelarch fill “, e preencha as duas aberturas com uma cor cinza escura.
Adicione mais alguns pontos para fechar os dois caminhos, e estenda o preenchimento para baixo, para simular a silhueta do motor e do eixo traseiro.
Sem esses elementos, a carroçaria parece “flutuar” acima das rodas e não parecerá muito real. (Fig. 8)
08-wheelarch-fills.jpg
13 – Para completar a ilustração, e para dar ao veículo um look um pouco mais realista, crie uma outra camada para a área da janela, incluindo uma silhueta cinza pálido das janelas no outro lado do carro. Isso ajudará a criar a ilusão de profundidade, assim como o preenchimento do guarda-lamas, darão a ilusão de massa.
Ao invés de deixar o carro ilustrado “flutuando” no ar, adicione uma sombra suave e desfocada por baixo, o que contribui para dar a sensação que o carro se encontra sobre uma superfície plana. Eu escolhi um azul-turquesa pálido para cor da carroçaria, em vez da pintura azul escura da foto original.
Seleccionando a carroçaria, e em seguida, seleccionando todos os objectos com o mesmo preenchimento de cor, poderá mudar a cor da pintura, tampões, tampa da roda de reserva e luzes traseiras, tudo com um clique do rato na paleta de cores. Bloqueia a camada da roda, active todas as outras camadas e a parte inferior da carroçaria para obter um look “lowrider”.
Poderá até mesmo inclinar o corpo todo para baixo na parte dianteira, para dar uma atitude de” hot rod”. (Fig. 9)
09-finished-illustration.jpg
14 – Agora que criámos a ilustração de uma carrinha de surf clássica, precisamos aprofundar a ilustração com alguns cenários de fundo, com ondas e palmeiras. Adicione também pormenores atraentes, crie um gráfico adequado para uso como ilustração numa revista ou como uma impressão colorida numa T-SHIRT.
Veremos como desenvolver ainda mais esta ilustração num próximo tutorial.