Material de Gimp Archivo - BIENVENIDOS A INFORMATIK

TRATAMIENTO DE IMÁGENES CON GIMP
1. INTRODUCCION GIMP
1.1 ¿Qué es GIMP?
El nombre GIMP es un acrónimo de GNU Image Manipulation Program (Programa para
manipulación de imagen de GNU). GIMP es un programa para composición y edición de
imágenes digitales, tanto dibujos como fotografías. Es una aplicación de Software Libre
englobada en el proyecto GNU y disponible bajo la Licencia pública general de GNU. La
GPL brinda a los usuarios la libertad de acceder y modificar el código fuente del que se
construyen los programas. Uno de los fuertes del GIMP es su libre disponibilidad desde
varias fuentes para muchos sistemas operativos.
1.2 Requisitos mínimos del sistema para su instalación.
Para realizar la instalación del software GIMP es necesario contar con un computador con las siguientes
especificaciones mínimas:





Procesador de 1GHz.
RAM 256 Mb.
1 Giga de espacio disponible en disco duro.
Resolución de vídeo 1024x768 píxeles y 32 bits de profundidad de color.
GIMP debería funcionar en cualquier versión de NT de Windows (NT4, 2000, XP o Vista).
1.3 El entorno GIMP
La interfaz de usuario de GIMP está disponible en dos modos:


Modo multiventana
Modo de ventana única
Cuando abre GIMP por primera vez, se abre en modo multiventana de manera predeterminada. Puede activar el modo
de ventana única en Ventanas – Modo de ventana única) en la barra de menú de la imagen. Después de salir de GIMP
con esta opción activada, GIMP se iniciará en modo de ventana única la próxima vez.
3
1
5
2
4
6
7
CENTRO DE INVESTIGACIÓN PEDAGÓGICA – INFORMATIK EDICIONES
1
Los elementos de la ventana de GIMP
1. La barra de título, es donde se encuentra el nombre de la imagen y del programa
2. La barra de menús, donde están los menús de las distintas herramientas.
3. Caja de herramientas, ofrece, en la parte de arriba, un grupo de herramientas para pintar, dibujar, recortar y
manipular imágenes y, en la parte de abajo, las propiedades que pueden manipularse de cada una de estas
herramientas.
4. Barra de desplazamiento, donde nos ayuda a ver la totalidad de la imagen
5. Capas, pinceles, el diálogo acoplado debajo del diálogo de capas muestra los diálogos (también en pestañas)
para la gestión de pinceles, patrones y degradados.
6. Las reglas que por defecto su medida es en pixeles
7. Barra de estado, donde está el zoom y la información de lo que se está haciendo.
1.4 Crea y guarda un nuevo documento.
Para la creación de una nueva imagen existen dos posibilidades:
Paso1: Desde el menú principal de GIMP, se debe dar clic en Archivo y seleccionar la opción Nuevo.
Paso2: Configurar la nueva ventana de la imagen.

El menú desplegable Plantilla. Se pueden escoger tamaños
predeterminados para la imagen nueva que se va a crear por: píxeles (640 x
480, 800 x 600, ...) tamaño de documentos con calidad de impresión (A3,
A4, ...), finalidad (carátula de disquete, CD, ... ).

Tamaño de imagen. Se puede especificar el tamaño de la imagen que se
va a crear en píxeles (aunque se puede hacer utilizando otras unidades de
medida).
Dos iconos para escoger horizontal o vertical el tamaño seleccionado. Se
informa al usuario a la derecha de los iconos que el documento (si no se ha
elegido algo diferente) tendrá 72 ppp y color RGB.
Por último Opciones avanzadas. Se puede elegir (desplegando haciendo
clic sobre el signo +):
o Espacio de color.
o El color de fondo.
o Un comentario para la imagen.


