Conseils et outils pour créer des animations Spritesheet


23

Je recherche un outil que je peux utiliser pour créer facilement une feuille de sprite.

En ce moment, j'utilise Illustrator, mais je ne peux jamais obtenir le centre du personnage à la position exacte, il semble donc qu'il se déplace (même s'il est toujours au même endroit), tout en étant en boucle à travers la feuille de sprite. Y a-t-il de meilleurs outils que je peux utiliser?

Quel type de conseils donneriez-vous également pour travailler avec une feuille de sprite? Dois-je créer chaque partie du personnage en couches individuelles (bras gauche, bras droit, corps, etc.) ou tout à la fois? tout autre conseil serait également utile! Je vous remercie


Où utilisez-vous un script pour exporter la feuille de sprite d'Illustrator? J'utilise mon propre script Photoshop mais j'aimerais aussi quelque chose pour Illustrator.
rraallvv

Réponses:


13

Parmi les problèmes que vous rencontrez, je vous recommande de faire ce qui suit:

Tout d'abord, travaillez avec des calques et des dossiers. Cela aide vraiment, Regroupez les sprites individuels dans des dossiers afin que vous puissiez les déplacer dans leur intégralité et que les parties répliquées doivent exister sur des calques séparés.

(Donc, s'il y a une épée ou quelque chose, elle devrait être sur une couche, les yeux devraient être sur une couche, etc.). C'est là que réside la puissance réelle de ce type d'applications pour une telle tâche. Si vous gâchez quelque chose, vous ne gâchez pas tout simplement cette couche.

Ensuite, activez la règle et activez la grille. (Prenez également le temps de les configurer correctement dans le menu des préférences). Si vous cliquez sur la règle et que vous la faites glisser, vous pouvez créer des directives. Définir vos propres limites en utilisant les directives vous permettra d'aligner les sprites (qui devraient maintenant être dans des dossiers) sur les lignes de la grille vous permettant de les positionner beaucoup mieux.

Enfin, si les choses semblent encore un peu déphasées lors de la lecture de l'animation. Si vous effectuez un zoom avant (vous devrez peut-être vous assurer que cette option est activée dans le menu des préférences), vous pouvez voir une grille individuelle par pixel. Ce qui devrait vous permettre de placer les choses exactement là où vous en avez besoin.


Soit dit en passant, cet article explique comment utiliser Photoshop pour ce cas.

4
@Sergio, pas nécessairement, PhotoShop n'est pas le seul logiciel de retouche d'image qui a des calques, des guides, des règles et des grilles par pixel.
AttackingHobo

@Sergio pensait avoir mentionné que je recommanderais PS sur Illustrator dans ce cas. Mais oui, IIRC devrait toujours posséder toutes ces fonctionnalités dans la même suite que Photoshop. Je n'ai rien ouvert d'autre que Photoshop et After Effects depuis un certain temps maintenant.
Jesse Dorsey

@AttackingHobo - il a mentionné les directives de capture en cliquant sur la grille; cette action est principalement utilisée dans Photoshop et 99% des tutoriels que n'importe qui trouverait en recherchant cela retourneraient des résultats Photoshop.

@Sergio merci de me le rappeler, vous êtes censé cliquer et faire glisser depuis la règle. Mais oui, Illustrator a la possibilité de créer des guides. Je ne pense donc pas que ces informations soient fausses.
Jesse Dorsey



3

Votre question ressemble beaucoup à celle à laquelle j'ai répondu ici: Quel est un bon outil pour produire des sprites animés?

Vous pouvez essentiellement créer vos animations dans le programme que vous préférez. Lorsque vous utilisez Illustrator, je vous suggère de créer les étapes d'animation sur les calques ou même d'importer l'illustration dans Flash pour l'animation (depuis Flash CS4, vous pouvez également créer des os en flash. Voir ici pour un tutoriel ).

Une fois que vous avez terminé vos animations, il vous suffit d'exporter les cadres vers des images, puis d'utiliser la méthode décrite dans ma réponse (ci-dessus) pour créer une feuille de sprites.




2

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

Oups: Excuses pour l'auto-promotion sournoise. Mais c'est peut-être exactement ce que vous recherchez.

EDIT: Juste une mise à jour que j'ai rendu cet outil gratuit et open source. https://github.com/darkFunction/darkFunction-Editor


Puisque c'est votre propre produit, dites-le, c'est dans la FAQ
John McDonald

c'est un bon outil, en utilisant mon propre flux de travail maintenant avec des couches, ce qui fonctionne bien, bien qu'un peu lent, pourrait devoir examiner un peu plus cela
Spooks

1

Le logiciel d'animation de sprites crée automatiquement une feuille de sprites qui contient une séquence ordonnée de toutes les images d'animation de sprites. Ce logiciel ne fonctionne pas avec les feuilles de sprite déjà créées - il crée une feuille de sprite avec une orientation prescrite (verticale, horizontale ou table) et une taille prescrite.

L'animation de sprite est créée par le même outil à l'aide de modèles et de textures à charnières 2D. regarder la vidéo sur youtube


Notre FAQ déconseille les réponses qui sont «à peine plus qu'un lien vers un site externe». Peut-être ajouter quelques détails expliquant ce qui est là et pourquoi il est utile à ce questionneur? :)
Cameron Fredman

0

J'ai utilisé Texture Packer pour créer des sprites à partir d'un dossier d'images PNG. Je porte un jeu développé à l'origine dans Flash, donc j'exporte simplement chaque image du MovieClip en png, puis j'importe ces images dans Texture Packer.

Un autre outil similaire est Zwoptex

(Ce dernier est un logiciel Mac, mais TP a également une version pour Windows.)

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.