PDF de programación - taller Gimp

TALLER GIMP - @cpoyatos | www.pyrox.es

Índice de contenido
1.- DESCARGA E INSTALACIÓN DE GIMP................................................................................... 2
1.1- INSTALACIÓN EN LINUX (UBUNTU) .............................................................................. 3
1.2- INSTALACIÓN EN MAC ...................................................................................................... 3
1.3- INSTALACIÓN EN WINDOWS ........................................................................................... 4
2.- PRIMEROS PASOS CON GIMP................................................................................................... 6
2.1- CONFIGURACIÓN DEL ÁREA DE TRABAJO................................................................... 6
2.2 - ESCALAR IMÁGENES....................................................................................................... 10
2.3 - VOLTEAR ............................................................................................................................ 11
2.4 - ROTAR .................................................................................................................................13
2.5 - GUARDAR ARCHIVOS.jpg ...............................................................................................14
3 – RETOQUE BÁSICO....................................................................................................................16
3.1 - DESATURAR IMÁGENES..................................................................................................16
3.2 - CURVAS ...............................................................................................................................17
3.3 - COLOREAR .........................................................................................................................18
4.- FILTROS DECORATIVOS.......................................................................................................... 22
4.1 - ESQUINAS REDONDEADAS ........................................................................................... 23
4.2 - EFECTO DIAPOSITIVA ..................................................................................................... 24
5 - POSTAL DE PARÍS......................................................................................................................29
6 - MÁSCARAS DE CAPA............................................................................................................... 34

- 1 -

TALLER GIMP - @cpoyatos | www.pyrox.es

1.- DESCARGA E INSTALACIÓN DE GIMP

GIMP es un editor de imágenes libre, gratuito y multiplataforma. Es la
alternativa libre a Photoshop. Es ideal para mejorar fotografías, crear
logotipos, editar imágenes, crear ilustraciones etc. Es el programa que más
vamos a utilizar durante este curso.

Haz clic en tu sistema operativo para descargar GIMP

- 2 -

TALLER GIMP - @cpoyatos | www.pyrox.es

1.1- INSTALACIÓN EN LINUX (UBUNTU)
Gimp ya viene instalado en la distribución Linux Ubuntu, podrás encontrarlo
en Aplicaciones > Gráficos > GIMP



1.2- INSTALACIÓN EN MAC
Monta el archivo DMG descargado y copia el fichero GIMP dentro de
aplicaciones.



- 3 -

TALLER GIMP - @cpoyatos | www.pyrox.es

1.3- INSTALACIÓN EN WINDOWS
Descargamos el instalador (archivo.exe)

Ejecutamos el paquete instalador, hacemos clic en Next.

- 4 -





TALLER GIMP - @cpoyatos | www.pyrox.es

Aceptamos la licencia, si procede, haciendo clic en Next.

Pulsamos Install Now.





Para finalizar hacemos clic en Finish, aunque el asistente instalador estaba
en inglés el programa se abrirá en castellano.

- 5 -

TALLER GIMP - @cpoyatos | www.pyrox.es

2.- PRIMEROS PASOS CON GIMP

2.1- CONFIGURACIÓN DEL ÁREA DE TRABAJO
La primera vez que abrimos GIMP podemos llegar a asustarnos con tanta ventana, por ello
vamos a intentar simplificar al máximo el área de trabajo. Observamos tres bloques:

• Caja de Herramientas
• Menú principal
• Paneles de capas, canales, rutas...

Cerramos los paneles de la derecha del todo (zona 3).



Desde el menú principal, hacemos clic en Ventanas > Diálogos empotrables >

• Historia de deshacer: Necesario para poder volver a pasos anteriores.
• Capas: Para la administración de las capas de nuestra ilustración.
• Navegación: Para obtener una vista previa y poder desplazarnos por la imagen.



- 6 -

TALLER GIMP - @cpoyatos | www.pyrox.es

Para ahorrarnos pantalla y así disponer de mayor espacio para diseñar, vamos a insertar
los menús debajo de la caja de herramientas (zona 1). Arrastramos y soltamos el panel de
Capas dentro de la zona 1.

Se habrá añadido la solapa de Capas. Repetimos el proceso anterior con el Historial de
deshacer.





- 7 -

TALLER GIMP - @cpoyatos | www.pyrox.es

Por último agregamos el panel de Navegación.

Con el paso anterior hemos finalizado la configuración básica del entorno de trabajo de
GIMP.





- 8 -

TALLER GIMP - @cpoyatos | www.pyrox.es

De izquierda a derecha disponemos de los siguientes paneles: Opciones de
herramienta (muestra las opciones de las herramientas de GIMP), Capas, Historial de
deshacer, Navegación.

Ahora disponemos de un mayor espacio de trabajo.

Fotografía Haraganeando de Eduardo Amorim publicada bajo licencia CC



- 9 -

TALLER GIMP - @cpoyatos | www.pyrox.es

2.2 - ESCALAR IMÁGENES
Esta práctica es una de las más habituales. Cuando publicamos fotos en blogs o las
enviamos por correo electrónico debemos escalarlas previamente.
Busca y descarga una fotografía en compfight con resolución grande. Abre el archivo con
el editor de imágenes GIMP.

