Logos

Tratamiento didáctico de la imagen digital con GIMP.  Seminario del IES Valle de Aller

Volver al inicio

 

 

 

LOGOS CON  GIMP

Vamos a practicar algunas de las posibilidades que tiene Gimp como programa de tratamiento de imágenes para la web.

Vamos a comenzar por la página principal de nuestro sitio y por el diseño de un logo para nuestro centro educativo: "CEIP El Gimp".

Vamos a crear varios logos Script-Fu para que posteriormente podamos seleccionar uno de ellos.

Debemos tener presente que el destino de esta imagen es verse en una página web por lo que debemos elegir el formato en que guardaremos esta imagen. Lo más correcto es una imagen JPEG sobre fondo blanco, aunque en muchas ocasiones se opta por un fondo transparente para situarlo sobre la imagen de fondo de nuestra página; puede ser contraproducente porque puede verse un borde dentado a causa de las limitaciones de las imágenes GIF.

Los logos para la web suelen ser sencillos (pocos colores y sin transparencia) y sin demasiados efectos especiales que dificulten su visión cuando el logo cambia de tamaño, por lo que vamos a utilizar los Script-Fu de Logos para obtener de forma rápida varios diseños de un logo.

  1. Accedemos a Exts  > Script-Fu > Logos en la Caja de herramientas y seleccionamos el logo "Básico II", poniendo como texto "CEIP El Gimp" y como tamaño de fuente 50 píxeles, dejando el tipo de fuente y colores por defecto. El resultado se observa a continuación.
 

2.       Realizamos el mismo proceso para obtener otro logo que puede ser el que se obtiene con el Script-Fu "Metal frío", con los mismos cambios que para el anterior logo. Aplicamos la máscara creada en la capa "Reflection" e inclinamos esta capa con la herramienta de Transformación inclinar para obtener el siguiente resultado.

 
  1. El último logo que vamos a crear lo obtenemos desde el Script-Fu > Temas de páginas web > "Cabecera de página web". Cambiamos el texto y ponemos el tamaño del texto en 50. Obtenemos...
 
  1. Vistos los tres logos nosotros nos decantamos por el primero, al que añadiremos un pequeño texto en la parte inferior, para que informe algo más sobre nuestra página web. Vamos a poner una línea horizontal y debajo el texto "Un colegio de Diseño". Para ello combinaremos las capas de la ventana Logo y crearemos una nueva imagen en blanco con más altura en la que pegaremos el logo e incluiremos el resto de elementos.
 
  1. Creemos una carpeta en nuestro disco duro para guardar todas las imágenes que vamos a utilizar en la página web, por ejemplo "Carpeta web". Guardamos nuestra imagen en formato JPEG. No está de más guardar también el diseño en formato nativo de GIMP (xcf) para poder realizar modificaciones posteriores.
  2. En pocos pasos y con la ayuda de GIMP hemos diseñado rápidamente un logotipo sencillo y atractivo para nuestro colegio, que se mostrará en la página de entrada. Para el resto de páginas necesitaremos un logo más pequeño. En la Ventana Imagen elegimos Menú > Imagen > Escalar imagen y ponemos una anchura nueva de 200 píxeles, que modifica proporcionalmente la altura. Aceptamos y guardamos el resultado en formato JPEG.