Como tomar un dibujo y crear sprites a partir de éste.

Tomaremos el dibujo

Este dibujo fue elegido, por tener al niño y su tabla de skate en diferentes posiciones.

Separaremos el dibujo original en 6 dibujos individuales guardando cada dibujo en un archivo diferente.

Para ello abre un Paint con el dibujo original y otro Paint en el cual guardaremos los dibujos por separado.

Seleccionamos el primer dibujo con la herramienta Selección, la copiamos y la pegamos en otro Paint nuevo (aquí agrandamos el lienzo de dibujo para que el sprite no sea tan pequeño), y en este caso, agrandamos el tamaño del sprite.

En mi caso guardé los dibujos individuales en d1, d2,d3, d4, d5 y d6.

Ahora abriremos el Pivot Animator.

Eliminaremos el hombre palito de nuestra escena.

Cargaremos nuestro sprite usando File, Load sprite image y cargaremos el primer dibujo de nuestra serie.

Se agregó una linea formando el piso, Para ello se editó un hombre palito y se borraron todos lo elementos que sobran hasta que quede una linea. Luego se agrega a la escena utilizando Add to animation,

Lo acomodamos usando el punto amarillo en el sprite en pantalla sobre la linea creada.

Ahora agregaremos el siguiente sprite.
Para ello, presionaremos en Add Frame.
Borraremos el sprite cargado anteriormente y quedará en capa de cebolla (mucho mas clarito) como referencia para colocar el siguiente sprite.

Ahora en el segundo Frame, agregaremos el siguiente dibujo (d2).

Luego de cargar todas las imágenes, podemos ver el efecto que provoca cargar uno tras uno los diferentes sprites.

El efecto terminado es:

Mis primeros pasos en la animación de sprites.

Usaremos un sprite hecho:

Lo primero que debemos hacer es elegir un personaje que tenga varias posiciones diferentes (es decir, que tenga los diferentes pasos para por ejemplo caminar).



Más adelante explicaremos como dividir los sprites.

Ahora:
Si quisieras probar como crear un sprite, una opción es utilizar el Paint.

Las condiciones para crear un sprite son:

Abrir Paint, y seleccionar en la barra de menú la opción “Imagen”, entonces ir la opción Atributos. (De forma directa puedes acceder presionando ctrl.+U) 

Debes elegir las dimensiones correspondientes. Para hacer un sprite para el ítem de fansite debes definirlo en 400 x 338, (Ancho y Alto) en unidades seleccionas píxeles y en colores, eliges colores. Y haces clic en “Aceptar”.

Luego seleccionar en la barra de menú la opción “Ver” y seleccionas la opción Zoom entonces eliges Personalizado: 

Para poder visualizar los pixeles, ve a las opción de la barra de Menú “Ver” y seleccionas Zoom, entonces eliges mostrar cuadricula. (Ctrl.+M para que lo hagas de forma rápida) entonces podrás ver el área de trabajo de esta forma:

Con el lápiz, formas y seleccionando el color podremos dibujar nuestro primer sprite.

Guarda el sprite creado para ser utilizado por el Pivot.

Para cargar nuestro primer sprite en el Pivot Animator:

Eliminaremos el hombre palito de la escena presionando Suprimir.

Luego, cargaremos nuestro sprite utililizando:

y aceptamos.
Ya cargamos nuestro primer sprite.

El sprite se puede acomodar en la pantalla utilizando el punto amarillo.


A tener en cuenta:
El tamaño de la grilla determinará el tamaño del sprite.

Usamos el Pivot Animator para animar sprites

¿Qué es un sprite?
Los sprites en español ‘duendecillos’, son un tipo de dibujo generado en un archivo mapa de bits muy utilizados para crear personajes de videojuegos. Sus características: son pequeños y parcialmente transparentes,así asumir otras formas a la del rectángulo. 
Por ejemplo, los personajes de un Pac-Man podrían ser sprites. 

Generalmente los sprites  son utilizados para producir una animación, como un personaje corriendo, alguna expresión facial o un movimiento corporal.

Veamos ejemplos:

 

En nuestro caso, en el Pivot Animator nuestro sprite es el hombre palito (Stickfigure).

Nuestro próximo desafío será crear un personaje y generar una aventura. Pero primero, de que forma puedo utilizar un sprite en el Pivot animator.