Práctica GIMP: Crear sombras

En esta nueva práctica con GIMP vamos a crear una sombra a un objeto. En nuestro ejemplo hemos elegido la figura de Peter Pan, el personaje de J. M. Barrie que pierde su sombra cuando salta por la ventan. Nosotros seremos Wendy y trataremos de coserla de nuevo.
PASOS A SEGUIR
1º. En primer lugar elegiremos la foto en cuestión. En nuestro caso se trata de la siguiente imagen de Peter Pan.

pp1

2º. Primordial en esta práctica va a ser recortar
sólo la figura a sombrear, es decir, eliminaremos el resto del fondo haciéndolo transparente, para ello pinchamos en Selección difusa. Definimos el umbral que nos convenga para una óptima selección (por defecto 15). Vemos que nos selecciona la parte que no nos interesa, por lo tanto debemos ir a Seleccionar<Invertir.

pp2

invertimos-la-seleccic3b3n1
A continuación Control C (o Edición Copiar) y mandamos la imagen al portapapeles.

Posteriormente pinchamos Archivo<Nuevo y, en las opciones avanzadas deberemos definir en Rellenar con<Transparencia.

pp3pp4

Por último, guardaremos la imagen con el nombre de archivo que queramos pero seleccionando la extensión GIF, que nos permitirá mantener el fondo transparente.

* Nota. Puedes usar otras herramientas de selección como las tijeras inteligentes. Es un paso opcional.

3º. A continuación creamos una nueva capa, de color blanco, y la ubicamos bajo la anterior (en la que aparece Peter Pan y el fondo es transparente).

pp5

pp6
4º. El siguiente paso es duplicar la capa Peter Pan para preparar la sombra. Para ello podemos pincharemos, tras seleccionar la capa deseada, en el icono duplicar capa.

pp7

Volvemos a seleccionar la figura de Peter Pan (Pinchamos nuevamente en Selección difusa e invertimos la selección). Después rellenamos la figura con el color de fondo (que por defecto es negro), para ello pinchamos en Edición<Rellenar con color de fondo.

pp8

pp9
NOTA. Un problema común suele ser que la imagen seleccionada no nos deja suficiente espacio para colocar la sombra. Si te ha pasado eso, es sencillo, es suficiente con pinchar en Imagen<Tamaño de lienzo, seleccionamos el tamaño conveniente y ubicamos la imagen en el lugar que creamos preciso para no tener problemas de espacio.

pp10
5º. El siguiente paso para el efecto sombra es darle una perspectiva que simule la definida por el supuesto punto de luz (sol, farola…). Para ello pinchamos en Herramientas< Herramientas de transformación<Perspectiva. Aparecerá un cuadro de diálogo, no lo perdáis de vista, y cuatro cuadrados en las esquinas de la imagen, desplazándolos buscaremos la perspectiva que mejor se ajuste a nuestra idea. Será esencial que los puntos superiores estén más próximos que los inferiores (a modo de punto de fuga).Una vez que la perspectiva cumpla las expectativas, le damos al botón transformar que aparecía en el cuadro de diálogo.

NOTA. Es normal que no se defina perfecto, especialmente la zona de abajo, en nuestro caso los pies. Para corregirlo bastará con utilizar suavemente la goma de borrar y realizar el acabado.

pp11
6º. Una vez que tenemos la imagen previa a la sombra debemos hacer dos cosas. La primera será realizar un desenfoque que da menor nitidez y, por lo tanto más realismo a la sombra. Para ello pinchamos en Filtros<Desenfoque [Blur]<Desenfoque gaussiano. Probar el valor que más os guste, pero será necesario que sea alto para que el resultado sea claro. Lo segundo será disminuir la opacidad de la capa, así le daremos un toque grisáceo mucho más creíble.

pp12
7º. Finalmente mostramos el fondo bajo las capas anteriores. Yo he colocado un par muy diferentes, y nada bonitos, que muestran las opciones. A partir de aquí os recomiendo jugar con otras imágenes de paisajes como fondo, trabajar los difuminados, las escalas de grises…
pp13      pp15

 

Esta práctica procede literalmente de este blog y el único motivo por el que la he copiado aquí es por centralizar las actividades y asegurarme de que no desaparece en mitad del ejercicio.

