Creación de Banners con GIMP

Uno de los elementos gráficos que abundan más en Internet es el denominado "Banner": Una secuencia de fotografías que simula un cortometraje, aunque pareciera una labor compleja elaborar un elemento gráfico de este tipo, en GIMP es relativamente fácil.

Formatos en Internet

Los dos formatos gráficos más utilizados en Internet son JPEG ("Joint Photographic Experts Group") y GIF ("Graphics Interchange Format").

El formato JPEG es recomendado cuando se requiere una alta resolución fotográfica, ya que una de las cualidades del formato JPEG es guardar imágenes en 24-bits y la otra cualidad es el nivel de compresión que puede ser logrado con la imagen, esto es de especial importancia cuando se pretenden enviar varias imágenes en un sola página.

El formato GIF es un formato ideal para imágenes que no contienen una gran variedad de colores, esto se debe a que GIF solo es capaz de guardar hasta 8-bits de resolución. En ocasiones es conveniente utilizar este formato sobre JPEG, ya que para ser apreciada una imagen JPEG en sus 24-bits se requiere que el usuario final posea un monitor capaz de desplegar esta resolución, factor sobre el que no siempre se tiene control. Además de lo antes mencionado utilizando el formato GIF es posible generar una imagen compuesta por varias gráficas, para dar el efecto de cortometraje o "banner dinámico".

Composición del Banner

Creación del Archivo Base

• Se debe crear el archivo .gif que contendrá el banner, del menú: File: seleccione New , dentro de la ventana modifique el ancho y largo del banner (pixels) (Típicamente 550 X 60).

Creación de Layers

Una vez generado el archivo es necesario crear las diversas gráficas que formarán el Banner, cada una estas recibirá el nombre de "Layer" o Capa. Para generar "Layers" en GIMP, coloquese en el archivo creado y oprima el botón derecho de su "Mouse" para seleccionar la opción de menú llamado : Layers, Channels & Paths :

Al seleccionar la opción antes mencionada, aparecerá la siguiente ventana:

La parte central de la ventana representa los diversos "Layers"/Imágenes que conformaran el banner, en este caso se trata de 5 imágenes, cada layer o imagen posee las siguientes características :

• Aquel layer que en dado momento sea demarcado (vía el "Mouse") con color azul representa el "Layer" a manipularse, en otras palabras, la imagen sobre la cual se realizarán cambios.
• El orden de aparición para cada imagen del Banner será realizado iniciando con el layer inferior terminando en el layer superior.
• El tiempo de duración para la alternancia entre imágenes se especifica al final de cada layer en términos de milisegundos, en este caso, el primer layer llamado fondo aparecerá por 400 milisegundos antes que sea empalmado el layer llamado Frame 1 el cual durará 1500 milisegundos antes que le sea empalmada la siguiente imagen y así sucesivamente.
• Al inicio de cada layer aparece una imagen en forma de ojo empleada para visualizar los respectivos layeres/imágenes, dicho mecanismo puede ser activado o desactivado por medio del "mouse". La importancia de esta funcionalidad radica al manipular cada layer, mediante este mecanismo de visualización es posible que al momento de editar cierto layer éste se pueda aislar de los otros. EJEMPLO : Al momento que todos los layers estén activados con visualización GIMP mostrará una imagen con el Layer 5 únicamente, puesto que éste Layer empalma a todos los inferiores, ahora bien , si se activa la visualización layer por layer observará en pantalla el layer superior activado.

Las opciones de la barra inferior de esta ventana significan lo siguiente :

• Hoja con Doblez (Opción 1): Utilizada para generar un Layer
• Flecha Arriba (Opción 2): Utilizada para ascender el orden del Layer seleccionado.
• Flecha Abajo (Opción 3): Utilizada para descender el orden del Layer seleccionado.
• Hojas Empalmadas (Opción 4): Genera una copia del Layer seleccionado.
• Ancla (Opción 5): Ancla el Layer seleccionado. (El anclaje ocurre al momento de terminar la edición de un Layer)
• Bote de Basura (Opción 6): Elimina el Layer seleccionado.

Creación del Banner

Una vez generadas las diversas imágenes (layers) que llevará su Banner, es necesario guardarlas en formato GIF para banner, proceso descrito a continuación :

• Asegúrese que todos los layers de su banner tengan activada la opción de visualización (la imagen del ojo en la parte izquierda).
• Seleccione la opción Save del menú de GIMP e indique el nombre su Banner con terminación gif.
• Al momento que inicie este proceso aparecerá una ventana con encabezado Export File, seleccione la opción : Save as Animation, NO seleccione Merge Visible Layers ya que esto fusionará todos sus layer en una sola imagen
• Posteriormente aparecerá otra ventana con opciones para la gráfica GIF:
  • Interlace : Esta opción activada por "default" indica que la imagen sea desplegada en forma gradual, esto será de un estado borroso a resolución completa.
  • GIF Comment : Utilizado para colocar un comentario acerca de la gráfica, nunca desplegado sólo para efectos de edición.
  • Loop Forever : Activada por "default", esta opción indica que una vez ilustrados la serie de layers, se reinicie el ciclo de despliegue automáticamente.
  • Delay Between Frames : Esta opción permite indicar el tiempo de despliegue para aquellos layers que no definen su tiempo explícitamente.

Colocación del Banner

Para integrar su banner a una página simplemente coloque su gráfica en el documento HTML .