TUTORIAL BÁSICO DE GIMP

Rossana Marqués – Javier Acuña – Pilar Barbeira

Departamento de Formación Plan Ceibal

Introducción

GIMP1 - GNU Image Manipulation Program - es un programa de edición de imágenes digitales en forma de mapa de bits, tanto dibujos como fotografías. Es un programa libre y gratuito disponible bajo la Licencia pública general de GNU. Una de las características del Gimp es su disponibilidad para trabajar en varios sistemas operativos tales como Unix, GNU/Linux, Solaris, Microsoft Windows y Mac OS X, entre otros. Asimismo, su interfaz está disponible en varios idiomas, entre ellos: español, alemán, inglés, catalán, gallego, euskera, francés, italiano, ruso, sueco, noruego, coreano y neerlandés.

Gimp dispone de un completo Panel de Herramientas que resulta muy útil para el procesamiento de gráficos y fotografías digitales. Entre otras funciones, la aplicación permite realizar cambios de tamaño, recortes y modificaciones tales como cambiar colores; combinar imágenes; eliminar o alterar elementos no deseados o convertir entre distintos formatos de compresión gráfica. También permite crear animaciones sencillas y manejar casi cualquier formato gráfico.

Principales características y capacidades de GIMP:

• Se distribuye gratuitamente bajo licencia GNU/GPL.• Permite superponer distintas ilustraciones en capas diferentes dentro

de una misma imagen y manipular cada una por separado.• Permite trabajar los canales rojo, verde y azul que componen a la

imagen por separado.• Es capaz de distinguir y gestionar transparencias y distintos grados de

opacidad.• Consta con una variedad de herramientas de selección.• Consta con herramientas que permiten transformaciones para rotar,

escalar, inclinar etc.• Ofrece potentes utilidades de retoque como clonado, suavizado o

difuminado.• Consta de una amplia variedad de herramientas para la ilustración tales

como lápiz, pluma y aerógrafo además de una amplia paleta de pinceles.

• Es capaz de capturar imágenes en la pantalla o desde un escáner.• Puede manipular y convertir archivos gráficos en casi cualquier

formato: jpg, gif, png, bmp, psd, tiff, entre otros.• Ocupa poco espacio en el disco duro.

1 http://es.wikipedia.org/wiki/GIMP

Acceder al GIMP desde la computadora “XO”

Para ejecutar el programa desde la XO 1.5 debemos:

• Iniciar el entorno Gnome

• Seleccionar en la barra superior del escritorio,la opción:

“Aplicaciones” -> “Gráficos” -> Programa de manipulación de imágenes GNU.

Acceder al GIMP desde la computadora “Magallanes”

• En la barra superior del Menú Principal, seleccionamos la opción:

“Aplicaciones” -> “Gráficos” -> “Editor de imágenes GIMP”.

Recomendamos visualizar el siguiente video tutorial que nos introducirá a la interfaz de GIMP

http://www.youtube.com/watch?v=NOSeSKGjf5U

Primeros pasos: abrir, crear y guardar imágenes

Abrir una imagen

El proceso de abrir una imagen es similar al de cualquier programa y puede hacerse de varias maneras:

• Desde el menú Archivo > Abrir para editar una imagen ya creada.• Abrir lugar abre una imagen desde una dirección Web.• Abrir reciente ofrece una lista con los últimos diez archivos en los que

hemos trabajado además de un Historial del documento con los cambios que se hayan efectuado.

• Podemos abrir una imagen haciendo un clic en el botón derecho sobre la imagen y seleccionando Abrir con GIMP en el menú contextual.

• Arrastrando la imagen y soltándola sobre la ventana de imagen vacía o sobre el panel de herramientas de la caja en la interfase de GIMP.

Crear una imagen nueva

Para crear una imagen nueva podemos abrir un lienzo en blanco desde menú Archivo > Nuevo y comprobar en la ventana Crear una imagen nueva las posibilidades que ofrece GIMP.

•Una plantilla es un formato de imagen prediseñado)

• Resolución de pantalla ( 800x600, 1024x768...)

• Tamaño de papel (A4, A5, US-Letter)

• Etiquetas para CDs

• Banners

• Formatos de películas

• Tamaño de la imagen:

•Ancho y altura de la imagen medida en píxeles, centímetros o milímetros.

•Imagen horizontal o vertical.

• Resolución.

•Espacio de color. RGB o Escala de grises.

•Rellenar con: El color que tengamos seleccionado para el frente, con el fondo, en blanco o transparente.

•Comentario o notas que aparecerán en los datos de la imagen.

Una vez realizado este procedimiento, la interfaz abrirá una nueva ventana que contendrá al lienzo y en la cual podremos observar la Barra del menú tiene acceso a todas las opciones de la aplicación. También podemos acceder a estas opciones haciendo un clic en el botón derecho sobre el lienzo o con el Botón de menú de la esquina superior izquierda.

Ampliar imagen al aumentar la ventana

Navegar por la imagen

Boton del menú

Reglas y guías

Realizar capturas de pantalla