Pintar una imagen

En algunas ocasiones hemos encontrado o escaneado un dibujo y los resultados no han sido todo lo buenos que hubiéramos deseado. Esto suele ocurrir cuando los dibujos se guardan en el modo de escala de grises, pero con el programa GIMP se puede transformar sin mucho problema.

chaval03

PROCEDIMIENTO:
1.- 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.En el menú Herramientas > Herramientas de color > Brillo y contraste modificaremos el valor del contraste hasta conseguir que sólo queden las líneas negras.

2.- Vamos a comenzar a rellenar las distintas zonas de la imagen con colores sólidos y degradados.
El proceso para rellenar las distintas partes de la imagen va a consistir en realizar primero la selección de un área y después rellenar esa selección. El tipo de relleno que vamos a utilizar puede ser el color que tengamos seleccionado, un degradado o un patrón seleccionado en la caja de herramientas.
Podemos rellenar con un color totalmente opaco o con cierto nivel de opacidad. 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.

3.- Comencemos pintando la chaqueta del personaje. Para ello, selecciona el color de frente, con el que se va a pintar. Ésto se hace pulsando en la casilla del color. En la ventana que se abre, selecciona el color el que responde a la notación: bd480f.

Selecciona con la Varita mágica la zona de la chaqueta. Después rellena con la herramienta Relleno .

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.

4.- 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 pantalones vamos a rellenarla con la misma opacidad pero con un color azulado.

5.- Rellena la zona correspondiente a las botas con color casi negro (Notación: 491902).

6.- La zona correspondiente a la bufanda la rellenaremos con la herramienta Degradado , Selecciona el tipo “Rumanian flag smooth” y la forma de relleno de degradado será Lineal. Sin soltar el botón izquierdo del ratón dibuja una línea e un extremo a otro, para obtener un resultado así:

7.- 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 extender color por 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 extender el color de las zonas situadas alrededor.

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

9.- Vamos a crear un fondo también degradado. Selecciona toda la zona blanca posterior al dibujo mediante la varita mágica, y para añadir las zonas que no se han seleccionado, pulsa la tecla Mayúsculas y sigue seleccionando con la varita.

10.- Crea un gradiente entre los colores verde y blanco y Rellena con la opción Lineal para obtener:

PROCEDIMIENTO CON FOTOS:
1.- 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.En el menú Herramientas > Herramientas de color > Brillo y contraste modificaremos el valor del contraste hasta conseguir que sólo queden las líneas negras.

chaval02

chaval03

2.- Vamos a comenzar a rellenar las distintas zonas de la imagen con colores sólidos y degradados.
El proceso para rellenar las distintas partes de la imagen va a consistir en realizar primero la selección de un área y después rellenar esa selección. El tipo de relleno que vamos a utilizar puede ser el color que tengamos seleccionado, un degradado o un patrón seleccionado en la caja de herramientas.
chaval04

chaval05

Podemos rellenar con un color totalmente opaco o con cierto nivel de opacidad. 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.

3.- Comencemos pintando la chaqueta del personaje. Para ello, selecciona el color de frente, con el que se va a pintar. Ésto se hace pulsando en la casilla del color. En la ventana que se abre, selecciona el color el que responde a la notación: bd480f.

chaval06

Selecciona con la Varita mágica la zona de la chaqueta. Después rellena con la herramienta Relleno .

chaval07chaval04

Puede que nuestra selección se haya extendido más de la cuenta y al rellenar nos haya ocurrido lo siguiente:

chaval08

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

4.- 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 pantalones vamos a rellenarla con la misma opacidad pero con un color azulado.

5.- Rellena la zona correspondiente a las botas con color casi negro (Notación: 491902).

6.- La zona correspondiente a la bufanda la rellenaremos con la herramienta Degradado , Selecciona el tipo “Rumanian flag smooth” y la forma de relleno de degradado será Lineal. Sin soltar el botón izquierdo del ratón dibuja una línea e un extremo a otro, para obtener un resultado así:
chaval10
chaval11

7.- 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 extender color por 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 extender el color de las zonas situadas alrededor.

chaval12

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

