Cómo diseñar un gif animado con GIMP
CONCEPTOS INICIALES Qué es GIMP? Descarga e instalación. GIMP (GNU Image Manipulation Program) es un programa de edición de imágenes digitales en forma de mapa de bits, tanto dibujos como fotografías. Es un programa libre y gratuito. Para descargarlo puedes ir a la página oficial en español: http://www.gimp.org.es/, donde puedes encontrar la descarga: http://bit.ly/hpkgxz Una vez descargado el programa es seguir el asistente para la instalación. También existe un manual online para familiarizarse con el programa: http://docs.gimp.org/es/ Qué es un gif animado? Es un formato de imagen que se compone de una animación. La animación es una serie de imágenes mostradas en secuencia. Fue la primera forma de animación web y es soportada por la gran mayoría de los navegadores. Los GIF animados son utilizados especialmente en íconos, botones y banners que se insertan en páginas web. DISEÑAR EL GIF ANIMADO PARA ECSOCIAL Partimos de imágenes que ya están escaladas al tamaño adecuado. En este caso vamos a realizar un banner superior que mide 465 x 225 pixeles. De esta manera tenemos todas las imágenes que queremos que compongan nuestro gif a este tamaño. (Mirar manual Recortar y escalar imágenes en GIMP). Abrimos todas las imágenes en GIMP. En Archivo, Abrir. 1
Composición del Gif Elegimos una de las imágenes sobre la que pegaremos el resto. Tenemos que tener abierto el diálogo de capas, para visualizar como se va montando el Gif. (Se abre en Ventanas/ Diálogos empotrables/capas.) Ahora sobre una de las imágenes le damos a copiar. Luego nos ponemos sobre la imagen donde vamos a montar el gif y le damos a pegar como capa nueva. 2
Repetimos el proceso con todas las imágenes que queramos pegar. Al final debemos tener el siguiente esquema en el diálogo de capas: En este caso tenemos tres imágenes montadas en un mismo escenario. Ahora toca darle movimiento. Animar el Gif Una vez montamos las imágenes, guardamos como un gif animado. Para ello, vamos a Archivo/ Guardar Como y se despliega el siguiente diálogo, donde elegimos ESCRITORIO (u otra carpeta) y ponemos un nombre al archivo seguido de.gif. Por ejemplo: banner.gif (Que no se nos olvide la extensión del archivo porque si no es imposible guardarlo como gif animado. 3
Le damos a guardar y se abrirá otra ventana, aquí tenemos que darle a Guardar como animación y Convertir a indexada usando ajustes predefinidos y le damos a Exportar. Al darle a Exportar, se abre otra ventana, que es la más importante para realizar el Gif: Seleccionamos Entrelazar Marcamos Bucle Infinito, para que las imágenes se repitan infinitamente. El retardo entre cada cuadro (4 segundos en la imagen) conviene que sea alto porque sino se mueven demasiado rápido Marcar Usar el retardo para todos los fotogramas Al darle a guardar se nos habrá creado el gif animado banner.gif en el escritorio del ordenador. 4
Introducir el banner superior en ECSocial Vamos a la intranet de ECSocial y nos dirigimos a banners. En este caso hemos creado un banner superior. Podemos crear un solo banner superior por sección. En el caso de los laterales es posible crear más de uno por sección. Hay dos posibilidades al introducir el banner superior Que queramos modificar un banner existente: abajo del todo, en banners existentes seleccionamos el banner superior que queremos modificar y clicamos sobre él. Ahora cambiamos el fichero de imagen en Seleccionar archivo. Elegimos nuestro nuevo banner y le damos a guardar. 5
Que queramos introducir un nuevo banner: elegimos las secciones donde va a aparecer nuestro banner y seleccionaremos el archivo del nuevo banner. El resto de campos no son necesarios. Le daremos a guardar y ya tendremos creado el nuevo banner. 6