Cómo crear un Sprite que camina: 9 pasos

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:40

Aquí aprenderás a crear un sprite andante.

Suministros necesarios:

Computadora (cualquier tipo servirá)

Internet (duh)

Navegador web (cualquier otro navegador web que no sea Internet Explorer o Safari)

Paso 1: abre el sitio web

Vaya a este enlace https://piskelapp.com/ este sitio web no funciona con safari porque no guarda su proyecto.

Paso 2: crea una cuenta

Cree una cuenta y haga clic en iniciar sesión y use su cuenta de Google preferida. Esto te creará una cuenta sin pedir nada, todo es automático.

Paso 3: Cómo crear un Sprite

Después de eso, haga clic en crear un objeto. Después de eso, mire al costado para ver el mini menú como se muestra en la imagen de arriba. Después de hacer clic en cambiar tamaño, decida su tamaño, use 90 por 90 si desea algo grande (en este caso, estamos usando el tamaño predeterminado de 32 por 32) después de hacer eso, haga clic en el botón de cambio de tamaño.

Paso 4: diseña un personaje

Diseña tu personaje, asegúrate de que tenga brazos y piernas despejados porque eso es lo que más usaremos. Estamos usando un diseño más simple, pero puede hacer el suyo tan complejo como desee. Para crear el personaje usa herramientas como el pincel y los colores. Para elegir colores debe hacer clic en la pestaña de color, y luego puede elegir su color preferido. Si desea utilizar la pestaña de otro color, haga clic en el botón de cambio de color en la parte inferior.

Paso 5: Crea fotogramas clave

Es posible que se pregunte qué es un fotograma clave, los fotogramas clave son los fotogramas principales que verá el espectador. Primero, crea un marco de tu personaje parado. Luego créelos a mitad de camino (como se muestra en la imagen de arriba).

Paso 6: crea el resto de los marcos

Crea los marcos intermedios. Primero debes mover los brazos y las piernas ligeramente (pero ni demasiado ni demasiado), esto hará que el personaje parezca que tiene más fluidez. Muévalos cada nuevo fotograma hasta que coincidan con los fotogramas clave de fotograma que vienen después de ellos. Luego mueva las piernas ligeramente hasta que se crucen juntas. luego vuelva a crear los fotogramas antes de la cruz en orden inverso (recuerde recrear el fotograma de mitad de ejecución después). Luego, vuelva a crear los marcos antes de la mitad de la ejecución (incluido el marco parado).

Paso 7: animación polaca

Agregue algunos colores y algunas características de diseño para hacer que su personaje sea único y recuerde hacerlo para todos los marcos. Todos los colores anteriores que usaste se guardarán en la sección más pálida al costado de la pantalla, independientemente de si aún los usas.

Paso 8: Exportar

Regrese a la mini barra lateral que hicimos antes y haga clic en exportar la animación. Aquí puedes elegir la escala / tamaños y puedes elegir si lo quieres como gif,-p.webp

Paso 9: Listo

Una vez hecho esto, puede compartir su animación en cualquier lugar.