9.- Vamos a crear un fondo también degradado. Selecciona toda la zona blanca posterior al dibujo mediante la varita mágica, y para añadir las zonas que no se han seleccionado, pulsa la tecla Mayúsculas y sigue seleccionando con la varita.

10.- Crea un gradiente entre los colores verde y blanco y Rellena con la opción Lineal para obtener.

Este tutorial lo he sacado de internet con intención de usarlo en educación. En caso de que esté sujeto a alguna limitación de derechos con mucho gusto lo retiraré.

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.

PROCEDIMIENTO:

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

Imagen Guía 3

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

Clonacion

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.

ctrl

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.

NAVAL3_SOLUCION
Esta técnica resulta muy útil para eliminar objetos o personas indeseadas en una foto o corregir las imperfecciones de una fotografía antigua maltratada.

OTRAS FOTOS PARA TRABAJAR:

Ermita  Foto-antiguaDarth-Vader

Colorear una foto en blanco y negro

El ejercicio anterior usaba una foto en color y resaltaba partes en color convirtiendo el resto en blanco y negro. Ahora vamos a ver como colorear fotografías en blanco y negro. Especialmente interesante para hacerlo con fotografías antiguas y conseguir un acabado retro, similar al de las películas antiguas coloreadas digitalmente.

Para este tutorial usaremos una  imagen de la  película Casablanca.

Casablanca 1

Comenzamos realizando la selección de la zona a colorear: en este caso, la cara de Humphrey Bogart.

En este caso, vamos a usar la HERRAMIENTA DE SELECCIÓN LIBRE (o LAZO) para realizar una selección de la cara.

cb2

Una vez los seleccionamos, deberemos aplicar un desenfoque en los bordes de la selección para que el acabado sera más natural y no se vean los bordes coloreados demasiado artificiales: para ello usaremos el comando SELECCIONAR > DIFUMINAR [FEATHER]

Le daremos un valor entre 5 y 20 dependiendo del tamaño de la zona seleccionada (a mayor tamaño, mayor difuminado).

Cuando las selecciones son complejas, podemos refinarlas y ajustarlas a nuestro gusto SUMANDO y RESTANDO SELECCIONES

cb4

Para ello, podemos usar los distintos MODOS que nos ofrece la paleta de propiedades de las herramientas de selección:

cb3

O los accesos directos:

  • MAYÚSCULAS: para sumar la nueva selección a la existente.
  • CONTROL: para restar la nueva selección a la existente.

Gracias a esto podemos realizar selecciones complejas de manera sencilla y rápida, añadiendo partes que se quedaron fuera de la selección que ya tenemos o extrayendo partes que no nos interesan de ella…

Es cuestión de paciencia y práctica hasta dominar la técnica. 😉

Una vez terminamos de definir la selección, elegiremos un color con el que queremos colorearla.

Podemos hacerlo mediante el selector de color tradicional o bien usando alguna de las muchas paletas de colores que provee Gimp.

En este caso yo me he decantado por elegir una paleta de color específica para tonos de piel:

cb5
El siguiente paso será crear una nueva capa vacía y colorear la selección con el color deseado en ella:

cb6
Fijáos que es muy sencillo hacerlo: sólo deberéis arrastrar el color desde la paleta o el selector de color hacia la capa recién creada y se coloreará automáticamente el interior de la selección.
En el siguiente paso, cambiaremos el MODO DE MEZCLA de la capa de NORMAL a COLOR:

cb7
Vemos que la cara de Bogart se colorea, aunque un poco exageradamente…

cb8
La ventaja de usar capas es que ahora podemos ir a la paleta de capas, regular la OPACIDAD de la capa en cuestión…

cb9
… y conseguir el resultado deseado:

cb10
Podemos también aplicar un desenfoque (FILTROS > DESENFOQUE [BLUR] > DESENFOQUE GAUSSIANO) sobre la capa para que los bordes de la misma queden suavizados y el acabado sea más natural:

cb11
Proseguiremos con el mismo sistema (SELECCIONAR, COLOREAR, AJUSTAR sucesivamente), mezclando ambos sistemas de coloreado vistos según nos convenga:

cb12
Hasta terminar el trabajo:

casablanca2
Si tenéis alguna foto antigua de vuestros abuelos o padres en blanco y negro, será una buena sorpresa para ellos que les regaléis una versión coloreada hecha con Gimp.

