Dicas e ferramentas para criar animações de planilha

23

Estou procurando uma ferramenta que eu possa usar para criar folhas de sprite facilmente.

No momento, estou usando o Illustrator, mas nunca consigo colocar o centro do personagem na posição exata, então parece que ele está se movendo (mesmo estando sempre em um só lugar), enquanto percorre a folha de sprite. Existe alguma ferramenta melhor que eu possa estar usando?

Além disso, que tipo de dicas você daria para trabalhar com uma folha de sprite? Devo criar cada parte do personagem em camadas individuais (braço esquerdo, braço direito, corpo etc.) ou tudo de uma vez? quaisquer outras dicas também seriam úteis! obrigado

graphics animation art sprites spritesheet Assustadores
fonte
Onde você está usando algum script para exportar a folha de sprite do Illustrator? Estou usando meu próprio script do Photoshop, mas também gostaria de algo para o Illustrator.
rraallvv

Respostas:

13

Dos problemas que você está tendo, recomendo que você faça o seguinte:

Primeiro, trabalhe com camadas e pastas. Realmente ajuda: agrupe sprites individuais em pastas para que você possa mover todo o conjunto, e as partes replicadas devem existir em camadas separadas.

(Portanto, se houver uma espada ou algo que deva estar em uma camada, os olhos devem estar em uma camada etc.). É aí que o poder real desse tipo de aplicativo é para essa tarefa. Se você estraga alguma coisa, não estraga tudo apenas nessa camada.

Em seguida, ative a régua e ative a grade. (Também reserve um tempo para configurá-los corretamente no menu de preferências). Se clicar na régua e se afastar dela, você poderá criar diretrizes. Definir seus próprios limites usando as diretrizes permitirá que você encaixe os sprites (que agora devem estar em pastas) nas linhas de grade, permitindo que você os posicione muito melhor.

Finalmente, se as coisas ainda parecerem um pouco fora de fase quando a animação estiver sendo reproduzida. Se você ampliar o zoom até o fim (talvez seja necessário garantir que isso esteja ativado no menu de preferências), poderá ver uma grade individual por pixel. O que deve permitir que você coloque as coisas exatamente onde você precisa.

Jesse Dorsey
fonte
A propósito, este post está falando sobre como usar o Photoshop para este caso.
4
@Sergio, não necessariamente, o PhotoShop não é o único software de edição de imagens que possui camadas, guias, regras e grades por pixel.
precisa
@Sergio pensei que eu mencionei que eu recomendaria PS sobre ilustrador neste caso. Mas sim, o IIRC ainda deve possuir todos esses recursos no mesmo conjunto que o Photoshop. Eu não abri nada, mas Photoshop e After Effects por um tempo agora embora.
Jesse Dorsey
@ AttackingHobo - ele mencionou as diretrizes de snap clicando na grade; essa ação é usada principalmente no Photoshop e 99% dos tutoriais que qualquer pessoa encontraria pesquisando retornaria os resultados do Photoshop.
@Ergio Obrigado por me lembrar, você deveria clicar e arrastar da régua. Mas sim, o Illustrator tem a capacidade de criar guias. Portanto, não acho que nenhuma dessas informações seja falsa.
Jesse Dorsey
4

Se você possui modelos 3D, existe um programa da EnvyGames, SpriteWorks , que fará com que as folhas de sprite 2D sejam feitas a partir dos modelos. Permite reproduzir animações e personalizar várias coisas.

Eu acho que é um pouco caro para o que é, US $ 49,99.

Aqui está um tutorial sobre como usar o SpriteWorks

Criando sprites a partir de modelos 3D - EnvyGames

David Young
fonte
3

Sua pergunta se parece muito com a que eu respondi aqui: Qual é uma boa ferramenta para produzir sprites animados?

Você pode basicamente criar suas animações no programa que preferir. Ao usar o Illustrator, sugiro que você crie as etapas da animação em camadas ou importe a arte para o Flash para animação (desde o Flash CS4 você também pode criar ossos no flash. Consulte aqui para obter um tutorial ).

Depois de concluir as animações, basta exportar os quadros para imagens e, em seguida, use o método descrito na minha resposta (acima) para criar uma folha de sprite.

bummzack
fonte
2

http://www.darkfunction.com/editor/

Ops: desculpas pela auto-promoção furtiva. Mas isso pode ser exatamente o que você está procurando.

Edição: Apenas uma atualização que eu fiz esta ferramenta livre e de código aberto. https://github.com/darkFunction/darkFunction-Editor

Sam
fonte
Uma vez que este é o seu próprio produto, por favor, dizer assim, é no FAQ
John McDonald
que é uma boa ferramenta, usando o meu próprio fluxo de trabalho agora com camadas, que funciona bem, embora um pouco lento, pode ter que olhar para isso um pouco mais
Spooks
1

O Sprite Animation Software cria automaticamente uma folha de sprite que contém uma sequência ordenada de todos os quadros de animação do sprite. Este software não funciona com folhas de sprite já criadas - ele cria uma folha de sprite com orientação prescrita (vertical, horizontal ou tabela) e tamanho prescrito.

A animação do Sprite é criada pela mesma ferramenta usando modelos e texturas 2d-bones com dobradiças. assista ao vídeo no youtube

qvatra
fonte
Nossas Perguntas frequentes recomendam respostas que são "pouco mais que um link para um site externo". Talvez adicione alguns detalhes explicando o que há e por que é útil para esse questionador? :)
Cameron Fredman
0

Eu tenho usado o Texture Packer para criar sprites a partir de uma pasta de imagens PNG. Estou portando um jogo originalmente desenvolvido em Flash, simplesmente exportando cada quadro do MovieClip para png e importando essas imagens no Texture Packer.

Outra ferramenta semelhante é o Zwoptex

(O último é o software Mac, mas o TP também possui uma versão para Windows.)

jhocking
fonte