Alhambra de PhilipC publicada bajo licencia CC

Hacemos clic en Imagen > Escalar la imagen.





Cambiamos el ancho de la imagen y pulsamos Intro, automáticamente se modificará el
valor del alto para que el archivo no se distorsione y guarde las proporciones.

- 10 -

TALLER GIMP - @cpoyatos | www.pyrox.es

Si vamos a utilizar la imagen en una publicación web elegiremos un ancho entre 400px y
700px, dependiendo del ancho de nuestra web, blog, wiki...Si vamos a enviar la imagen
por correo elegiremos un ancho entre 800px y 1200px


2.3 - VOLTEAR
Abrimos una fotografía con GIMP desde el menú Archivo > Abrir.

Jaguaress looking at me de Tambako publicada bajo licencia CC



- 11 -

TALLER GIMP - @cpoyatos | www.pyrox.es

Volteamos horizontalmente la fotografía pulsando Imagen > Transformar > Voltear
horizontalmente.





Del mismo modo podemos voltear la imagen verticalmente pulsando Imagen >
Transformar > Voltear verticalmente.

- 12 -

TALLER GIMP - @cpoyatos | www.pyrox.es

2.4 - ROTAR
Muchas veces solemos recibir imágenes rotadas. Si abrimos éstas fotografías con GIMP
podremos girarlas 90º o 180º.

Jaguaress looking at me de Tambako publicada bajo licencia CC





Hacemos clic en Imagen > Transformar > Rotar 90º en el sentido que necesite la
fotografía, en nuestro caso el horario.





- 13 -

TALLER GIMP - @cpoyatos | www.pyrox.es

2.5 - GUARDAR ARCHIVOS.jpg

Pulsamos Archivo > Guardar como.





- 14 -

TALLER GIMP - @cpoyatos | www.pyrox.es

Seleccionamos la carpeta donde vamos a guardar la imagen, escribimos el nombre del
archivo y le añadimos la extensión .jpg

Exportamos el archivo.



Elegimos la calidad de archivo (preferiblemente mayor del 95%) y pulsamos Guardar. En
opciones avanzadas podemos agregar un comentario (creado por...)



- 15 -

TALLER GIMP - @cpoyatos | www.pyrox.es

3 – RETOQUE BÁSICO

3.1 - DESATURAR IMÁGENES
Todas las opciones de retoque básico de fotografías se encuentra en el menú de Colores.
En esta primera práctica vamos a pasar una foto en color a blanco y Negro. Abrimos una
imagen con GIMP y hacemos clic en Colores > desaturar.

Elegimos un tipo de desaturación Claridad, Luminosidad o Medio y pulsamos Aceptar.



- 16 -

TALLER GIMP - @cpoyatos | www.pyrox.es

3.2 - CURVAS
Desde Colores > Curvas, podemos ajustar los colores de una fotografía para un canal
determinado (verde, rojo o azul).

Fotografía de @cpoyatos publicada con licencia CC





Elegimos un canal determinado y ajustamos las curvas añadiendo y desplazando los
puntos de control que estimemos hasta alcanzar el efecto deseado.

- 17 -

TALLER GIMP - @cpoyatos | www.pyrox.es

3.3 - COLOREAR
Vamos a colorear una fotografía, para ello en el menú principal pulsamos Colores >
Colorear





- 18 -

TALLER GIMP - @cpoyatos | www.pyrox.es

Cambiamos los valores del Tono, saturación y Luminosidad, y pulsamos Aceptar.





- 19 -

TALLER GIMP - @cpoyatos | www.pyrox.es

3.4 - BRILLO Y CONTRASTE

Fotografía de @cpoyatos publicada con licencia CC





Al pasar las fotos al ordenador muchas veces nos encontramos fotografías con poco
contraste. Vamos a ver dos formas de aumentar el brillo y el contraste de una fotografía:

- 20 -

TALLER GIMP - @cpoyatos | www.pyrox.es

Desde el menú principal pulsamos Colores > Brillo y contraste.

Ajustando los niveles. Colores > Niveles.

- 21 -





TALLER GIMP - @cpoyatos | www.pyrox.es

4.- FILTROS DECORATIVOS

En esta práctica aprenderemos a aplicar filtros decorativos a nuestras fotografías, algo
muy útil para mejorar la imagen de nuestros blogs. Abrimos una fotografía con GIMP.

Sunlight de Midlander1231 - publicada bajo licencia CC



- 22 -

TALLER GIMP - @cpoyatos | www.pyrox.es

4.1 - ESQUINAS REDONDEADAS
Hacemos clic en Filtros Decorativos > Diálogos empotrables > Esquinas
redondeadas.

Elegimos el radio de las esquinas redondeadas, configuramos la sombra base. Si queremos
que la imagen quede con fondo transparente deshabilitamos la opción Añadir fondo. Por
último marcamos la casilla trabajar en copia para no dañar la fotografía original.





- 23 -

TALLER GIMP - @cpoyatos | www.pyrox.