14 de septiembre de 2014

Efecto de color casual en un retrato con GIMP y G'MIC

Inspirado (es decir, casi igual) que el tutorial Effetto Colori Casuali de McZerrill. 



Vamos a ver qué hay que hacer para conseguir este efecto. 

1.  Abrir la foto con GIMP.


2. Duplicar la capa.


3. Abrir G'MIC. Seleccionar Artísticos y luego Warhol con los valores que se ven en la imagen. Debo advertir que cada vez que he hecho este paso salen colores diferentes. Así que igual es cuestión de probar hasta que encontremos una opción en la que nos gusten los colores.




4. Crear una nueva capa transparente por encima.



5. Duplicar la capa transparente. Seleccionar la que está en lo alto.


6. Ahora hay que abrir de nuevo G'MIC y seleccionar Arrays y luego Array (Random Colors) con los siguientes valores:


7. Clicamos en el ojito de la capa modificada para que se vuelva invisible y pasamos a la otra capa transparente.


8. Abrimos de nuevo G'MIC y aplicamos el mismo filtro que en el paso 6, pero modificando las dimensiones de X e Y.


9. Volvemos a hacer visible la capa de arriba, clicamos sobre ella con el botón derecho y elegimos Combinar hacia abajo para unir las dos capas transparentes.

10. La capa resultante de la fusión la ponemos en Modo: Color.

11. Clicamos en Colores / Tono y Saturación y es el momento de subir la saturación de dos colores. En el tutorial original, los elegidos son el amarillo y el rojo. Yo he preferido hacer pruebas hasta ver qué combinación me gustaba más. Y subido la saturación del amarillo y del magenta.


Y el resultado final es este.   


12 de enero de 2014

Texto en 3D con GIMP

Vamos a ver cómo conseguir un efecto muy interesante em 3 D. Me he inspirado en este tutorial que está en inglés Text Effects: 3D y que podría ser útil en caso de que algunos pasos de los que explico no queden claros.

