martes, 19 de mayo de 2015

La Imagen Digital. Gimp. Tanda de ejercicios 5


PRACTICA 9.

 CLONACIÓN 


Esta práctica consta de varios ejercicios 


Ejercicio 1. Eliminar objetos de una imagen


En este ejercicio vamos a aprender a utilizar la herramienta de clonación para eliminar objetos presentes en una fotografía. Vamos a utilizar una imagen en la que aparecen varios barcos y el objetivo es eliminar la mayor cantidad posible de barcos de la misma. Pincha aquí 



PROCEDIMIENTO:

1. Guardar la imagen de los barcos de arriba en el disco duro y abrirla con Gimp.




2. A continuación seleccionamos la herramienta de clonado con la opacidad al 50% y activando el desvanecimiento.





3. Pulsar Ctrl y hacer clic con el botón izquierdo del ratón en una zona de agua cercana al barco que queremos eliminar.




4. Soltamos Ctrl y vamos haciendo clic sobre el barco a eliminar hasta conseguir su desaparición. Con paciencia y maña conseguirás grandes resultados.




6. Guarda el archivo como barcos corregidos.xcf

jercicio 2. Reducir y eliminar objetos de una imagen

Descárgate el archivo piragüismo: Pincha aquí 
En esta actividad se va a hacer desaparecer una zona de la imagen por medio de la “clonación”. Se dispone de la imagen inferior (piragüismo.xcf) y se desea hacer desaparecer un trozo de ella, sin que se note que estaba ahí.


1º Tenemos una imagen y queremos hacer desaparecer un trozo de ella, sin que se note que estaba ahí.
Suponemos  tenemos esta imagen de la derecha y queremos quedarnos con un trozo nada más y quitar algunas cosillas que sobran
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

2º Quedarse con el área cortada ;hacer doble clic dentro de la selección.
3º Seleccionar la herramienta clonar con opacidad a la mitad y desvanecimiento seleccionado para borrar los trozos de gente que se ven arriba de la imagen. Esto se consigue copiando un trocito de agua (con la tecla CTRL presionada) y “clonándolo” en las partes que se desean eliminar.
            
   4º Poco a poco y con paciencia, se va borrando a la gente, hasta conseguir el efecto deseado.Si quieres hacer Zoom para retocar a fondo zonas de la imagen, haz teclea + y si en cualquier momento deseas volver a la imagen a tamaño natural, teclea 1

5º Con la herramienta de desenfoque o gota de agua , difuminar el entorno para que el foco se fije en los remeros del primer plano (la herramienta de gota tiene un parámetro de tasa, con el que se puede jugar, para desenfocar más o menos).



             6º  Finalmente guarda la imagen como Ejer_piraguas.jpg.



Ejercicio 3  Quitar zonas con la herramienta de clonar

Este es un ejemplo muy claro para que practiques por tu cuenta cómo quitar zonas. También hay que decir que la foto es muy fácil de retocar.
Sin hacer mucho trabajo, mirar lo que podemos obtener

TENEMOS EN LA IMAGEN INICIAL, SELVA.XCF  UN CAMINO EN MEDIO DE UNA SELVA. 

CON LA HERRAMIENTA DE CLONAR , RÁPIDAMENTE PODEMOS QUITAR EL CAMINO. SELECCIONAMOS EN UNA ZONA DE ÁRBOLES CON EL CONTROL Y LUEGO SOLTAMOS EL CONTROL Y VAMOS RELLENANDO EL CAMINO CON CUIDADO. SEGÚN VAMOS MOVIÉNDONOS VOLVEMOS A SELECCIONAR CON EL CONTROL OTRA ZONA CERCANA AL CAMINO, Y VOLVEMOS A PINTAR.

EJERCICIO 4  QUITAR ZONAS CON LA HERRAMIENTA DE CLONAR

En este caso de abajo vamos a borrar la sombra con la herramienta de clonar : 
La imagen, excursionista.xcf 



Para eso hacemos lo mismo. seleccionamos una parte que queremos copiar (la hierba) y con paciencia
vamos pegando en la sombra.





Aquí tenemos el resultado


Ejercicio 

Haz desaparecer los cables de electricidad de la siguiente imagen: Pincha aquí 






Borra los cables de esta foto:


Borra dos miembros de esta familia tumbada


Borra el tatuaje de esta fémina:



Ponemos en practica lo aprendido:
Imagenes:


Clonar al Rinoceronte muchas veces, de manera que parezca que
son un rebaño.


Rinoceronte.jpg 

En esta practica deberemos llegar, partiendo de las imágenes catarata.jpg
y Delfin.jpg a la imagen Salto.jpg.
Para ello se hacen evidentes el uso de máscaras y de capas.


 Catarata.jpg  

 Delfin.jpg  


 Salto.jpg 

martes, 12 de mayo de 2015

La Imagen Digital. Gimp. Tanda de ejercicios 6. Capas.




INTRODUCCION A CAPAS 


Las máscaras de capa son una especie de PANTALLA que nos filtra la visibilidad de los píxeles de la capa a la que está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 esos huecos 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:
Esquema de máscaras de capa
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 las partes 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 distintas variaciones 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.
Como “una imagen vale más que mil palabras”, creo que lo mejor para entender el funcionamiento de las máscaras, será hacer un ejercicio en el que podréis practicar y aprender más sobre esta herramienta FUNDAMENTAL de diseño.

Para este tutorial usaremos la imagen titulada “Nuria”, original de Vincent Boiteau:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Lo primero que haremos será duplicar la capa de fondo y desaturar la nueva capa duplicada hasta convertirla en una imagen de “blanco y negro” siguiendo alguno de los sistemas que ya hemos visto para convertir imágenes de color a blanco y negro .
Nota: Para convertir  una imagen a blanco y negro prueba en: -Colores-
Desaturar.
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
A continuación podéis ver cómo queda la pila de capas de nuestro tutorial:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Añadiremos una nueva máscara de capa a la capa superior (la de blanco y negro). Lo podemos hacer de dos formas:
  • CAPA > MÁSCARA > AÑADIR MÁSCARA DE CAPA
  • CLIC DERECHO EN LA CAPA (en la paleta de capas) > AÑADIR MÁSCARA DE CAPA
Nos aparecerá una ventana de diálogo en la que debemos marcar la opciónBLANCO (OPACIDAD TOTAL).
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Recordad que, como vimos antes, el color blanco en la máscara nos oculta los píxeles inferiores, así que, cuando añdáis la nueva máscara, os dará la sensación de que no ocurre nada, aunque esto es sólo en apariencia…
… si os fijáis en la paleta de capas, habrá aparecido una máscara junto a la capa superior… que es justo lo que queríamos.
Vamos ahora a obrar el milagro:
Seleccionad la herramienta de pincel, aseguraos de que el pincel seleccionado tiene los bordes suaves y de que el color de frente es el negro y comenzad a pintar sobre la parte del jersey de la chica…
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Lo que ocurre ahora es algo que a muchos de vosotros os dejará sorprendidos:¡El jersey de la imagen en blanco y negro, se vuelve de color verde!
En realidad lo que ocurre es que, gracias a la máscara, estamos permitiendo que se vean los píxeles de la capa inferior, que sí tiene color y donde el jersey es de color verde…
…fijáos en la paleta de capas y veréis como en la máscara se aprecian perfectamente las zonas pintadas de negro:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Esas zonas se volverán transparentes y dejarán ver lo que hay debajo.
Lo que tendremos que hacer es seguir pintando con el color negro todas las partes del jersey:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Si os equivocáis y “os salís” de la zona del jesey, sólo tenéis que pintar con el color blanco para rectificar y volver opacos los píxels…
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP
Así, con un poco de paciencia, podréis obtener un resultado final interesante como este:
Captura del TUTORIAL de DISEÑO GRÁFICO con GIMP



Una de las características más interesantes de Gimp, y de otros programas de retoque fotográfico, es la facilidad de poder trabajar con distintas capas que además del color tienen un atributo alfa que las hace más o menos transparentes permitiendo ver las capas inferiores. Esto se asemeja a trabajar con imágenes soportadas sobre un material similar a una lámina transparente en lugar de usar un papel de dibujo opaco. El conjunto sería similar a una serie de transparencias apiladas, donde la primera (la inferior) hará las veces de fondo y generalmente es totalmente opaca.




Una vez dominada la técnica expuesta en el tutorial anterior, practica con las siguientes imágenes:



Ahora un ejercicio de fusión con dos imágenes diferentes:




Playa de la catedrales (Galicia)
Playa de las catedrales (Galicia)


Faro
Faro
Usaremos para nuestros ejemplos estas dos imágenes como imágenes de partida.
Para usar esta técnica  hay que añadir un canal alfa. Por lo tanto, una imagen además de los canales de color que son tres (R, G, B) deberá tener un cuarto canal alfa de transparencia.
Para modificar la transparencia de una imagen se puede usar una máscara de capaque no es otra cosa que una capa en la cual el negro significará máxima transparencia, y el blanco máxima opacidad. En esta máscara podremos pintar usando toda la escala de grises desde el negro al blanco para definir la propiedad de transparencia en cada zona de nuestra imagen. Veamos el procedimiento paso a paso:
En nuestro primer ejemplo usaremos el pincel con el color negro.
  1. Abrir una imagen. 
    Al ser la primera imagen que abrimos se situará como fondo, es decir última capa porque las otras se irán apilando encima.
  2. Abrir otra imagen. Seleccionarla entera  y copiarla.
    Podríamos haber seleccionado una parte en lugar de todo pero para este ejemplo tomaremos la imagen completa que quedará copiada en alguna parte de la memoria a la espera de copiarla en alguna parte.
  3. Pegarla escalarla y ubicarla en la nueva imagen.
    Esto ya vimos como se hacía en artículos anteriores.
  4. Capa -> Capa nueva: (Crea una capa nueva y añade la imagen flotante)
    Cuando se crea una nueva capa se abre la ventana de diálogo de capas. Dicha ventana puede abrirse manualmente siempre que lo necesitemos.
  5. Seleccionamos la opción, Capa -> Máscara -> Añadir máscara de capa -> ‘Transferir el canal alfa de la capa’.
  6. Ahora tendremos activa una máscara de capa que inicialmente se ha creado en blanco y podremos pintar sobre ella.


Máscara editada con pincel
Máscara editada con pincel


Fotomontaje con la máscara editada con pincel
Fotomontaje con la máscara editada con pincel
Este primer ejemplo que acabamos de usar es un poco tosco, pero me interesaba principalmente que se notaran los límites de la máscara. Para hacer máscara no solo podemos usar el pincel sino cualquier otra herramienta de dibujo y sólo usaremos blanco, negro y la gama de grises intermedia.
=
En nuestro segundo ejemplo usaremos como máscara un gradiente de negro a blanco:


Degradado de negro a blanco.
Degradado de negro a blanco.

En el ejemplo que sigue hemos usadogradiente o degradado con blanco y negro. Primero veamos como se usa el gradiente. Seleccionamos la herramienta de degradado. Se usarán los colores que están seleccionados que por defecto son el negro para pintar y el blanco para el fondo. Al seleccionar la herramienta aparecerá una ventana en la cual se nos ofrecen distintas modalidades de gradientes. La modalidad de gradiente que más se usa, es el degradado lineal, que es la opción por defecto y la que vamos a usar nosotros, pero puede probar otras.
A continuación, con la máscara activa pinchamos en el dibujo y arrastramos el cursor para definir un segmento rectilíneo que actuará orientando el degradado desde un extremo del segmento al otro. Fuera de los límites del segmento se rellena con el color sin degradar. Segmentos cortos concentran un degradado intenso en la zona donde se aplique, y un segmento largo creará un degradado más extenso y más suave. Nosotros hemos usado un degradado suave.




Máscara con gradiente.
Máscara con gradiente.


Fotomontaje usando máscara con gradiente.
Fotomontaje usando máscara con gradiente.



viernes, 8 de mayo de 2015

La Imagen Digital. Gimp. Tanda de ejercicios 4




PRÁCTICA 8

COLOREAR UN DIBUJO

Descárgate la siguiente imagen.: Pincha aquí





Comencemos a colorear nuestro dibujo.


1º Abrimos la imagen "dibujo.jpg" y la situamos en nuestra pantalla de tal forma que nos permita acceder a las diferentes ventanas de GIMP. Vemos que la imagen tiene una cierta "suciedad" producto del escaneado en Escala de grises. Vamos a aumentar el contraste de la imagen para que desaparezcan los diferentes tonos de gris y obtengamos un dibujo con líneas negras sobre el papel blanco. Herramientas -- Herramientas de color -- Brillo y contraste; modificando el valor del contraste podemos conseguir que sólo queden las líneas negras.


 Vamos a comenzar a rellenar las distintas zonas de la imagen con colores sólidos y degradados. Para manejar correctamente la imagen vamos a crear una capa copia de la que tenemos como base de la imagen. Denominamos a esta nueva capa "rellenos". La imagen está en Modo Escala de grises, convirtámosla a modo RGB (Imagen>Modo>RGB).


El proceso para rellenar las distintas partes de la imagen va a ser similar, primero realizaremos una selección y rellenaremos esa selección con un color sólido con la herramienta  Rellenar con un color o patrón. Vamos a recordar las opciones de esta herramienta.



  • Primero debemos seleccionar el tipo de relleno que vamos a utilizar: puede ser el color que tengamos de fondo, el de frente o el patrón seleccionado en la Caja de herramientas.
  • Podemos rellenar con un color totalmente opaco o con cierto nivel de opacidad, así como elmodo de combinación del color en la capa que estemos.
  • Podemos elegir Rellenar por colores similares (esos colores se ajustarán en la sección inferior) o rellenar la selección completamente sin atender a colores.
  • Por último tenemos la sección donde podemos configurar las características de la similItud de colores a la hora de rellenar una selección.


4º Comencemos rellenando chaqueta de nuestro personaje. Seleccionemos con la Varita mágica la chaqueta y rellenemos con el color de frente (siendo este color el que responde a la Notación HTML: bd480f).
Puede que nuestra selección se haya extendido más de la cuenta y al rellenar nos haya ocurrido lo siguiente:



Esto es debido a que las líneas negras que forman nuestro dibujo tienen agujeros por donde "escapa" la selección y con ella el relleno de color. Si ha ocurrido esto, debemos acercarnos con la herramienta Zoom a toda la línea y cerrar las líneas que nos encontremos abiertas.






Con la herramienta Lápiz y con color negro cerremos los huecos que veamos.


5º Con los huecos ya cerrados comencemos a rellenar la zona correspondiente a la chaqueta. Rellenamos con el color indicado pero con una opacidad del 90%. La zona correspondiente a los pantolones vamos a rellenarla con la misma opacidad pero con un color azulado. Debemos crear una nueva capa para cada zona rellenada y tener, posteriormente, un mayor control de cada zona.


6º Rellenemos la zona correspondiente a las botas con color casi negro (491902).


7º La zona correspondiente al borde de la bufanda la rellenaremos con un degradado, (El cuadrado que esta ala derecha del bote de pintura), para rellenar con degradado debemos seleccionar primero la zona deseada con la varita mágica.


8º Nuestra imagen va tomando color aunque podemos notar que en las uniones existen zonas que no se han rellenado correctamente. Para evitar esto debemos utilizar la herramienta Borronear  y tiznar todas las zonas en las que ocurra. Podemos acercarnos hasta el más mínimo detalle ampliando el Zoom, hasta que observemos los píxeles y tiznar con el color de los situados alrededor.


9º Rellenamos el resto de la bufanda con el mismo degradado y para la cara podemos utilizar un color que reponda al valor ffb793, seleciona colores a tu gusto para el gorro y el pelo.







10º Podemos combinar todas las capas que hemos creado para el coloreado. Vamos a crear un fondo degradado. Seleccionamos toda la zona blanca posterior al dibujo y la borramos. Creamos una capa que situamos detrás del dibujo y la rellenamos con gradiente. Creamos un gradiente del estilo del siguiente:






11º Rellenamos con la opción "lineal" para obtener:





12º Sobre la capa en la que ha quedado el dibujo vamos a crear una sombra para destacar el dibujo del fondo. Podemos utilizar el Script-Fu de "Sombra base" con un desplazamiento de 5 en cada eje. El resultado final se puede ver en la siguiente imagen.


continuaremos con un coloreo sencillo de una imagen manga:

Debería quedar así:



Subiendo un poco el nivel, donde los colores no sean ya planos y con la misma tonalidad, acometer la siguiente imagen:


Nota: aquí hay que usar la herramienta aerógrafo.