Materials curriculars INF

Tema_4

CEFIRE

Uso de GIMP orientado retoque de imagenes digitales. NivelINTERMEDIO

1 de 48

Conocimientos previos

En este tema abordaremos el uso la herramienta GIMP orientada a su uso para retocar imagenes digitales con unnivel de uso medio de la aplicación. De este modo en esta sesión profundizaremos sobre las máscaras y su uso,los filtros y los diferentes modos de combinación de las capas de una imagen digital.

Por lo explicado en el párrafo anterior recomendamos como conocimientos previos para el alumnado:

- Conocer un uso básico de GIMP y sus herramientas

- Manejo básico de capas de una imagen

- Realizar selecciones mediantes las diferentes herramientas de selección que aporta Gimp

Partiendo de estos conocimientos avanzaremos en el uso de la herramienta GIMP para conseguir diferentesobjetivos que veremos a lo largo de las secciones.

Pre-conocimiento

2 de 48

Objetivos

El objetivo principal de este tema es ser punto de partida para el uso de GIMP orientado al retoque fotográficocon un nivel medio de dificultad.

Más concretamente los objetivos son:

1. Estudiar que son las mascaras de GIMP y como usarlas, tanto para realizar un fundido de dos imagenes, comopara colorear partes de una imagen

2. Conocer que son los filtros de GIMP y como usarlos.

3. Entender los diferentes tipos de combinación de capas y saber manejarlos

Objetivos

3 de 48

Contenidos

Introducción a las mascaras en GIMP1.Uso de mascaras I (fundido)2.Uso de mascaras II (colorear)3.Filtros de GIMP. Aplicar efecto de velocidad4.Modos de combinar capas. Centrar la atención en un punto concreto.5.

4 de 48

Criterios de evaluaciónPara aprobar esta sesión será necesario entregar correctamente (con APTO) las actividades propuestas a lo largo de lassecciones. En caso de que falten actividades por entregar será el profesor quien decida si considera la sesión aprobada.

Con el objetivo de poder diferenciar las entregas de los alumnos cada entrega se hará siguiendo el siguiente patrón:

1- se comprimirán los resultados de cada sección en un fichero comprimido tipo .ZIP

2- se renombrará con el nombre del alumno, primer apellido y sección del siguiente modo:

nombre1_apellido1_tema4_seccionX.zip

(Ej: vicente_rubio_tema4_seccion1.zip)

3- Cada sección se entregará por separado

El examen de autoevaluación no será entregado al profesor. Servirá al alumnado para comprobar sus conocimientosadquiridos a lo largo de la sesión.

5 de 48

Sección_1

Introducción a las mascaras en GIMPTemporización: 15 min

6 de 48

Teoría

Máscaras de Capa

Las máscaras de capa son una especie de PANTALLA que nos filtra la visibilidad de los píxeles de la capa a la queestán asociada.

Es como si sobre una fotografía, colocamos un folio en blanco, y vamos recortándolo, de forma que a través de esoshuecos que dejamos, podemos ver las partes de la foto que quedan debajo.

En el esquema siguiente tenéis una representación de cómo funcionaría una capa sobre una imagen:

Como podéis ver, tenemos, en la parte más baja una capa, una fotografía.

Sobre esta capa colocamos una máscara. Las partes de COLOR BLANCO de la máscara NO NOS DEJAN VER laspartes de la foto que quedan bajo estas.

Las partes de COLOR NEGRO de la máscara NOS PERMITEN VER las zonas de la fotografía que quedan bajo estas.En el ejemplo, la silueta de la dama (RESULTADO).

Las ventajas de las máscaras de capa son muchas:

Nos permiten mostrar y ocultar partes de una capa sin alterarla.Nos permiten editar a posteriori dichas partes.No sólo se nos permite el uso de BLANCO y NEGRO para ocultar y mostrar zonas, sino también de distintasvariaciones de gris<< lo que permite establecer zonas SEMITRANSPARENTES< lo que a su vez permite crear mezclas y transiciones suaves entre zonas de distintas capas.La edición de capas es sencilla y se pueden usar herramientas de pintura (pincel, aerógrafo,<), de selección,filtros, etc. etc.

A lo largo de las siguientes sesiones manejaremos la máscara de capa, de modo que podamos entender el manejo deesta herramienta FUNDAMENTAL de diseño.

7 de 48

Ampliar conocimientoshttp://docs.gimp.org/es/gimp-layer-mask-add.html

7.21. Añadir máscara de capa

7. El menú “Capa”

7.21. Añadir máscara de capa

The Add Layer Mask command adds a layer mask to the active layer. It displays a dialog in which you can

set the initial properties of the mask. If the layer already has a layer mask, the menu entry is insensitive

and grayed out.

Una máscara de capa le permite definir que partes de la capa son opacas, semitransparentes o

transparente. Puede mirar la sección Máscara de capa, para más información.

7.21.1. Activating the Command

You can access this command from the image menubar through Layer → Mask → Add Layer

Mask

or from the pop-up menu you get by right-clicking on the active layer in the Layers Dialog.

7.21.2. Descripción del diálogo “Añadir máscara de capa”

F igu ra 15. 95. E l d i álogo “Añad i r máscara de capa”

8 de 48

Sección_2

Uso de mascaras I (fundido)Temporización: 15 min

9 de 48

Teoría

FUNDIDO DE DOS IMAGENESEn esta sesión aprenderemos sobre el manejo de las máscaras de capa. Usaremos la mascara de tipo Blanco(Opacidadtotal). Esto crea una mascara de capa donde el negro hace la capa totalmente transparente y el blanco la deja tal y comoesta.(los grises provocan la semitransparencia)

En la sesión estudiaremos como usar la mascara de capa para lograr hacer un fundido de dos imagenes.

Veamoslo por pasos:

1- Abrimos una imagen de GIMP usando las nubes como fondo:

2- Abrimos en una nueva imagen la foto de la chica.

10 de 48

3- Pasaremos la imagen a blanco y negro por medio de Desaturar la imagen (Colores/Desaturar)

Dejamos las opciones por defecto

4- Copiamos la imagen mediante Editar/Copiar

5- Volvemos a nuestra imagen de nubes. Pegamos la imagen de la chica mediante Editar / Pegar en / Nueva Capa. Enel diálogo de capas observamos que aparece una capa nueva llamada Portapapeles

11 de 48

6- Desplazamos la capa mediante la herramienta de modo que quede a la derecha de las nubes.

Escalamos la capa mediante la herramienta para dejarla a una altura igual a la de las nubes

7- Ahora pasaremos a ver el efecto de la mascara de capa:Sobre la capa Portapapeles (la de la chica) pulsamos la opción Añadir mascara de capa del menu conceptual (botónderecho sobre la capa)Eligiremos la mascara de tipo Blanco(Opacidad total). Esto crea una mascara de capa donde el negro hace la capatotalmente transparente y el blanco la deja tal y como esta.

12 de 48

Ahora estamos trabajando sobre la mascara de capa. Eligiremos la herramienta de degradado y aplicaremossobre la capa de la chica un degradado de negro a blanco.

8- Una vez hemos aplicado el degradado sobre la capa de la chica y elegiremos Aplicar Mascara de Capa del menucontextual.

El resultado final será:

13 de 48

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

14 de 48

Prácticas

Realize un fundido entre estas dos imagenes

y

Para que quede lo más parecido a

15 de 48

Entregue el resultado en formato .XCF

16 de 48

Sección_3

Uso de mascaras II (colorear)

Temporización: 15 min

17 de 48

Teoría

COLOREAR ZONAS DE IMAGENEn esta sesión aprenderemos como colorear una zona determinada de una foto en blanco y negro.Para ello volveremos a usar las máscaras de capa, de modo que sobre la misma foto en color y en blanco y negroharemos transparente mediante una mascara de capa solo aquellas zonas de color que se vean.

Una gran utilidad de la mascara de capa es establecer la mascara en una capa y mediante pincel negro dejar ver laspartes de la capa que queramos y ante un fallo podríamos recuperarlo repintandolo con el blanco.

Comenzemos con esta sesión:

Usaremos esta imagen

1- Abrimos la foto de la novia en una nueva imagen.

Duplicamos la capa de la novia mediante el botón del diálogo Capas.

18 de 48

Pasamos a blanco y negro la capa superior (mediante Colores/Desaturar)

2- Una vez tenemos la foto en blanco y negro escogemos una brocha con borde difuminado, por ejemplo la de lasiguiente figura. Tambien escogemos el color negro como color de primer plano.

3- Teniendo seleccionada la capa en blanco y negro le asociamos una mascara de capa. Recordemos que se hacemediante Añadir mascara de capa del menu contextual de la capa. Elegimos que sea de tipo Blanco (Opacidad total).

19 de 48

De este modo ya podemos pintar con el pincel seleccionado y color negro el ramo de la foto (para ello ampliaremos laimagen) y veremos como se hace transparente, permitiendo que se vea el color de la foto en color(capa inferior)

4- Para aplicar la máscara a la imagen elegiremos Aplicar Máscara de capa del menu contextual de la capa.

El resutado final será:

20 de 48

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

21 de 48

Práctica

Resalte la abeja de la imagen siguiente

de modo que quede algo similar a

Entregue el resultado en formato .XCF

22 de 48

Sección_4

Filtros de GIMP. Aplicar efecto de velocidad

Temporización: 15 min

23 de 48

Teoría

Filtros de GIMP. Dar velocidad a una imagen.Filtros de GIMP

Los filtros de GIMP están diseñados para mejorar una imagen y disimular los defectos. Aunque también pueden hacerotras muchas cosas con una imagen: distorsionarla, conseguir efectos tridimensionales, fantásticos o de pintura.

La raíz de los filtros proviene de la fotografía convencional donde añadíamos una serie de filtros (un cristal puestodelante del objetivo de nuestra cámara), para modificar la luz que llegaba a nuestro soporte químico. Las posibilidadesde los filtros digitales son muchísmo mayores porque podemos aplicar un filtro una y otra vez.

1. Cómo funciona un filtro

Los filtros de GIMP producen efectos diferentes. Hay filtros que analizan cada píxel de una imagen o selección y lotransforman aplicando algoritmos matemáticos para crear formas; otros muestrean los píxeles individuales o grupos deellos para definir áreas que muestren la mayor diferencia de color o de brillo y una vez detectada el filtro comienza acambiar los colores de color.

Dependiendo del filtro podemos conseguir una mayor nitidez de la imagen, suavizar los bordes o transformaciones máscomplejas.

Podemos controlar la magnitud y diferentes parámetros del filtro antes aplicarlo.

2. Aplicar un filtro

Primero debemos tener activa una imagen y realizar una selección, en caso de que queramos aplicar el filtro sólo sobreesa parte de la imagen. Los filtros sólo se aplican sobre las partes coloreadas de una capa, no sobre las transparentes,tampoco podemos aplicar un filtro a más de una capa a la vez.

La mayor parte de los filtros de GIMP sólo pueden aplicarse a imágenes RGB, aunque podemos pasar cualquier imagena este modo de color.

3. Tipos de filtros en GIMP

Podemos distinguir varios grupos de filtros:• Filtros que actúan sobre el color y la nitidez de la imagen.• Filtros para conseguir efectos especiales.• Filtros con automatización de tareas para la realización de una imagen nueva o para la modificación de alguna existente.

24 de 48

Para tener una pequeña idea de las posibilidades de los filtros observa como ejemplo as variaciones sobre esta imagen:

Imagen original

Filtro: Enrollar página Filtro: Detección de bordes. Sobel

25 de 48

Filtro: Kaleidoscope Filtro: Aplicar lienzo

Filtro: Baldosas de cristal Filtro: Supernova

Filtro: Pixelizar Filtro: Colorear

Filtro: Papel de periódico Filtro: GIMPresionista

Filtro: Espejismo Filtro: Render -mosaico

Veamos en el siguiente ejemplo como aplicar un ejemplo de uso de filtros.

Dar velocidad a una imagen

26 de 48

1) abrir la siguiente imagen para trabajar con ella

2) seleccionar con la herramienta tijeras intelegentes la silueta del avión y su estela

3) Invertir la selección (Seleccionar / Invertir)

27 de 48

4) Aplicar un desenfoque de movimiento: filtros/desenfoque/ desenfoque de movimiento es importante que el ángulosea el mismo de la inclinación del avión, y la longitud depende de la velocidad que querais darle

5) deseleccionamos todo y el resultado será este

28 de 48

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

29 de 48

Práctica

Aplica el efecto de velocidad al motorista de la siguiente imagen

El entregable será de tipo .GIF

30 de 48

Ampliar conocimientos

En los siguientes pdfs podrás observar en funcionamiento los diferentes filtros de GIMP

FILTROS I

FILTROS II

31 de 48

Sección_5

Modos de combinar capas. Centrar la atención en un puntoconcreto.

Temporización: 15 min

32 de 48

TeoríaModos de combinar capas.Resaltar una zona de la imagenCombinar capas

Hasta el momento hemos visto que las capas son como láminas de acetato que se superponen, donde las capassuperiores dejan ver lo que hay en las inferiores a través de sus zonas transparentes. Pero no nos quedemos ahí. Unacapa puede combinarse visualmente con las que están debajo de ella atendiendo a diferentes modos de combinación.

Para comprender los modos de combinación de las capas vamos a usar una imagen preparada. Puedes obtenerlahaciendo clic con el botón derecho del ratón y seleccionando Guardar destino como... en CAPAS.

1. Modos de combinación

Abrimos con GIMP la imagen que acabamos de guardar "Capas.xcf". Para aplicar un efecto del modo de combinación deuna capa, primero debemos tenerla seleccionada. El modo de combinación de las capas se ajusta en la zona de laVentana Capas marcada en la siguiente figura.

Utilicemos distintos modos de combinación de capas para ir comprobando su funcionamiento. En la siguiente tabla semuestran las posibilidades de cada modo de combinación de capas. En todos los casos aplicamos el modo decombinación marcado a las capas llamadas "Círculo" y "Capas".

Modo Descripción Modo normal Modificado

Normal

Los píxeles de la capasuperior reemplazan alos píxeles de las capasinferiores.

33 de 48

Disolver

Añade agujeros deforma aleaoria en lacapa activa en las zonasde baja opacidad(bordes).

Multiplicar

La capa activa oscurecela composición. Cuantomás claros son lospíxeles menososcurecen. Cuandodebajo hay blanco no seproduce ningún efecto.

Dividir

La capa activa daluminosidad a toda lacombinación de capascon colorescomplementarios.

Pantalla

La capa activa daluminosidad a lacomposición. Cuantomás oscuro es el píxel,menos efecto tiene.

Solapar

Los píxeles clarosaclaran la composicióny los oscuros laoscurecen.

Diferencia

Entre los valoresabsolutos de lospíxeles compuestos(todas las capas) y elpíxel de la capa activa.Se observan lasdiferencias atendiendoa los píxeles que haydebajo de la capaactiva.

34 de 48

Suma

Se suma el píxelcompuesto con el píxelde la capa activa, elvalor máximo quepuede obtenerse es255 (color blanco).

Sustraer

Al píxel compuesto sele quita el píxel de lacapa activa, con un valormínimo de 0 (negro).

Oscurecersólo

Los píxeles de la capaactiva que son másoscuros que lacomposición de lospíxeles de todas lascapas sustituyen a losúltimos.

Clarearsólo

Lo mismo que en elanterior caso peroatendiendo a píxelesmás claros.

Tono

Cambio del color visibledel píxel atendiendo asu tono. Sustituye eltono de los píxeles dela composición por eltono del de la capaactiva.

La capa "Círculo" está en modo normal

35 de 48

Saturación

Atendiendo a lasaturación del color.Color puro o colordiluído.

ColorLos dos anteriores a lavez.

Valor

Como Tono ySaturación: el colorvisible del píxelcompuesto se aplicasobre el píxel de lacapa activa.

Veamos el uso de combinar las capas mediante un ejemplo:

Practicando la combinación

Paso 1 – Abrir la imagen

En el primer paso has de abrir la imagen con GIMP

36 de 48

En esta imagen el protagonista es este anciano. La idea es que resaltes el cuerpo para darle más protagonismo y seoscurezca el resto para quitarle importancia. De la zona resaltada, la parte más importante será la cara.

Paso 2 – Crear la capa para resaltar la cara

El segundo paso consiste en crear la segunda capa. Ves a "Capa / Nueva capa"

Te saldrá la siguiente ventana donde pondrás un nombre a la capa. Este nombre será “resaltado”. Del resto deopciones no hagas caso.

Con esto habrás conseguido insertar una capa nueva en el dibujo. ¿De qué sirve ésto? De mucho. Primeramente tepermite añadir elementos al dibujo sin tocar el original. Después, para esta sesión te servirá para multiplicar pixeles enfunción del dibujo que pongas en esta capa.

37 de 48

Paso 3 – Aplicar el degradado radial

Has de elegir “Rellenar con un degradado de colores” . Esto activa el menú propio del relleno de áreas condegradado. Deja las opciones que se indican en la figura (principalmente debes escoger el degradado radial)

Te debe de quedar algo como la siguiente imagen. Un desastre ¿no?. bueno, no te preocupes porque como tehe dicho antes, la imagen original está en una capa diferente. Si no has tenido la precaución de cambiar de capa,entonces, si que has borrado la imagen anterior y te aconsejo que pulses inmediatamente CTRL + Z

38 de 48

¿Cómo sé si lo he hecho en la capa correcta? Viendo el diálogo de "Capas"

Te deben aparecer dos capas:

1- La que pone fondo será la imagen original.

2- La segunda capa, que tiene como nombre “resaltado”,es donde deberías haber hecho el degradado.

Si ves que en el fondo no aparece una imagen en pequeñoque te recuerde la imagen original pulsa CTRL+Z y repite laoperación. Pero antes pulsa la capa llamada “resaltado”

Ahora invierte los colores de la imagen que está en la capa “resaltado” Ves a “Colores/Invertir”

La imagen te ha de quedar así

39 de 48

40 de 48

Paso 4 – Multiplicar la capa

Te queda el último paso donde multiplicarás la capa y laharás transparente.

Para multiplicar la capa ves a la ventana de capas yselecciona el modo “multiplicar”

Te debe de quedar la imagen tal y como aparece acontinuación

Ya falta poco. Ahora has de hacer transparente la capa “resaltado”. Si te fijas en la ventana que lista las capashay un control llamado “opacidad”. Normalmente está al 100%. Esto quiere decir que la capa es completamente opaca.Si bajas alrededor del 50% verás como la zona del paisaje que estaba oculta aparece.

41 de 48

No solo eso, sino que verás como la parte importante de la foto no solo aparece centrada sino que aparececomo más iluminada.

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

42 de 48

Práctica

Resalta al hombre de la imagen mediante la técnica vista en teoría

de modo que quede lo mas parecido ala siguiente imagen

El resultado debe guardarse en formato .XCF

43 de 48

Ampliar conocimientoshttp://www.doredin.mec.es/documentos/00820082000092/tem02/hoja0209.htm

Las capas > Componer capas

Construir la imagen

Cuando construimos una imagen lo hacemos basándonos en las capas, será diferente según las capas quemostremos. Para obtener la imagen final debemos componer las capas, es decir, juntarlas.

El objetivo final de un trabajo con una imagen es imprimirla o visionarla en la pantalla. Entonces no se podrándistinguir las capas que la forman. La excepción la encontramos con el formato GIF, que muestra una a una lasdistintas capas , como los fotogramas de una película, por lo que podemos conseguir una animación.

GIMP nos permite dos posibilidades diferentes para la composición de la imagen final, mezclando oaplanando, aunque en ambos casos conseguimos básicamente lo mismo: combinar las capas visibles.

1. Combinar capas

Existen dos formas de mezclar capas: Combinar capas visibles y Combinar hacia abajo, especificadas enlas opciones que aparecen en la Ventana Capas cuando hacemos clic con el botón derecho sobre una capaactiva.

Es conveniente recordar que con las teclas Ctrl + M también se combinan las capas visibles.

Abramos el archivo "capas.xcf" que utilizamos en el anterior apartado para comprenderlo mejor.Dupliquemos dos veces la capa "Círculo" y pintemos uno de los circulos de color verde y otro denaranja. Ahora movemos el círculo verde a la parte superior derecha y el naranja a la inferior izquierda.El orden en la pila de capas debe quedar como se observa en la figura. Guarda la composición como"capas mezcladas0.xcf".

1.

44 de 48

Fuentes de información

Las siguientes fuentes se han utilizado para la elaboración del material de esta sesión recomendandose su visita para laampliación de conocimientos.

- Bibliografía

http://docs.gimp.org/2.6/eshttp://www.gimp.org.es

- Enlaces

http://docs.gimp.org/es/gimp-layer-mask-add.htmlhttp://www.jesusda.com/blog/index.php?id=356http://www.doredin.mec.es/documentos/00820082000092/tem02/hoja0208.htmhttp://www.doredin.mec.es/documentos/00820082000092/tem02/hoja0209.htmhttp://creativenerds.co.uk/tutorials/50-design-tutorials-for-mastering-gimp/

- Entradas a Wikipedia

http://es.wikipedia.org/wiki/Procesamiento_digital_de_imágenes

45 de 48

Resumen finalPosible resumen final del tema

Preguntamos "¿para qué ha servido este tema?"

Reflexión del tema

46 de 48

Autoevaluación

¿Que permite la mascara de capa de tipo blanco?

Esto crea una mascara de capa donde el negro hace la capa totalmente transparente y el blanco la deja tal ycomo esta.

Esto crea una capa de tipo blanco donde se varia el fondo mediante la herramienta Opacidad

¿Cual es la base para realizar un fundido de dos imagenes?

Situarlas una al lado de la otra y aplicar la mascara de capa con un degradado de blanco a negro permitiendode este modo fundir ambas imagenes

Usar el filtro fundido de dos imagenes

¿Que son los filtros de GIMP?

Son operaciones que permiten el paso de unos colores u otros. De ahí su nombre "filtros"

Son diferentes operaciones automatizadas que son agrupadas por GIMP para aplicarse tantas veces sedesee sobre la imagen

Los diferentes modos de combinación permiten

Combinar visualmente una capa con las que están debajo de ella el función del modo de combinación.

Realizar selecciones combinadas entre diferentes herramientas (eclipse, rectangulo, etc.)

La base de colorear zonas de una imagen en blanco y negro es

Recortar la zona en color y pegarla sobre la imagen en blanco y negro

Establecer la mascara en una capa superior (con la imagen en blanco y negro) y mediante pincel negro dejarver las partes de la capa inferior (con la imagene en color) que queramos.

Examen SCORM - ejemplo

47 de 48

Este artículo está licenciado bajo Creative Commons Attribution-NonCommercial 2.5 License

Formació del Professorat - CEFIRE

48 de 48