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

Cuento inventado. El patito y la gatita

El patito y la gatita.

Erase una vez, un patito que vivía en el campus de la UIB, en el lago al lado del edificio de educación. Este patito estaba enamorado de una gatita que vivía por los alrededores en un poblado gatuno de la UIB. El patito no tenía el valor de confesarle su amor, pero inocentemente no sabía que ella también lo quería. Un buen día el patito le contó su problema a su padre, este le aconsejo que se olvidara de la gatita ya que su amor era imposible. Un día, el padre del patito se rompió una pata y quedó tumbado en el césped del campus, la única ayuda que recibió fue por parte de la gatita de la cual su hijo estaba enamorado. El padre pato desconocía que la gatita que le prestó ayuda era la misma gatita de la que le habló su hijo. Pasados unos días y comentando con la família lo ocurrido, se dió cuenta de que era la misma gatita. El padre pato reflexionó y se dió cuenta que la diferencia de razas no es motivo para separar a una pareja que se quiere. Aunque al final a los patitos les parecía bien esta unión los gatos eran reacios a ella, ya que creían que los patos eran una raza inferior a ellos. Unas semanas después de todo lo ocurrido un gatito con pocos meses de vida se quedó atrapado en la copa de un árbol mientras jugaba con sus hermanitos. El patito que pasaba por ahí para ir a comer al lago lo oyó maullar y creyó oportuno echarle una mano para devolverle el favor que tuvieron los gatos para con su padre, además él era el único que tenía alas para llegar arriba del árbol y salvar al gatito en apuros. Una vez que subió y rescató al gatito como estaba tan asustado que no podía moverse decidió acompañarlo a su poblado para llevarlo con sus padres. Cuando llegó al poblado todos los gatos erizaron sus pelos y lo miraban con cara de pocos amigos. El patito se dirigió al jefe del poblado y le entregó al gatito asustado mientras le contaba todo lo sucedido. Tras mucho meditar los gatos vieron que solo el patito fue capaz de ayudar a uno de ellos y pensaron que alomejor no eran tan inferiores como ellos creían. El patito al verse apoyado y reconocido por los gatos tomó valor y le pidió al jefe del poblado gatuno la mano de su hija la gatita. Al principio al jefe gato le pareció una locura pero entendió que si ella algún día estaba en apuros el patito era capaz de protegerla y al haber ayudado al gatito del árbol era digno de pertenecer a su familia. La gatita y el patito se reunieron en una gran ceremonia donde las dos familias cantaron y bailaron durante todo un día y toda una noche y así se unieron en matrimonio. Al cabo de un año acabaron de formar su familia con un hijo que fue el fruto de su amor.

Esta practica se realizó el día 4 de marzo, consistía en realizar y elaborar un cuento mediante las herramientas de Gmail y +Google, creando un documento compartido donde los 5 integrantes del grupo pudiésemos escribir y editar parte del cuento al mismo tiempo. Con ayuda de esta herramienta tan practica también se podría editar el trabajo realizado sin necesidad de guardarlo en un dispositivo local o un dispositivo de almacenamiento, ya que se guarda cada cambio en la nube de Google.

Para ponernos de acuerdo hablamos por el chat de la propia herramienta y escribíamos que ideas podíamos tomar y plasmar en el cuento, al tener la forma y base del relato, uno de nosotros escribía lo ya comentado y los demás prestábamos atención y mirábamos si se podía añadir o modificar algo de lo ya escrito como si fuésemos editores.

Esta herramienta nos será muy útil a lo largo de este año universitario para realizar trabajos en grupos sin estar en presencia física.

Mediante estas herramientas, podemos disfrutar de una serie de ventajas, tanto nosotros como futuros pedagogos como los alumnos. Todos los usuarios tienen acceso en cualquier lugar y a cualquier hora. Se puede tener acceso a cualquier información y descargar y cargar información a la red. Por otra parte, se puede tener un espacio virtual para guardar la información. Es posible encontrar soporte técnico de toda clase sobre alguna herramienta o proceso y es posible el seguimiento de la información a tiempo real a través de Internet. Esta última característica es de gran utilidad, ya que podemos mantener un contacto directo con los alumnos y al revés.

" El niño que tiene libertad y oportunidad de manipular y usar su mano en una forma lógica, con consecuencias y usando elementos reales, desarrolla una fuerte personalidad". María Montessori