Yoshi Fans Club
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
YFC en las Redes
Conectarse

Recuperar mi contraseña

Últimos temas
Nuevo Yoshi

Le damos la más cordial bienvenida a nuestro usuario/a más reciente de YFC: SamaSamael

Los posteadores más activos del mes
YoshiGM
Animación de Sprites I_vote_lcapAnimación de Sprites I_voting_barAnimación de Sprites I_vote_rcap 
PolarWyvern
Animación de Sprites I_vote_lcapAnimación de Sprites I_voting_barAnimación de Sprites I_vote_rcap 
misterloquendo64
Animación de Sprites I_vote_lcapAnimación de Sprites I_voting_barAnimación de Sprites I_vote_rcap 

¿Quién está en línea?
En total hay 11 usuarios en línea: 0 Registrados, 0 Ocultos y 11 Invitados :: 2 Motores de búsqueda

Ninguno

[ Ver toda la lista ]


El record de usuarios en línea fue de 465 durante el 3/5/2011, 2:51 pm

Animación de Sprites

5 participantes

Ir abajo

Animación de Sprites Empty Animación de Sprites

Mensaje por YoshiGM 30/10/2010, 11:37 am

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é:

[Tienes que estar registrado y conectado para ver este vínculo]

Ya los tengo abiertos en mi photoshop:

Animación de Sprites Tutospr

#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:

Animación de Sprites Tutospr2

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

Animación de Sprites Tutospr3

#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á:

Animación de Sprites Tutospr4

#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:

Animación de Sprites Tutospr5


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í:

Animación de Sprites Tutospr6
Animación de Sprites Tutospr7

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:

Animación de Sprites Tutosprites

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


Espero les haya servido el tutorial Yay


¡Hola! Invitado, Bienvenid@ a Yoshi Fans Club Feliz
Por favor lee y cumple con las [Tienes que estar registrado y conectado para ver este vínculo]
Animación de Sprites 853gdp10
Animación de Sprites 3cc01a03feabf0fd49243ed594c6e781 Animación de Sprites Yoshi__s_Island_Stamp_by_StampPKU


Mi Canal de YouTube: [Tienes que estar registrado y conectado para ver este vínculo]
Mi Canal de Twitch: [Tienes que estar registrado y conectado para ver este vínculo]
YoshiGM
YoshiGM
Administrador
Administrador

México Masculino
Staff
Logros:
Animación de Sprites Medall10Animación de Sprites Medall13Animación de Sprites Za7uSAnimación de Sprites Medall11Animación de Sprites Mensaj10Animación de Sprites Medall19Animación de Sprites Firefl10Animación de Sprites Thump_10Animación de Sprites Medalf10Animación de Sprites OoRiyAnimación de Sprites GU3qc5vAnimación de Sprites Coulee11Animación de Sprites Medall11Animación de Sprites Admini10Animación de Sprites 5_year10Animación de Sprites Medall10Animación de Sprites Beemus10Animación de Sprites 17_sin10

<b>Red Coins</b> Red Coins : 0
Reputación Reputación : 1585
Edad Edad : 28
Mensajes Mensajes : 21217
Fecha de Registro Fecha de Registro : 03/12/2008
Fecha de Nacimiento Fecha de Nacimiento : 05/11/1992

Ficha Yoshi
Color Favorito de Yoshi: Naranja Naranja
Juego Favorito de Yoshi: Yoshis Island (Snes/GBA) Yoshis Island (Snes/GBA)

Ver perfil de usuario

Volver arriba Ir abajo

Animación de Sprites Empty Re: Animación de Sprites

Mensaje por Xilver266 30/10/2010, 6:18 pm

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

Saludos!!


Animación de Sprites Kururucopia
Animación de Sprites 214928 Xilver266 Recuerda leer las "Normas de YFC"
Xilver266
Xilver266
Yoshi Dorado
Yoshi Dorado

México Masculino
100%
Animación de Sprites Medall10
<b>Red Coins</b> Red Coins : 0
Reputación Reputación : 33
Edad Edad : 25
Mensajes Mensajes : 681
Fecha de Registro Fecha de Registro : 24/06/2010
Fecha de Nacimiento Fecha de Nacimiento : 22/01/1996

Ver perfil de usuario

Volver arriba Ir abajo

Animación de Sprites Empty Re: Animación de Sprites

