Conectarse
Servidor de Discord
Cuenta Regresiva
Últimos temas
¿Quién está en línea?
En total hay 7 usuarios en línea: 0 Registrados, 0 Ocultos y 7 Invitados :: 1 Motor de búsquedaNinguno
El record de usuarios en línea fue de 465 durante el 3/5/2011, 2:51 pm
Animación de Sprites
4 participantes
Página 1 de 1.
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
.::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



¡Hola! Invitado, Bienvenid@ a Yoshi Fans Club

Recuerda leer las Normas de YFC.
¿No entiendes algo de YFC? Checa las Guías de YFC.
¿Alguna duda? Mándame un MP ó abre un tema en Dudas de YFC.



Mi Canal de YouTube: https://www.youtube.com/@YoshiGM
Mi Canal de Twitch: https://twitch.tv/YoshiGM
YoshiGM- Administrador
- Medalla Great PosterAlcanzó el top 20 de los posteadoresMedalla Honorífica10,000 puntos YFCMedalla Entrevistador3 entrevistas realizadasMedalla Gomba Oro10,000 mensajes en YFCMedalla OcPresentó su personaje OcMedalla Tutor GráficoAportó 5 tutoriales de diseño gráficoMedalla InvitacionalInvitó a 5 amigos a registrarseMedalla Pequeño ApostadorPrimeras 3 jugadas en el casinoMedalla Artista AnimadoCompartió 10 vídeos/animacionesMedalla DJ10 canciones compartidasMedalla DiscordShiSe unió al Servidor DiscordMedalla ChomperEscribió 1 Fan-Fic de 5 capítulos mínimosMedalla Red ShellAtendió 5 pedidos de diseño gráficoMedalla KarmaObtuvo 100 me gusta en sus postsMedalla AdminObtuvo el cargo de Administrador de YFCMedalla MakeroAportó Recursos para Crear un Juego PropioMedalla Nuevo YoshiSe presentó cómo nuevo/a YoshiMedalla FanCreó su Primer tema en YFCMedalla GuíaAportó 1 Guía para YFCMedalla AfanAgregó a 50 usuarios cómo amigoMedalla ColeccionistaSiguió a YFC en TwitterMedalla RecolectorConsiguió 10 Medallas de YFCMedalla EventualParticipante de un ConcursoMedalla HojaOrganizador/a de un ConcursoMedalla 14vo AniversarioCelebró los 14 años de Yoshi Fans ClubMedalla FacebookeroSe Unió al Grupo de FacebookMedalla DíashiCelebró el Día de YoshiMedalla Décimo Aniversario10 Años de Registro en YFCMedalla Fan de OroGeneró su Ficha Yoshi
-
Mensajes : 21924
Reputación : 1656
Puntos YFC : 25810
Fecha de Registro : 03/12/2008
Ficha Yoshi
Color Favorito de Yoshi:Yoshi Naranja
Juego Favorito de Yoshi: Yoshi's Island (SNES/GBA)
Re: Animación de Sprites
Yeah!! Está bastante bien y muy trabajado. Esta sección ya tiene muchos tutos xD
Saludos!!
Saludos!!
Invitado- Invitado
Re: Animación de Sprites
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 


Con tu ayuda, yoshi recuperara la gran reliquia

Patrocinado por "Hamburguesas a 1000" ¿a como? A 1000
Muti- Yoshi Supremo
- Medalla Mensajero1000 mensajes en el foroMedalla Nuevo YoshiSe presentó cómo nuevo/a YoshiMedalla FanCreó su Primer tema en YFCMedalla Décimo Aniversario10 Años de Registro en YFC
-
Edad : 30
Mensajes : 1974
Reputación : 30
Puntos YFC : 8154
Fecha de Registro : 04/04/2010
Re: Animación de Sprites
em... una pregunta...
en el paso 3 como hago para poner el color "transparente"?
en el paso 3 como hago para poner el color "transparente"?


Gracias por la firma Faqn-Wolf :3



Midnaait- Giga Yoshi
- Medalla Gold Shell2000 Mensajes en el foroMedalla Nuevo YoshiSe presentó cómo nuevo/a YoshiMedalla FanCreó su Primer tema en YFCMedalla AfanAgregó a 50 usuarios cómo amigoMedalla Décimo Aniversario10 Años de Registro en YFC
-
Edad : 27
Mensajes : 2054
Reputación : 80
Puntos YFC : 8634
Fecha de Registro : 10/09/2010
Re: Animación de Sprites
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

Patrocinado por "Hamburguesas a 1000" ¿a como? A 1000
Muti- Yoshi Supremo
- Medalla Mensajero1000 mensajes en el foroMedalla Nuevo YoshiSe presentó cómo nuevo/a YoshiMedalla FanCreó su Primer tema en YFCMedalla Décimo Aniversario10 Años de Registro en YFC
-
Edad : 30
Mensajes : 1974
Reputación : 30
Puntos YFC : 8154
Fecha de Registro : 04/04/2010
Re: Animación de Sprites
Ok gracias Muti ^^
Y... les dejo un out xD
Y... les dejo un out xD
- Out!:


Gracias por la firma Faqn-Wolf :3



Midnaait- Giga Yoshi
- Medalla Gold Shell2000 Mensajes en el foroMedalla Nuevo YoshiSe presentó cómo nuevo/a YoshiMedalla FanCreó su Primer tema en YFCMedalla AfanAgregó a 50 usuarios cómo amigoMedalla Décimo Aniversario10 Años de Registro en YFC
-
Edad : 27
Mensajes : 2054
Reputación : 80
Puntos YFC : 8634
Fecha de Registro : 10/09/2010
Re: Animación de Sprites
Buen tuto. ^^
Aqui te traigo mi out.

Es el primero que hago. xD
Aqui te traigo mi out.

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. ◊


produce un oscuro sueño, así una vida
bien usada causa una oscura muerte. ◊


Dysentery Gary- Yoshi Alfa
- Medalla Nuevo YoshiSe presentó cómo nuevo/a YoshiMedalla FanCreó su Primer tema en YFCMedalla Yoshito200 Mensajes en YFCMedalla Décimo Aniversario10 Años de Registro en YFC
-
Edad : 24
Mensajes : 246
Reputación : 3
Puntos YFC : 5522
Fecha de Registro : 22/07/2010

» mi primera userbar con animacion!!
» YI diseñé sprites que hice nuestro de mi tiempo libre
» (Aporte) Nueva imagen para Comics y Sprites [11 Enero]
» .Gif de la animación de la ranita del meme de la ranita [MEME]
» [Resuelto]nuevo foro o sub foro:comics de sprites[17 Enero]
» YI diseñé sprites que hice nuestro de mi tiempo libre
» (Aporte) Nueva imagen para Comics y Sprites [11 Enero]
» .Gif de la animación de la ranita del meme de la ranita [MEME]
» [Resuelto]nuevo foro o sub foro:comics de sprites[17 Enero]
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
» Un yoshi.....Lobo!?
» Un yoshi.....Lobo!?
» Mario Party 3 Confirmado para el Nintendo Switch Online
» Nintendo Direct Confirmado para el 14/9/23
» Kirby & The Amazing Mirror Confirmado para el Nintendo Switch Online
» Llamando a los Usuari@s de YFC
» ¿Qué tipo de concursos te interesan más?
» Cambios de Usuario/Nicks
» buscar en la barra de herramientas