Es un tutorial muy sencillo que está hecho con la versión 2,8 de GIMP y que no requiere filtros especiales.

  1. Abrimos GIMP y creamos una nueva imagen clicando en Archivo / Nuevo, seleccionamos un tamaño de 640 x 400 con fondo blanco.
  2. Seleccionamos la herramienta Texto y elegimos un tipo de letra sencillo y de trazo grueso. Yo he elegido Dejavu Sans Bold y le he dado un tamaño de 128. El tamaño dependerá del tipo de letra elegido, la idea es que nos cubra casi toda la imagen.
  3. Clicamos en la capa de texto con el botón derecho y seleccionamos Capa a tamaño de imagen para que la capa de texto tenga el mismo tamaño que la capa con el fondo blanco.
  4. Duplicamos la capa de texto con el botón de duplicar que hay en la base de la ventana de capas y le quitamos la visibilidad a la nueva capa clicando en el ojito que hay a su izquierda.
  5. Seleccionamos la capa original de texto clicando sobre ella.
  6. Ahora es el momento en que tenemos que decidir cuál será nuestro punto de fuga. En el ejemplo del vídeo es el punto central. Puede que no sepamos exactamente cuál es porque el texto que yo he elegido tiene un número par de letras. Pero, si no me equivoco, ese punto central estaría muy cerca de la letra A. Para asegurarme añado una guía a la imagen clicando el la regleta que hay a la izquierda de la ventana de la imagen y arrastrando el ratón hasta el punto central de la imagen. Luego repito la operación clicando en la regleta de arriba y arrastrando hasta la mita. En el punto de cruce entre las dos guías estará nuestro punto de fuga.
  7. Ahora tenemos que medir los píxeles que hay a la izquierda de nuestro punto de fuga. Para ello seleccionamos la herramienta de medir distancias y ángulos y procedemos a la medición. Clico en el punto de fuga y arrastro (a lo largo de la guía) en línea recta hasta el borde la imagen. En el borde inferior de la ventana de GIMP aparece la cantidad de píxeles, que en mi caso es de 319. Tomamos nota de la cantitad y ahora clicamos de nuevo en la crucecita de nuestra medición que hay sobre el borde izquierdo y la arrastramos hasta el borde superior de la imagen, allí donde cruza nuestra guía. Ahora nos da una nueva medición, que en mi caso es 186 píxeles.
  8. Ahora ya podemos prescindir de las guías, para ello seleccionamos la herramienta Mover, clicamos en cada una de ellas y la arrastramos hasta su regleta correspondiente.
  9. Seleccionamos Filtros / Difuminar (o desenfocar en otras versiones de GIMP) y elegimos un Desenfoque de movimiento. En la ventana de diálogo que nos aparecerá tenemos que introducir los valores siguientes:
    Como se puede ver, en el valor X pondremos el número de píxeles que había hacia la izquierda, en mi caso 319 y en el valor Y los que había hasta arriba, en mi caso 186. La imagen resultante se ve así:
  10. Ahora seleccionamos la herramienta de selección por color y clicamos en la imagen en cualquier punto blanco. Como lo que hay que seleccionar es el texto, ahora clicamos en Seleccionar / Invertir y ya lo tendremos seleccionado.
  11. Ahora tenemos que seleccionar la herramienta de mezcla o degradado y dentro de ella elegimos el degradado Frente a fondo (RGB) y en la forma Lineal.
  12. Para mostrar el recorrido que haré con el Degradado vuelvo a utilizar las guías. El tramo vertical comprendido entre las dos guías horizontes será el trazado que debo hacer, empezando por por el cruce de arriba y arrastrando hasta el cruce de abajo.
  13. Ahora activamos la capa de arriba y la volvemos visible clicando en el punto donde antes estaba el ojito. El ojito volverá a aparecer y con él nuestra capa.
  14. Seguimos con la capa de arriba seleccionada y clicamos con el botón derecho para elegir la opción Alfa a selección. Con ello habremos seleccionado el texto de la capa de arriba.
  15. Ahora seleccionamos la herramienta Selección Elíptica y dentro de ella la opción Extraer selección.
    Clicamos a la izquierda del texto y arrastramos hasta tener una selección parecida a esta.
    De esta forma tenemos seleccionada la parte superior de las letras.
  16. Encongemos un poco la selección clicando Seleccionar / Encoger y aplicamos un valor de 2 píxeles.

  17. Crearemos una nueva capa transparente aplicar brillo a nuestro texto.
  18. Con la nueva capa activada, volvemos a seleccionar la herramienta de mezcla/degradado y dentro de ella la opción Frente a Transparente y por último invertimos los colores de frente y fondo clicando en la flechita que hay a la derecha.
  19. Vuelvo a utilizar las guías para mostrar el recorrido que tenemos que hacer con la herramienta degradado. Sería el tramo vertical entre las dos guías horizontales en un movimiento de arriba abajo.
  20. Clicamos en Seleccionar/Nada y la imagen se verá así.
  21. Ahora hay que aplicar un ligero desenfoque a las dos capas de abajo. Clicamos en una de ellas y aplicamos un desenfoque de 1 o 2 píxeles (según el tamaña de nuestra letra). Para ello seleccionamos Filtros / Difuminar (desenfocar) / Desenfoque gaussiano. En este caso he aplicado un desenfoque de 1 píxel, porque el resultado me parecía más natural.
  22. Repetimos la operación con la capa de texto inferior y el resultado es este:
    Si quisiéramos un texto de un color diferente, bastaría con trazar el texto inicial (en el paso 2) en el color deseado clicando en el cuadrito negro (el color de frente por defecto) y seleccionando para él el color que más nos guste. Todos los demás pasos serían idénticos. Aquí muestro un ejemplo:
  23. Para poner un color de fondo que nos guste, clicamos en la capa Fondo. Seleccionamos la herramienta Gradiente y cambiamos el color blanco por uno de nuestro gusto para combinarlo que el negro. Yo he elegido este. Forma radial.
  24. Luego clicamos en el centro de la imagen y arrastramos hasta la esquina superior derecha. Si así lo hacemos veremos que la parte negra ensombrece un poco nuestro texto.
    Para evitarlo, podemos trazar con el gradiente hasta 1 centímetro más alla de la esquina superior derecha. En este caso el resultado es este:

Ahora ya sólo nos queda exportar nuestra imagen en el formato que queramos y ya tendremos listo nuestro texto.  

24 de noviembre de 2013

Haze removing con GIMP


Hay fotos fotos donde la niebla, la contaminación o el vapor de agua producen el efecto de atenuar los colores y que lo fotografiado no quede a nuestro gusto. En algunos programas ya hay algún filtro o script especial para hacerlo de manera automática, pero también se puede hacer de forma manual y conseguir resultados interesantes. Vamos a ver qué hay que hacer.
  1. Abrir la foto con GIMP.



  2. Duplicar la capa y probar con Colores / Auto / Balance de Blancos. Con ello no sólo equilibramos los colores, sino que ya ganamos un poco de nitidez.


  3. Ahora veo que la parte izquierda me queda un poco oscura. Para remediarlo un poco, bajo la opacidad de la capa modificada. Pero antes duplico la capa original, luego clico en la capa de arriba y clicando con el botón derecho selecciono Combinar hacia abajo.



  4. Ahora vuelvo a tener dos capas y se puede ver que hemos ganado un poco de nitidez. Ya es el momento de aplica el Haze removing.



  5. Seleccionar la capa de arriba y clicar en Colores / Niveles. He movido los triangulitos un poco hasta conseguir un nivel de colores que me parece aceptable.



  6. Ahora un último toque. Filtros / Realzar / Máscara de desenfoque, y en la ventana emergente pongo estos valores.


Y ya está la foto mucho más nítida y con colores más vivos. Se puede comparar los resultados del proceso:



Y ahora es el momento de compara si son necesarios los dos pasos o solo uno, cosa que dependerá de cada foto.




Con precedimientos que no son tan complicados vemos que es fácil sacar más partido de nuestras fotos. 

Tone mapping con GIMP



Se conoce el Tone mapping (o Mapeado de Tonos) al proceso que se realiza tras conseguir fotos HDR y con el cual se ajustan los colores para que la foto HDR presente unos colores más naturales. Los scripts existentes para crear una foto HDR suelen conseguir una foto de alto contenido en colores, pero poco naturales, con el Tone mapping se procesan estos colores y se consigue que queden mucho más naturales.

En cualquier caso, el mecanismo de Tone Mapping forma parte del proceso de HDR y puede utilizarse por separado para realzar colores en una foto en la hayan quedado poco definidos.

  1. Abrir la foto con GIMP.


  2. Antes de empezar, sería aconsejable ir a Colores / Auto / Balance de Blancos. Con esta opción el resultado equilibra los colores ya un poco y vemos que en esta foto en concreto aumenta la cantidad de verde. A mí ya me parece bien, pero si no fuera el caso, podríamos omitir esta paso y seguir adelante con el resto del tutorial.


  3. Duplicar la capa dos veces
  4. Seleccionamos la capa de arriba y clicamos en el menú Colores / Desaturar y seleccionamos la opción Luminosidad.



  5. A continuación con la misma capa seleccionada, clicamos en Colores / Invertir. Nuestra imagen ahora se verá como un negativo.


  6. Ahora para que el efecto buscado quede mejor aplicamos un Desenfoque / Desenfoque gaussiano de un valor de 12.


  7. Clicamos en la barra de opacidad de la capa en la que hemos trabajado y modificamos la opacidad hasta dejarla en torno a un 60% más o menos.


  8. Siempre con la capa seleccionada, clicamos con el botón derecho sobre ella y seleccionamos Combinar hacia abajo. Ahora nos quedarán dos capas. La capa que acabamos de modificar hay que ponerla en Modo: Claridad suave.

El resultado final ha quedado con colores más marcados como se puede comprobar mirando el antes y el después.



Hemos conseguido que los colores de la foto hayan ganado en viveza y en nitidez.