TUTORIAL BÁSICO DE GIMP Rossana Marqués Javier Acuña Pilar Barbeira
Departamento de Formación Plan Ceibal Introducción GIMP 1 - 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, Tamaño de papel (A4, A5, US-Letter) Etiquetas para CDs Banners Formatos de películas Tamaño de la imagen: 1024x768...) 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. Boton del menú Ampliar imagen al aumentar la ventana Reglas y guías Navegar por la imagen
Realizar capturas de pantalla Si deseamos capturar la pantalla de nuestro computador vamos a: Archivo -> Crear -> Captura de pantalla Se 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. Guías y rejillas Las guías y rejillas pueden aplicarse a cualquier imagen y nos ayudarán en su manipulación.
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 JPEG 2 (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. GIF 3 (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. PNG 4 (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_group 3 http://es.wikipedia.org/wiki/graphics_interchange_format 4 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. 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. Capa visible. En este caso, transparente. Capa oculta Enlace
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: Elevar o bajar la capa Eliminar la capa seleccionada Anclar (Fijar) la selección flotante a la capa inferior Duplicar la capa seleccionada o activa 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. Recomendamos ver el siguiente video tutorial acerca del trabajo con capas http://www.youtube.com/watch?v=u7j_jxwas4y&feature=related
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.
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. 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.
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.
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. 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. Hemos llegado al final de este tutorial. Recuerde que podrá acceder a otros tutoriales en el siguiente canal: http://youtu.be/noseskgjf5u Muchas gracias