3. Crear un Gif con movimiento

¡Hola Scratchers! Vamos a ponerle movimiento a nuestro gif. Hasta ahora ya hemos visto cómo subir y animar un gif, y como crear uno dibujándolo nosotros mismos, con algunos tipos de animaciones y velocidades. Esta vez vamos a ver cómo podemos hacer un personaje que se mueva. Eso es, en esta lección vamos a crear un gif con movimiento.¡Empecemos!

El vídeo del curso solo está visible para los suscriptores.
Puedes suscribirte aquí o entrar si ya eres miembro.


Pasos a seguir:

  1. Poner título a nuestro proyecto.
  2. Buscar un personaje en la galería (icono del gatito abajo a la derecha)
  3. Programarlo por bloques en la pestaña CÓDIGO:
    1. Eventos –> «Bandera».
    2. Control–> «Por Siempre».
    3. Apariencia–> «Siguiente Disfraz».
    4. Control–> «Esperar 0.05 Segundos». (Añadir entre el «por siempre» y el «siguiente disfraz»).
  4. Hacer que se mueva el gif sin programarlo:
    1. Ir a la pestaña de DISFRACES.
    2. Convertir en Vector. (modo vectorial)
    3. Con el ratón mover el personaje de cada capa a un sitio diferente del recuadro de disfraces.
    4. Añadir texto en el mismo disfraz para hacer que nuestro personaje cante o hable.

Elegir o Crear un Personaje

Para poder crear un gif con movimiento, primero de todo, necesitamos un personaje. En este vídeo hacemos el ejemplo con un personaje ya existente en la galería de Scratch. Como ya sabéis para acceder a ella hay que ir al icono redondo azul con el dibujo en blanco de la cara del gatito. El cual se encuentra abajo a la derecha. Bien, para los más atrevidos, podéis ir directamente a la pestaña de DISFRACES y crear vuestro personaje dibujándolo vosotros mismos. Pero recordar que una vez dibujado tendréis que copiarlo en más capas para poder darle movimiento.

crear un gif con movimiento

Una vez tenemos seleccionado nuestro personaje de la biblioteca, o dibujado uno propio, vamos a hacer una programación sencilla. El primer paso ya lo sabéis, vamos a la pestaña de CÓDIGO y buscamos los bloques naranjas de Eventos. En este caso, podemos poner la bandera cómo inicio o play. Después iremos al bloque de Control y añadiremos el bloque de por siempre. Y, finalmente, buscaremos el bloque de Apariencia y seleccionaremos dentro de él el de siguiente disfraz.

Ahora es un buen momento para probar a ver que pasa. Si habéis seleccionado un personaje de la biblioteca observareis que quizás se mueve demasiado rápido. En cambio, si habéis optado por la opción de crear vuestro propio dibujo/personaje pueden pasar varias cosas: o que no se mueva o que se mueva de manera extraña.Eso si, cuándo va demasiado rápido es cuando nos damos cuenta de la importancia que tienen las esperas. Así pues, iremos al bloque de Control de nuevo, y añadiremos el de Esperar 0.05 segundos. Éste lo pondremos entre el Por Siempre y el Siguiente disfraz.

Hacer que se mueva el personaje sin programarlo

Una vez ya tenemos personaje en diferentes capas, es el momento de hacer que se mueva e incluso que hable pero sin programarlo. ¿Cómo? Pues es muy sencillo. Iremos a la pestaña de DISFRACES y allí si nos fijamos bien debajo del cuadro con el dibujo para modificar, hay un botón azul que pone «Convertir a vector» y si lo clicamos pone»Convertir en mapa bits«.  En este paso va a jugar un papel muy importante el convertir todas las capas de nuestro personaje en vector. La opción de Vector nos permite mover el personaje por la pantalla con el ratón o las flechas (siempre y cuando lo hayamos seleccionado antes). Así pues podremos ponerlo donde queramos. Entonces se moverá sin hacer falta añadir pasos de movimiento a la programación sencilla realizada antes. Cuando mováis el personaje de lugar en cada capa, tener en cuenta que tenga una coherencia con el movimiento anterior.

Por último, y como guinda del pastel podemos hacer que nuestro personaje hable o cante. Deberemos añadir texto cerca de él en algunas capas de su disfraz. Podemos poner bocadillos dibujandolos con el pincel o bien con la opción del círculo.

¡Ya está listo! Ahora es vuestro momento de probar y inventar gifs de lo más divertidos.

 

Volver a: Creador de Gifs > 1. Generador de Gifs