CENTRO DE INVESTIGACIÓN PEDAGÓGICA – INFORMATIK EDICIONES
2
a) Guardar una imagen
Menú Archivo: guardar como y lo guardamos con el nombre imagen.xcf (para que nos guarde en el formato nativo
del Gimp y poder abrir y jugar con él más adelante)
Guardar
Ctrl+S
Permite guardar los archivos ya
diseñados .
Guardar como...
Mayús+Ctrl+S
Permite guardar por primera vez
un trabajo.
Guardar una
copia...
Permite crear copias del trabajo
realizado.
1.- Clic en el menú Archivo .
1
 Tipos de formatos de imágenes
Un formato es la codificación con la que se almacena la imagen. La codificación se puede ver como el "lenguaje"
que utilizará el computador para almacenar y leer la imagen en disco. Dependiendo de este "lenguaje" la imagen
ocupará más espacio o se verá con mayor o menor calidad. A continuación se comentan algunos de los formatos
más utilizados en el campo de la imagen digital:
Formato
GIF
Graphics
Interchange
Format (.gif)
Modos de color
- Compuserve GIF:
Mapa de bits. Escala de
grises. Color indexado.
- GIF 89a (GIF animado):
Color indexado. RGB.
Compresión
SI (LZW)
JPEG
Join
Photographic
Expert Group
(.jpg; .jpe)
- Escala de grises
- RGB
- CMYK
SI: diversas
calidades (con
pérdidas)
Comentario
Creado por Compuserve en
1987.
Posibilidad de visualización
entrelazada (aparición gradual).
Transparencia y animación.
Uso: Internet
Junto con GIF y PNG es el
formato de Internet para gráficos
y fotografías.
Formato de color verdadero en
el que no se produce pérdida de
color, aunque si se comprime SI,
pues se eliminan datos.
Uso: fotografías Internet
CENTRO DE INVESTIGACIÓN PEDAGÓGICA – INFORMATIK EDICIONES
3
GIMP
(.xcf)
PNG
Portable Networks
Graphics
(.png)
TIF
Tag Image File
Format
(.tif)
- Admite todos los modos
de color.
- Canal alfa y de tintas
planas
- Guías, trazados
- Capas de ajuste, de texto,
efectos capa
- Mapa de bits
- Escala Grises
- Color Indexado
- RGB
- Mapa de bits sin canales
Alfa
- Escala de Grises con
canales Alfa y archivos Lab
- Color Indexado
- RGB con canales Alfa y
archivos Lab
- CMYK
NO
Propio de GIMP.
Guarda capas y selecciones
(canales).
Uso: Creación y tratamiento de
imágenes
SI (sin
pérdidas)
Mayor capacidad de
almacenamiento y capacidades
que el GIF.
Genera transparencias de fondo
sin bordes dentados.
No muy extendido, con el tiempo
sustituirá al GIF.
Uso: Internet
Desarrollado por Aldus
Corporation.
Reconocido por casi todos los
programas de Pintura y
Vectorización.
Compatible IBM PC y Mac
Uso: Imprenta e intercambio de
archivos
SI (LZW)
(Se puede
especificar si
para
IBMPC o Mac)
1.5 Conociendo las Caja de herramienta de Gimp.
La caja de herramientas puede ser visualizada cada vez que se abre GIMP. A continuación serán ilustrados los
elementos básicos de dibujo estas son las siguientes:
a. Herramientas selección:

Herramienta de selección de rectángulos: selecciona una zona rectangular (R)

Herramienta de selección elíptica: selecciona una zona elíptica (E)

Herramienta de selección libre o lazo: selecciona una región dibujada a mano (F)

Herramienta de selección difusa o Varita Mágica: selecciona una región contigua basándose en el color (U)

Herramienta de selección por color: seleccionar regiones con colores similares (Mayúsculas + O)

Herramienta de tijeras de selección: seleccionar formas usando un ajuste inteligente de los bordes (I)
b. Herramientas de Trasformación

