Conectarse
Translate
If you don't Speak Spanish, use this to translate our community to your Language:Servidor de Discord
Últimos temas
¿Quién está en línea?
En total hay 79 usuarios en línea: 0 Registrados, 0 Ocultos y 79 Invitados Ninguno
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 2.
Página 1 de 2. • 1, 2
YoshiGM
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:
![Animación de Sprites Tutospr](https://2img.net/r/ihimizer/img201/6301/tutospr.png)
#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](https://2img.net/r/ihimizer/img214/9374/tutospr2.png)
#3 Con el borrador mágico hacemos todas las posicioens transparentes para quede mucho mejor la animación:
![Animación de Sprites Tutospr3](https://2img.net/r/ihimizer/img52/8651/tutospr3.png)
#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](https://2img.net/r/ihimizer/img259/2741/tutospr4.png)
#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](https://2img.net/r/ihimizer/img146/7945/tutospr5.png)
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](https://2img.net/r/ihimizer/img89/6158/tutospr6.png)
![Animación de Sprites Tutospr7](https://2img.net/r/ihimizer/img832/6885/tutospr7.png)
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](https://2img.net/r/ihimizer/img249/4852/tutosprites.gif)
Cualquier cosa que no puedan hacer o no entiendan, preguntenme que les explicaré con todo gusto ^^
Espero les haya servido el tutorial![Yay](/users/2713/25/29/62/smiles/991617.gif)
.::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:
![Animación de Sprites Tutospr](https://2img.net/r/ihimizer/img201/6301/tutospr.png)
#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](https://2img.net/r/ihimizer/img214/9374/tutospr2.png)
#3 Con el borrador mágico hacemos todas las posicioens transparentes para quede mucho mejor la animación:
![Animación de Sprites Tutospr3](https://2img.net/r/ihimizer/img52/8651/tutospr3.png)
#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](https://2img.net/r/ihimizer/img259/2741/tutospr4.png)
#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](https://2img.net/r/ihimizer/img146/7945/tutospr5.png)
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](https://2img.net/r/ihimizer/img89/6158/tutospr6.png)
![Animación de Sprites Tutospr7](https://2img.net/r/ihimizer/img832/6885/tutospr7.png)
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](https://2img.net/r/ihimizer/img249/4852/tutosprites.gif)
Cualquier cosa que no puedan hacer o no entiendan, preguntenme que les explicaré con todo gusto ^^
Espero les haya servido el tutorial
![Yay](/users/2713/25/29/62/smiles/991617.gif)
![](https://i.imgur.com/xWwv3Qq.png)
![Animación de Sprites Userba18](https://i.servimg.com/u/f44/13/45/80/80/userba18.png)
¡Hola! Invitado, Bienvenid@ a Yoshi Fans Club
![Feliz](/users/2713/25/29/62/smiles/429310.gif)
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.
![Animación de Sprites 853gdp10](https://i.servimg.com/u/f55/13/45/80/80/853gdp10.png)
![Animación de Sprites 3cc01a03feabf0fd49243ed594c6e781](https://2img.net/h/fc01.deviantart.net/fs50/f/2010/189/3/c/3cc01a03feabf0fd49243ed594c6e781.gif)
![Animación de Sprites Yoshi__s_Island_Stamp_by_StampPKU](https://2img.net/h/fc09.deviantart.net/fs44/f/2009/165/4/c/Yoshi__s_Island_Stamp_by_StampPKU.png)
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 YoshiMedalla TwitteroSiguió a YFC en su cuenta de Twitter (X)Medalla MariposhiSiguió a YFC en BlueSkyMedalla CumpleañeroCelebró su Cumpleaños en YFC
-
Mensajes : 22014
Reputación : 1662
Fecha de Registro : 03/12/2008
Ficha Yoshi
Color Favorito de Yoshi:Yoshi Naranja
Juego Favorito de Yoshi: Yoshi's Island (SNES/GBA)
Invitado
Re: Animación de Sprites
Yeah!! Está bastante bien y muy trabajado. Esta sección ya tiene muchos tutos xD
Saludos!!
Saludos!!
Invitado- Invitado
Muti
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 ![Animación de Sprites Muti_vs_skulltash_by_1muti1-d30wg3y](https://2img.net/h/fc07.deviantart.net/fs70/f/2010/289/a/c/muti_vs_skulltash_by_1muti1-d30wg3y.gif)
![Animación de Sprites Muti_vs_skulltash_by_1muti1-d30wg3y](https://2img.net/h/fc07.deviantart.net/fs70/f/2010/289/a/c/muti_vs_skulltash_by_1muti1-d30wg3y.gif)
![](https://i.imgur.com/xWwv3Qq.png)
Con tu ayuda, yoshi recuperara la gran reliquia
![Animación de Sprites Firmamuti](https://2img.net/r/ihimizer/img175/8806/firmamuti.jpg)
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 YFCMedalla Fan de OroGeneró su Ficha Yoshi
-
Edad : 30
Mensajes : 1974
Reputación : 30
Fecha de Registro : 04/04/2010
Fecha de Nacimiento : 22/09/1993
Ficha Yoshi
Color Favorito de Yoshi:Yoshi Verde
Juego Favorito de Yoshi: Yoshi's Island (SNES/GBA)
Midnaait
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"?
![](https://i.imgur.com/xWwv3Qq.png)
![Animación de Sprites 03304460dde721f90f4e040c9ce1fdbfo](https://2img.net/h/fotos.subefotos.com/03304460dde721f90f4e040c9ce1fdbfo.png)
Gracias por la firma Faqn-Wolf :3
![Animación de Sprites Alex5](https://2img.net/h/i306.photobucket.com/albums/nn252/Princes-Chan101/alex5.png)
![Animación de Sprites Mca](http://mag.racked.eu/cimage/8118wjk/Achievement+get%21/666th+Kill%21/mca.png)
![Animación de Sprites Midnaait-1](https://2img.net/h/osu.ppy.sh/stat2/Midnaait-1.png)
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 YFCMedalla Fan de OroGeneró su Ficha Yoshi
-
Edad : 28
Mensajes : 2054
Reputación : 80
Fecha de Registro : 10/09/2010
Fecha de Nacimiento : 07/12/1995
Ficha Yoshi
Color Favorito de Yoshi:Yoshi Verde
Juego Favorito de Yoshi: Yoshi's Island (SNES/GBA)
Muti
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
![](https://i.imgur.com/xWwv3Qq.png)
Con tu ayuda, yoshi recuperara la gran reliquia
![Animación de Sprites Firmamuti](https://2img.net/r/ihimizer/img175/8806/firmamuti.jpg)
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 YFCMedalla Fan de OroGeneró su Ficha Yoshi
-
Edad : 30
Mensajes : 1974
Reputación : 30
Fecha de Registro : 04/04/2010
Fecha de Nacimiento : 22/09/1993
Ficha Yoshi
Color Favorito de Yoshi:Yoshi Verde
Juego Favorito de Yoshi: Yoshi's Island (SNES/GBA)
Página 1 de 2. • 1, 2
![-](https://2img.net/i/fa/m/tabs_less1.gif)
» YI diseñé sprites que hice nuestro de mi tiempo libre
» (Aporte) Nueva imagen para Comics y Sprites [11 Enero]
» [Resuelto]nuevo foro o sub foro:comics de sprites[17 Enero]
» (Aporte) Nueva imagen para Comics y Sprites [11 Enero]
» [Resuelto]nuevo foro o sub foro:comics de sprites[17 Enero]
Página 1 de 2.
Permisos de este foro:
No puedes responder a temas en este foro.
» Nueva Estructura de Yoshi Fans Club
» Anunciado un Nintendo Direct PartnerShowcase + Indie World para el 27/08/24
» Para comprar algo en Mario Kart, ¿Debo Suscribirme a algo o cómo?
» Anunciado el Pokémon Mundo Misterioso - Equipo de rescate rojo para el Nintendo Switch Online
» Pixel art OC Yoshi
» Yoshi esta op xd
» [(+16-18) Crónicas del Viejo Mundo: Exitium]
» ¿EN ALGÚN FUTURO SE HARÁ UN REMASTER DEL MARIO 64 DE DS?
» Todo sobre Yoshi