Mensaje por Muti 30/10/2010, 6:41 pm

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 Animación de Sprites Muti_vs_skulltash_by_1muti1-d30wg3y


Con tu ayuda, yoshi recuperara la gran reliquia
Animación de Sprites Firmamuti <==Descarga
Patrocinado por "Hamburguesas a 1000" ¿a como? A 1000
Muti
Muti
Yoshi Sargento
Yoshi Sargento

México Masculino
100%
Animación de Sprites Medall10
<b>Red Coins</b> Red Coins : 0
Reputación Reputación : 30
Edad Edad : 27
Mensajes Mensajes : 1974
Fecha de Registro Fecha de Registro : 04/04/2010
Fecha de Nacimiento Fecha de Nacimiento : 22/09/1993

Ver perfil de usuario

Volver arriba Ir abajo

Animación de Sprites Empty Re: Animación de Sprites

Mensaje por Midnaait 30/10/2010, 10:20 pm

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


Animación de Sprites 03304460dde721f90f4e040c9ce1fdbfo

Gracias por la firma Faqn-Wolf :3

Animación de Sprites Alex5

Animación de Sprites Mca

Animación de Sprites Midnaait-1
Midnaait
Midnaait
Yoshi Sargento
Yoshi Sargento

Argentina Masculino
100%
Animación de Sprites Medall10
<b>Red Coins</b> Red Coins : 0
Reputación Reputación : 80
Edad Edad : 25
Mensajes Mensajes : 2054
Fecha de Registro Fecha de Registro : 10/09/2010
Fecha de Nacimiento Fecha de Nacimiento : 07/12/1995

Ver perfil de usuario

Volver arriba Ir abajo

Animación de Sprites Empty Re: Animación de Sprites

Mensaje por Muti 30/10/2010, 10:23 pm

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


Con tu ayuda, yoshi recuperara la gran reliquia
Animación de Sprites Firmamuti <==Descarga
Patrocinado por "Hamburguesas a 1000" ¿a como? A 1000
Muti
Muti
Yoshi Sargento
Yoshi Sargento

México Masculino
100%
Animación de Sprites Medall10
<b>Red Coins</b> Red Coins : 0
Reputación Reputación : 30
Edad Edad : 27
Mensajes Mensajes : 1974
Fecha de Registro Fecha de Registro : 04/04/2010
Fecha de Nacimiento Fecha de Nacimiento : 22/09/1993

Ver perfil de usuario

Volver arriba Ir abajo

Animación de Sprites Empty Re: Animación de Sprites

Mensaje por Midnaait 30/10/2010, 11:13 pm

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

Out!:
Animación de Sprites Drybones


Animación de Sprites 03304460dde721f90f4e040c9ce1fdbfo

Gracias por la firma Faqn-Wolf :3

Animación de Sprites Alex5

Animación de Sprites Mca

Animación de Sprites Midnaait-1
Midnaait
Midnaait
Yoshi Sargento
Yoshi Sargento

Argentina Masculino
100%
Animación de Sprites Medall10
<b>Red Coins</b> Red Coins : 0
Reputación Reputación : 80
Edad Edad : 25
Mensajes Mensajes : 2054
Fecha de Registro Fecha de Registro : 10/09/2010
Fecha de Nacimiento Fecha de Nacimiento : 07/12/1995

Ver perfil de usuario

Volver arriba Ir abajo

Animación de Sprites Empty Re: Animación de Sprites

Mensaje por Dysentery Gary 31/10/2010, 5:49 am

Buen tuto. ^^
Aqui te traigo mi out.
Animación de Sprites Luigil
Es el primero que hago. xD


Así como una jornada bien empleada
produce un oscuro sueño, así una vida
bien usada causa una oscura muerte.


Animación de Sprites Firmasonicbysoul

Animación de Sprites Baryp
Dysentery Gary
Dysentery Gary
Gran Yoshi
Gran Yoshi

México Masculino
100%
Animación de Sprites Medall10
<b>Red Coins</b> Red Coins : 0
Reputación Reputación : 3
Edad Edad : 22
Mensajes Mensajes : 246
Fecha de Registro Fecha de Registro : 22/07/2010
Fecha de Nacimiento Fecha de Nacimiento : 06/01/1999

Ver perfil de usuario

Volver arriba Ir abajo

Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.