Herramienta Mover: Mover capas y selecciones y otros objetos (M) Nos permite mover selecciones.
Trabaja sobre selecciones y capas y nos permite desplazar una selección con respecto a la composición a la que
CENTRO DE INVESTIGACIÓN PEDAGÓGICA – INFORMATIK EDICIONES
4
pertenecía. En el caso de que no exista ninguna selección activa, la herramienta moverá la capa seleccionada con
respecto al fondo.

Herramienta de recorte: Quitar zonas del borde de la capa o de la imagen (Mayúsculas + C)

Herramienta de Rotación: Rotar la capa, selección o ruta (Mayúsculas + R)

Herramienta de Escalado: Escalar la capa, selección o ruta (Mayúsculas + T)

Herramienta de Inclinación: Inclinar la capa, selección o ruta (Mayúsculas + S)

Herramienta de Perspectiva: Cambiar la perspectiva de la capa, selección o ruta (Mayúsculas + P)

Herramienta de Volteo: Voltea la capa, selección o ruta horizontalmente o verticalmente (Mayúsculas + F)
c. Herramientas de pintura

Herramienta cubo de pintura: Rellenar con un color o patrón el área seleccionada (Mayúsculas + B)

Herramienta degradado: Rellenar con un degradado de colores (L)

Herramienta lápiz: dibujo de bordes duros mediante un pincel (N)

Herramienta brocha: pintar trazos de bordes suaves mediante un pincel (P)

Herramienta borrador: borra el color de fondo o la transparencia, mediante un pincel (Mayúsculas + E)

Herramienta aerógrafo: pintar con presión variable mediante un pincel (A)

Herramienta bote de tinta: escritura tipo caligrafía (K)

Herramienta de clonado: copiar selectivamente a partir de una imagen o diseño, usando un pincel (D).

Herramienta de saneado: sanear irregularidades de la imagen. (H)

Herramienta de clonado en perspectiva: clona desde una imagen de origen tras aplicar una
transformación de perspectiva

Herramienta de enfoque y desenfoque: emborronado o desemborronado selectivo usando un pincel.
(Mayúsculas + U)

Herramienta de emborronar: útil cuando se nos ha podido cortar la imagen, y queremos arreglarla un
poquillo. Para ir rellenando con el mismo color que tenía al lado (S)