Colorear partes de una imagen

En este ejercicio trabajaremos con capas, desaturaremos para perder la información de color y utilizaremos la el pincel para aprovechar las posibilidades de las máscaras de capa.

1.- Abrimos la imagen a utilizar.

imagen1

2.- Creamos una copia de la capa Capa > Duplicar la capa.

imagen 2
3.- Desaturamos la capa superior Capa > Colores > Desaturar.

imagen 3
4.- Añadimos una mascara a la capa superior Capa > Mascara > Añadir mascara de capa y seleccionamos el modo B Blanco.

imagen 4
5.- Seleccionamos una brocha y con el color negro de frente comenzamos a “colorear” la parte de la imagen que desees dejar en su color natural.

imagen 5
Como recomendación hacern un zoom Shift + o Herramientas > Lupa.

El resultado final…

imagen 6

Ahora podéis probar vosotros con este ejemplo.

perritoperrito 2

Trabajar con la Varita Mágica



farolas

PROCEDIMIENTO:

1.- Guarda y abre en GIMP la imagen “farola.jpg”. Vamos a cambiar el cielo que domina gran parte de la imagen, ya que no es excesivamente atractivo. Crea una copia de la capa de fondo a la que llamaremos “copiacielo”.
2.- Primero debemos configurar las opciones de la herramienta Varita mágica. Queremos seleccionar toda la zona del cielo y allí existen diferentes tonos de azul. Vamos a poner 50 como valor de “Umbral”. De esta forma incluimos en nuestra selección 50 de los 256 posibles valores que tiene el color azul. Hacemos clic en cualquier lugar del cielo. Las zonas del cielo incluidas dentro de la farola no se añaden: añadamos estas zonas a la selección.
3.- Ya tenemos el cielo completamente seleccionado. Vamos a realizar la selección inversa, para poder trabajar posteriormente con ella. Copiamos esta selección y creamos una nueva capa con el contenido.Llamamos a la capa “edificio”.
4.- En toda la zona que corresponde al cielo vamos a colocar un degradado que lo sustituya. Debemos crear un degradado nuevo con la herramienta Edición de degradados.
5.- Este color es algo más llamativo pero adolece de la perfección de un degradado creado por ordenador, podríamos decir que es demasiado perfecto y hay que modificarlo un poco. Accedemos al filtro Ruido > Esparcir por RGB y modificamos únicamente el valor Azul a 0,20. Aceptamos. Aplicamos un filtro de Desenfoque con el valor mínimo.

PROCEDIMIENTO CON IMÁGENES

1.- Guarda y abre en GIMP la imagen “farola.jpg”. Vamos a cambiar el cielo que domina gran parte de la imagen, ya que no es excesivamente atractivo. Crea una copia de la capa de fondo a la que llamaremos “copiacielo”.
farolas
2.- Primero debemos configurar las opciones de la herramienta Varita mágica. Queremos seleccionar toda la zona del cielo y allí existen diferentes tonos de azul. Vamos a poner 50 como valor de “Umbral”. De esta forma incluimos en nuestra selección 50 de los 256 posibles valores que tiene el color azul. Hacemos clic en cualquier lugar del cielo. Las zonas del cielo incluidas dentro de la farola no se añaden: añadamos estas zonas a la selección.

3.- Ya tenemos el cielo completamente seleccionado. Vamos a realizar la selección inversa, para poder trabajar posteriormente con ella. Copiamos esta selección y creamos una nueva capa con el contenido.Llamamos a la capa “edificio”.

farola_sin_foindo

4.- En toda la zona que corresponde al cielo vamos a colocar un degradado que lo sustituya. Debemos crear un degradado nuevo con la herramienta Edición de degradados.
cielo
5.- Este color es algo más llamativo pero tiene la perfección de un degradado creado por ordenador, podríamos decir que es demasiado perfecto y hay que modificarlo un poco. Accedemos al filtro Ruido > Esparcir por RGB y modificamos únicamente el valor Azul a 0,20. Aceptamos. Aplicamos un filtro de Desenfoque con el valor mínimo.
resultado

OTRAS FOTOS PARA TRABAJAR:

paisaje1