Criação de personagem de jogo

Tutorial do Inkscape

Vamos começar com um simples personagem 2D. Há muitos recursos e tutorial por aí sobre criação de personagens e animação. A maioria foi escrita por e para artistas e animadores. Vamos com uma abordagem mais simples. Tentarei dividir os elementos básicos e fácil de seguir passos.

Nota:
Algumas das técnicas utilizadas neste tutorial foram abordadas no post anterior. Eles devem ajudá-lo a trabalhar o seu caminho através deste tutorial que é um pouco mais complexo.

O Básico

 

Algo semelhante a isso pode ser encontrado ao pesquisar online por exemplos de 'animação de caracteres 2D'. Um corpo simplificado mostra a cabeça, o corpo e os membros movendo-se através de um ciclo de animação (por exemplo, uma caminhada). Traduzir esses exemplos para um personagem de jogo real é a parte complicada.

 

Vamos pegar o personagem e dividi-lo em suas partes. É feito da cabeça, do corpo, dos braços superiores e inferiores, das mãos, das pernas superiores e inferiores e, finalmente, dos pés.

Os Exemplos

 

Os mesmos elementos (com a adição de um pescoço e um conjunto de asas) compõem esse caráter de fada.

Esta versão nua de um encanador famoso...

ou esse personagem ninja...

... ou este personagem de jogo pequeno criado para um modelo de jogo de telefone celular é baseado no mesmo princípio de membros separados.

Juntar as partes superior e inferior dos membros reduz o caráter para ainda menos partes.

As Proporções

Ao criar seu personagem, mantenha o espaço disponível e as proporções em mente para garantir que o personagem se encaixe nas necessidades do jogo interno.

O tamanho real dentro do jogo é o ponto de partida para criar o seu personagem de jogo.

A altura e largura disponíveis determinam as proporções do caractere e o nível de detalhes.
Membros finos e longos e um alto nível de detalhes podem ficar bem na ilustração do vetor, mas podem causar problemas ao levá-lo a uma imagem de bitmap de pequeno porte.

Criar e animar um personagem com muitos detalhes ocupa mais tempo. Certifique-se de que é visível.

Vamos começar...

Finalmente, é hora de começar a ser criativo. Construir um personagem a partir do zero começa com a cabeça, depois o corpo e os membros antes de montar os elementos na figura final.

Nota:

Ao trabalhar a partir de um esboço, rabisco ou desenho de conceito é útil importar a imagem do bitmap em uma nova camada na parte inferior da sua pilha e trabalhar na parte superior (Camada/ Adicionar camada ou SHIFT+CTRL+N). Traga as camadas (SHIFT+CTRL+N), selecione a camada de esboço e importe o bitmap. Bloqueie a camada e selecione a camada de trabalho (por exemplo, camada 1).

Começando

Comece com alguns círculos.
Converta o nariz em um caminho e modifique os nódulos para formar uma forma de nariz. Crie um preenchimento de gradiente para fazer o nariz se destacar e adicionar mais alguns círculos. Modele as sobrancelhas converta a cabeça em um caminho [SHIFT & CTRL & C] e modele-a para formar um queixo.

Adicione mais dois círculos para um chapéu modificar os nódulos do topo para conectar.

Adicione outro círculo e um quadrado para alguma decoração.

Modifique o círculo para formar a base para uma pena. Use a ferramenta linhas retas para criar alguns triângulos.

Use o comando Caminho/Diferença para 'cortá-los' Selecione os elementos do chapéu e gire-os um pouco.

Adicione mais círculos para um cabelo no pescoço e uma orelha. Abaixe e levante objetos [Page Up & Page Down] para colocar o cabelo e a orelha abaixo do chapéu.

O Corpo

O corpo é feito de um círculo modificado. Uma duplicata é combinada via (Path/ Intersection) com o círculo mais escuro para as calças.

Adicione um retângulo para o cinto, um círculo e um triângulo para a camisa. Converta o retângulo em um caminho [SHIFT & CTRL & C] e modele-o para formar o cinto.

Os braços são compostos de mais dois círculos e um retângulo com cantos arredondados.

Modifique os nódulos depois de converter os objetos em caminhos. Adicione duplicatas e escureça um pouco as cores.

Comece com outro círculo, converta-o em um caminho e modifique-o para formar o sapato.

Uma duplicata da forma funciona como a sola e dois círculos adicionam um pequeno detalhe ao sapato.

Adicione uma duplicata do objeto de braço curvo para a perna. Agrupá-lo e criar uma duplicata do grupo.

A Configuração

 

Monte os objetos e abaixe e levante-os (Page Up & Page Down) para camada corretamente. Disponha o braço e a perna na parte inferior da pilha e o braço dianteiro na parte superior.

Nota:
Facilite a animação do personagem mais tarde. Elementos de grupo e atribuir pontos de pivô em posições melhores é realmente útil. Girar, por exemplo, um braço em seu centro faz pouco sentido. Mova o pivô para virar no ombro. Faça grupos lógicos. Para isso, selecione objetos que 'pertencem' juntos, agrupa-os e mova o ponto de pivô do grupo para a junta correspondente.

O chapéu, por exemplo, se transforma em um capacete...

Adicione alguns círculos para formar um escudo...

Uma lança composta de quatro círculos modificados transforma o personagem em um guarda ou cavaleiro.

Agrupar os objetos do sapato e definir o pivô para o tornozelo. Continue com as outras peças e ajuste os pivôs para estar em "lugares conjuntos".

Depois, mova os grupos e gire-os para o lugar.

Nota:
Alguns programas vetoriais (por exemplo, Corel Draw) permitem hierarquias de grupo. Você pode agrupar o grupo de sapatos na perna e movê-los juntos, em seguida, STRG & Clique no grupo de sapatos e, em seguida, gire o sapato na nova posição.

Isso conclui o processo de criação. Agora é hora de entrar e brincar com as formas e criar algumas variações. Vamos aproveitar ao máximo os objetos que criamos até agora.

As Variações

 

Agora é hora de mudar os pontos de pivô para girar as partes do corpo corretamente.

Selecione os objetos do corpo
. Agrupa-os e clique duas vezes para chegar ao ponto de pivô. Mova a cruz marcando-a para a área do quadril.

Faça o mesmo com os braços. Depois de mudar o ponto de pivô para a mão agrupar o braço e mudar o ponto de pivô do grupo.

Uma cor diferente para o sapato e dois quadrados formando a fivela são combinados por diferença.

Um longo retângulo com cantos arredondados e alguns círculos formam um cetro para o rei.

Sua coroa é composta pela faixa do chapéu e o topo encolhido da cabeça – duplicado e colorido.

As silhuetas são outra modificação rápida quando um personagem é configurado. Um novo conjunto de olhos e alguma decoração completam essa transformação.

Uma mudança de brilho e coloração pode facilmente mudar o visual e a sensação. Neste caso, é uma mudança para o amarelo, bem como alguma desaturação.

Espero que tenham gostado do tutorial até agora. Divirta-se com vetores e fique ligado para o próximo post 'Levando em animação em Inkscape'.

---

Obtenha gratuitamente a arte de origem (svg, pdf, designer de afinidade e arquivo coreldraw) deste tutorial!
(só inclui o personagem principal criado no tutorial mais a 'cena do rei')