Como criar um sprite de personagem em pixel art com IA e depois animá-lo

Personagens são a arte mais difícil de um jogo 2D. Um objeto só precisa ficar bom uma vez; um herói ou um monstro precisa ser reconhecido num relance, combinar com todos os outros sprites e depois se mexer, em todas as direções.
Neste tutorial, você vai criar um sprite de personagem em pixel art com IA na PixelVibing, a partir de uma frase, e depois animá-lo sem desenhar um único quadro.
Digitado: "a small green slime with big eyes" (um pequeno slime verde de olhos grandes). A PixelVibing desenhou, deu o nome "Marshland Slime" e escreveu uma descrição que combina com o jogo para o qual ele foi feito.
Do que você precisa
- Uma conta na PixelVibing. Toda conta nova começa com créditos grátis.
- Um projeto com um guia de estilo. Se você ainda não tem um, siga o passo 1 de Como criar assets de pixel art para jogos com IA.
Passo 1: Descreva a criatura, não um prompt
Escreva o que o personagem é, do jeito que você explicaria para um artista:
- Bom: "uma raposa laranja pequena e simpática", "um ferreiro anão rabugento com avental sujo de fuligem", "um esqueleto arqueiro de cota de malha enferrujada".
- Desnecessário: "8-bit, 64x64, estilo pixel art, trending, alto detalhe". O guia de estilo já diz como é a arte do seu jogo, então essas palavras só atrapalham.
No app web ou no Editor, escolha Creature e digite a descrição. Pelo terminal:
pixel-vibing-cli generate creature --instruction "a small friendly orange fox" --yes
Passo 2: Adicione até três referências (opcional)
Tem um rascunho, uma foto do seu gato ou um print de um jogo cujos personagens você adora? Adicione até três imagens de referência. Elas guiam o design, enquanto o seu guia de estilo mantém a paleta, o contorno e a escala iguais aos do resto do jogo.
pixel-vibing-cli generate creature --instruction "my cat as a tiny wizard" --reference cat.png --yes
Passo 3: Anime o personagem
Um sprite parado é metade de um personagem. Envie-o da Biblioteca para a página Motion do Editor para desktop, e ele pode ganhar:
- Todas as oito direções (ou quatro), para virar com suavidade em um mapa com visão de cima.
- Estados: parado, no meio da caminhada, no meio da corrida, no meio do ataque, pulo, agachado, ferido e morte, cada um desenhado em todas as direções e guardado junto com a criatura.
- Animações, como ciclos de caminhada e idles, cada uma partindo de um desses estados, prontas para as sprite sheets da sua engine.
A parte mais difícil de desenhar à mão, manter o personagem igual em todos os quadros, é feita para você.
Passo 4: Ajuste qualquer pixel
Quer os olhos maiores ou o cachecol em outro tom de vermelho? Abra a criatura no Workbench do Editor para desktop, um editor de pixels completo, com a paleta, as oito vistas e os quadros de animação dela. Corrija um pixel ou repinte um quadro inteiro. Veja Como editar pixel art de IA no Editor da PixelVibing.
Passo 5: Coloque no seu jogo
Exporte o sprite e as animações dele como sheets para PixiJS, Phaser ou Godot:
pixel-vibing-cli export phaser
Ideias de personagens que funcionam bem
- Monstros iniciais: um slime, um morcego, um cogumelo, um rato. Formas simples ficam legíveis em tamanhos pequenos.
- Moradores da cidade: descreva uma profissão ("um peixeiro de avental listrado") em vez de uma personalidade.
- Chefes: descreva a silhueta ("um caranguejo enorme com uma pinça gigante") para que ele se destaque na tela.
- Pets e companheiros: pequenos, redondos e coloridos, para se destacarem contra o chão.
Perguntas frequentes
Qual vai ser o tamanho do meu sprite? O tamanho que o seu guia de estilo define para o jogo, desenhado na grade de pixels de verdade, para ampliar sem perder a nitidez.
O segundo personagem vai combinar com o primeiro? Sim. Os dois são desenhados a partir do mesmo guia de estilo, e é exatamente para isso que ele existe.
Posso usar comercialmente? Sim, o que você cria é seu.
Próximo: dê aos seus personagens um lugar para andar. Leia Como criar um tileset de pixel art sem emendas com IA.