Taller de Creación de GIFs con Piskel

ANIMACIÓN DE IMÁGENES: CREAMOS GIFS

PISKEL: gratuito y online

Empecemos

¿qué es un gif?

Muchas posibilidades

pasos

PRIMERO: ABRIMOS PISKEL Y SEGUIMOS CON ESTA VENTANA ABIERTA

CREAMOS EL SPRITE

Dentro de este cuadrado vamos a dibujar lo que querramos, un emoticón puede ser algo fácil de animar.

PARA ESTO UTILIZA LA HERRAMIENTA "LÁPIZ" ELIGIENDO SU GROSOR

diseño

COLOR

Seleccionamos el color que queremos para nuestro dibujo. La barra de colores de la derecha se mueve y luego en el centro del cuadrado marcamos el color

DUPLICAMOS ESTE MARCO O FRAME

AQUÍ JUGAMOS CON CAMBIAR POR EJEMPLO LA SONRISA POR UNA MUECA DE TRISTEZ.A. PARA ESO USAMOS LA GOMA DE BORRAR

A la derecha superior vemos cómo va quedando nuestro gif en movimiento.

¡A guardar! ¡a exportar!

Una vez que tenemos nuestro Gif, lo exportamos haciendo click aquí. RECUERDA EXPORTARLO COMO GIF y guardarlo en tu ordenador. Elige un nombre que recuerdes.

Otras herramientas

Cubo de pintura: pinta todo el fondo de un color

Otras herramientas

A la izquierda tenemos Transformación: dar vuelta nuestro dibujo, clonarlo también

¡logro alcanzado!

Más actividades que puedes realizar

Puedes seguir sumando frames a tu creación y cambiar más veces el emoticón. Tantas como quieras.

Muestra tu creación en clase. Puedes subirla a nuestro padlet/pizarra virtual.

+ PADLET

Felicitaciones

¡Gif creado!

Siguiente Paso:

nuestro gif en scratch

¡A programar!

Start

QUÉ ES SCRATCH

¿Conoces Scratch? Es un programa que nos permite programar nuestras creaciones. ¡Hoy lo vamos a utilizar con nuestro GIF como personaje!

+ link a su web

comenzamos

Una vez dentro de la página clickeamos en "EMPEZAR A CREAR"

Se nos abre una pantalla con un gran espacio en blanco que es en donde irán nuestras órdenes. Pero primero eliminamos el gato porque lo reemplazaremos con nuestro GIF.

IMPORTAMOS NUESTRO GIF

Elegimos SUBIR OBJETO para incluir nuestro GIF. RECUERDA QUE LO HAS DESCARGADO EN EL ORDENADOR. Búscalo.

NUESTRO DISFRAZ

Al importar un GIF con varios movimientos, Scratch lo muestra en DISFRAZ, aquí

Clickeamos en CONVERTIR A VECTOR

A PROGRAMAR NUESTRO CÓDIGO

Programar es crear una serie de órdenes para que nuestro GIF se mueva. Por eso aquí están algunas posibilidades

Programamos nuestro gif

El gif puede moverse, saltar o cambiar

Utilizamos los comandos que están a la izquierda de la pantalla y vamos colocando uno a uno nuestras órdenes para lograr que nuestro GIF haga lo que le pedimos. Aquí una muestra que pueden copiar para empezar a moverlo.

Programamos nuestro gif

El gif puede moverse, saltar o cambiar

Para detenerlo y que vuelva a empezar estas son las órdenes.

No olvidemos GUARDAR nuestro proyecto de Scratch

Al guardar elegimos un nombre que recordaremos

RESULTADO

Felicitaciones

¡Creación de GIF completada!

Principio