Si deseamos capturar la pantalla de nuestro computador vamos a:Archivo -> Crear -> Captura de pantallaSe ejecutará un cuadro de dialogo donde veremos las opciones de capturar una ventana o la pantalla entera.

Si queremos capturar una una sola ventana, haremos clic en el boton capturar. Se ejecutará un cuadro de dialogo con un cursor en forma de cruz. Al arrastrar esa cruz y dejándola caer en la ventana que deseemos capturar. Observaremos un marco alrededor de esa ventana o porción de pantalla.

Las guías y rejillas pueden aplicarse a cualquier imagen y nos ayudarán en su manipulación.

Guías y rejillas

Guardar imagen

En la barra de menú elegimos Archivo > Guardar como....(o clic en el botón derecho sobre el área de trabajo, Archivo > Guardar como...) y obtendremos el siguiente cuadro de diálogo:

GIMP por defecto intentará guardar la imagen en el directorio: /home/usuario pero podemos elegir otro lugar para guardar nuestros archivos seleccionado en el árbol de directorios sobre la izquierda de la ventana o creando una nueva carpeta con el botón Crear carpeta.

Ahora nos queda añadir la extensión: para ello desplegamos la flecha con las opciones de Seleccione el tipo de archivo según su extensión y elija una de las muchas posibilidades que se ofrecen (.xcf, .jpg, .png, .gif....) o escribimos la extensión junto al nombre del archivo.

Tipos de archivos y extensiones

Todos los archivos se guardan con un nombre y una extensión. La extensión es el grupo de caracteres ubicado después del nombre del archivo, precedido de un punto. A modo de ejemplo, .odt es utilizado para archivos de texto de OpenOffice Writer; .doc o .docx para archivos de Microsoft Office Word; .ogg o .mp3 para archivos comprimidos de música. GIMP puede abrir, manipular y guardar diversos archivos gráficos. Las mas utilizadas son:

• JPG o JPEG2 (Joint Point Experts Group)Es el formato de imagen más común utilizado por las cámaras fotográficas digitales y otros dispositivos de captura de imagen. Su algoritmo de compresión se basa en algunos defectos visuales del ojo humano. Una de sus características es la flexibilidad a la hora de ajustar el grado de compresión, sin embargo debemos tomar en cuenta que un grado de compresión muy alto generará un archivo de pequeño tamaño, a costa de una pérdida significativa de calidad. Una tasa de compresión baja, en cambio, obtendrá una calidad de imagen muy parecida a la del original, pero con un tamaño de archivo mayor. Además, la pérdida de calidad es acumulativa si se realizan sucesivas compresiones.

• GIF3(Graphical Interchange Graphics) Es un formato gráfico utilizado en la web aunque su uso está siendo dejado de lado dado que tiene derechos restringidos. Este formato permite reducir el número de colores y lograr imágenes más livianas. Una imagen GIF puede contener entre 2 y 256 colores de los 16,8 millones que pueden conformar la paleta de una imagen digital. Su principal uso es en sitios web ya que es el único formato que permite animaciones sencillas en una gran variedad de navegadores.

• PNG4 (Portable Network Graphics)Es un formato gráfico basado en un algoritmo de compresión sin pérdida que no está sujeto a patentes. Este formato fue desarrollado en buena parte para solventar las deficiencias del formato GIF y permite almacenar imágenes con una mayor profundidad de contraste. Es uno de los formatos preferidos para trabajar en web y video ya que admite transparencias.

• TIF o TIFF (Tagged Image File Format) Es un formato que permite guardar imágenes sin pérdidas por compresión. Por lo tanto presenta mucha calidad de imagen pero en archivos de gran tamaño. Se utiliza principalmente en aquellas imágenes que se destinen a la impresión.

2 http://es.wikipedia.org/wiki/Joint_Photographic_Experts_Group3 http://es.wikipedia.org/wiki/Graphics_Interchange_Format4 http://es.wikipedia.org/wiki/Portable_Network_Graphics

• BMP (Windows Bitmap)Es el formato propio del programa Microsoft Paint, que viene con el sistema operativo Windows. Normalmente, se caracterizan por ocupar mucho espacio en el disco, pero pueden mostrar un buen nivel de calidad. Los archivos BMP no son utilizables en páginas web debido a su gran tamaño en relación a su resolución.

• Archivos XCF: Este tipo de archivos son nativos de GIMP y pueden almacenar la información de una imagen en proceso, con todas sus capas y sin compresión.

Recomendamos guardar los trabajos en formato .xcf mientras los estamos elaborando. Una vez terminados, pueden guardarse como .jpg o .png según el uso que vayamos a darle. Conviene mantener los .xcf de nuestros trabajos gráficos en una carpeta por si queremos realizar modificaciones más adelante.

El trabajo con capas

GIMP permite manipular distintas capas. Una capa está conformada por pixeles que se superponen a otras capas, como si fueran láminas de acetato transparente conteniendo porciones o distintos aspectos de la totalidad de una imagen.

Cada transparencia es llamada capa. No hay limite para el numero de capas que puede tener una imagen. El límite es la cantidad de memoria disponible en el sistema.

