Para além do Photoshop, também é possível criar vexel art no Illustrator. Existe até uma função de rastreio que pode automatizar parcialmente o seu trabalho, mas isso é outra história e não é o tema deste tutorial. E mais uma coisa: para além do fator tendência, as imagens Vexel têm uma caraterística muito útil. Podem ser ampliadas para qualquer tamanho sem que os contornos fiquem esbatidos - lógico. Não estamos a trabalhar com pixéis, mas com formas circunscritas com vectores e estas podem ser aumentadas sem problemas.
Passo 1
Para comparação, coloquei as imagens antes e depois uma ao lado da outra, para que possa ver toda a extensão do trabalho. Para um principiante, esta é uma tarefa bastante complexa, mas com cada imagem Vexel ganha-se experiência e fica-se melhor e mais rápido. Dica: Se quiser criar uma imagem Vexel, duplique o original para poder comparar as cores e formas da imagem vetorial com o original enquanto trabalha.
Passo 2
Comece por traçar os contornos da imagem de cima para baixo. No nosso caso, isto é importante porque temos de ter em conta a estrutura das penas da ave. Selecione a ferramenta laço e trace a parte superior do bico.
Passo 3
Clique com o botão direito do rato e selecione a opção Criar caminho de trabalho.
Passo 4
Selecione a tolerância na caixa de diálogo seguinte. Uma pequena tolerância de aprox. 1-3 é ideal para pequenos detalhes, pois o caminho é criado exatamente de acordo com a seleção e não é simplificado arbitrariamente pelo programa.
Passo 5
O bico do pássaro não é monocromático, mas tem várias cores que podem ser apresentadas com um gradiente na versão vetorial. Selecione a opção Gradiente na paleta de camadas para preencher o caminho.
Passo 6
Primeiro, selecione o tipo de gradiente Preto para branco e defina o ângulo apropriado na caixa de diálogoPreenchimento de gradiente.
Passo 7
Pode adicionar qualquer cor ao gradiente, que atualmente é preto e branco. Faça duplo clique na barra de gradiente e defina as cores vermelho e amarelo na caixa de diálogo Editar gradientes, como mostra a captura de ecrã.
Passo 8
Também pode criar a parte inferior do bico da mesma forma como descrito nos passos 2 a 7. Preste atenção à ordem das camadas. O princípio do posicionamento das camadas é muito simples. A camada com a parte inferior do bico fica por baixo da camada com a parte superior.
Passo 9
Crie algumas formas na parte superior e inferior do bico que realcem a estrutura do bico. Pode criá-las com a ferramenta laço e convertê-las num caminho.
Passo 10
As formas criadas não são preenchidas comgradientes, mas com uma cor. Para fazer isso, selecione a opção Cor sólida na paleta de camadas.
Passo 11
Na captura de ecrã pode ver quantas camadas de preenchimento tem a versão vectorizada do bico. A boca foi preenchida com a cor preta. Basicamente, pode parar as explicações aqui, porque as técnicas serão agora mais ou menos repetidas. Mas isso não seria justo, porque há mais algumas dicas que vão facilitar o seu trabalho e eu não quero escondê-las de si.
Passo 12
Para uma melhor visão geral, faz sentido combinar as camadas de preenchimento que se encaixam tematicamente em grupos de camadas. Pode selecionar as camadas que compõem o bico mantendo premida a tecla Shift e combiná-las num grupo utilizando a combinação de teclas Ctrl+G. Dê ao grupo o nome de "Bico".
Passo 13
Clique na camada de fundo e crie uma seleção da cabeça do pássaro usando a ferramenta laço. Utilize a opção Adicionar à Seleção para a ferramenta laço para que não tenha de selecionar a forma de uma só vez, mas possa criar a seleção de forma mais conveniente em secções. Converta a seleção num caminho, selecione uma tolerância de 2 e preencha a forma com a cor azul.
Passo 14
Se não estiver satisfeito com a forma do caminho, pode arrastar os pontos de ancoragem do caminho e ajustar a forma. Para o fazer, selecione a ferramenta de seleção direta e a ferramenta de seleção de caminho.
Passo 15
Para evitar que a forma desenhada da cabeça oculte outros detalhes, como os olhos e as penas, pode reduzir temporariamente a opacidade da camada de preenchimento para cerca de 50%.
Passo 16
Desenhe as formas com uma cor azul ligeiramente mais clara na parte de cima e de trás da cabeça. Certifique-se de que as camadas pertencentes à cabeça não se sobrepõem ao grupo de camadas com o bico.
Passo 17
Pode utilizar a mesma técnica para a plumagem na cabeça da ave. Desenhe várias "penas" pequenas com a ferramenta laço (opção Adicionar à seleção) e depois converta-as todas juntas num caminho. Depois, preencha o caminho com uma cor azul escura.
Passo 18
Quando tiver terminado todas as formas da cabeça, pode definir a opacidade da camada inferior com o contorno da cabeça de volta para 100%. Combine as camadas da cabeça num grupo de camadas.
Passo 19
Comece por modelar os olhos. Para que possa reconhecer tudo na imagem original sob o grupo com a cabeça, reduza a opacidade de todo o grupo da cabeça para cerca de 30-50%. Crie as formas mais escuras por baixo dos olhos.
Passo 20
Crie a forma do globo ocular e preencha-o com uma cor vermelha escura.
Passo 21
Crie outras formas, como a pupila, que será preenchida com preto, um reflexo de luz na pupila, que pode preencher com cor branca. Combine as camadas do olho num outro grupo de camadas.
Passo 22
Como já foi descrito, crie as camadas com as quais irá vetorizar o pescoço do pássaro.
Passo 23
Pode brincar um pouco com os detalhes onde as coisas ficam particularmente coloridas, como o peito do pássaro. Primeiro, crie a forma básica, como fez com a cabeça, e depois a forma com as penas, que preenche com uma cor ligeiramente mais escura.
Passo 24
Depois duplique a camada com a estrutura mais três vezes. Dimensione as cópias da camada de preenchimento com a estrutura, desloque-as ligeiramente em relação à primeira camada com a estrutura e altere a cor do preenchimento fazendo duplo clique na miniatura da camada de preenchimento. Quando tiver terminado de distribuir as estruturas, pode fundir as camadas num grupo de camadas.
Passo 25
Com as penas maiores, também pode facilitar o seu trabalho trabalhando com cópias das camadas de preenchimento. Primeiro crie uma camada de preenchimento com a forma de uma pena e com um gradiente de verde claro para verde escuro.
Passo 26
Faça uma cópia da camada de preenchimento e mova-a para outro local. Desta forma, pode criar um grande número de penas clonadas. Para evitar que elas pareçam muito parecidas, você pode rotacionar algumas das camadas de forma usando o comando Transformação Livre.
Passo 27
Conecte as camadas de penas em um grupo de camadas.
Passo 28
Para dar às penas um pouco mais de estrutura, você pode usar outro truque. Duplique o grupo de camadas com as penas e reduza-o para que a estrutura do grupo de penas seja ligeiramente deslocada do original.
Passo 29
Crie uma máscara de camada no grupo de camadas com as penas reduzidas e selecione a ferramenta de gradiente com a opção Primeiro plano transparente, cor de primeiro plano preta. Desenhe um gradiente de máscara como mostrado com a seta na imagem.
Passo 30
Como pode ver, pode converter todo o desenho do pássaro e do ramo em vectores da forma descrita nos passos anteriores. É importante dividir a estrutura de camadas em grupos de camadas; isto dar-lhe-á uma melhor visão geral.
Passo 31
Para criar o fundo da imagem, utilize as mesmas técnicas que descrevi neste tutorial. Se utilizar a ferramenta Forma personalizada, pode aceder à biblioteca do Photoshop, onde estão disponíveis muitos padrões interessantes para o seu design. Também pode guardar os seus próprios padrões e utilizá-los.
Passo 32
Se quiser evitar que uma forma que está em cima de outra ultrapasse os seus limites (no nosso exemplo, é uma forma de desenho livre que não deve ultrapassar os limites do quadrado), utilize a opção de máscara de recorte, que pode ativar clicando entre duas camadas enquanto mantém premida a tecla Alt .
E é este o aspeto da imagem finalizada.