Herramienta de marcado a fuego / quemar: ilumina u oscurece selectivamente usando un pincel
(Mayúsculas + D)
CENTRO DE INVESTIGACIÓN PEDAGÓGICA – INFORMATIK EDICIONES
5
2. Trabajando con las Imágenes en Gimp
2.1 Transformar imágenes
1. Clic en el menú imagen
2. Selecciona Transformar
3. Observa las diferentes transformaciones.
2.2 Modo de imágenes
1. Clic en el menú Imagen
2. Selecciona Modo.
3. Observa los diferentes modos.
1. - Clic en el menú Imagen.
2. - Selecciona Modo.
3. - Observa los diferentes modos.
1
2
3
CENTRO DE INVESTIGACIÓN PEDAGÓGICA – INFORMATIK EDICIONES
6
2.3 Aplicar la Herramienta selección
En nuestro caso vamos a realizar un montaje clásico, recortaremos la figura principal de una fotografía y la situaremos
en otra que sólo muestra un fondo.
La idea es recortar en la fotografía de la izquierda la imagen, modificar en ella los colores para intentar eliminar los
tonos rojizos producidos por el flash y pegarla encima de la foto de la derecha sobreimpresionado la imagen.
Paso 1: Una vez cargado Gimp abre la fotografía de la izquierda
Paso 2: Elige la herramienta Seleccionar formas de imagen y activa en la ventana Tijeras Opciones la casilla Difuminar
los bordes escogiendo en Radio el valor de 5 píxels, tal como se indica en la imagen:
Herramienta
tijeras
Paso 3: Escoge un punto de la silueta de la niña y
se va siguiendo todo el contorno poco a poco hasta
volver al punto inicial. Es un proceso delicado, que
requiere paciencia y precisión, es quizá el aspecto
más tedioso del retoque fotográfico, se obtendrá la
figura punteada tal como se muestra en la imagen
siguiente:
Paso 4: Si alguno de los puntos marcados no queda en el lugar adecuado, basta con arrastrarlo a la nueva posición, así
CENTRO DE INVESTIGACIÓN PEDAGÓGICA – INFORMATIK EDICIONES
7
lograremos completar la silueta de la niña. Es importante hacer coincidir el punto inicial con el final
Paso 5: Una vez que se ha aislado la silueta del resto de la foto, pulsa con el botón izquierdo del ratón en el interior de
la selección, ésta se transformará en:
Paso 6: Se copia la selección con Editar/ Copiar
Paso 7: Carga la foto DESIERTO.JPG y pega encima la silueta de
la niña con Editar / Pegar, con esta operación estaremos trabajando
con dos capas: el fondo y la silueta, ésta última se puede deslizar
sobre el fondo seleccionando la herramienta Mover capas y
arrastrando con el ratón, situaremos a la niña en el lugar que
deseemos.
Es importante indicar que las dos fotos deben tener el mismo nivel
de Zoom.
Paso 8: Hay que intentar igualar la luminosidad de las dos imágenes
superpuestas, para ello con la capa de la niña activa elegimos la opción
Colores/ Balance de colores, aquí iremos modificando los diferentes
parámetros hasta conseguir el efecto deseado, es un proceso que hay que
realizar por el método de ensayo y error hasta obtener un resultado que se
considere aceptable. Si activamos Vista previa, veremos el resultado que se
obtendría en tiempo real. Si en algún momento hay un resultado indeseado,
basta con pulsar el botón para volver a la situación inicial.
Otras opciones interesantes para modificar son Tono-Saturación y BrilloContraste que también se encuentran en Colores.
Paso 9: Por último pulsa la opción Capa/ Anclar la capa, de forma que las dos capas se fundirán en una sola, sólo resta
guardar el fichero y nuestro trabajo habrá concluido. Se salvará el resultado con el nombre MONTAJE.JPG
3. Aplicando La herramienta texto y Capas.
3.1 La herramienta Texto:
Al seleccionar la herramienta texto aparecen, como con las demás, sus opciones de herramienta. Se puede seleccionar:
Pulsando la tecla t del teclado sobre la imagen.
Abriendo en la ventana imagen el menú Herramientas y elegir Texto.
Pulsando sobre el icono
correspondiente en la Caja de Herramientas.
Pulsando el botón derecho del mouse sobre la imagen, con lo que se despliega un menú contextual en el que podemos
encontrar Herramientas >> Texto.
Eligiendo la herramienta de cualquiera de las tres últimas formas, se muestra una caja
para introducir el texto (el Editor de textos de GIMP).
Tiene en la parte superior varios botones (de izquierda a derecha) que sirven para:
Abrir un archivo de texto (en formato txt).
Borrar el texto que haya en el editor.
Especificar dirección de escritura de izquierda a derecha.
Especificar dirección de escritura de derecha a izquierda (este último efecto se aprecia
CENTRO DE INVESTIGACIÓN PEDAGÓGICA – INFORMATIK EDICIONES
8
cuando se escribe la segunda línea dentro del Editor de textos, pues la primera línea la escribe de izquierda a derecha).
A medida que se digita el texto se puede comprobar que se va escribiendo en la ventana imagen. Cuando se termina de
escribir, debe darse clic en el botón Cerrar.
Posteriormente (o con anterioridad a comenzar a escribir) se pueden escoger las opciones del texto
Estas son las opciones:
Tipografía. Dando clic sobre el botón que hay a la derecha de Tipografía se puede
cambiar el tipo de letra de las que están instaladas en el equipo que estamos usando.
Tamaño. Aquí se especifica el tamaño para el tipo de letra elegida.
Hinting. Esta casilla está seleccionada por defecto y sirve para ver los textos de forma
precisa, sobre todo con tamaños de fuente pequeños.
Forzar el auto-hinter. Sirve para establecer de forma automática la distancia de las letras.
Alisado. Sirve para evitar exceso de enfoque (bordes duros) en las letras.
Color. Sirve para elegir color para el texto.
Justificar. Para justificar el texto a izquierda, derecha, centrado o justificad a ambos
márgenes.
Sangrar. Separa el borde izquierdo del texto con la caja que lo enmarca.
Espaciado de línea. Separa las líneas que hay en el Editor de textos.3
3.2 Capas: Las capas son como acetatos puestos unos encima de otros. La parte que no está rellena en una capa deja
ver el contenido de la capa de debajo.
 Las capas son apilables.
 Se manejan de manera independiente.
 Pueden tener zonas transparentes (representadas por una cuadrícula
en forma de tablero de ajedrez), regiones donde los píxeles no tienen
ningún color. Forman el canal alfa.
 Podemos ajustar el grado de opacidad/transparencia de cada una. La
