Como hacer un banner con GIMP

En este post vamos a aprender a crear un banner para nuestro blog o página web desde cero, pero antes de empezar, ¿sabemos qué es un banner?

Un banner es un archivo visual que consta necesariamente de unas medidas, o de una proporción determinada y se usa para encabezar páginas web en Internet. Habitualmente este formato tiene una extensión de archivo propia de imagenes (JPEG, PNG o GIF), aunque también existen (siendo muchos mas complejos) los banners animados, realizados mediante programas como Java o Flash, entre otros.

El objetivo de un banner es principalmente transmitir un mensaje de la forma mas rápida y sencilla posible, y para eso, se ayuda de imágenes, colores, o simplemente frases ingeniosas (eslogan).

Nosotros os explicaremos (como hemos hecho en un post anterior) las herramientas que nos facilita el programa GIMP para la creación de nuestro banner. Es muy importante tener en cuenta que en la elaboración de nuestro banner la herramienta más importante es la creatividad dado que las opciones son infinitas, así que antes de nada, conviene hacer un boceto en un papel de aquello que se desea incluir en el banner, y a partir de ahí, ceñirse un poco al guión, porque sino uno se puede volver realmente loco (y al final diseñar no uno, sino varios banners, y verse en la complicada situación de elegir uno. Elección que se complica si sois varios los diseñadores).

Tras aclararnos, y después de buscar algunos banners y consejos de su realización en la red, nos decidimos por crear un banner de apariencia sencilla basado en un sistema de capas (herramienta fundamental de GIMP).

Para ello empezamos creando un archivo de medidas 450x150. Entonces nos aparece un rectangulo totalmente blanco. Aplicamos un gradiente con al "herramienta de degradado" (nosotros hemos escogido un gradiente bilineal).

A partir de aquí consiste en ir añadiendo capas hasta crear un fondo satisfactorio. Nosotros añadimos una segunda capa con otro gradiente y la pusimos con una opacidad del 100% pero aplicamos el modo de "solapado" en el menú de opciones de capas (esquina superior derecha, sobre el visualizador de capas). Después añadimos una tercera que también solapamos, aunque con una opacidad menor y en ésta en vez de usar la "herramienta de degradado", usamos un fondo predeterminado (GIMP ofrece varios fondos dentro de la "herramienta de relleno"). 

Como ya hemos dicho, nosotros fuimos añadiendo capas a nuestro gusto, pero se pueden añadir más o menos capas. Nosotros, añadimos una cuarta capa final. Descargamos una imagen que utilizaríamos como textura. Después, en vez de crear una capa transparente normal (proceso realizado en capas anteriores), abrimos un archivo nuevo (imagen) con la opción "abrir como capa nueva". Redimensionamos y posicionamos la imagen sobre el banner a nuestro gusto y, una vez mas, esta capa fue solapada sobre las demás. Después, añadimos un texto en color negro que también solapamos y modificamos su opacidad. Además mediante la herramienta de "selección de texto", modificamos el filtro (luz y sombra→sombra arrojadiza) para así darle profundidad y/o sombreado al texto. Este es el resultado:

No le hemos dado importancia a la vistosidad, ya que es nuestro primer banner y nos parecía más interesante manejar varias herramientas, entre ellas las capas.

En cuanto a sus ventajas en el ámbito educativo, utilizar GIMP para capturar y tratar las imágenes a presentar, nos permitirá además transmitir a nuestras alumnas y alumnos la importancia de la imagen como un medio indispensable en la presentación de determinados contenidos, que facilita la comprensión de los mismos y favorece el sentido crítico y la actitud reflexiva. En definitiva, buscar herramientas atractivas y sencillas que faciliten el acceso a los estudiantes a la realización de sus propios materiales utilizando las TIC supondrá iniciar un proceso de búsqueda y análisis de información, organización y elaboración de contenidos así como también el dominio técnico de las herramientas utilizadas. El aprendizaje basado en presentaciones se ve reforzado y enriquecido cuando además se plantea la posibilidad de realizarlo en grupos de trabajo colaborativo. Esta dinámica supone establecer unos criterios de evaluación que centren su mirada tanto en el proceso como en el resultado. Todo ello para que los estudiantes tomen decisiones, muestren una actitud crítica en el acceso como en el manejo de la información, adopten normas de actuación en grupo y se responsabilicen de las tareas encomendadas.

"La primera tarea de la educación es agitar la vida, pero dejarla libre para que se desarrolle." María Montessori