Características de las Capas• Las capas son apilables.• Se editan de manera independiente.• Pueden tener zonas transparentes - píxeles que no tienen ninguna

información de color - representadas por una cuadrícula en forma de tablero de ajedrez.

Capa visible. En este caso, transparente.

Capa oculta

Enlace

Al estar oculta la capa inferior, solo veremos la capa superior. En este caso la capa superior es transparente por lo tanto, no tiene pixeles. Es por este motivo que veremos la cuadrícula en forma de tablero de ajedrez en nuestro lienzo.

• El grado de opacidad o transparencia de cada capa puede ajustarse siendo:

Opacidad 0 = totalmente transparente

Opacidad 100 = totalmente opaca

• Las capas que presentan un ícono en forma de enlace o cadena están unidas y se editan en forma conjunta pero pueden desenlazarse para editarlas por separado.

• Las capas que presentan un ícono representando un ojo son visibles y las que no lo tienen, están ocultas.

• Se puede guardar una imagen con todas sus capas en formato xcf.• Con los iconos de la fila inferior del dialogo Capas permiten:

Recomendamos ver el siguiente video tutorial acerca del trabajo con capas

http://www.youtube.com/watch?v=U7J_jxWaS4Y&feature=related

Eliminar la capa seleccionadaAnclar (Fijar) la selección flotante a la capa inferior

Duplicar la capa seleccionada o activa

Elevar o bajar la capa

Añadir una nueva capa sobre la capa que esté seleccionada

Las capas se organizan en orden descendente siendo visibles los pixeles de la capa superior. A su vez, las transparencias harán visibles las capas inferiores.

Esta organización puede modificarse arrastrando las capas hacia otra posición. Esto variará la forma en que éstas se visualicen.

Tamaño y resolución

Cambiar el tamaño y la resolución de las imágenes digitales es una práctica habitual entre las personas que trabajan con materiales visuales para la web o el monitor. Es importante tener ciertas nociones básicas acerca de como hacer estas modificaciones para optimizar la red y los recursos que elaboramos para la misma.

Cambiar solamente el tamaño de una imagen digital

Tomemos como ejemplo una imagen de 1502 x 1024 píxeles a 72 Píxeles por Pulgada de resolución. Ajustaremos, en esta ocasión, el tamaño de nuestra imagen al tamaño de un monitor de 1300 x 768 píxeles. Es decir que para ajustar la imagen al mismo tamaño que dicho monitor, debemos reducir su tamaño, pero no su resolución.

Seguiremos los pasos siguientes:

• Abrir la imagen con Gimp. • Seleccionar el icono de “Escalar” o desde el Menú Principal:

Herramientas -> Herramientas de Transformación -> Escalar en la Caja de herramientas.

Elegimos un nuevo valor para el ancho y presionamos el botón Escala. Ya tenemos la imagen en el tamaño ajustado al tamaño del monitor.

Ya tenemos la imagen modificada a 1300 x 768 píxeles a una resolución de 72 ppp. Sólo queda guardarla en el formato correcto.

En el cuadro de dialogo de la herramienta Escalar (Redimensionar) veremos las dimensiones del tamaño de nuestra imagen a 72 Píxeles por Pulgada de resolución. Pero también podemos seleccionar el tamaño de la imagen en otras unidades de medida: milímetros, centímetros, puntos o picas presionando la opción “Más...” del menú contextual.

En esta ocasión, mantendremos la cadena abierta ya que necesitaremos ajustar la imagen al tamaño del monitor. Sin embargo, debemos tomar en cuenta que esto deformará un poco la imagen.Si queremos que la imagen guarde sus proporciones sin deformarse, debemos cerrar la cadena.

Para guardar la imagen que utilizaremos como fondo de pantalla en nuestro monitor, ésta debe ser en formato de compresión png o jpg. Para realizar esto vamos a Archivo -> Guardar como seleccionando la ruta y el tipo de archivo.

Cambiar el tamaño y la resolución de una imagen

Hemos visto cómo modificar el tamaño de una imagen sin cambar su resolución. Sin embargo, muchas veces necesitaremos cambiar ambas.

Para ello, podemos acceder a Imagen -> Escalar imagen como vemos en la siguiente captura de pantalla:

Se abrirá el siguiente cuadro de diálogo:

Este es el tamaño y resolución inicial de nuestra imagen. Como verán, es una imagen apta para impresión de buena calidad ya que tiene una resolución de 300 ppp. Sin embargo, no es conveniente trabajar con ella en la web.

Hemos llegado al final de este tutorial.Recuerde que podrá acceder a otros tutoriales en el siguiente canal:

http://youtu.be/NOSeSKGjf5U

Muchas gracias

Modificamos las dimensiones ancho y altura de la imagen y luego, ejecutamos el boton Escalar. Tenemos ahora la imagen con la nueva dimensión y resolución. Podemos guardarla en formato png o jpg para ser utilizada en la web.

Al modificar la resolución a 72 ppp, constatamos que la imagen es demasiado grande para verse en un monitor de computadora. Será necesario entonces modificar su ancho y altura.Recomendamos seleccionar el algoritmo de interpolación cúbica.