Animación de Sprites

Vamos a animar nuestros propios sprites con el Photoshop, esto es muy facil :D

.::REQUISITOS::.

1. Una hoja de Sprites, recomiendo una de preferencia de Spriters Resource

2. Tener Photoshop con Image Ready o que pueda hacer animaciones.

3. Creatividad y paciencia.

---

---

Ya que tengamos estos tres requisitos, pasamos a seguir el tutorial ;)


#1 Abrimos nuestros sprites en nuestro photoshop, yo use unos de Kamek para practicar, ustedes pueden usar de Link, de Samus, de Final Fantasy, etc etc etc.

Estos son los que utilizé:

https://2img.net/r/ihimizer/img10/6906/kamekyo2.png

Ya los tengo abiertos en mi photoshop:



#2 Con la herramienta de recortar, vamos a seleccionar las posiciones de los sprites que queremos convertir en un GIF, yo seleccioné las posiciones siguientes:



#3 Con el borrador mágico hacemos todas las posicioens transparentes para quede mucho mejor la animación:



#4 Ahora otra vez con la herramienta de recortar vamos recortando 1 posición de cada sprite y luego la movemos a un documento nuevo de las medidas que se les antojen, yo por ejemplo hago uno de 300 x 200 pixeles. Si quieren le pueden añadir un fondo con degradado, un Stock, o lo que quieran, yo elegi uno de Yoshi Island del Brawl y esto quedará:



#5 Seguimos recortando las siguientes posiciones y las vamos poniendo encima del primero que recortamos y como veremos se van creando muchas capas, si quieren para no confundirse las pueden renombrar.

Para recuperar todas las posiciones anteriores regresamos a la ventana del sprite y presionamos Control + Alt + Z y ya podremos recortar ;)

Esto quedaria al final:




Como podemo observar quedaron todos muy amontonados y ahora se preguntarán:

¿Cómo hago que se vea todo animado?

La respuesta es sencilla, solo tenemos que darle click en Ventana > Animación.

# 6 Ahora en el primer Frame o cuadro de animación, tenemos que solo tener visible la primer posición del sprite, luego creamos otro cuadro y hacemos invisible el primero y luego visible el segundo y asi sucesivamente con el resto de las capas.

la secuencia más o menos seria así:




Esa seria con el resto de las posiciones que restan :ybien:

#7 Cuando hayamos terminado con todas las posiciones sólo nos queda darle a play y ver nuestra obra maestra y si nos agrada la podremos guardar como Gif.

Este es nuestro OUT:



Cualquier cosa que no puedan hacer o no entiendan, preguntenme que les explicaré con todo gusto ^^


Espero les haya servido el tutorial

Yeah!! Está bastante bien y muy trabajado. Esta sección ya tiene muchos tutos xD

Saludos!!

aunque no te olvides que haciendo una animaion, tambien pueden utilizar el Ulead Gif animator, que sirve de la misma manera, y para mi que hasta mejor porque con ese hice esta animacion

em... una pregunta...
en el paso 3 como hago para poner el color "transparente"?

utilizas la herramienta de la varita magica para quitarle el contorno y que quede transparente borrandola o cambiandole el color

Ok gracias Muti ^^
Y... les dejo un out xD

Out!: