Programación Multimedia

Trabajando con GIMP

Universidad Metropolitana
M.Sc. Marlon Jorge Remedios González
Manipulación de Imágenes

LA HERRAMIENTA GIMP

http://www.gimp.org/
Objetivo:

Caracterizar la herramienta de trabajo con

imágenes GIMP y sus ventanas principales.
Contenido:

- Introducción a GIMP
- Ventanas Principales
TAREAS COMUNES
GIMP es un potente programa de edición de imágenes
con muchas opciones y herramientas. Sin embargo,
también es muy adecuado para tareas pequeñas.

Todo lo que necesita saber para empezar es como

encontrar y abrir su imagen. (Desde la ventana de la
imagen Archivo → Abrir.)
Cambiar el tamaño de una imagen para la pantalla

Tiene una imagen enorme, posiblemente de una cámara

digital y quiere redimensionarla para que se muestre
perfecta en una página web, alojamiento en línea o
mensaje de correo electrónico.

Imagen de ejemplo para escalar:

Cambiar el tamaño de una imagen para la pantalla

Lo primero que notará es que GIMP abre la imagen en un

tamaño idóneo para visualizarla. Si su imagen es
realmente grande, como la del Ejemplo, GIMP establecerá
la ampliación para que se muestre perfectamente en la
pantalla. El nivel de ampliación se muestra en la barra de
estado en la parte inferior de la ventana de la imagen. No
cambia la imagen activa.
Uso de GIMP para escalar la imagen
Uso de GIMP para escalar la imagen

Use Imagen → Escalar la imagen para abrir el diálogo

“Escalar la imagen”. Puede pulsar con el botón derecho
sobre la imagen para abrir el menú, o usar el menú de la
parte superior de la ventana de la imagen. Tenga en
cuenta que el elemento de menú “Escalar la imagen”
contiene puntos suspensivos, que indican que se abrirá un
diálogo.
Diálogo para escalar la imagen en píxeles
Diálogo para escalar la imagen en píxeles

La unidad de tamaño para mostrar una imagen en la

pantalla es el píxel. Puede ver que el diálogo tiene dos
secciones: una para la anchura y la altura y otra para la
resolución. La resolución se aplica sólo a la impresión y no
tiene ningún efecto sobre el tamaño de la imagen cuando
se muestra en un monitor o un dispositivo móvil. La razón
es que dispositivos diferentes tienen tamaños diferentes
de píxeles y así, una imagen que se muestra en un
dispositivo (como un smartphone) con un cierto tamaño
físico, se mostrará en otro dispositivo (como un proyector
LCD) en otro tamaño.
Diálogo para escalar la imagen en píxeles

Para mostrar una imagen en la pantalla, puede ignorar el

parámetro. Por la misma razón, no use una unidad de
tamaño distinta del píxel en los campos altura / anchura.
Si sabe la anchura que quiere, introdúzcala en el diálogo
en la parte superior donde pone Anchura. Se muestra en
la figura anterior. Si no tiene un número en mente, elija
la anchura apropiada para el uso que quiera. El rango de
tamaños de pantalla va de 320 píxeles para los teléfonos
más sencillos, 1024 píxeles para un portátil, 1440 para
una pantalla grande de PC, hasta 1920 píxeles para una
pantalla HD. Para mostrar una imagen en línea, una
anchura de entre 600 y 800 píxeles es un buen
compromiso.
COMPRIMIR IMÁGENES
Comprimir Imágenes

Si tiene imágenes que ocupan un espacio grande en el

disco, puede reducir ese espacio incluso sin cambiar las
dimensiones de la imagen. La mejor compresión de
imagen se consigue usando el formato JPG, pero incluso si
la imagen ya está en este formato, generalmente puede
hacer que ocupe menos espacio, ya que el formato JPEG
tiene un esquema de compresión adaptativo que permite
guardar variando los niveles de compresión.
Comprimir Imágenes

El inconveniente es que, cuanto menos espacio ocupe la

imagen, más detalle de la imagen original pierde.
También debería tener en cuenta que al guardar
repetidamente en el formato JPEG se provoca más y más
degradación en la imagen.

Para guardar una imagen como archivo JPEG, use Archivo

→ Guardar como para abrir el diálogo “Guardar como”.
El diálogo “Guardar como”
Comprimir Imágenes

El diálogo se abre con el nombre del archivo escrito en

la caja del nombre. Si la imagen no es JPEG, elimine la
extensión existente y escriba JPEG en su lugar
y GIMP determinará el tipo de archivo a partir de la
extensión del archivo. Use la lista de extensiones de
archivo, con un círculo en la imagen anterior, para ver
los tipos soportados por GIMP. Las extensiones
soportadas cambian dependiendo de las bibliotecas
instaladas. Si GIMP muestra un aviso o si “JPEG” está en
gris en el menú extensiones, debería cancelar todo y
seguir “Cambiar el modo”. Una vez hecho esto, pulse
Guardar. Esto abre el diálogo “Guardar como” JPEG que
contiene el control de calidad.
Comprimir Imágenes

El diálogo “Guardar como JPEG” usa los valores

predeterminados para reducir el tamaño manteniendo
una buena calidad visual; es lo más seguro y rápido.
El diálogo “Guardar como JPEG” con una
calidad baja.
Comprimir Imágenes

Reduzca la Calidad de la imagen para hacerla incluso

más pequeña. La calidad reducida degrada la imagen,
así que asegúrese de marcar “Mostrar la vista previa en
la ventana de la imagen” para medir visualmente la
degradación. Como se muestra en la imagen anterior,
una Calidad ajustada a 10 produce una imagen de
calidad muy baja que usa poco espacio en el disco. La
siguiente imagen muestra una imagen más razonable.
Una calidad de 75 produce una imagen razonable usando
mucho menos espacio en el disco, que se cargará más
rápido en una página web. Aunque la imagen se degrada
algo, es aceptable para la finalidad propuesta.
Ejemplo para un JPEG con mucha compresión
Ejemplo para un JPEG con una compresión
moderada
 RECORTAR UNA IMAGEN

Imagen de ejemplo para recortar

Recortar Imagen

Hay muchas razones para recortar una imagen; por

ejemplo, ajustar una imagen para rellenar un marco,
quitar una parte del fondo para resaltar el sujeto, etc.
Hay dos métodos para activar la herramienta de recorte.
Pulsar el botón en la caja de herramientas o
usar Herramientas → Herramientas de
transformación → Recortar en la ventana de la imagen.
Esto cambiará el cursor y le permitirá pulsar y arrastrar
una forma rectangular. El botón en la caja de
herramientas es el mejor modo de seleccionar cualquier
herramienta.
Seleccionar una región para recortar

Pulse sobre una esquina del área de recorte deseado y

arrastre su ratón para crear el rectángulo de recorte.
No tiene porque ser cuidadoso ya que puede cambiar
la forma exacta del rectángulo después.
Diálogo para recortar
Diálogo para recortar

Después de completar el movimiento de pulsar y

arrastrar, se mostrará un rectángulo con regiones
especiales sobre el lienzo. Mientras el cursor se mueve
sobre las diferentes áreas del área de recorte
seleccionada, el cursor cambia. Entonces puede
arrastrar las esquinas o bordes del rectángulo para
cambiar las dimensiones del área seleccionada. Como
se muestra en la imagen anterior, mientras el área de
recorte se redimensiona, las dimensiones y la
proporción se muestran en la barra de estado.
Diálogo para recortar

Si quiere recortar la imagen en una proporción de

aspecto específica, como un cuadrado, asegúrese que las
opciones de la herramienta son visibles (Ventanas →
Diálogos empotrables → Opciones de la herramienta). En
el empotrable de las opciones de la herramienta,
compruebe la marca cerca de Fijo y asegúrese que la
caja desplegable cercana está establecida a Proporción
de aspecto.
Diálogo para recortar

Ahora puede escribir la proporción de aspecto deseada

en la caja de texto de debajo, como “1:1”. También,
tiene controles para cambiar el aspecto de horizontal a
vertical. Después de ajustar la proporción de aspecto,
arrastre una de las esquinas del rectángulo de recorte
para actualizarlo. El rectángulo cambia a la proporción
elegida y cuando lo arrastre mantendrá esa proporción.
Encontrar Información de una imagen
Cuando necesite encontrar información sobre su imagen, use Imagen →
Propiedades de la imagen para abrir el diálogo “Propiedades de la
imagen”, que contiene información sobre el tamaño, la resolución, el
modo de la imagen y mucho más.
Diálogo “Propiedades de la imagen”
CAMBIAR EL MODO
Cambiar el Modo

Como con otras cosas, la imágenes son de tipos

diferentes y tienen objetivos diferentes. A veces, un
tamaño pequeño es importante (para sitios web) y otras
veces, quiere mantener una gran profundidad de color
(por ejemplo, un retrato familiar).GIMP puede tratar
estos aspectos y más, principalmente convirtiendo
entre los tres modos fundamentales, como se ve en
este menú. Para cambiar su imagen a uno de esos
modos, ábrala y siga ese menú y pulse el modo que
quiera.
Diálogo para cambiar el modo
RGB: este es el modo predeterminado, se usa para
imágenes de alta calidad y es capaz de mostrar
millones de colores. Es también el modo para la
mayoría de sus trabajos con imágenes, incluyendo el
escalado, el recorte e incluso el volteo. En modo RGB,
cada píxel contiene tres componentes diferentes: R-
>Rojo, G->Verde, B->Azul. Cada uno de ellos puede
tener un valor de intensidad de 0-255. Lo que ve en
cada píxel es una combinación aditiva de estos tres
componentes.
Indexado: generalmente es el modo usado cuando
interesa el tamaño del archivo o cuando trabaja con
imágenes con pocos colores. Implica usar un número
fijo de colores (256 o menos) para representar los
colores de la imagen entera. De manera
predeterminada, cuando cambia una imagen a
indexada, GIMP genera una “Paleta óptima” para
representar mejor su imagen.
Diálogo “Cambiar a colores indexados”
Cambiar el Modo

Como cabe esperar, dado que la información necesaria

para representar el color de cada píxel es menor, el
tamaño del archivo es más pequeño. Sin embargo, a
veces habrá opciones en varios menús que estarán en
gris, sin ninguna razón aparente. Generalmente, esto
significa que el filtro o la opción no se puede aplicar
sobre su imagen en el modo activo. Cambiando el modo
a RGB, remarcada arriba, se debería solucionar este
inconveniente. Si el modo RGB no funciona, quizás la
opción que intenta usar requiere que la capa tenga la
capacidad de ser transparente. Esto se puede hacer
fácilmente a través de Capa → Transparencia → Añadir
canal alfa.
Añadir canal alfa
Escala de grises: las imágenes en escala de grises sólo
tienen matices de gris. Este modo tiene algunos usos
específicos y necesita menos espacio en el disco duro
en algunos formatos, pero no es recomendable para uso
general ya que su lectura no está soportada por algunas
aplicaciones.

No es necesario convertir una imagen a un modo

especifico antes de guardarla en su formato favorito, ya
que GIMP puede exportarla apropiadamente.
VOLTEAR UNA IMAGEN
Voltear Imagen

Use esta opción cuando necesite que la persona de una

foto mire en la otra dirección, o necesita que la parte
superior de la imagen sea la inferior.
Use Herramientas → Herramientas de
transformación → Voltear, o use el botón en la caja
de herramientas. Después de seleccionar la
herramienta de volteo de la caja de herramientas,
pulse dentro del lienzo. Los controles en el empotrable
de opciones de la herramienta le permiten cambiar
entre los modos horizontal y vertical.
Diálogo “Voltear una imagen”
Voltear Imagen

Después de seleccionar la herramienta de volteo de la

caja de herramientas, pulse en el lienzo. La
herramienta voltea la imagen horizontalmente. Use el
diálogo de opciones para cambiar entre horizontal y
vertical. Use el diálogo de opciones para cambiar entre
horizontal y vertical. Si todavía no se muestra en el
empotrable bajo la caja de herramientas, pulse dos
veces sobre el botón de la caja de herramientas.
También puede usar la tecla Ctrl para cambiar entre
horizontal y vertical.
En la imagen siguiente, se muestran todos los volteos
posibles:

Original Horizontal

Volteada Verticalmente Volteada Horizontalmente

y Verticalmente
ROTAR UNA IMAGEN
Menú de “Rotar una imagen”
SEPARAR UN OBJETO DE SU FONDO
Separar un objeto de su fondo

A veces necesita separar el sujeto de una imagen de su

fondo. Puede que quiera tener el sujeto sobre un color
plano, o mantener el fondo transparente para usarlo
sobre un fondo existente u otra cosa que tenga en
mente. Para hacer esto, primero debe usar las
herramientas de selección de GIMP para dibujar una
selección alrededor del sujeto. No es una tarea fácil y
es crucial seleccionar la herramienta correcta. Tiene
varias herramientas para realizar esto.
La “Herramienta de selección libre” le permite
dibujar un borde usando líneas de selección libre y
rectas. Use esta cuando el sujeto tenga una forma
relativamente sencilla.
La “Herramienta de selección de las tijeras
inteligentes” le permite seleccionar un borde, y usa un
algoritmo de reconocimiento de borde para completar
el borde alrededor del objeto. Use esta cuando el
sujeto es complejo pero se distingue suficientemente
de su fondo.
La “Herramienta de selección del frente” le permite
marcar áreas como “Frente” o “Fondo” y refinar la
selección automáticamente.
Una vez que ha seleccionado su sujeto, use Seleccionar
→ Invertir. Ahora, en lugar del sujeto, se selecciona el
fondo. Lo que haga ahora depende de lo que pensaba
hacer con el fondo.

