Consejos y herramientas para crear animaciones de Spritesheet

23

Estoy buscando una herramienta que pueda usar para crear una hoja de sprites fácilmente.

En este momento estoy usando Illustrator, pero nunca puedo obtener el centro del personaje en la posición exacta, por lo que parece que se está moviendo (aunque siempre está en un lugar), mientras estoy en bucle a través de la hoja de sprite. ¿Hay alguna herramienta mejor que pueda estar usando?

Además, ¿qué tipo de consejos darías para trabajar con una hoja de sprites? ¿Debo crear cada parte del personaje en capas individuales (brazo izquierdo, brazo derecho, cuerpo, etc.) o todo a la vez? ¡cualquier otro consejo también sería útil! gracias

graphics animation art sprites spritesheet Fantasmas
fuente
¿Dónde usas algún script para exportar la hoja de Sprite desde Illustrator? Estoy usando mi propio script de Photoshop pero también me gustaría algo para Illustrator.
rraallvv

Respuestas:

13

De los problemas que tiene, le recomiendo que haga lo siguiente:

Primero, trabaje con capas y carpetas. Realmente ayuda, agrupe sprites individuales en carpetas para que pueda moverlos todos y las partes que se replican deberían existir en capas separadas.

(Entonces, si hay una espada o algo así, debe estar en una capa, los ojos deben estar en una capa, etc.). Ahí es donde está el verdadero poder de este tipo de aplicaciones para tal tarea. Si arruinas algo, no lo arruinas todo solo esa capa.

Luego, habilite la regla y habilite la cuadrícula. (Tómese también el tiempo para configurarlos correctamente en el menú de preferencias). Si hace clic en la regla y la arrastra, puede crear pautas. Establecer sus propios límites utilizando las pautas le permitirá ajustar los sprites (que ahora deberían estar en carpetas) a las líneas de la cuadrícula, lo que le permitirá posicionarlos mucho mejor.

Entonces, finalmente, si las cosas todavía parecen un poco desfasadas cuando se reproduce la animación. Si amplía completamente (es posible que deba asegurarse de que esté habilitado en el menú de preferencias) puede ver una cuadrícula individual por píxel. Lo que debería permitirle colocar las cosas exactamente donde las necesita.

Jesse Dorsey
fuente
Por cierto, esta publicación habla sobre cómo usar Photoshop para este caso.
44
@Sergio, no necesariamente, PhotoShop no es el único software de edición de imágenes que tiene capas, guías, reglas y cuadrículas por píxel.
AttackingHobo
@ Sergio pensó que mencioné que recomendaría PS sobre ilustrador en este caso. Pero sí, IIRC todavía debería poseer todas esas características en la misma suite que Photoshop. Sin embargo, no he abierto nada más que Photoshop y After Effects desde hace un tiempo.
Jesse Dorsey
@AttackingHobo: mencionó las pautas de ajuste haciendo clic en la cuadrícula; esa acción se usa principalmente en Photoshop y el 99% de los tutoriales que cualquiera encontraría al buscar eso devolvería los resultados de Photoshop.
@ Sergio gracias por recordarme, se supone que debes hacer clic y arrastrar desde la regla. Pero sí, Illustrator tiene la capacidad de crear guías. Así que no creo que ninguna de esta información sea falsa.
Jesse Dorsey
4

Si tiene modelos 3D, hay un programa creado por EnvyGames, SpriteWorks , que creará hojas de sprites 2D de los modelos para usted. Le permite reproducir animaciones y personalizar un montón de cosas.

Creo que es un poco caro para lo que es, $ 49.99.

Aquí hay un tutorial sobre cómo usar SpriteWorks

Crear Sprites a partir de modelos 3D - EnvyGames

David Young
fuente
3

Tu pregunta se parece mucho a la que respondí aquí: ¿Cuál es una buena herramienta para producir sprites animados?

Básicamente, puede crear sus animaciones en el programa que prefiera. Cuando use Illustrator, le sugiero que cree los pasos de animación en capas o que incluso importe la obra de arte en Flash para animación (desde Flash CS4 también puede crear huesos en flash. Consulte aquí un tutorial ).

Una vez que haya realizado sus animaciones, simplemente exporte los marcos a imágenes y luego use el método descrito en mi respuesta (arriba) para crear una hoja de sprites.

bummzack
fuente
2

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

Whoops: disculpas por astuto autopromoción. Pero esto podría ser justo lo que estás buscando.

EDITAR: solo una actualización de que he hecho que esta herramienta sea gratuita y de código abierto. https://github.com/darkFunction/darkFunction-Editor

Sam
fuente
Dado que este es su propio producto, dígalo, está en las Preguntas Frecuentes
John McDonald
que es una buena herramienta, usando mi propio flujo de trabajo ahora con capas, que funciona bien, aunque un poco lento, podría tener que ver en esto un poco más
Spooks
1

Sprite Animation Software crea automáticamente una hoja de sprites que contiene una secuencia ordenada de todos los cuadros de animación de sprites. Este software no funciona con hojas de sprites ya creadas: crea una hoja de sprites con orientación prescrita (vertical, horizontal o de mesa) y tamaño prescrito.

La animación de Sprite es creada por la misma herramienta usando modelos y texturas con bisagras de 2d-bones. ver video en youtube

qvatra
fuente
Nuestras preguntas frecuentes recomiendan las respuestas que son "apenas más que un enlace a un sitio externo". ¿Quizás agregar algún detalle que explique qué hay allí y por qué es útil para este interrogador? :)
Cameron Fredman
0

He estado usando Texture Packer para crear sprites desde una carpeta de imágenes PNG. Estoy portando un juego desarrollado originalmente en Flash, así que simplemente estoy exportando cada fotograma de MovieClip a png y luego importando esas imágenes en Texture Packer.

Otra herramienta similar es Zwoptex

(El último es el software de Mac, pero TP también tiene una versión para Windows).

jhocking
fuente