Marcelino Marcos Carrasco

Departamento de Tecnología

a) Partimos de la imagen anterior de la estatua de la Libertad y como antes selecciono la estatua solamente. b) Selecciono la herramienta inclinación y hago clic en la estatua. c) Seleccionamos cuánto queremos inclinar. Lo guardo como ejercicio8.xcf

Ejercicio 9: herramienta de volteo. a) Partimos de la imagen anterior de la estatua de la Libertad y como antes selecciono la estatua solamente. b) Selecciono la herramienta volteo y volteo horizontalmente. Hago clic en la estatua. Lo guardo como ejercicio9.xcf

5. GIMP: HERRAMIENTAS DE PINTURA. Son las siguientes: •

Herramienta cubo de pintura: Rellenar con un color o patrón el área seleccionada.

18

Marcelino Marcos Carrasco

Departamento de Tecnología

•

Herramienta degradado: Rellenar con un degradado de colores.

•

Herramienta lápiz: dibujo de bordes duros mediante un pincel.

•

Herramienta brocha: pintar trazos de bordes suaves mediante un pincel.

•

Herramienta borragoma: borra el color de fondo o la transparencia, mediante un pincel.

•

Herramienta aerógrafo: pintar con presión variable mediante un pincel.

• •

•

Herramienta bote de tinta: escritura tipo caligrafía. Herramienta de clonado: copiar selectivamente a partir de una imagen o diseño, usando un pincel. Herramienta de saneado: sanear irregularidades de la imagen.

•

Herramienta de clonado en perspectiva: clona desde una imagen de origen tras aplicar una transformación de perspectiva.

•

Herramienta de enfoque y desenfoque: emborronado o desemborronado selectivo usando un pincel.

•

Herramienta de emborronar : útil cuando se nos ha podido cortar la imagen, y queremos arreglarla un poquillo. Para ir rellenando con el mismo color que tenía al lado.

•

Herramienta de marcado a fuego / quemar: ilumina u oscurece selectívamente usando un pincel.

Ejercicio 10: herramientas de pintura. Usando las herramientas de pintura, diseña el logotipo de una empresa. Debe llevar un dibujo y texto referido al nombre de la empresa. Guárdalo como ejercicio10.xcf

6. HERRAMIENTAS DE COLOR. Con estas herramienta conseguiremos arreglar algunas fotos.

Ejercicio 11: herramienta de brillo y contraste. La herramienta brillo-contraste ajusta los niveles de brillo y contraste de la capa activa o selección. Esta herramienta es fácil de usar.

19

Marcelino Marcos Carrasco

Departamento de Tecnología

a) Descarga la imagen de una rosa de http://bancoimagenes.isftic.mepsyd.es/ . Búscala como “rosa roja”. Guárdala en tu carpeta personal y edítala con Gimp. b) Modifica la imagen y varía los cursores del brillo y contaste desde un extremo a otro. Observa el resultado. Guárdalo como ejercicio11.xcf

Ejercicio 12: herramienta de tono y saturación. Con esta herramienta se puede ajustar el tono, la saturación y la luminosidad. La parte superior del cuadro de diálogo nos permite elegir el color “tinta” o el color “luz” sobre el que queremos trabajar. Por defecto aparece seleccionado el botón Principal para que los cambios afecten a todos los canales de color. Si el valor de saturación lo ponemos a -100, lo convertimos a Blanco y negro Si seleccionamos un color podemos modificar los valores de tono, luminosidad y saturación sobre ese color. a)

Con la imagen de la rosa del ejercicio anterior, modifica los valores de tono, saturación y luminosidad, para que afecte a todos los canales de color y a colores por separado.

b)

Guárdalo como ejercicio12.xcf

20

Marcelino Marcos Carrasco

Departamento de Tecnología

Ejercicio 13: herramienta de umbral. La herramienta umbral transforma la capa activa o la selección en una imagen blanca y negra, los píxeles blancos representan los píxeles de la imagen cuyo valor está en el rango del umbral, y los negros el valor que está fuera de este rango. Esta herramienta se usa mucho para hacer el diseño de camisetas. La herramienta umbral proporciona un gráfico, un histograma, del valor de la intensidad de la capa activa o selección. Puede seleccionar el rango del umbral, bien usando las casillas o pulsando y arrastrando sobre el gráfico. Permite seleccionar una parte de la imagen con alguna intensidad desde un fondo con otra intensidad. Los píxeles dentro del rango serán blancos, los otros serán negros. Ajuste el rango para obtener la selección que quiere en blanco sobre negro. a) Con la imagen de la rosa del ejercicio anterior, modifica los valores y observa y el resultado. b) Guárdalo como ejercicio13.xcf

Ejercicio 14: herramienta de posterizar. Esta herramienta está diseñada para reducir el número de colores manteniendo el parecido con las características de la imagen original.

a) Con la imagen de la rosa del ejercicio anterior, modifica el número de colores. Guárdalo como ejercicio14.xcf

21

Marcelino Marcos Carrasco

Departamento de Tecnología

7. TRABAJANDO CON CAPAS. Las capas son como transparencias que componen la imagen, y que se superponen unas con otras. Vamos a ver un pequeño ejemplo de una capa. Abrimos la ventana de capas, si es que no la tenemos abierta ya. Para ello desde el menú ventanas, diálogos empotrables seleccionamos capas:

Opciones: •

Modo. Determina como se combina la capa con las que están por debajo. Ya veremos más adelante ejemplos.

•

Opacidad. El deslizador permite determinar el grado de transparencia.

•

Visibilidad. Si el ojo es visible, la capa es visible. Si pulsas mayúscula y el ojo de una capa, harás visible esa capa o todas las capas.

Los botones inferiores: • • • • • •

1: Para añadir una nueva capa. 2: Subir la capa seleccionada un nivel más arriba dentro de la pila de capas. 3: Bajar la capa seleccionada más abajo dentro de la pila de capas. 4: Crea un duplicado de la capa y la añade a la imagen. 5: Ancla la capa flotante. 6: borra la capa seleccionada.

22

Marcelino Marcos Carrasco

Departamento de Tecnología

También se puede visualizar el menú de capas pinchando con el botón derecho del ratón sobre una capa:

Ejercicio 15: trabajando con capas. Vamos a ver cómo añadir una capa a una imagen que tenemos. Creamos un nuevo documento de 1024x768. Al crear un nuevo documento tiene una única capa, llamada fondo. Visualizamos la ventana de capas.

Vamos a crear una nueva capa por encima. Accionamos el botón de nueva capa: Le damos nombre a la capa : triángulo y decimos que es de fondo transparente. Notar como el fondo transparente aparece de cuadritos.

23

Marcelino Marcos Carrasco

Departamento de Tecnología

En esta capa (hacemos clic en la capa para asegurarnos que estamos en ella), dibujamos un triángulo con el lápiz.

Añadimos otra capa más, de nombre circulo: seleccionamos esa capa y con la herramienta de selección elíptica, dibujo un circulo y lo pinto de otro color.

Si queremos mover el circulo... seleccionamos la capa en la que está el circulo, hago clic en el área de trabajo y muevo la capa con los cursores. Ahora vemos que tenemos elementos independientes.

24

Marcelino Marcos Carrasco

Departamento de Tecnología

Además podría borrar cualquiera de las capas, y aún tendría el otro objeto “intacto”. Suponer que queremos que el fondo sea transparente. ¿Qué debemos hacer? Eliminar la capa de fondo y listo

Nos colocamos en la capa Fondo, y pulsamos el botón de borrar capa (el símbolo de papelera). Aquí tenemos la imagen ya sin fondo (o con fondo transparente).

También podemos cambiar la opacidad a la capa. Me pongo en la capa Circulo y modifico su opacidad:

25

Marcelino Marcos Carrasco

Departamento de Tecnología

Cómo enlazar varias capas. Si tenemos las dos capas anteriores y queremos que ambas se “muevan” o hagan algo conjuntamente, las encadenamos, para ello tenemos el símbolo de la cadena.

y las movemos. Ahora se mueven juntas:

¿Cómo conseguimos ocultar una capa que nos está molestando? Cuando en nuestra imagen tengamos muchas capas, puede resultarnos útil el poder ocultar algunas para ver cómo está el resto. Para tal fin tenemos en la pila de capas, la posibilidad de mostrar / ocultar cada una de ellas: un OJO.

26

Marcelino Marcos Carrasco

Departamento de Tecnología

Hemos ocultado una capa, la del círculo, ahora podríamos trabajar sin que esta capa nos "moleste".

Queremos que quede claro que no estamos borrando la capa, sólo ocultándola. ¿Cómo invertir el orden de las capas? ¿ cómo hacer que una capa esté encima del todo? En este caso se ve claramente que la capa del círculo está por encima de la capa del triángulo.

27

Marcelino Marcos Carrasco

Departamento de Tecnología

Si queremos cambiar el orden de las capas, vamos a la herramienta de capas y mediante los botones de subir/bajar ponemos las capas en el orden que queramos.

Hemos seleccionado la capa del triángulo, le hemos dicho que la suba, y aquí tenemos el resultado:

¿Quieres poner una capa de fondo de color? Quiero que el fondo de esta imagen sea de un color determinado. ¿Cómo lo consigo?

28

Marcelino Marcos Carrasco

Departamento de Tecnología

Añadimos una capa nueva, le damos un color determinado , la colocamos al final de la pila de capas, y listo: Selecciono el color que quiero darle, para ello hago clic en color de frente y selecciono el color verde.

Creo una capa nueva, y le digo que el fondo sea del COLOR DE FRENTE (en este caso el Verde chillón que hemos elegido)

Tengo que asegurarme que la capa que acabo de añadir queda abajo del todo.

29

Marcelino Marcos Carrasco

Departamento de Tecnología

Si no es así, la llevo abajo.

Y aquí tengo el resultado:

Guárdalo como ejercicio15.xcf

Ejercicio 16: Modos de fusión de capas Las capas puedes ser fusionadas de diferentes modos, y según el modo elegido obtendremos efectos totalmente diferentes. a) Descarga la imagen de una niña de http://bancoimagenes.isftic.mepsyd.es/ . Búscala como “niña mozambiqueña ”. Guárdala en tu carpeta personal . Haz lo mismo con la imagen de la vasija, búscala como “vasija kalatos”.

30

Marcelino Marcos Carrasco

Departamento de Tecnología

b) Abrimos la carpeta personal donde hemos almacenado la foto de la vasija, y como siempre con el botón derecho, editamos con Gimp. Elegimos mantener orientación. c) Como resulta que la foto de la vasija tiene una resolución de imagen de 1360 x 2048 píxeles y la de la niña es menor, de 587 x 888 (esto se puede ver en el menú imagen, tamaño del lienzo), voy a escalar la imagen mayor que es la de la vasija, con el fin de superponer mejor las imágenes con las capas. Así, en la imagen de vasija, selecciono imagen escalar imagen. En anchura introduzco 587 y con el modo de bloqueo de la relación de aspecto activado (la cadena) pulso la tecla tabulador y me aparece la anchura de 884, que al ser muy parecida a la de la niña de 888, me sirve. Pulso escalar.

d) Situamos a la niña de fondo, para ello basta con situarnos encima de la foto de la niña y con el menú contextual elegir editar con Gimp. e) Desde la imagen de la vasija elijo menú seleccionar todo y copiar. f) Me voy a la imagen de la niña y desde el menú editar, pegar como, nueva layer (capa). g) Juego con el grado de opacidad de la capa vasija, en torno al 70%. h) Aparte del nivel de transparencia, podemos variar el modo en que se combinan las capas, así tenemos disolver, multiplicar, dividir... Guárdalo como ejercicio16.xcf. Dile siempre que lo exporte para no perder la transparencia.

Disolver

Dividir

31

Extraer granulado

Marcelino Marcos Carrasco

Departamento de Tecnología

8. EJERCICIOS DE APLICACIÓN. Ejercicio 17: Montaje de dos imágenes. Vamos a hacer una composición con 2 imágenes. Tenemos estas 2 imágenes, un lago y un pato. Queremos obtener una imagen en la que el pato esté en este lago. A ver qué tal queda. a)

Como siempre hacemos descargamos las imágenes de http://bancoimagenes.isftic.mepsyd.es/. El lago lo buscamos como “lago montañas rocosas” y el pato como “pato río cigüela”.

Aquí tenemos el pato:

b) Lo primero que tenemos que hacer es seleccionar el pato y su sombra. Lo haremos con las tijeras, con cuidado. Es útil usar la herramienta de la lupa para agrandar la imagen y cortar mejor. Hay que recordar, que al cerrar la selección, en las tijeras aparece un doble círculo. Después hago clic dentro del pato y copio la imagen.

c) Creamos un nuevo lienzo con el lago. Para hacerlo me voy a la carpeta donde guardé el lago y como siempre, con el menú contextual (botón derecho del ratón) elijo editar con Gimp. d) En la imagen del lago pego el pato que había seleccionado como una nueva capa. Lo hago con el menú editar, pegar como, nueva capa 32

Marcelino Marcos Carrasco

Departamento de Tecnología

(layer). Le cambio el nombre a la capa (me sitúo encima de la capa portapapeles y con el menú contextual, editar atributos de la capa). Le pongo por nombre pato.

e) Queda un poco "antinatural" por el pedazo tamaño de pato que hemos pegado. Vamos a ponerlo un poco más pequeño. Para ello (estando en la capa "pato"), cogemos la herramienta de Redimensionar, y probamos tamaños. Elijo una anchura de 150 y con el bloqueo de la relación de aspecto, automáticamente la altura se corrige a 126. Escalo y muevo con la capa del pato con los cursores.

f) Con la herramienta rotación, y con la capa pato seleccionada, roto unos 20º el pato, con el fin de que no contraste la sombra del chico con la del pato y tengan direcciones similares. Así la imagen queda:

g) Ahora repetimos la operación con un segundo pato. Pego una nueva imagen de pato como una nueva capa y le llamo pato2.

33

Marcelino Marcos Carrasco

Departamento de Tecnología

Redimensiono con una anchura de 100 píxeles y volteo horizontalmente. Lo muevo hacia su amigo y nos puede quedar algo así.

h) Ahora podemos añadir un texto por ejemplo. Seleciono la herramienta. Notar como puedo seleccionar el el tipo de letra, color ... Tenemos otra capa más (la ha creado el Gimp) para el texto. Rotamos -90º y movemos un poco el texto para dejarlo bien arrimado, y aquí tenemos el resultado. Guárdalo como ejercicio17.xcf

Ejercicio18: Hacer desaparecer una zona de la imagen por medio de clonación .

34

Marcelino Marcos Carrasco

Departamento de Tecnología

Tenemos una imagen y queremos hacer desaparecer un trozo de ella, sin que se note que estaba ahí.

a) Como siempre hacemos descargamos las imágenes de http://bancoimagenes.isftic.mepsyd.es/. La foto la busco como “partido eurocopa 2004”. Suponer tenemos esta imagen de abajo y queremos quedarnos con la parte de Figo regateando solamente.

c) Si sabemos que realmente no queremos el resto de la imagen y queremos recortarla directamente, tenemos la herramienta de recorte . Así no tenemos que pegar en otra imagen, nos quedamos con esta. Selecciono el área con el que quiero quedarme.

d) Ya está, ya tenemos el área que quiero. Ahora, ¿cómo hacemos para cortarlo? Tan solo haciendo doble click dentro de la selección, y en el mismo documento nos quedamos con lo que tenía seleccionado. 35

Marcelino Marcos Carrasco

Departamento de Tecnología

.

e) Usamos la herramienta de clonar para quitar esos carteles tan feos. Con opacidad a la mitad y desvanecimiento seleccionado y vamos a borrar los trozos de cartel que se ve arriba de la imagen.

Vamos copiando zonas (Con el Control seleccionado, seleccionamos lo que queremos copiar). En este caso un trocito de césped. Soltamos el control y vamos haciendo clic para ir pegando lo que habíamos copiado. Vamos poco a poco y con paciencia borrando, hasta conseguir el efecto que queremos. Guárdalo como ejercicio18.xcf

Ejercicio 19: Quitar las arrugas del rostro. Vamos a hacernos un poquillo más jóvenes quitándonos las arrugas del rostro...

36

Marcelino Marcos Carrasco

Departamento de Tecnología

a) Como siempre hacemos descargamos las imágenes de http://bancoimagenes.isftic.mepsyd.es/. El lago lo buscamos como “sonrisa”. La edito con Gimp. b) En el tema de retoque no hay que exagerar. Hay que ser lo más sutil posible. Duplico la capa.

.

Tener la imagen original en una capa y tener otra en la que vas haciendo los retoques, para poder ir viendo los cambios (con el ocultar/mostrar capa). Al final cuando ya tengamos el resultado que queremos obtener podríamos borrar la capa original. c) Nos acercamos a la imagen con el zoom (+) para poder ir más al detalle y para movernos por la imagen podemos usar la barra desplazamiento. Vamos a hacerle desaparecer las arruguillas. Para ello usaremos la herramienta que clona luces y texturas. Vamos a coger un circulo.

Funciona similar al clonar: seleccionas una zona con la tecla Control (así selecciona la textura y el color de la zona). Ahora sueltas el control y vas pulsando sobre las zonas que quieras limpiar. Pinchamos en zonas próximas a las arrugas con el Ctrol seleccionado, y luego suelto el Ctrol y voy quitando poco a poco y con paciencia las arrugas.

37

Marcelino Marcos Carrasco

Departamento de Tecnología

En cada momento veo qué tipo de pincel usar, más pequeño, más gordo, diferente forma... Tras seguir con diferentes zonas, aquí tenemos un resultado. ¿notáis la diferencia? Guárdalo como ejercicio19.xcf

Ahora a jugar con vuestras fotos...

Ejercicio 20: Quitar los ojos rojos. Cuando se hace una fotografía con flash, aparece un efecto indeseado, los ojos rojos. En las cámaras más modernas se soluciona con un doble disparo en ráfaga del flash, pero ¿cómo podemos usar nuestro Gimp para reducir este efecto? 38

Marcelino Marcos Carrasco

Departamento de Tecnología

La nueva versión de The Gimp (2.4) tiene un nuevo filtro que es muy útil, lo que hace eliminar el color rojo de la imagen. el cual sirve para los ojos rojos en las fotos causadas por el flash¿Cómo utilizarlo?, es facilísimo: a) Buscamos una imagen de un cara con sus ojos rojos, por ejemplo la descargamos de Imágenes de Google. La buscamos como “foto con ojos rojos”. Vemos la imagen a taño completo. Guardamos en nuestra carpeta personal y editamos con Gimp.

b) Acercamos la imagen con la lupa a los ojos, y después seleccionamos los ojos, uno a uno o los dos a la vez. Como los ojos suelen ser bastante redonditos, selecciono la herramienta de selección elíptica, y luego para conseguir un círculo perfecto me ayudo de la tecla shift.

c) Nos vamos a Filtros –> Realzar (Enhace) –> Quitar ojos rojos.

d) Ajustamos a nuestro gusto y damos en Aceptar. En nuestro caso usé un 60%.

39

Marcelino Marcos Carrasco

Departamento de Tecnología

¿Qué tal queda? Guárdalo como ejercicio20.xcf

Ejercicio 21: Usando filtros. 45BU

U

Tenemos la siguiente foto:

Y queremos conseguir que nos quede así de bonito:

Pasos a seguir : •

Seleccionar rosa o fondo.

40

Marcelino Marcos Carrasco

• •

Departamento de Tecnología

Desaturar el color al fondo. Aplicar un filtro.

a) Descargamos las imágenes de http://bancoimagenes.isftic.mepsyd.es/. La rosa la busco como “rosa”. La edito con Gimp. HU

UH

b) Duplicamos la capa para ir viendo los cambios respecto al original. c) Tenemos que seleccionar la rosa o el fondo, como queramos, pero quizá sea más sencillo seleccionar la rosa, por ejemplo con la varita mágica, seleccionar por color o recortar. Nos quedaría:

d) Desaturar. Quiero desaturar la parte de atrás, pero lo que tengo seleccionado es la rosa. Primero he de invertir la selección; menú Seleccionar : Invertir Selección y ya tengo seleccionado el fondo en lugar de la rosa. Después voy al menú color desaturar (así lo dejo en tonos de grises)

e) Aplicar un filtro. Los filtros son fórmulas matemáticas que afectan a los píxeles de un modo determinado. No conviene abusar de ellos. Hay muchos. Menú Filtros: Desenfoque: 59B

41

Marcelino Marcos Carrasco

Departamento de Tecnología

Desenfoque de movimiento(puede que tarde un tiempo en procesar). Y ya tenemos algo como esto:

42