Para rellenar el fondo con un color único:

Pulse la caja del color de fondo (la superior izquierda

de los dos rectángulos de colores superpuestos) en la
caja de herramientas y seleccione el color deseado.
Resultado de añadir un fondo de color simple
Para hacer el fondo transparente:
Use Capa → Transparencia → Añadir canal alfa para
añadir un canal alfa. Después, use EditarLimpiar o pulse
la tecla Supr del teclado para quitar el fondo. Tenga en
cuenta que sólo un subconjunto pequeño de formatos
de archivo soportan áreas transparentes. Su mejor
apuesta será guardar su imagen como PNG.
Para hacer un fondo blanco y negro mientras
mantiene el sujeto en color:

Use Colores → Desaturar. En el diálogo que se abre,

mire entre los modos y seleccione el más aparente,
entonces pulse aceptar.
COMO DIBUJAR LÍNEAS RECTAS
Forzar una línea a ser recta es un camino conveniente
para hacer cosas sin que se vean afectadas por las
imprecisiones del ratón o la tableta, y aprovechar las
ventajas del ordenador para hacer las cosas claras y
ordenadas. Este tutorial no usa las líneas rectas para
trabajos complejos; intenta mostrar cómo puede
usarlas para crear líneas rectas, de una manera rápida y
fácil.

Primero, crear una imagen nueva. Con cualquier

tamaño. Puede hacerlo seleccionando Archivo+Nuevo
para crear una imagen nueva.
Herramientas de pintura en la caja de herramientas

Cualquiera de las herramientas resaltadas en rojo, en la

caja de herramientas de arriba, puede hacer líneas.
Crear un punto de inicio

Pulse sobre el pincel en la caja de herramientas. Pulse

sobre la imagen donde quiera que se inicie o termine
una línea. Un punto aparece en la pantalla. El tamaño
de este punto representa el tamaño del pincel actual,
que puede cambiar en el diálogo de pinceles. Ahora,
empiece a dibujar una línea. Mantenga pulsada la tecla
Mayús.
Dibujar la línea

Después de que tiene un punto de inicio, y que mantiene

pulsada la tecla Mayús, verá una línea que sigue al cursor.
Presione el primer botón en el ratón (normalmente el de la
izquierda) y muévalo. Durante esa “pulsación” del Botón
del ratón, necesita mantener pulsada la tecla Mayús.
Imagen final

Esta es una potente característica. Puede usarla con

cualquiera de las herramientas de dibujo. Puede dibujar
más líneas al finalizar esta. El último paso es soltar la tecla
Mayús.
EJEMPLOS DE LÍNEAS
Comprobar el uso del color del degradado. Seleccione la herramienta de
clonado y seleccione como origen el
patrón “Maple Leaves”.
Use Filtros → Renderizado → Patrón → Rejill
a para crear una rejilla. Use la herramienta
de emborronado para dibujar una línea con
un pincel ligeramente mayor..
Use Filtros → Renderizado → Nubes
→ Plasma para crear la
interesante nube de plasma. Use la
herramienta de borrado con un
pincel cuadrado para dibujar una
línea.
Use la herramienta de selección rectangular para seleccionar un
rectángulo, y rellene la selección con un color azul claro.
Seleccione la herramienta ennegrecer/blanquear. Establezca el
tipo a ennegrecer y pinte de arriba al lado izquierdo usando un
pincel del tamaño apropiado. Establezca el tipo a blanquear y
pinte de la derecha a la parte inferior.
EJERCICIOS DE PRÁCTICA
Para la imagen anterior:

 Guárdela como JPGE y realice una compresión moderada.

 Prueba las diferentes opciones de rotación que provee GIMP
 Prueba girar la imagen de distintas formas.
 Utilice las herramientas de GIMP para recortar la imagen,
seleccione la parte de la imagen que más le llame la atención.
 Seleccione el Girasol central de la imagen y póngala en un
nuevo lienzo sin color de fondo.
 Para la indicación anterior, cambie el fondo de las diferentes
formas que vimos durante la clase
 Enmarque el girasol en un cuadro, dicho cuadro va estar
conformado por cuatro líneas rectas de diferentes formas,
utilice las herramientas vista en la clase para crear dichas
líneas.
Bibliografía

http://docs.gimp.org/2.8/es/index.html
Programación Multimedia
Trabajando con GIMP
Universidad Metropolitana
M.Sc. Marlon Jorge Remedios González