Materials curriculars INF

Tema_3CEFIRE

Uso de GIMP orientado retoque de imagenes digitales.Nivel BÁSICO

1 de 49

Conocimientos previos

En este tema abordaremos el uso la herramienta GIMP orientada a su uso básico para retocar imagenesdigitales. De este modo esta sesión nos servirá como iniciación al retoque fotográfico, el cualperfeccionaremos en futuras sesiones.

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

Partiendo de estos conocimientos avanzaremos en el manejo de GIMP para manipular imagenes digitales condiferentes objetivos.

Pre-conocimiento

2 de 49

Objetivos

El objetivo principal de este tema es ser punto de partida para el uso de GIMP orientado al retoquefotográfico.

Más concretamente los objetivos son:

1. Conocer las diferentes técnicas de seleccionar y retocar imagenes

2. Aprender que son y un uso básico de las mascaras de selección rápida

3. Aprender a manipular el brillo y el contraste de una imagen

4. Saber manejar la herramienta pintar usando patrones que nos permitirá eliminar y añadir partes de unaimagen

Objetivos

3 de 49

Contenidos

Selecciones. Crear un Fotomontaje 1.Encuadrar imagenes2.Brillo y contraste. Crear una marca de agua3.Clonar y borrar objetos de una imagen4.

4 de 49

Criterios de evaluaciónPara aprobar esta sesión será necesario entregar correctamente (con APTO) las actividades propuestas a lo largode las secciones. En el caso de las actividades de las sección 1, será necesario entregar al menos la mitad de ellas(es decir, una de las dos) correctamente para considerarse APTO. En caso de que falten actividades por entregarserá 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_tema3_seccionX.zip

(Ej: vicente_rubio_tema3_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 49

Sección_1

Selecciones. Crear un FotomontajeTemporización: 50 min

6 de 49

TeoríaSelecciones. Crear un fotomontajeGIMP pone a nuestra disposición varias herramientas de selección que nos permiten muchas posibilidades.

A las herramientas de selección más utilizadas se accede desde la Caja de herramientas. Podemos encontrar lassiguientes.

Icono Descripción de la herramienta

Selección rectangular a mano alzada. La selección comienza donde hacemosclic y finaliza donde liberamos el ratón.

- Si presionamos Ctrl antes de hacer clic, este punto se convierte en el centro dela selección.

- Si presionamos Mayús antes de hacer clic, forzamos a que el área seacuadrangular.

Selección elíptica a mano alzada. El punto de inicio del clic es la confluencia dedos tangentes perpendiculares.

- Si presionamos Ctrl antes de hacer clic, este punto se convierte en el centro dela selección elíptica o circular.

- Si presionamos Mayús antes de hacer clic, forzamos a que el área sea circular.

Selección a mano alzada. Dibujamos de forma libre cualquier forma, al liberar elratón se forma un área de selección que une el punto de inicio del clic con el puntofinal.

Selección por color. Selecciona zonas similares de color.

Podemos elegir el margen de similitud de color.

Selección por medio de curvas Bézier

"Tijeras inteligentes". Permite una selección de formas adaptándose al color delas zonas que recorremos.

Ahora que ya sabemos algo de estas herramientas, vamos a realizar un fotomontaje, haciendo un collage dediferentes partes de varias fotos.

Vamos a utilizar las siguientes imágenes para realizar la composición:

pezamarillo.jpg pezfondo.jpg

7 de 49

playa.jpg

MUY IMPORTANTE: En todos los casos que trabajaremos se hará una selección en una imagen y se copiará en laimagen que contiene el fondo. Esto no crea directamente una capa en nuestra imagen, sino que más bien crea una

selección flotante la cual hemos de pasar a capa mediante pulsar el botón del diálogo de Capas,Canales yRutas teniendo seleccionada la capa. Esto se conoce como fijar la selección flotante.

1. Abrir imagen inicial

1. Abrimos la imagen "playa.jpg" y guardamos con el nombre "composicion playa.xcf".

2. Selección por color

1. Sin cerrar la imagen anterior pasamos a abrir la imagen "pezfondo.jpg" y en el menú contextual (clic con el botónderecho del ratón sobre la imagen) elegimos Seleccionar --> Selección por color. Abrimos el Editor de selecciónpara controlar el proceso de forma más precisa. Ponemos un "Umbral" de 35, obteniendo una selección que iremosafinando hasta que obtengamos toda la imagen menos el pez. Aconsejamos comenzar seleccionado el color delfondo.

2. Para completar la selección como se desee utilizaremos la selección a mano alzada. Presionamos Mayús parasumar las nuevas selecciones a las existentes y Ctrl para restar.

3. Como la parte de la imagen que nos interesa seleccionar es el pez, elegimos Seleccionar --> Invertir (menúcontextual) y copiamos esta selección para pegarla en "composicion playa.xcf". Para ello pulsaremos Editar-->Cortar

4. Sobre "composicion playa.xcf" pulsaremos Editar-->Pegar en -> Capa nueva

8 de 49

quedando

5. Debemos abrir el diálogo de capas para ver las capas de la imagen mediante

de este modo veremos

9 de 49

Queremos que este pez parezca que surge por encima de las olas, para ello necesitará de una tranformación detamaño y una rotación.

6. En el menú contextual elegimos Herramientas --> Herramientas de Transformación --> Rotar, inclinando laimagen del pez de modo que quede similar a la de la imagen del paso siguiente.

7. El tamaño del pez es excesivamente grande, por lo que vamos a escalarlo (Herramientas--> Herramientas detransformación -->Escalar). Tras hacer clic en la imagen debemos indicar la escala de "Redimensionado",elegimos la opción % y ponemos un 50% de ancho y un 50% de alto.

10 de 49

8. El pez debe parecer que surge del agua, así que hay que hacer que la parte de la aleta caudal esté sumergida enlas olas. Para conseguir este efecto vamos a seleccionar, copiar y pegar una parte de las olas encima del pez. Paraello seleccionamos la parte de las olas correspondiente a la aleta dorsal, seleccionamos la capa de fondo ypulsamos Editar-> copiar. A continuación pulsaremos Editar-> pegar en -> Nueva capa. Esta capa debe quedar

situada entre la del fondo y la del pez. Para mover la capa usaremos las flechas del diálogo de capas.

9. Probablemente al pegar la selección no queda en la misma posición que la original, por lo que deberemos mover

la capa hasta que esté en la misma posición mediante seleccionar la nueva capa y la herramienta mover .

Una vez situada la capa en su posición correcta usaremos la Opacidad para dejar semitransparente esa capa.

11 de 49

De este modo tendremos

10. Para evitar que estas dos últimas capas puedan moverse de forma accidental debemos combinarlas. Para elloharemos sólo visibles estas capas, para luego Combinar las capas visibles.

Guardar el trabajo como "composición playa.xcf".

2. Selección con tijeras inteligentes

1. Abrimos la imagen "pezamarillo.jpg". Elegimos la herramienta Selección con tijeras inteligentes y en las Opcionesde herramienta elegimos un radio para difuminar de 10 píxeles.

12 de 49

2. Vamos haciendo clic alrededor del pez amarillo hasta conseguir seleccionarlo por completo. Si alguna zona quedasin seleccionar o seleccionamos algo de más, utilizaremos la herramienta Seleccionar regiones dibujadas a manopara añadir o quitar (Mayús = añadir; Ctrl= restar). Terminaremos la selección haciendo coincidir el último punto

con el primero, momento en que al pulsar dentro de la selección aparecerá el icono . Ahora pulsaremos en elcentro de la zona seleccionada para convertir los puntos en una selección.

3. Copiamos esta selección y la pegamos en nuestra composición de la playa. La nueva capa será llamada "Pezamarillo"; y ahora queremos que mire hacia la izquierda y tenga menor tamaño, porque queremos situar el pez sobreel acantilado del fondo a la derecha. Elegimos en el menú contextual Herramientas --> Herramientas de

transformación --> Voltear, al hacer clic sobre la imagen (mostrará el icono ) el pez queda mirando hacia laizquierda. Para reducir su tamaño utilizamos el mismo procedimiento que en el punto anterior.

13 de 49

4. La imagen del pez amarillo sobresale demasiado, para que ésto no ocurra vamos a utilizar una opacidad del 30 %en esta capa.

Guardamos nuestro trabajo.

Nuestra imagen final será la que vemos a continuación.

14 de 49

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

15 de 49

PrácticaPráctica 1

Utiliza la siguiente imagen para seleccionar toda la planta, copiarla y pegarla en un documento nuevo con color defondo azul. Utiliza la herramienta Selección por color.

Guarda el resultado en el formato nativo de Gimp, *.XCF

Nota: Si detectas que los colores no son los correctos te recomendamos cambiar el modo de la imagen a RGBmediante

Práctica 2

Mediante la herramienta Tijeras inteligentes, selecciona el dibujo de la imagen siguiente.

Debido a la complejidad del dibujo puede ser que las tijeras inteligentes no sean tan precisas como quisieramos. En

estos casos se añaden a la selección nuevas selecciones (tipo selección libre ) mediante mantener pulsada latecla SHIFT y se le restan mediante mantener pulsada la tecla CRTL.

Copia esa selección y pégala en la siguiente imagen:

16 de 49

Deberás escalar la capa pegada para que quepa en la imagen de fondo.

Guarda el resultado en el formato nativo de Gimp, *.XCF

17 de 49

Ampliar conocimientoshttp://www.doredin.mec.es/documentos/00820082000092/tem04/hoja0402.htm

Selecciones > Herramientas

Las herramientas de selección

GIMP pone a nuestra disposición varias herramientas de selección que nos permiten muchas posibilidades.

A las herramientas de selección más utilizadas se accede desde la Caja de herramientas. Podemosencontrar las siguientes.

Icono Descripción de la herramienta

Selección rectangular a mano alzada. La selección comienza dondehacemos clic y finaliza donde liberamos el ratón.

- Si presionamos Ctrl antes de hacer clic, este punto se convierte en elcentro de la selección.

- Si presionamos Mayús antes de hacer clic, forzamos a que el área seacuadrangular.

Selección elíptica a mano alzada. El punto de inicio del clic es laconfluencia de dos tangentes perpendiculares.

- Si presionamos Ctrl antes de hacer clic, este punto se convierte en elcentro de la selección elíptica o circular.

- Si presionamos Mayús antes de hacer clic, forzamos a que el área seacircular.

Selección a mano alzada. Dibujamos de forma libre cualquier forma, alliberar el ratón se forma un área de selección que une el punto de inicio delclic con el punto final.

Selección por color. Selecciona zonas similares de color.

Podemos elegir el margen de similitud de color.

Selección por medio de curvas Bézier

"Tijeras inteligentes". Permite una selección de formas adaptándose alcolor de las zonas que recorremos.

Ahora que ya sabemos algo de estas herramientas, vamos a trabajar sobre la siguiente imagen.

18 de 49

Sección_2

Encuadrar imagenesTemporización: 35 min

19 de 49

Teoría

Mediante esta sesión aprenderemos a darle un toque más bonito a nuestras fotografías, enmarcandolas condiferentes aspectos.

1. Lo primero será escoger una imagen

2. Realizamos una selección rectangular, como muestra la imagen.

3. Pulsamos en el botón Quickmask , que se encuentra abajo a la izquierda. Quickmask es un añadido de Gimpque facilita el trabajo con selecciones.

20 de 49

de modo que tendremos coloreada la zona seleccionada

4. Ahora escogemos: Filtros -> Distorsiones -> Ondular .

Dejamos las opciones que vienen por defecto: Filtro Ondular con un periodo de 20 y una amplitud de 5.

21 de 49

De este modo al aplicar el anterior filtro veremos como la mascara se ha modificado:

22 de 49

5. Aplicamos un Desenfoque Filtros -> Desenfoque [Blur]-> Desenfoque gaussiano... [Blur] , de 5.

De modo que al aplicar el desenfoque con valor a 5 tendremos la mascara difuminada, tal y como se muestra en lasiguiente imagen:

23 de 49

6. Clickeamos en el botón de Quickmask , pero ahora para retirar dicho modo.

Aquí podemos observar la fotografía con la selección que hemos realizado afectada por el Filtro

24 de 49

7. Por último clickeamos en Seleccionar -> Invertir

y Editar -> Rellenar con color de fondo.

Para quitar la selección pulsaremos en Seleccionar -> Nada

Veremos la fotografía con efecto "Ondulación"

8. A continuación veremos la misma fotografía pero con distintos efectos. Sólo es cuestión de jugar un poco con losfiltros.

25 de 49

Filtro "Desplazamiento" con una cantidad de desplazamiento de 35 y desenfoque Gaussiano de 3

Filtro "Onda" con una amplitud de: 15, fase de: 0.00 y longitud de onda de: 10.00

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

26 de 49

PrácticasModifica la fotografía siguiente

para llegar a enmarcarla lo más similar al siguiente ejemplo.

Nota: Se usará el Filtro Mosaico con las opciones que viene por defecto.

Entrega el .XCF

27 de 49

Ampliar conocimientoshttp://www.doredin.mec.es/documentos/00820082000092/tem04/hoja0406.htm

Selecciones > Máscaras rápidas

Máscaras rápidas

En la esquina inferior izquierda de la Ventana Imagen encontramos el botón Máscara rápida, que suelepasar desapercibido.

También podemos acceder a la Máscara rápida desde el Menú --> Seleccionar --> Activar máscararápida o utilizando la combinación de teclas Mayús. + Q.

Al hacer clic en él, la Ventana Imagen adquiere un tono rojizo. Esto no significa que hayamos "pintado"nada, simplemente hemos puesto un "acetato" sobre el que podemos colorear escribir, rellenar y nocambiará la imagen, simplemente en la zona pintada desparece ese tono rojizo. Al volver a hacer clic en elbotón observaremos que se ha creado una selección con la forma del dibujo o relleno realizado.

Vamos a probarla.

Abrimos la imagen "heroe.jpg" (a), presionamos el botón Máscara rápida (b), elegimos la herramienta

pincel y ponemos como color de primer plano el blanco. Ahora hacemos un trazado sobre la imageny observamos que en la zona donde pintamos va desapareciendo el color rojizo (c). Presionamos el botónMáscara rápida y vemos cómo lo que hemos pintado se ha transformado en una selección (d).

a b

c d

28 de 49

Sección_3

Brillo y contraste. Crear una marca de aguaTemporización: 35 min

29 de 49

TeoríaCrear una marca de agua.

Aunque las nuevas versiones de procesadores de textos ya vienen preparados para insertar las marcas de agua,esta sesión nos permitirá conocer la opción de brillo y contraste. Nos puede ser de mucha utilidad en nuestraspáginas Web y presentaciones para mostrarlos en el fondo.

Paso 1Primero abriremos la imagen mediante GIMP, para lo cual la descargaremos previamente en el ordenador:

Como puedes comprobar es una imagen que no es ni oscura ni clara. Estas son las marcas de agua másdifíciles porque no podemos decidir el color del texto que irá encima de la imagen. Si ponemos un color oscuro, eltexto no se verá cuando la imagen tenga una zona oscura y si ponemos un color claro, tampoco por la misma razón.

La solución pasa por difuminar o quemar la imagen. La marca de agua no es la protagonista de un texto, es por esoque ha de quedar disimulada, es decir, sin molestar.

Como puedes comprobar, en la fotografía de la izquierda tienes problemas para leer el texto, mientras queen la segunda puedes coger un color oscuro y podrás leerlo cómodamente. En la primera foto observamos que elcolor claro, en las palabras "una" y "prueba", se leen mal las letras "a" y "e".

30 de 49

Paso 2Vamos a dejar solo la marca del coche, aprovecharemos que es redonda para utilizar la herramienta

“Seleccionar regiones elípticas” de la caja de herramientas para seleccionar la marca del coche.

La región elíptica te resultará difícil porque es difícil que encuadres a la primera la selección con la zona deldibujo que te interesa. Es por esto que la selección te permite que la modifiques hasta que te encaje donde quieres.

Para modificar el área elíptica solo has de situarte en cualquiera de las cuatro esquinas o de los cuatro lados y seactivará un cuadrado para indicarte que ya puedes estirar. Has de hacerlo todo ahora porque después el área se fija.

Una vez tengas la selección del escudo, tienes dos opciones. La primera es cortar la selección y pegarla enotra capa. Después borrarás la capa que representa el resto de dibujo. De esta forma solo te quedará una capa, lade la marca.

La segunda vía es ir a “Selección / invertir”. Con ésto seleccionamos todo menos la marca.

31 de 49

El aspecto será muy parecido al anterior pero fíjate que las hormigas que indican la selección estan también ahorapor el borde del dibujo y alrededor de la marca. Esto quiere decir que estamos seleccionando todo menos la marca.

Después seleccionas “Editar / Cortar” y verás como desaparece todo menos la marca.

32 de 49

Debe de quedar algo como ésto:

33 de 49

Paso 3Para aclarar una fotografía hemos de jugar con el brillo y el contraste de la fotografía. Ves a " Colores /

Brillo y Contraste”. Previamente deberemos dejar de tener seleccionada la zona exterior al logo. Para ellopulsaremos en "Seleccionar / Nada".

Pondremos todo el brillo al máximo, es decir, moveremos la palanca del brillo todo a la derecha que puedasy pulsamos “Aceptar”. Si con una pasada no tienes suficiente, vuelve a aplicar mas brillo. Cada modificación seacumula. En el caso del ejemplo hemos tenido bastante con dos pasadas, quedando la imagen como se muestra:

34 de 49

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

35 de 49

PrácticaCree una marca de agua a partir de la siguiente imagen:

Recomendamos usar para recortar la silueta cualquiera de las técnicas vistas en secciones anteriores (mien

mediante la herramienta de tijeras inteligentes o bien mediante seleccion por color-escogeriamos el color de

fondo- )

Si quedarán restos del color del fondo recomendamos borrarlos usando la herramienta goma , con la siguienteconfiguración:

Entregue la imagen en formato .XCF

36 de 49

Ampliar conocimientoshttp://es.wikipedia.org/wiki/Marca_al_agua

Filigrana, Libro Concejo

1698-1772, Concejo de

Navamorales, Salamanca.

Filigrana (papel)

De Wikipedia, la enciclopedia libre

Una filigrana o marca al agua es una imagen formada por

diferencia de espesores en una hoja de papel. El término filigrana se

aplica también a las líneas verticales que se ven en ciertos papeles de

embalaje.

Se utiliza para evitar la falsificación de documentos, para mostrar la

autenticidad del origen de algún papel o impreso, como adorno o

como diferenciación entre diferentes fábricas de papel.

Filigrana hace referencia a las marcas que se ven a trasluz en

distintos tipos de papel. Durante la época de la elaboración

tradicional del papel, estas marcas representadas por símbolos,

iconos, escudos o logotipos, distinguía entre sí a los fabricantes.

Suponen una información importante en la datación y procedencia de

un libro.

Actualmente, la filigrana tiene un uso artesanal con el trabajo que se

realiza de manera creativa con "tiras" de colores de papel bond.

Pueden realizarse tarjetas de felicitación para toda ocasión, figuras

ornamentales, bustos o pequeñas esculturas de personajes, en grupo

pueden conformarse todo tipo de dioramas.

Contenido

1 Técnica utilizada

2 Uso en filatelia

3 Uso en informática

4 Véase también

5 Enlaces externos

Técnica utilizada

Se crea durante el proceso de fabricación, cuando la hoja

37 de 49

Sección_4Clonar y borrar objetos de una imagenTemporización: 30 min

38 de 49

TeoríaBorrar objetos/personas de una foto

1) A partir de esta foto original.jpg

2) Seleccionamos la herramienta pintar usando patrones . La opacidad debe estar al 80 % para que sedifumine bien la zona sobre la que pintemos, la brocha será del tamaño que mejor nos venga, dependiendo deltamaño del objeto a borrar.

39 de 49

3) hacemos zoom con la tecla + del teclado buscando acercar la zona en la que están situadas las figuras a borrar.

4) con la tecla control pulsada seleccionamos una zona parecida a la que querriamos clonar. Date cuenta en que elcursor cambia y aparece como un punto de mira, cuando tengas la zona que quieres clonar haz click con el botónizquierdo.

5) Suelta la tecla control y pulsa el botón izquierdo sobre la zona que quieres borrar, desplaza el ratón sobre ella sin

40 de 49

soltar el botón hasta que te convenza.

6) Finalmente la foto quedará asi. Partiendo de:

41 de 49

Obtendremos:

42 de 49

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

43 de 49

PrácticasBorra (en la medida de lo posible) las personas que estén depie en el cesped de la siguiente imagen:

Por ejemplo para que quede similar a:

Entrega la imagen en el formato que prefieras.

44 de 49

Ampliar conocimientos

http://iesmunoztorrero.juntaextremadura.net/web/lenix/gimp26/11dclonar.html

Índice.1. Introducción.2. La caja de herramientas.3. Los menús de la ventana.4. Crear y guardar imágenes.5. Las herramientas. 1/ De selección. 2/ De transformación.

3/ De pintura. 4/ Otras herramientas.

6. Rótulos y logotipos.7. Trabajo con capas.8. Los filtros.9. Animaciones.10. El color.11. Tutoriales. a/ El búfer. b/ Los mapas de imagen.

c/ Tijeras inteligentes y curvas Bèzier. d/ La herramienta clonar.

e/ f/ g/ h/ i/ j/ 12. Añadir nuevos elemento13. Personalizar la caja de h14. Diccionario de emergenc

11.d.- La herramienta clonar.

La herramienta Clonar es una de las que permite efectos m

espectaculares. Dibuja a partir de una zona existente en una imag

seleccionamos una zona de una imagen y utilizamos ésta como fu

trazado. Es decir, clonamos una región de la imagen sobre esa m

o sobre otra.

45 de 49

Fuentes de información

- Bibliografía

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

- Enlaces

http://gimptutorialess.blogspot.com/2009/08/1-lo-primero-ser-escoger-una-imagen.htmlhttp://www.doredin.mec.es/documentos/00820082000092/tem04/txt_408.htmhttp://www.doredin.mec.es/documentos/00820082000092/tem02/hoja0201.htmhttp://www.doredin.mec.es/documentos/00820082000092/tem02/hoja0202.htmhttp://iesmunoztorrero.juntaextremadura.net/web/lenix/gimp26/11dclonar.html

- Entradas a Wikipedia

http://es.wikipedia.org/wiki/Marca_al_agua

46 de 49

Resumen finalPosible resumen final del tema

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

Reflexión del tema

47 de 49

Autoevaluación

¿Como modificamos una seleccion realizada?

Mediante el uso de Ctrl y Shift que nos permitirán añadir o eliminar zonas de la selección.

Mediante volver a realizar la selección desde cero.

La opacidad de una capa permite

Hacer visible las capas superiores de la imagen

Cambiar la cantidad de información de la capa inferior que dejamos ver

La mascara rápida de selección nos ha permitido

Transformar filtros de Distorsión en selecciones con distintas formas (ondas, mosaivo, etc..)

establecer rápidamente la capa seleccionada en la imagen

La base para crear una marca de agua es

modificar el brillo y contraste de una imagen de modo que el texto que este por encima de esta imagensea claramente visible

modificar la imagen mediante el filtro marca acuosa

¿cual es el fundamento del clonado de objetos en una imagen?

Duplicar la imagen para su modificación posterior

Repetir zonas de una imagen en otra zona, de este modo podemos cambiar la imagen añadiendo oquitando información

Examen SCORM - ejemplo

48 de 49

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

Formació del Professorat - CEFIRE

49 de 49