Passo a passo da ilustração vetorial em Flash: 8 etapas

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:39

Muitas vezes é muito difícil envolver a ilustração vetorial às vezes - especialmente para iniciantes. Enquanto a maioria dos ilustradores tende a usar os aplicativos maiores e mais ortodoxos de ilustração, como Adobe Illustrator e Freehand, eu escolho usar o Flash por causa de suas ferramentas de desenho simples e amigáveis para animação. Pretendo escrever alguns deles, mas primeiro quero estabelecer o básico antes mesmo de escrever sobre sombreamento e tom, então yeaaaaaaaah! Claro, tudo o que aparece neste tutorial pode ser facilmente realizado usando pacotes alternativos - percorrerei meu fluxo de trabalho geral por causa do tutorial e cobrirei o processo usado para criar a ilustração que você vê de Steve sendo atacado por polvo.

Etapa 1: Obtenha o equipamento certo

Ok, o suficiente de tagarelice. Para este tutorial, tudo que você precisa é o Flash e um desenho para trabalhar. Eu recomendo um rascunho digitalizado, ou algo desenhado no Photoshop ou Alias Sketchbook (o que eu costumo usar). Mencionarei que um tablet de desenho é definitivamente desejável para conseguir um trabalho de linha preciso e também tornar o processo mais rápido (tablets são ninja rápidos).

Etapa 2: Faça um esboço

Antes mesmo de abrir o Flash, você deve sempre esboçar o conceito primeiro. Mesmo que sejam blocos e elementos simples para estabelecer a composição. Quanto mais bagunça você faz no início determina quantos ajustes e refinamentos tediosos você precisará aplicar ao seu produto final. Freqüentemente, eu desenharei elementos de forma realmente solta algumas vezes até ter uma ideia geral deles, e começo a colocar os rascunhos um em cima do outro até que eu tenha uma forma agradável e equilibrada. No esboço do polvo acima, é um pouco mais detalhado do que normalmente atacaria um desenho, porque estava sendo usado para um projeto. No entanto, se você detalhar sua imagem no início, isso significa que não terá que se preocupar em adicionar e tocar seu trabalho de linha vetorial ao colorir e sombreamento.

Etapa 3: Alinhe

Ok, agora você pode abrir o Flash!

• Crie um novo documento e defina-o com algo bom e grande (1280 × 1024 pixels é um bom começo).
• Crie uma nova camada e adicione seu esboço a ela. Escale-o para que se ajuste ao tamanho do palco razoavelmente bem. Defina a camada para o modo de guia e bloqueie-a.
• Novamente, crie uma camada, mas desta vez adicione-a acima da primeira e crie um quadro-chave em branco.

layers.jpgVocê agora deve ter uma configuração de camada que se parece com a imagem acima. Agora que está tudo configurado, pegue a ferramenta de linha (o atalho é “N”) e defina-a com uma cor completamente diferente da linha original. Normalmente, faço esboços a lápis do animador azul, então uso o vermelho para facilitar a distinção entre as linhas vetoriais e as ásperas. Um traço de linha de 1 pixel funciona muito bem - mantenha essa largura.

Etapa 4: Flexibilidade

No que diz respeito à técnica de revestimento, é bastante simples.

chord-j.webp

Etapa 5: Aqui está um que preparei anteriormente

Isso é o que eu acabei fazendo depois de alinhar tudo

Etapa 6: bloqueado em cores

Comece a preencher as cores básicas com a ferramenta balde

Etapa 7: Sombreamento Básico

Este bit é realmente para você experimentar. Freqüentemente, escolho apenas o que “sente”? para a direita e ajustar e ajustar a partir daí. Preencha suas cores principais com a ferramenta de preenchimento e elabore algo que complemente o grupo de cores na cena. Com meu estilo vetorial, geralmente sombreio uma camada acima e, em seguida, mesclo de volta para baixo e, em seguida, apago todo o trabalho de linha.

O sombreamento é simplesmente uma questão de amostrar a cor de base e mover para cima e para baixo dos tons médios. Quanto mais dura a iluminação, mais longe você deve se desviar dos tons. Para evitar grandes passos, o sombreamento e o realce de dois tons são uma ótima maneira de quebrar as divisões tonais severas. Considere a direção da fonte de luz e projete as sombras na direção oposta, enquanto mantém a face do armário voltada para a fonte destacada. O método mais fácil de selecionar valores tonais é mover o controle deslizante de brilho para cima e para baixo enquanto o meio-tom relevante é selecionado. Isso evitará que qualquer tingimento estranho ocorra com o sombreamento.

Etapa 8: Arrumando a Composição e Conclusão

Depois que a coloração for classificada, os detalhes podem ser adicionados. Eu adicionei ventosas ao polvo e algumas bolhas e outras coisas para tornar a composição mais diversa. Eu adicionei alguns elementos de primeiro e segundo plano à composição, duplicando algumas bolhas e variando os tamanhos para equilibrar a moldura. Cada um tem seu próprio estilo único, então continue brincando com as ideias até encontrar algo legal. Uma peça vetorial é tão forte quanto o conceito por trás dela e seus próprios limites. Praticamente tudo é possível com a arte vetorial, você só precisa ter paciência e habilidade (após a prática) para ser capaz de traduzir pensamentos em “arte”. aqui está um monte de ilustrações que fiz usando este fluxo de trabalho. Bem, acho que isso conclui o primeiro de muitos guias, acho que vou sair de mim de vez em quando. Espero que isso lhe dê uma visão geral do fluxo de trabalho que sigo. Esta metodologia geral pode ser aplicada a todas as formas de ilustração e animação. Se você tiver alguma dúvida, sinta-se à vontade para me enviar um e-mail, postar um comentário ou me rastrear nos fóruns KirupaCheers!