Una imagen rápida

Vamos a mostrar ahora el proceso de creación de imágenes de forma automática, utilizando procesos abreviados que trae Gimp para facilitarnos la tarea de creación de imágenes.

Nos planteamos la siguiente situación. Hemos preparado en clase una documentación sobre "El gusano de seda" y queremos poner toda esa documentación en una página web. Necesitamos dos imágenes que crearemos con GIMP.

  • La primera de ellas va a ser un título "El gusano de seda" para la documentación que también entregaremos impresa a nuestros alumnos. GIMP nos ayudará a dar forma a este título en muy pocos pasos.

  • La segunda será la construcción de un patrón que nos servirá como imagen de fondo para una página web sobre "El gusano de seda".

De esta forma conseguiremos familiarizarnos con el entorno de trabajo de GIMP.

1. Un título con GIMP

Abrimos Gimp. En caso de que tengamos abierto GIMP es necesario que lo cerremos para comenzar esta actividad desde cero.

  1. Abrimos GIMP y accedemos a la barra de menú de la Caja de herramientas. Hacemos clic en: Exts --> Logotipos--> Contorno 3D...

  2. Aparece un cuadro de diálogos con el título "Script-Fu: Contorno 3-D". Si no ves esta ventana, observa la Barra de tareas de Windows; tendrás una ventanita que se ilumina de forma intermitente, haz clic en ella y aparecerá la ventana de la siguiente imagen. Sobre ella vamos a realizar unos cambios:



  3. Pulsa sobre el botón Examinar... (a la derecha de Patrón) y selecciona 3D Green en la Ventana de selección de patrones. Después haz clic en Cerrar.


  4. Comprobamos que aparece en el ventana del Script-Fu Logotipos/Contorno en 3D, el nuevo patrón seleccionado. Si hacemos clic sobre la simulación del patrón (a la derecha de la palabra Patrón) y mantenemos presionado el botón podremos ver el patrón a mayor tamaño.

    Patron2


  5. Cambia el texto que viene predeterminado y pon "El gusano de seda", cambiamos también el tamaño de la tipogrfía poniendo 70 píxeles como valor . Hacemos clic en Aceptar, esperamos unos segundos, se crea una Ventana Imagen que contiene el texto escrito; observamos el resultado obtenido.



  6. Guardamos esta imagen en nuestro disco duro. Pulsamos Archivo --> Guardar como... Seleccionamos la carpeta "Curso Gimp". Debemos dar nombre al archivo, por ejemplo "título", y elegir su extensión presionando el signo "+" a la izquierda de Seleccione el tipo de archivo y eligiendo XCF (GIMP) si queremos volver a utilizar esta imagen en Gimp y hacer modificaciones a la imagen obtenida. Puedes elegir otro tipo de formato de archivo; en concreto te sugerimos que utilices el formato JPG, Imagen JPEG, que es uno de los más adecuados para que no ocupe mucho espacio en disco.


  7. Cerramos la imagen.
pincel Nota

Es conveniente seguir siempre el mismo orden para guardar los archivos, ya que si no guardamos el archivo con la extensión correspondiente podemos tener problemas para abrirlo de nuevo o el programa nos avisará de que estamos cometiendo un error.

2. Una imagen de fondo con GIMP

De forma similar vamos a crear una imagen que nos servirá como fondo de la página web de nuestra documentación sobre El gusano de seda.

Pulsamos Exts --> Patrones --> Truchet 3D. Aparece la ventana del Script-Fu con distintas opciones, pero en esta ocasión vamos a dejar todos los valores tal y como están. Simplemente presionamos Aceptar.

trebu

 

Obtenemos esta imagen.

Trebu2

Ahora vamos a modificar algunas propiedades de esta imagen para dejarla más transparente y poder escribir escribir encima de ella; la utilizaremos como imagen de fondo en una página web. Accedemos a la Ventana de Capas y Canales, Rutas... que se encuentra a la derecha de nuestra pantalla.

Nota3 Nota

Si has cerrado esta ventana por error y no te aparece en la pantalla puedes volver a obtenerla accediendo al menú de la Caja de herramientas Archivo --> Diálogos --> Crear un empotrable nuevo --> Capas, Canales y Rutas.


En la Ventana Capas, Canales, Rutas, Deshacer encuentras, entre otras, las siguientes opciones:

1
Nombre de la imagen. Si tenemos varias abiertas en GIMP, podemos cambiar a otra imagen haciendo clic y eligiendo cualquier otra que tengamos abierta en GIMP.
2
Pestañas para seleccionar Capas, Canales, Rutas y Deshacer.
3
Nombre y miniatura de la imagen que hay en la capa. El icono en forma de ojo de la izquierda hace que la capa sea visible o invisible. Si la capa está seleccionada y en disposición para trabajar sobre ella, se muestra con fondo gris, tal y como puedes ver.
4
Pestaña deslizante que nos permite modificar la opacidad de la capa sobre la que trabajamos. Por defecto tiene una opacidad completa (100 %).

Arrastramos este botón deslizante (4) hasta que marque 20 (también puedes introducir el valor con el teclado) y verás como la imagen se hace transparente.


Antes era una imagen excesivamente fuerte para ponerla como fondo de página web, haciendo esta reducción de opacidad hemos conseguido una imagen muy suave sobre la que podremos escribir y poner otras imágenes. Para poder utilizarla en una página web debemos tener en cuenta los formatos gráficos adecuados para las páginas web: GIF para imágenes de 256 colores y JPEG para imágenes de millones de colores. Vamos a utilizar este último formato, pero debemos tener en cuenta que al guardar en formato JPEG no se admiten capas, algo que nos indicará el programa.

Hacemos clic en Archivo --> Guardar como... Seleccionamos la carpeta Curso Gimp, ponemos nombre al archivo "Fondo pagina" y marcamos la extensión JPG. Después pulsamos Aceptar.

Nos aparecerá la ventana de la derecha con un aviso que indica que el formato JPG no puede guardar transparencias y que aplanará la imagen, es decir, que pegará la imagen que tenemos sobre el fondo (papel) que es de color blanco.

Hacemos clic en Exportar para poder guardar la imagen en el formato JPEG. En la ventana de información nos avisa de que la imagen original no queda modificada por lo que GIMP mantendrá una copia, que podremos guardar más adelante en otro formato que sí mantenga las capas.

En la Ventana exportación (Guardar) encontramos distintos tipos de información y opciones. Si marcamos Mostrar Vista Previa en la ventana Imagen podemos ver cómo va variando su tamaño, a la vez que vamos modificando los distintos parámetros. En nuestro caso no es necesario realizar ningún cambio, con lo que pulsamos Guardar.

trebu
La imagen queda guardada en nuestro disco como Fondo pagina.jpg. Si tienes intención de seguir trabajando con esta imagen y realizar modificaciones a la transparencia, deberás guardarla también en el formato nativo de GIMP, XCF.

Al utilizar la imagen como fondo de una página web, quedaría así:

El gusano de seda

Imagen realizada con GIMP y utilizada como fondo de página web.

  

Conociendo GIMP > Una imagen rápida