Gif Pokémon Caminando
Varios users me han preguntado de cómo hacer dichos gifs, así que espero que se entienda porque nunca he hecho un tutorial, o al menos eso creo.
No podía dejarle todo el trabajo de revivir una sección a Mushy-sensei, solo espero que el mod de sección no me borre el tema (?)
Espero que les sirva a muchos n_n
Special Thanks to:
Mushy-sensei por decirme la font (?)
Fabri por hacerme reir con incoherencias mientras trabajaba (?)
Tutorial
¿Qué necesitamos?
Para hacer uno de estos gifs, necesitaremos los sprites de los Pokémon o de los entrenadores fuera de batalla, a estos se les llama "Sprites Overworld" o "Mini-Sprites" y obviamente un editor, yo usaré Photoshop.
Dejaré acá los sprites de los Pokémon, los de los entrenadores los buscan ustedes porque son muchos.
-Kanto
-Johto
-Hoenn
-Sinnoh
Lamentablemente no existen sprites para los Pokémon de quinta generación, pero podrán encontrar algunos cuantos si buscan.
¿Cómo comenzamos?
Teniendo en nuestro poder los sprites, podemos empezar nuestro gif. Debemos pensar en que entrenador y que Pokémon serán los que lo sigan, aunque también podremos variar (poner más de un entrenador, sólo poner Pokémon, etc.).
Una vez hayamos decidido como hacer el gif, abrimos un archivo nuevo (Ctrl + N), el cual puede tener el ancho y alto que deseen, recordando que el gif debe caer ahí adentro, por lo que recomiendo hacerlo grande (Si sobra espacio lo quitaremos al final, así que descuiden).
Ahora abrimos las imagenes en donde se encuentran los sprites que utilizaremos, yo usaré al protagonista de HG/SS.
Como podrán notar, tendrá un fondo de color y no uno transparente. Para quitarlo haremos algo muy sencillo, tomamos la Herramienta Varita Mágica, haremos click derecho y Gama de colores, entonces hacemos click en el fondo y le damos a OK; debería quedar de la siguiente forma:
Ahora presionamos suprimir (Supr) y el fondo de color se borrará, ahora y pasaremos al siguiente paso: separar la imagen.
Para poder hacer esto, seleccionamos la Herramienta Marco Rectangular y encerramos a los sprites que utilizaremos en un rectángulo, teniendo cuidado de que solo los sprites que utilizaremos queden en el cuadro
Ahora hacemos click derecho y escogemos Capa Vía Cortar, de esta forma lo separaremos del resto de la imagen, entonces repetiremos el proceso pero seleccionando a dos de las tres "poses" y luego a la restante para así tener a cada "pose" separada y poder manipularlas con facilidad
Cada pose se encontrará en una capa distinta (Capa 1, Capa 2 y Capa 3) y podremos seleccionarlas al hacer click en alguna de ellas
Es hora de llevar cada uno de los sprites que formaran la animación del entrenador al archivo que abrimos al inicio, para esto seleccionamos la Herramienta Mover y escogemos la Capa 1, entonces arrastramos una de las poses al archivo en blanco
Haremos lo mismo con las otras dos capas y las alinearemos para luego formar la animación (Recomiendo hacerlo con el zoom a más de 100% para ver mejor los detalles)
Con los Pokémon haremos el mismo procedimiento, con la diferencia de que estos sólo tendrán dos "poses" en lugar de tres, podemos poner tantos como queramos, teniendo en cuenta que deberán estar alineados en la parte inferior (A excepción de los que vuelen que puedes estar unos pixeles más arriba)
Así, la imagen está lista para ser animada, pero...
¿Cómo la animamos?
Habrán notado un cuadro abajo que dice "Animación" (Si no lo ven, vayan a ventana, click a Animación y listo), esto será escencial para que el gif sea gif.
Lo primero será cambiar el tiempo de la animación de 0 segundos a uno que deseen (Recomiendo 0,3 segundos), entonces duplicarán el único cuadro que hay hasta que sean 4 cuadros (Sólo dos cuadros si utilizarán sólo Pokémon)
(Olvidé ponerle los segundos, ahora deberé hacerlo cuadro por cuadro)
Ahora seleccionamos el primer cuadro de animación y nos vamos al lado de las capas, haremos que algunas de las "poses" queden invisibles en ese cuadro, esto lo haremos haciendo click en el ojo que sale en las capas y dejaremos una "pose" por cada entrenador o Pokémon. La pose del entrenador deberá quedar parada (En otras palabras no deberá estar dando un paso) y en los Pokémon no importa.
En el cuadro 2 dejaremos visible al entrenador dando un paso y a los Pokémon en su otra "pose". El tercer cuadro debería estar igual al primero, una vez seguros, pasamos al cuarto y último cuadro en donde deberemos dejar a los Pokémon igual que en el segundo cuadro y al entrenador dando el otro paso (La "pose" que no hemos utilizado hasta ahora). En caso de que no utilicen entrenadores, no necesitarán hacer los pasos del tercer y cuarto cuadro.
Finalmente utilicen la Herramienta Recortar y quiten lo que sobra del gif
Si siguieron bien los pasos hasta ahora tendrán su gif listo (Pueden revisar como quedó reproduciendo la animación antes de guardarla, esto les servirá para ver si tienen errores). Para guardárlo, deberán ir a Archivo >> Guardar para Web y dispositivos (o Alt + Mayús + Ctrl + S) y ya podrán disfrutar de su gif con Pokémon caminando.
Si quieren agregarle más detalles, pueden utilizar estos emotíconos, los cuales se agregan de la misma forma que los Pokémon, salvo que deben ubicarlos encima de estos.
También pueden agregarle sombras, las cuales le dan un efecto mejor a los Pokémon que se encuentran suspendidos en el aire, esto lo puedes hacer simplemente con el lapiz y el color negro seleccionado (La opacidad debe ser menor al 50% para que paresca sombra)
Para hacer uno de estos gifs, necesitaremos los sprites de los Pokémon o de los entrenadores fuera de batalla, a estos se les llama "Sprites Overworld" o "Mini-Sprites" y obviamente un editor, yo usaré Photoshop.
Dejaré acá los sprites de los Pokémon, los de los entrenadores los buscan ustedes porque son muchos.
-Kanto
-Johto
-Hoenn
-Sinnoh
Lamentablemente no existen sprites para los Pokémon de quinta generación, pero podrán encontrar algunos cuantos si buscan.
¿Cómo comenzamos?
Teniendo en nuestro poder los sprites, podemos empezar nuestro gif. Debemos pensar en que entrenador y que Pokémon serán los que lo sigan, aunque también podremos variar (poner más de un entrenador, sólo poner Pokémon, etc.).
Una vez hayamos decidido como hacer el gif, abrimos un archivo nuevo (Ctrl + N), el cual puede tener el ancho y alto que deseen, recordando que el gif debe caer ahí adentro, por lo que recomiendo hacerlo grande (Si sobra espacio lo quitaremos al final, así que descuiden).
Ahora abrimos las imagenes en donde se encuentran los sprites que utilizaremos, yo usaré al protagonista de HG/SS.
Como podrán notar, tendrá un fondo de color y no uno transparente. Para quitarlo haremos algo muy sencillo, tomamos la Herramienta Varita Mágica, haremos click derecho y Gama de colores, entonces hacemos click en el fondo y le damos a OK; debería quedar de la siguiente forma:
Ahora presionamos suprimir (Supr) y el fondo de color se borrará, ahora y pasaremos al siguiente paso: separar la imagen.
Para poder hacer esto, seleccionamos la Herramienta Marco Rectangular y encerramos a los sprites que utilizaremos en un rectángulo, teniendo cuidado de que solo los sprites que utilizaremos queden en el cuadro
Ahora hacemos click derecho y escogemos Capa Vía Cortar, de esta forma lo separaremos del resto de la imagen, entonces repetiremos el proceso pero seleccionando a dos de las tres "poses" y luego a la restante para así tener a cada "pose" separada y poder manipularlas con facilidad
Cada pose se encontrará en una capa distinta (Capa 1, Capa 2 y Capa 3) y podremos seleccionarlas al hacer click en alguna de ellas
Es hora de llevar cada uno de los sprites que formaran la animación del entrenador al archivo que abrimos al inicio, para esto seleccionamos la Herramienta Mover y escogemos la Capa 1, entonces arrastramos una de las poses al archivo en blanco
Haremos lo mismo con las otras dos capas y las alinearemos para luego formar la animación (Recomiendo hacerlo con el zoom a más de 100% para ver mejor los detalles)
Con los Pokémon haremos el mismo procedimiento, con la diferencia de que estos sólo tendrán dos "poses" en lugar de tres, podemos poner tantos como queramos, teniendo en cuenta que deberán estar alineados en la parte inferior (A excepción de los que vuelen que puedes estar unos pixeles más arriba)
Así, la imagen está lista para ser animada, pero...
¿Cómo la animamos?
Habrán notado un cuadro abajo que dice "Animación" (Si no lo ven, vayan a ventana, click a Animación y listo), esto será escencial para que el gif sea gif.
Lo primero será cambiar el tiempo de la animación de 0 segundos a uno que deseen (Recomiendo 0,3 segundos), entonces duplicarán el único cuadro que hay hasta que sean 4 cuadros (Sólo dos cuadros si utilizarán sólo Pokémon)
(Olvidé ponerle los segundos, ahora deberé hacerlo cuadro por cuadro)
Ahora seleccionamos el primer cuadro de animación y nos vamos al lado de las capas, haremos que algunas de las "poses" queden invisibles en ese cuadro, esto lo haremos haciendo click en el ojo que sale en las capas y dejaremos una "pose" por cada entrenador o Pokémon. La pose del entrenador deberá quedar parada (En otras palabras no deberá estar dando un paso) y en los Pokémon no importa.
En el cuadro 2 dejaremos visible al entrenador dando un paso y a los Pokémon en su otra "pose". El tercer cuadro debería estar igual al primero, una vez seguros, pasamos al cuarto y último cuadro en donde deberemos dejar a los Pokémon igual que en el segundo cuadro y al entrenador dando el otro paso (La "pose" que no hemos utilizado hasta ahora). En caso de que no utilicen entrenadores, no necesitarán hacer los pasos del tercer y cuarto cuadro.
Finalmente utilicen la Herramienta Recortar y quiten lo que sobra del gif
Si siguieron bien los pasos hasta ahora tendrán su gif listo (Pueden revisar como quedó reproduciendo la animación antes de guardarla, esto les servirá para ver si tienen errores). Para guardárlo, deberán ir a Archivo >> Guardar para Web y dispositivos (o Alt + Mayús + Ctrl + S) y ya podrán disfrutar de su gif con Pokémon caminando.
Si quieren agregarle más detalles, pueden utilizar estos emotíconos, los cuales se agregan de la misma forma que los Pokémon, salvo que deben ubicarlos encima de estos.
También pueden agregarle sombras, las cuales le dan un efecto mejor a los Pokémon que se encuentran suspendidos en el aire, esto lo puedes hacer simplemente con el lapiz y el color negro seleccionado (La opacidad debe ser menor al 50% para que paresca sombra)
No podía dejarle todo el trabajo de revivir una sección a Mushy-sensei, solo espero que el mod de sección no me borre el tema (?)
Espero que les sirva a muchos n_n
Special Thanks to:
Mushy-sensei por decirme la font (?)
Fabri por hacerme reir con incoherencias mientras trabajaba (?)
unch:
