Curs Gimp Tema 3

1 de 49

Materials curriculars INF

Tema_3 CEFIRE

Uso de GIMP orientado retoque de imagenes digitales.

Nivel BĂ SICO

2 de 49

Conocimientos previos Pre-conocimiento En este tema abordaremos el uso la herramienta GIMP orientada a su uso básico para retocar imagenes digitales. De este modo esta sesión nos servirá como iniciación al retoque fotográfico, el cual perfeccionaremos 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 con diferentes objetivos.

3 de 49

Objetivos Objetivos El objetivo principal de este tema es ser punto de partida para el uso de GIMP orientado al retoque fotográ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 una imagen

4 de 49

Contenidos 1.

2.

3.

4.

Selecciones. Crear un Fotomontaje Encuadrar imagenes Brillo y contraste. Crear una marca de agua Clonar y borrar objetos de una imagen

5 de 49

Criterios de evaluación Para aprobar esta sesión será necesario entregar correctamente (con APTO) las actividades propuestas a lo largo de 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 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_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 conocimientos adquiridos a lo largo de la sesión.

6 de 49

Secci贸n_1 Selecciones. Crear un Fotomontaje Temporizaci贸n: 50 min

7 de 49

Teoría Selecciones. Crear un fotomontaje 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. Podemos encontrar las siguientes.

Icono

Descripción de la herramienta Selección rectangular a mano alzada. La selección comienza donde hacemos clic y finaliza donde liberamos el ratón.

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

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

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

- Si presionamos Ctrl antes de hacer clic, este punto se convierte en el centro de la 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 el ratón se forma un área de selección que une el punto de inicio del clic 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 al color de las zonas que recorremos.

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

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

pezfondo.jpg

8 de 49

playa.jpg

MUY IMPORTANTE: En todos los casos que trabajaremos se hará una selección en una imagen y se copiará en la imagen que contiene el fondo. Esto no crea directamente una capa en nuestra imagen, sino que más bien crea una del diálogo de Capas,Canales y selección flotante la cual hemos de pasar a capa mediante pulsar el botón Rutas 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ón derecho del ratón sobre la imagen) elegimos Seleccionar --> Selección por color. Abrimos el Editor de selección para controlar el proceso de forma más precisa. Ponemos un "Umbral" de 35, obteniendo una selección que iremos afinando hasta que obtengamos toda la imagen menos el pez. Aconsejamos comenzar seleccionado el color del fondo.

2. Para completar la selección como se desee utilizaremos la selección a mano alzada. Presionamos Mayús para sumar 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

9 de 49

quedando

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

de este modo veremos

10 de 49

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

6. En el menú contextual elegimos Herramientas --> Herramientas de Transformación --> Rotar, inclinando la imagen 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 de transformació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.

11 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 en las olas. Para conseguir este efecto vamos a seleccionar, copiar y pegar una parte de las olas encima del pez. Para ello seleccionamos la parte de las olas correspondiente a la aleta dorsal, seleccionamos la capa de fondo y pulsamos 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.

12 de 49

De este modo tendremos

10. Para evitar que estas dos últimas capas puedan moverse de forma accidental debemos combinarlas. Para ello haremos 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 Opciones de herramienta elegimos un radio para difuminar de 10 píxeles.

13 de 49

2. Vamos haciendo clic alrededor del pez amarillo hasta conseguir seleccionarlo por completo. Si alguna zona queda sin seleccionar o seleccionamos algo de más, utilizaremos la herramienta Seleccionar regiones dibujadas a mano para 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 centro de la zona seleccionada para convertir los puntos en una selección.

. Ahora pulsaremos en el

3. Copiamos esta selección y la pegamos en nuestra composición de la playa. La nueva capa será llamada "Pez amarillo"; y ahora queremos que mire hacia la izquierda y tenga menor tamaño, porque queremos situar el pez sobre el 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 la izquierda. Para reducir su tamaño utilizamos el mismo procedimiento que en el punto anterior.

14 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.

15 de 49

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

16 de 49

Práctica Práctica 1 Utiliza la siguiente imagen para seleccionar toda la planta, copiarla y pegarla en un documento nuevo con color de fondo 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 RGB mediante

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 tecla SHIFT y se le restan mediante mantener pulsada la tecla CRTL. Copia esa selección y pégala en la siguiente imagen:

) mediante mantener pulsada la

17 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

18 de 49

Ampliar conocimientos http://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. Podemos encontrar las siguientes.

Icono

Descripción de la herramienta Selección rectangular a mano alzada. La selección comienza donde hacemos clic y finaliza donde liberamos el ratón.

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

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

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

- Si presionamos Ctrl antes de hacer clic, este punto se convierte en el centro de la 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 el ratón se forma un área de selección que une el punto de inicio del clic 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 al color de las zonas que recorremos.

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

19 de 49

Secci贸n_2 Encuadrar imagenes Temporizaci贸n: 35 min

20 de 49

Teoría Mediante esta sesión aprenderemos a darle un toque más bonito a nuestras fotografías, enmarcandolas con diferentes 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 facilita el trabajo con selecciones.

, que se encuentra abajo a la izquierda. Quickmask es un añadido de Gimp

21 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.

22 de 49

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

23 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 la siguiente imagen:

24 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

25 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 los filtros.

26 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

27 de 49

Prácticas Modifica 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

28 de 49

Ampliar conocimientos http://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 suele pasar desapercibido.

También podemos acceder a la Máscara rápida desde el Menú --> Seleccionar --> Activar máscara rá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 no cambiará la imagen, simplemente en la zona pintada desparece ese tono rojizo. Al volver a hacer clic en el botó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 imagen y observamos que en la zona donde pintamos va desapareciendo el color rojizo (c). Presionamos el botón Máscara rápida y vemos cómo lo que hemos pintado se ha transformado en una selección (d). a

b

c

d

29 de 49

Secci贸n_3 Brillo y contraste. Crear una marca de agua Temporizaci贸n: 35 min

30 de 49

Teoría Crear 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 nuestras páginas Web y presentaciones para mostrarlos en el fondo.

Paso 1 Primero 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ás difíciles porque no podemos decidir el color del texto que irá encima de la imagen. Si ponemos un color oscuro, el texto 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 eso que 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 que en la segunda puedes coger un color oscuro y podrás leerlo cómodamente. En la primera foto observamos que el color claro, en las palabras "una" y "prueba", se leen mal las letras "a" y "e".

31 de 49

Paso 2 Vamos 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 del dibujo 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 se activará 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 en otra capa. Después borrarás la capa que representa el resto de dibujo. De esta forma solo te quedará una capa, la de la marca.

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

32 de 49

El aspecto será muy parecido al anterior pero fíjate que las hormigas que indican la selección estan también ahora por 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.

33 de 49

Debe de quedar algo como ĂŠsto:

34 de 49

Paso 3 Para 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 ello pulsaremos en "Seleccionar / Nada".

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

35 de 49

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

36 de 49

Práctica Cree 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 fondo-

o bien mediante seleccion por color-escogeriamos el color de

)

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

Entregue la imagen en formato .XCF

, con la siguiente

37 de 49

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

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

Filigrana, Libro Concejo 1698-1772, Concejo de Navamorales, Salamanca.

Técnica utilizada Se crea durante el proceso de fabricación, cuando la hoja

38 de 49

Secci贸n_4 Clonar y borrar objetos de una imagen Temporizaci贸n: 30 min

39 de 49

Teoría Borrar 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 se difumine bien la zona sobre la que pintemos, la brocha será del tamaño que mejor nos venga, dependiendo del tamaño del objeto a borrar.

40 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 el cursor cambia y aparece como un punto de mira, cuando tengas la zona que quieres clonar haz click con el bot贸n izquierdo.

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

41 de 49

soltar el bot贸n hasta que te convenza.

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

42 de 49

Obtendremos:

43 de 49

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

44 de 49

PrĂĄcticas Borra (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.

45 de 49

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

1.

2.

3.

4.

5.

Índice.

Introducción.

La caja de herramientas.

Los menús de la ventana.

Crear y guardar imágenes.

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 nuevo 13. Personalizar l 14. Diccionario d

11.d.- La herramienta clonar.

La herramienta Clonar

es una de las que per

espectaculares. Dibuja a partir de una zona existente seleccionamos una zona de una imagen y utilizamos

trazado. Es decir, clonamos una región de la imagen o sobre otra.

46 de 49

Fuentes de informaci贸n - Bibliograf铆a http://docs.gimp.org/2.6/es http://www.gimp.org.es - Enlaces http://gimptutorialess.blogspot.com/2009/08/1-lo-primero-ser-escoger-una-imagen.html http://www.doredin.mec.es/documentos/00820082000092/tem04/txt_408.htm http://www.doredin.mec.es/documentos/00820082000092/tem02/hoja0201.htm http://www.doredin.mec.es/documentos/00820082000092/tem02/hoja0202.htm http://iesmunoztorrero.juntaextremadura.net/web/lenix/gimp26/11dclonar.html - Entradas a Wikipedia http://es.wikipedia.org/wiki/Marca_al_agua

47 de 49

Resumen final Posible resumen final del tema

Reflexión del tema Preguntamos "¿para qué ha servido este tema?"

48 de 49

Autoevaluación Examen SCORM - ejemplo ¿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 imagen sea 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 o quitando información

49 de 49

Este artículo está licenciado bajo Creative Commons Attribution-NonCommercial 2.5 License Formació del Professorat - CEFIRE