capa estará más o menos presente según su grado de opacidad.
Opacidad 0 = transparente. Opacidad100 = totalmente opaca.
 Las capas que presentan un enlace
están unidas y se manipulan de forma conjunta.
 Las que tienen 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
Botones de la ventana capa:
Los botones sirven, de izquierda a derecha, para lo siguiente:
1.
2.
3.
4.
5.
6.
1
Crear una capa nueva.
2
4
5
6
3
Subir la capa seleccionada.
Bajar la capa seleccionada.
Duplicar la capa activa.
Anclar la capa (este botón se activa en algunas operaciones, como por ejemplo cuando se pega una capa y
está esperando la selección a “ser fijada”).
Borrar la capa activa. También se puede borrar una capa arrastrándola a la papelera.
CENTRO DE INVESTIGACIÓN PEDAGÓGICA – INFORMATIK EDICIONES
9
a. Descripción de la ventana capas
Dentro de la ventana Capas encontramos los siguientes elementos:
 Acceso al menú de capas/solapas. Este botón permite acceder al menú de capas (aparte de poder gestionar
las solapas (añadir, cerrar, desprender...)).
 Cerrar solapa. Permite cerrar la solapa activa.
 Bloqueo de transparencia. Sirve para poder rellenar una capa (con un color sólido o un patrón) o una parte de
ella sin que afecte a las zonas transparentes de la misma.
 Modo de combinación. La forma de combinación de la capa en la imagen se elige aquí.
 Control de la opacidad. Se puede establecer la transparencia de la capa desplazando el botón deslizante o
introduciendo directamente el porcentaje de opacidad deseado en el cuadro de texto.
 Nombre de la capa. Sirve para identificar la capa (es útil cuando una imagen está compuesta por muchas
capas). Puede modificarse haciendo doble clic sobre el nombre de cada capa.
 Capa seleccionada. Se coloreada e indica que lo que se hace en la ventana imagen surtirá efecto en dicha
capa.
 Visibilidad de la capa. Si el ojo está visible se ve la capa en la ventana imagen. Si se hace clic sobre el ojo,
éste desaparece y la capa deja de estar visible en la ventana imagen.
 Capa enlazada. Este icono (que se activa y desactiva haciendo clic sobre él) permite la transformación agrupada
