2. Dibujar un Gif animado

2. Dibujar un Gif animado

¡Hola de nuevo Scratchers! Si os gustó la lección de como animar un gif, esta os va a encantar. Ahora es el momento de poner en marcha vuestra imaginación y creatividad. En esta clase ya no hace falta buscar un gif de Inernet. El cual ya está creado, porque aquí vais a crear el vuestro propio. Es decir, vais a dibujar un Gif animado. Así que puede ser como vosotros queráis y más os guste. ¡Eso es! Con este vídeo podréis personalizar completamente los gifs y acabar de sorprender a vuestras familias y amigos. ¡Vamos a ello!

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


Esquema pasos a seguir:

  1. Ir a añadir personajes y seleccionar la opción del pincel (crear)
  2. En Disfraces–> seleccionar la opción del cuadrado y dibujar un rectángulo.
  3. Sobre el rectángulo se va a realizar el gif, en este caso –> topos
  4. Crear capas:
    1. Duplicar el disfraz o personaje del rectángulo y añadir un topo.
    2. Duplicar de nuevo y añadir otro topo en un lugar distinto, y así cuantos se quieran. ¡No olvidéis duplicar el dibujo cada vez que añadáis un topo o un cambio!
    3. Escribir un texto (ej.: HOLA SCRATCHER), duplicando el dibujo por cada letra que se añade.
    4. Subrayar el texto letra a letra, duplicar el dibujo en cada línea que subraye una o dos letras.
  5. Programar nuestro gif:
    1. Dirígete a la pestaña de Código:
      1. Ir al bloque de Eventos–> poner la «Bandera».
      2. Ir al bloque de Control--> coger el «Por siempre».
      3. Ir al bloque de Apariencia–> seleccionar «Siguiente disfraz».
      4. Ir al bloque de Control–> añadir «Esperar_segundos».
      5. Ir al bloque de Variables–> crear una variable «ESPERA».
      6. Añadir la variable «ESPERA» En el bloque de «Esperar_segundos» que ya está colocado dentro del por siempre. = «Esperar (ESPERA) segundos»
      7. Ir al bloque Variables–> y añadir debajo de la «Bandera» el bloque de «Dar a (espera) el valor (0.5)».
  6. Crear un programa paralelo para hacer que nuestro gif varie a nuestro gusto:
    1. Ir al bloque de Eventos–> poner dos veces el bloque de «Al presionar tecla______».
      1. En el primer bloque añadirle FLECHA ARRIBA = «Al presionar tecla (flecha arriba)»
      2. En el segundo bloque añadirle FLECHA ABAJO = «Al presionar tecla (flecha abajo)».
    2. Ir al bloque de Variables–> añadir en cada bloque de eventos «Sumar a (Espera) 0».
    3. En uno sumar «0.1» en positivo y en el otro sumar «-0.1» en negativo.

Dibujar un gif animado

Bien Scratchers, esta vez para empezar, iremos al icono del gatito. El de seleccionar personajes, pero escogeremos el icono del pincel. Éste significa crear nuestro propio personaje. Cómo bien hemos dicho esto permite dibujar un gif animado. Así, nos llevará a la pestaña de disfraces.

dibujar un gif

Una vez en aquí, seleccionaremos la opción de dibujar en forma de cuadrado. Dibujaremos un rectángulo para que sea el fondo y la base de nuestro gif.

Ha llegado la hora de empezar a crear el gif animado. ¿Como? Pues es bien fácil. En este caso, escogeremos dibujar con el pincel para crear topos. Cambiaremos el tamaño del pincel a un 50. Y, dibujaremos un topo en la esquina de arriba a la izquierda de nuestro rectángulo.

Después y uno de los pasos más importantes, será duplicar nuestro dibujo. Esto es para crear las capas. En el segundo dibujo crearemos otro topo en un lugar diferente al primero. Y repetiremos la acción de duplicar y de dibujar un objeto nuevo. La repetición la podéis hacer las veces que queráis, dependiendo de vuestro dibujo. Pero, ¡Cuidado!, que no se os olvide duplicar el dibujo en cada nuevo objeto o figura que creéis. Si no, no funcionará el gif.

Animar el gif

Una vez acabadas todas las capas, llega la hora de hacer que nuestro gif se mueva.

Primero de todo tendremos que cambiar a la pestaña de Código para empezar a programar. Como ya sabéis el primer bloque será el de la Bandera que se encuentra dentro de Eventos. Después iremos al bloque de control para añadir un Por Siempre en el cual añadiremos Siguiente disfraz que podemos encontrar dentro del bloque de Apariencia.

¡Fenomenal! Ya podemos empezar a probar que pasa con esta programación. Ahora le podemos añadir esperas (Esperar 1 segundo). Y también variables. ¿Por qué? Para poder jugar con los tiempos y cambiarlos. De esta forma, creamos la variable de ESPERA y la colocamos dentro del bloque de espera. Seguidamente le daremos el valor 0.5 a la variable espera. Esto siempre y cuando el bloque del valor lo situemos entre la bandera y el por siempre.

Controlar la velocidad del gif con las teclas

Ya casi hemos acabado, como toque final podemos hacer más emocionante nuestro gif si cambiamos la velocidad como queramos.

velocidad

Para ello, tenemos que crear unas programaciones paralelas, pero esta vez no empezaran con la bandera. Sino, con el bloque de Al presionar tecla____ que también se encuentra en Eventos. Bien, añadiremos dos de estos bloques y a uno le pondremos la Flecha Arriba y al otro la Flecha Abajo. Para terminar, añadiremos en ambos la opción de Sumar a (Espera) 0 del apartado de Variables.Y, a uno le sumaremos 0.1, en positivo (+), y al otro -0.1, con el negativo delante (-).


Ya está terminado. ¡Ahora os toca a vosotros crear gifs de lo más divertidos y ingeniosos!

¡Esperamos que os haya gustado y nos vemos en la siguiente lección!

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