Manual de Gimp
Manual de Gimp
DE EDUCACIN
MINISTERIO
DE EDUCACIN
Y CIENCIA DIRECCIN GENERAL
DE EDUCACIN,
FORMACIN PROFESIONAL
E INNOVACIN EDUCATIVA
CENTRO NACIONAL
DE INFORMACIN Y
COMUNICACIN EDUCATIVA
Unidad 0
Conociendo Gimp
C/ TORRELAGUNA, 58
28027 - MADRID
SECRETARA GENERAL
DE EDUCACIN
MINISTERIO
DE EDUCACIN
Y CIENCIA DIRECCIN GENERAL
DE EDUCACIN,
FORMACIN PROFESIONAL
E INNOVACIN EDUCATIVA
CENTRO NACIONAL
DE INFORMACIN Y
COMUNICACIN EDUCATIVA
INDICE DE UNIDADES
0 Conociendo GIMP
1 Imagen digital
2 Las capas en GIMP
3 Los textos
4 Mscaras y selecciones
5 Canales
6 Rutas
7 El color
8 Filtros
9 Script-Fu
10 Animacin y web
11 Taller prctico
Por qu Gimp?
GIMP (GNU Image Manipulation Program) es un programa libre de creacin y tratamiento de imgenes.
Inicialmente previsto para funcionar sobre los sistemas compatibles Unix (Linux por ejemplo), la versin 2.0.2 es
totalmente estable en el sistema operativo Windows.
La eleccin de Gimp
Para el tratamiento de imgenes fotogrficas en nuestros ordenadores, habitualmente hemos venido utilizando
pequeos programas que vienen con el sistema operativo o con las cmaras digitales y escneres. Estos
programas muestran rpidamente las carencias en cuanto queremos hacer "algo ms". Entonces nos dirigimos
a programas profesionales tipo Photoshop o Paint Shop Pro.
El alto precio de estos programas nos lleva al encuentro de GIMP que tiene una potencia equiparable a los
mencionados anteriormente y es absolutamente gratuito al estar incluido dentro del Software GNU.
Conociendo Gimp
Contenidos
La primera imagen
Una imagen rpida
Prctica guiada
Cerrar GIMP
Ejercicios
C/ TORRELAGUNA, 58
28027 - MADRID
Unidad 0 Conociendo GIMP
Para tener una pequea idea de las posibilidades que tiene este programa, observa las variaciones sobre la
siguiente imagen de un reloj aplicando algunas opciones del men Filtros:
Imagen original
1
Unidad 0 Conociendo GIMP
Vamos a conocer Gimp y cmo conseguir las anteriores imgenes y otras para poder utilizarlas en nuestra
tarea docente!
2
Unidad 0 Conociendo GIMP
Iniciar GIMP
Para empezar con GIMP podemos seguir dos caminos:
1. Caja de Herramientas
La Caja de herramientas de Gimp se compone de tres partes. Por un lado tenemos la barra de Mens
conteniendo las opciones bsicas del programa, la Caja de herramientas propiamente dicha que pone a nuestra
disposicin las principales herramientas del programa y el acceso a la paleta de colores mostrndonos los
colores seleccionados para frente y fondo ms la brocha, el patrn y el gradiente activos.
Barra de Men
3
Unidad 0 Conociendo GIMP
Colores de
Brocha, Patrn y
Frente y de
Gradiente activos.
Fondo
En el siguiente cuadro se muestran las herramientas y la manera en que aparecen en Ventana imagen,
ventana que contendr nuestra imagen de trabajo, cuando se selecciona cada una de ellas:
Cursor en la Ventana
Herramienta Botn Funcin
Imagen
Crear perspectivas en
Cambiar la perspectiva.
partes de la imagen
Introduccin de texto en la
Herramienta texto.
imagen
4
Unidad 0 Conociendo GIMP
Cursor en la Ventana
Herramienta Botn Funcin
Imagen
Blanquear o ennegrecer
Blanquear o ennegrecer (sobreexponer
pequeas zonas de la
o subexponer).
imagen
5
Unidad 0 Conociendo GIMP
2. Ventana de Opciones.
Situada debajo de la Caja de herramientas nos muestra las diferentes opciones que podemos seleccionar de la
herramienta elegida:
recuadro .
6
Unidad 0 Conociendo GIMP
La primera imagen
Gimp nos permite trabajar con imgenes obtenidas con una cmara digital, con un escner o crear imgenes
digitales directamente.
Para crear nuestra primera imagen accedemos a la barra de Mens de la Caja de herramientas..
Seleccionamos Archivo --> Nuevo
Nos aparece el siguiente cuadro o ventana de dilogos donde podemos seleccionar las caractersticas de la
nueva imagen:
7
Unidad 0 Conociendo GIMP
1. Ventana imagen
Es la ventana sobre la que vamos a trabajar. Podemos diferenciar las siguientes zonas:
8
Unidad 0 Conociendo GIMP
2. Comencemos a pintar
Seleccionamos en la Caja de herramientas la opcin Pintar pxeles de bordes duros (lpiz). Sirve
para crear trazos afilados de lpiz a mano alzada. Los trazos se dibujan con el color activo de primer
plano y con la brocha seleccionada en su correspondiente herramienta.
Al hacer clic sobre el rectngulo de color negro se abre la Ventana de seleccin de color
GIMP que nos permitir elegir el color con el que pintar nuestro lpiz.
Este cuadro de dilogos tiene otras tres pestaas para seleccionar el color, son las siguientes:
9
Unidad 0 Conociendo GIMP
Su funcionamiento es muy sencillo, primero seleccionamos un color y despus el tono. Tambin podemos
introducir el valor hexadecimal de un color determinado en la casilla correspondiente (Notacin HTML). Escribe
all 4766d3 y pulsa Aceptar. Observa cmo ha cambiado el color de primer plano en la Caja de Herramientas.
Con la herramienta Lpiz seleccionada y habiendo elegido el color del lpiz, hacemos clic sobre la Ventana
imagen y arrastramos sin soltar el botn del ratn, parece que pintamos con un lpiz.
10
Unidad 0 Conociendo GIMP
11
Unidad 0 Conociendo GIMP
3. Guardar la imagen
Slo nos queda guardar nuestra imagen para poder utilizarla las veces que queramos. En la Ventana Imagen
seleccionamos Archivo --> Guardar como... Apareciendo el cuadro de dilogo Guardar imagen. Observa los
dos smbolos rodeados por una circunferencia de color rojo, debes hacer clic para abrir las opciones que
podemos observar en las siguientes imgenes.
12
Unidad 0 Conociendo GIMP
La primera va a ser un ttulo que necesitamos para una documentacin sobre "El gusano de seda" que
vamos a entregar impreso a nuestros alumnos. GIMP nos ayudar a dar forma rpidamente a este ttulo
con muy pocos pasos.
La segunda ser la construccin de un patrn que nos servir como imagen de fondo para una pgina
web sobre "El gusano de seda".
Esta ser una buena manera de familiarizarte con el entorno de trabajo de GIMP.
Si tenemos abierto GIMP convendra que lo cerrsemos para comenzar desde cero.
1. Abrimos GIMP y accedemos a la barra de men de la Caja de herramientas. Hacemos clic en: Exts --
> Script-Fu --> Logos --> Contorno 3D...
13
Unidad 0 Conociendo GIMP
4. Comprobamos que aparece en el ventana del Script-Fu Logotipos/Contorno en 3D, el nuevo patrn
seleccionado. Si hacemos clic sobre la simulacin del patrn (a la derecha de la palabra Patrn) y
mantenemos presionado el botn podremos ver el patrn a mayor tamao.
5. Ahora cambiamos el texto que viene predeterminado y ponemos "El gusano de seda", con 70 como
valor del tamao de fuente. Hacemos clic en Aceptar, esperamos unos segundos y observamos el
resultado obtenido.
14
Unidad 0 Conociendo GIMP
6. Guardamos esta imagen en nuestro disco duro. Pulsamos Archivo --> Guardar como...
Seleccionamos el directorio donde queremos guardar la imagen y su formato. Debemos dar nombre al
archivo, por ejemplo "ttulo", y elegir su extensin presionando el 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. Puedes elegir otro tipo de formato de archivo; en concreto te sugerimos
que utilices el formato JPG, Imagen JPEG, que es uno de los ms adecuados para que no ocupe
mucho tamao en disco.
7. Cerramos la imagen.
Vamos a crear de forma rpida y sencilla una imagen que nos podra servir como
fondo de la pgina web de nuestro gusano de seda.
Pulsamos Exts --> Script-Fu --> Patrones --> Truchet 3D. Aparece la ventana del
Script-Fu con distintas opciones, pero en esta ocasin no vamos a cambiar ninguna.
Simplemente presionamos Aceptar.
15
Unidad 0 Conociendo GIMP
Arrastramos este botn deslizante (4) hasta que marque 20 (tambin puedes
introducir el valor con el teclado) y veremos como nuestra imagen se hace
transparente.
Antes era una imagen excesivamente fuerte para ponerla como fondo de pgina
web, haciendo esta reduccin de opacidad hemos conseguido una imagen muy
suave sobre la que podremos escribir y poner otras imgenes. Para poder utilizarla
en una pgina web debemos tener en cuenta los formatos grficos adecuados para
las pginas web: GIF para imgenes de 256 colores y JPEG para imgenes 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.
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. Como
bien avisa la ventana de informacin, la imagen original no queda modificada por lo
que GIMP mantendr una copia, que podremos guardar ms adelante en otro
formato que s mantenga las capas.
16
Unidad 0 Conociendo GIMP
La imagen sobre la que vamos a trabajar es la que puedes ver a continuacin y que siempre obtendremos de la
misma forma: desde el CD del curso debes hacer clic sobre la imagen, se abrir una nueva ventana del
navegador y en ella haz clic con el botn derecho sobre la imagen y en el men que aparece selecciona
Guardar imagen como... Te recomendamos que crees una carpeta llamada UNIDAD0 situada dentro de la
creada anteriormente para el curso de Gimp.
1. Primero hay que guardar la imagen en la carpeta que acabamos de crear y que se llama UNIDAD0.
3. La imagen carece de algo de contraste y brillo, as que primero vamos a hacer unas pequeas
modificaciones en este sentido. Hacemos clic con el botn derecho del ratn sobre cualquier parte de
la imagen, seleccionando Capa --> Colores --> Brillo-contraste...
4. En el cuadro de dilogo Brillo y contraste pondremos los siguientes valores: brillo 40 y contraste 40.
Podemos ver que esta herramienta tiene seleccionada la opcin Vista previa, de tal forma que
podemos observar en la Ventana Imagen los cambios que vamos realizando. Recomendamos estos
valores pero puedes utilizar los que consideres ms correctos. Hacemos clic en Aceptar y
continuamos trabajando con esta imagen.
17
Unidad 0 Conociendo GIMP
7. Para que la mscara est un poco difuminada utilizaremos otro filtro. En este caso, Filtros
Desenfoque Desenfoque Gaussiano. Tanto en la casilla "vertical" como en "horizontal" ponemos
como valor un 10. Observa cmo los bordes de la mscara han quedado desenfocados.
18
Unidad 0 Conociendo GIMP
8. Al hacer clic en el botn Mscara rpida situado en la parte inferior izquierda, obtenemos una
seleccin con la forma de la mscara rpida. Est seleccionado el interior, pero nosotros queremos
tener seleccionado el exterior. Para conseguirlo hacemos clic con el botn derecho del ratn en
cualquier parte de la imagen y elegimos Seleccionar Invertir (Teclado abreviado Ctrl + I). En
apariencia no observamos ningn cambio en la imagen, pero ahora la seleccin es la parte exterior de
la lnea discontinua.
10. Ahora escogemos el patrn . Elegimos Pool Bottom . Colocamos el puntero del ratn dentro de
cualquier parte de la seleccin (vemos que cambia la forma del puntero) y hacemos clic obteniendo el
relleno que se observa en la figura adjunta.
11. Quitamos la seleccin para ver el resultado. Hacemos clic con el botn derecho sobre cualquier parte
de la imagen: Seleccionar Nada (teclado abreviado May + Ctrl + A).
12. Solamente nos queda guardar el trabajo. Para no eliminar la imagen original, lo podemos guardar con
otro nombre, por ejemplo: "acueducto con marco.jpg", en la misma carpeta donde estemos
guardando los trabajos. Archivo Guardar como... Aparece la ventana para Guardar JPEG;
elegimos los parmetros de la imagen y hacemos clic en Aceptar.
19
Unidad 0 Conociendo GIMP
Cerrar GIMP
Cuando ya no necesitamos Gimp debemos cerrarlo adecuadamente. Lo correcto es cerrar cada una de las
Ventanas Imagen que tengamos abiertas, guardar los cambios realizados y cerrar la Caja de herramientas.
Veamos los pasos:
Si nos interesan los cambios realizados hacemos clic en No guardar; Cancelar nos hace volver a la imagen en
Gimp y Guardar nos permite guardar los cambios realizados en la imagen.
NO LA CIERRES!!!
Si lo haces GIMP se cerrar y perders tu trabajo. Minimiza esa ventana y no
te dar ms problemas a lo largo de la sesin de trabajo con GIMP.
20
Unidad 0 Conociendo GIMP
Ejercicio 0.1
Al igual que en la prctica guiada debes poner un marco a las fotografas que mostramos a continuacin y que
puedes conseguir desde el CD-Rom del curso.
Algunos ejemplos
De la primera imagen
De la segunda imagen
21
Unidad 0 Conociendo GIMP
Ejercicio 0.2
Aplica algunos Filtros sobre las anteriores imgenes. Haz clic con el botn derecho del ratn sobre la imagen y
elige Filtros Seleccionar filtro.
Algunos ejemplos
22