de todas las capas que están enlazadas.
b. Crear una nueva capa
Cuando se crea una capa nueva hay que elegir:
El nombre que se le va a dar a la capa. Es conveniente poner un nombre
acorde con el contenido de la capa para luego localizarla con más facilidad
en la lista de capas.
La anchura y la altura. Propone siempre el programa por defecto el tamaño
de la imagen como tamaño de la capa, pero esta cifra puede ser cambiada.
El relleno de la capa: color de primer plano, de fondo, blanco o
transparencia.
CENTRO DE INVESTIGACIÓN PEDAGÓGICA – INFORMATIK EDICIONES
10
4. Dibujar rectas, cuadrados, círculos en Gimp.
Paso 1: Dibujar líneas rectas es fácil: basta trazarlas con cualquier herramienta
de pintura teniendo presionada la tecla de Mayúsculas (Shift). Cada clic de ratón es
un segmento diferente.
Paso 2: Para dibujar rectángulos podemos usar la herramienta de selección rectangular y luego la opción Trazar
selección del menú Editar utilizando una herramienta de pintura o seleccionando una línea de trazo.
Menú Editar > Trazar selección.
El modo Añadir de la herramienta de selección rectangular
permite sumar varios rectángulos.
Paso 3. Si queremos dibujar cuadrados debemos usar la herramienta de selección rectangular y marcar la
casilla Fijo > Proporción de aspecto y así la herramienta seleccionará regiones cuadradas. Luego trazamos
la selección utilizando una herramienta de pintura o seleccionando una línea de trazo.
Fijo: Proporción de aspecto y esquinas redondeadas.
Paso4: Para dibujar regiones elípticas podemos usar la herramienta de selección elíptica y luego la opción trazar la
selección utilizando una herramienta de pintura o seleccionando una línea de trazo.
CENTRO DE INVESTIGACIÓN PEDAGÓGICA – INFORMATIK EDICIONES
11
Elipses dibujadas con diferentes estilos de trazo.
Menú Editar > Trazar selección > Línea de trazado
> Estilo de la línea.
Paso 5. Si queremos dibujar círculos debemos usar la herramienta de
selección elíptica y marcar la casilla Fijo > Proporción de aspecto y así la
herramienta seleccionará regiones circulares. Luego trazamos la selección
utilizando una herramienta de pintura o seleccionando una línea de trazo.
Círculos dibujados con diferentes tipos de patrón.
Menú Editar > Trazar selección > Línea de trazado > Estilo de línea.
Utilizando Patrón en lugar de Color sólido.
Otra forma es utilizar el filtro Renderizado > Gfig, que además nos permite otras posibilidades como arcos, polígonos,
estrellas...
 Abre una imagen nueva con fondo blanco.
 En el menú de la ventana: Filtros > Renderizado > Gfig.
 En la ventana de Gfig marca la casilla Trazar y elige un tipo de pincel con Examinar
 Ya sólo queda seleccionar el icono correspondiente (línea, rectángulo, círculo, elipse, arco, polígono, estrella...)
y dibujar.
 En el caso de los polígonos y las estrellas se elige el número de lados en las Opciones de herramienta.
 Las imágenes dibujadas se pueden dejar sin relleno o rellenarlas con un color, un gradiente o un patrón.
CENTRO DE INVESTIGACIÓN PEDAGÓGICA – INFORMATIK EDICIONES
12
4. Aplicar filtros a una imagen.
Los filtros modifican el color y la posición de los píxeles en la imagen y
por tanto modifican su apariencia.
Pueden aplicarse a una zona seleccionada, a una capa, a toda la
imagen o a los canales, pero no a zonas transparentes. Resultan muy
fáciles de aplicar y consiguen unos efectos sorprendentes.
Sobre una imagen o selección es posible aplicar sucesivamente varios
filtros, pero esto hace que aumente su tamaño.
 Por ejemplo para aplicar el filtro Esquinas redondeadas a la imagen
anterior.
1. Abre la imagen.
2. Menú Filtros > Decorador > Esquinas redondeadas.
3. Puedes modificar las opciones del filtro en la ventana.
Pulsa Aceptar y...
CENTRO DE INVESTIGACIÓN PEDAGÓGICA – INFORMATIK EDICIONES
13

Todos los filtros se aplican de una forma parecida. Otro ejemplo.
Paso1: Sobre esta imagen: Filtros > Artísticos > Aplicar lienzo.
Paso2: Puedes modificar las opciones del filtro en la ventana.
CENTRO DE INVESTIGACIÓN PEDAGÓGICA – INFORMATIK EDICIONES
14