Cómo hacer un banner dinamico

abril 26, 2018

Cómo hacer un banner dinamico

¿Qué es un gif animado?

Gif (Graphic Interface Format) es un formato de imagen que te permite la reproducción de imágenes consecutivas. Como hacer una pequeña película de Stop Motion y empaquetarla en un archivo. La principal peculiaridad que tiene este formato es que el color es indexado. Esto quiere decir que sólo podemos contar con un máximo de 256 colores.

¿Qué necesitas?

Para crearlo necesitas un programa de edición de imagen. Entre los programas para hacer gifs, (como se conoce: gif animado) el más utilizado es el Photoshop o el creador de banners Gimp. Yo os voy a mostrar como crearlo en Photoshop, para esta entrada tienes que saber cómo abrir un documento y cómo aplicarle un tamaño específico.

¿Cómo hacer un GIF animado con Photoshop?

En Photoshop incluye una ventana con la que podemos manipular imágenes para crear una animación gif, su funcionamiento es muy sencillo. En dicha ventana se sitúan los frase o instantáneas que queramos. En cada una aparecerá lo que se esté mostrando en el panel de capas. Es decir: selecciono un frame en la línea de tiempo y apago o enciendo capas en el panel capas para que se muestre lo que quiero. Y así se va generando la animación.

Mi ejemplo paso a paso

Para cómo hacer un GIF animado paso paso esto son los pasos que debes seguir:

1-En primer lugar selecionamos varias imágenes con las que vamos a crear la animación.

2-Creamos un documento nuevo en Photoshop donde se hace el tamaño del fondo rojo del primer paso.

3-Añadimos las imágenes con las que vamos a crear el GIF, cada una se situará en una capa diferente.

4-Abrimos la ventana "linea de tiempo" y en ella seleccionamos "crear animación de fotogramas".

5-Creamos todos los fotogramas que queramos para crear nuestra animación a nuestro gusto.

6-Seleccionamos un fotograma y encendemos o apagamos las capas para que se muestre lo que nos guste más.

7-Aplicamos un tiempo de espera en cada fotograma, puede ocurrir que en alguno quieras darle más tiempo. Yo he puesto 0.1 segundos para que mi bailarina gire como una de verdad. Además, le marco que la reproducción sea infinita (para hacer un efecto loop).

8-Le damos al botón "play" para probar la animación GIF y si nos gusta o está bien echo la guardamos con el comando "guardar para web". En la ventana que nos aparece elegimos GIF en el tipo de formato y le damos a guardar.