27 de enero de 2013

Texto de plata con turquesa



Vamos a ver cómo conseguir este texto. 
  1. Abrir un nuevo archivo con GIMP. La dimensión no es importante. Yo lo he abierto con un tamaño de 800 x 600.
  2. Seleccionar la herramienta Textos, seleccionar un tipo de letra con formas redondeadas o irregulares,  de un tamaño grande. Escribir el texto que queramos y centrarlo en la página. Clicar sobre la capa de texto con el botón derecho y seleccionar Capa a tamaño de imagen.



  3. Clicar con el botón derecho sobre la capa de texto y seleccionar Alfa a selección. El texto quedará seleccionado.



  4. Ahora necesitamos guardar la selección, para ello clicaremos en Selección / Guardar en canal. Se abrirá la ventana de canales y en ella habrá un nuevo canal que se llama Copia de máscara.



  5. Volvemos a la ventana de diálogo de capas. Clicamos sobre la capa de texto para activarla y a continuación clicamos en Filtros / Alfa a logotipo / Cromar, en la ventana de diálogo que se abrirá introducimos un valor de 20. Ahora nuestro textó se verá así:



  6. Combinamos la capa que se ha creado con la capa de texto que está debajo clicando sobre la capa de texto con el botón derecho y seleccionando Combinar hacia abajo.
  7. Ahora vamos a crear el relleno de turquesa, para ello volvemos a la ventana de canales y clicamos en el canal que habíamos creado anteriormente y luego clicamos en el icono de Selección. El texto original quedará seleccionado.
  8. Volvemos al diálogo de capas y creamos una capa nueva transparente.



  9. Ahora clicamos en Seleccionar / Encoger y aplicamos un valor de 7 (puede variar en función del tipo de letra).



  10. Con la nueva capa creada activada, seleccionamos el recuadro negro, lo arrastramos sobre la imagen y rellenaremos así de negro la zona seleccionada. Volvemos a Seleccionar / Encoger, pero ahora aplicamos un valor de 2.


  11. Ahora clicamos sobre el icono de la cubeta y elegimos Relleno con patrón. Clicamos en el icono de lista y luego escogemos el patrón que necesitamos. Con el ratón clicamos en todas las áreas seleccionadas para rellenarlas.




  12. Ahora vamos a cambiar el color del relleno clicando en Colores / Tono y saturación y aplicamos estos valores:



  13. Ahora necesitamos aumentar el contraste, y para ello clicamos en Colores / Brillo y contraste y aplicamos un contraste de 20.



  14. Seguimos con la selección activada y creamos una nueva capa transparente. Clicamos sobre ella para activarla y rellenamos la selección nuevamente con color negro.



  15. Necesitamos crear una sombra que dé volumen a la turquesa. Para ello clicamos en Selección / Ninguno y aplicamos un desenfoque clicando en Filtros / Desenfoque gaussiano y aplicando un desenfoque de 10.



  16. Ahora clicamos en la herramienta de mover y trasladamos la capa que hemos rellenado de negro un poco hacia la derecha, de manera que haga un efecto de sombra.



  17. Para pulirla clicamos en la capa rellena de turquesa con el botón derecho y seleccionamos Alfa a selección y a continuación clicamos en Seleccionar / Invertir. Por último clicamos en la capa de arriba, la de la sombra y clicamos en Suprimir. Bajaremos la opacidad de esta capa al 75.



  18. Y ya tenemos nuestro texto de plata con turquesa. Ahora deberíamos elegirle un fondo que le quede bien. Primeros clicaremos en la capa Fondo y arrastraremos hasta ella el recuadro de color blanco.



  19. Con la capa de fondo activada clicamos en Filtros / Renderizado / Nova de líneas y aplicamos un valor de 200 líneas.





  20. Ahora aplicaremos un desenfoque de movimiento, primero clicaremos en la capa Fondo para activarla y luego en Filtros / Desenfoque / Desenfoque de movimiento, aplicaremos estos valores.



  21. Ya podríamos dejarlo así, pero me parece más interesante aplicar un color a este fondo que he conseguido. Para ello creo una nueva capa transparente por encima de la capa Fondo. Clico en el cuadro negro de color y selecciono un color cálido que contraste con mi texto. Arrastro el recuadro del color elegido hasta mi imagen. Y coloco esta capa coloreada en modo Claridad suave o Solapar


     
  22. Para terminar clicamos en Archivo / Exportar o Guardar como y le ponemos nombre y una extensión que nos parezca bien (jpg, por ejemplo).  



    Muestro otros ejemplos:










5 de enero de 2013

Texto de agua con GIMP

Hace tiempo que tenía ganas de colgar un tutorial para explicar cómo conseguir un texto que parezca de agua (no confundir con las marcas de agua), el mismo procedimiento que utilicé para crear la cabecera de este blog. 



El tutorial puede resultar un poco largo, pero con un poco de paciencia se puede conseguir. Vamos a ello.

Antes de nada, hay que abrir GIMP y crear un archivo nuevo.

Luego hay que llenar la capa de Fondo con lo que se quiera: degradado, etc. Se puede poner cualquier imagen. (Recomendable que sea de tonos claros). El tamaño no importa. Yo he elegido esta. 



Y ahora con el fondo elegido, podemos empezar. 

PASO 1
Seleccionamos la herramienta Texto, elegimos un tipo de letra (a ser posible grueso), el color Blanco y un tamaño que nos vaya bien. Mi texto ha quedado así:


Clicamos con el botón derecho sobre nuestra capa de texto y elegimos Capa a tamaño de imagen

PASO 2

Elegimos la herramienta Pincel, escogemos un pincel de bordes duros y nos aseguramos de que está seleccionado el color blanco y, procurando variar el tamaño de pincel, creamos gotas de agua alrededor de nuestro texto. 


PASO 3
Ahora clicamos en la capa de texto con el botón derecho y elegimos Alfa a selección. El texto y las gotas de agua quedarán seleccionadas.
Clicamos en la pestaña de Canales y clicamos en el botón de crear un canal nuevo con estos parámetros:



Clicamos en Aceptar.

Ahora veremos nuestra imagen se verá con el fondo negro del nuevo canal:



Con el texto todavía seleccionado clicamos en Filtros / Desenfoque /Desenfoque gaussiano y aplicamos un valor de 15:



El texto de nuestro canal ha quedado un poquito desenfocado.
Clicamos en el ojito que hay junto a nuestro canal y lo hacemos invisible. 



PASO 4

Volvemos a la ventana de capas. Clicamos sobre la capa de texto para activarla y vamos a la parte más importante del tutorial: darle unos efectos de iluminación que harán que nuestro texto parezca de agua. 

Para ello clicamos en Filtros / Luces y sombras / Efectos de iluminación. Aparecerá una ventana en la que tendremos que introducir diferentes parámetros. Es importante tener que presente que NO clicaremos la tecla Aceptar hasta que estén introducidos todos:

      1) Clicamos en la pestaña Luz y ponemos los valores que se ven en la imagen de abajo. Los valores que hay a la derecha son los que determinan la trayectoria de la luz, que se puede ver en el cuadrito superior. Los valores son aproximados y se pueden introducir a mano, o se puede optar por clicar sobre la línea azul de la luz y moverla hacia la esquina superior derecha. (No clicamos en Aceptar hasta llegar al final de este paso 4).



      2) Ahora crearemos la segunda luz. Para ello, sin movernos de la ventana anterior, modificaremos los únicos valores que cambian:


       3) Ahora clicamos en la pestaña Material. Y ponemos los valores siguientes:


      4)  Para terminar, clicaremos en la pestaña Mapa de relieve. Aquí hemos de activar la opción Activar el mapeo de relieve y entre las capas que nos ofrece al clicar en las flechas, debemos asegurarnos de elegir la que corresponde a nuestro canal; yo lo llamé Canal nuevo para asegurarme de reconocerlo bien al llegar a este punto. 


       Ahora sí, clicamos en Aceptar. 

Si lo hemos hecho todo bien, nuestro texto ahora se verá aproximadamente así:


PASO 5

Nos aseguramos de tener todavía seleccionada la capa de texto y clicamos en Colores / Color a Alfa, y aplicamos estos valores:  


Ahora nuestra imagen se ve así:


PASO 6

Seguimos con la capa de texto seleccionada, ahora le aplicamos un desenfoque. Clicamos en Filtros / Desenfoque / Desenfoque (Blur)

PASO 7

Ahora clicamos en la capa Fondo y vamos a Filtros / Mapa / Desplazar, en la ventana de diálogo que aparece, aplicamos estos valores:


Es importante que seleccionemos la capa del canal que teníamos creado. Así crearemos la distorsión que crea el agua. 

PASO 8 

Creamos una nueva capa transparente, la colocamos bajo la capa de texto, nos aseguramos de que sigue activado el texto de la otra capa y rellenamos la selección de negro. 


Sin movernos de la capa recién creada, clicamos en Capa / Transformar / Desplazamiento y aplicamos estos valores:



PASO 9

Con la misma capa seleccionada, vamos a Editar / Cortar.
Y a continuación clicamos en Seleccionar / Invertir. Y terminamos aplicando un desenfoque gaussiano clicando en Filtros / Desenfoque / Desenfoque gaussiano con un valor de 15.
Terminamos clicando en Seleccionar / Nada

Y ya tenemos nuestro texto de agua. Ya podemos guardar nuestra imagen. 




1 de enero de 2013

Efecto HDR con Blend Exposure de GIMP

Hace poco publiqué un tutorial para imitar el efecto HDR con GIMP. Ver Efecto HDR con GIMP. En realidad, era una forma muy interesante de imitar el efecto HDR sin contar con un programa o un plugin especial, como es ahora. En el tutorial de hoy quiero explicar cómo llevar a cabo el efecto HDR con un filtro especial creado para GIMP que se llama Blend Exposure. 

Pero, antes que nada, ¿qué es el HDR? Según Wikipedia: 
En procesamiento de imágenesgráficos por ordenador y fotografía, las imágenes de alto rango dinámico (HDR) son un conjunto de técnicas que permiten un mejor rango dinámico de luminancias entre las zonas más claras y las más oscuras de una imagen del que las técnicas de imagen digital estándar o métodos fotográficos pueden ofrecer. Este rango dinámico más extenso permite a las imágenes HDR representar con más exactitud el extenso rango de niveles de intensidad encontrados en escenas reales, que van desde luz solar directa hasta la débil luz de las estrellas.
 En pocas palabras, el HDR permite mostrar en una misma foto zonas que la cámara oscurece porque quedan en sombras y zonas que quedarían demasiado luminosas, porque los ojos humanos se adaptan a esas diferencias, pero la cámara no puede. La única forma es utilizar esta técnica para reflejar en una misma foto tantas diferencias tonales. Véanse algunos ejemplos de HDR y cómo las zonas que estaban en sombras originariamente se han reducido notablemente:

Un ejemplo de ellos es el interior de esta iglesia, donde el contraste entre la vidriera y las zonas laterales, que deberían estar en sombras, se ha reducido hasta permitirnos apreciar todos los detalles. 




Otro ejemplo es esta foto de las tortugas desovando, con un sol a punto del ocaso y una playa y unas tortugas que deberían haber quedado completamente en sombras. Una vez más, podemos apreciar todos los detalles. 

Aquí vemos dos imágenes donde se puede apreciar el antes y el después:


Bien, esta técnica, si se hace de forma ortodoxa, requiere que de un mismo motivo se realicen varias tomas con exposiciones de luz diferentes para poder mezclarlas después y recoger toda la gama cromática necesaria. 

Vamos a ver hoy cómo conseguir este efecto utilizando un plugin especial creado para GIMP que se llama Blend Exposure y, que, como el programa, es gratuito. 

Como he dicho antes, lo ideal sería que yo hubiera hecho tres tomas de la misma imagen: una en subexposición, otra normal y una tercera en sobreexposición. Pero cuando tomé la foto yo no tenía en mente este efecto ni el plugin correspondiente, así que tendré que engañar al programa creando yo las tres tomas que son necesarias. 

PREPARANDO LE NECESARIO

Mi imagen inicial es ésta que tomé en Terrassa.


Es una foto que me gusta mucho, pero se presta a probar el efecto, porque tiene una zona de sombra a la derecha.

Abrir la foto con GIMP y generar dos versiones más, una oscura y otra clara. 


Ahora abrimos la herramienta Colores / Curvas y modificar la línea diagonal clicando en su centro y arrastrando hacia la esquina inferior derecha hasta el punto en que aquello se ve en la foto un poco "quemado" o sobreexpuesto quede con un color mejor.


A continuación guardaremos esta versión haciendo clic en Archivos / Guardar como y poniéndole de nombre "Oscura". Cuando lo hayamos guardado, cerramos el archivo y volvemos al archivo inicial.

Lo abrimos y llevamos a cabo el procedimiento contrario: aplicamos la herramienta Curvas, pero ahora arrastrando la línea hacia la esquina superior izquierda. Aquí debemos conseguir que la parte del edificio que está en sombras se vea mucho más clara y se distingan los detalles. Cuando lo tengamos, volvemos a Guardar como, pero esta vez llamamos a la imagen "Clara". Tras guardarla, la cerramos.

Ya tenemos 3 versiones de la misma foto. Si alguien las tuviera ya realizadas con la cámara, se ahorraría este paso.

Necesitamos el filtro Exposure Blend para GIMP. Se puede descargar aquí.

APLICANDO EL FILTRO EXPOSURE BLEND

Con el programa GIMP abierto, pero sin abrir ninguna foto, vamos a Filtros / Exposure Blend /Blend, se abrirá una ventana de diálogo como esta:



En cuadro de Normal Exposure debemos abrir la foto originaria, en el Short Exposure abriremos la foto a la que hemos llamado Oscura, y en el Long Exposure la que se llama Clara. Yo he aplicado un par de parámetros más, de tal forma que me ha quedado así:


Los parámetros que he aplicado son variables, es cuestión de probar y ver cómo nos gusta más.
Cuando hayamos seleccionado los valores que nos interesan, clicamos en Aceptar.

El filtro trabaja durante unos segundos y finalmente nos aparece el resultado:


Nos ha abierto las tres versiones de la foto, las ha mezclado creándoles una máscaras de capa y la capa de arriba la ha puesto con una opacidad del 50%. El resultado es el que se ve en la imagen. Si quitamos los ojitos de las capas de arriba podremos comparar con la foto original que es la que está abajo.

El resultado no está mal, pero yo esperaba un color más dorado para la piedra de la fachada, así que decido modificar la opacidad de la capa Bright (clara) y lo pongo a 100. Ahora se ve así:


Combinamos todas las capas visibles clicando en cualquiera de ellas con el botón derecho y seleccionado Combinar las capas visibles y guardamos nuestra imagen.

En este punto muchas fotos quedan ya muy bien. Pero si quisiéramos continuar trabajando un poco los colores vendría lo que para muchos es un paso complementario del filtro HDR: el Tone Mapping.

HACIENDO UN POCO DE TONE MAPPING

Abrimos la imagen resultante de nuestro HDR o cualquier otra imagen en la que queramos realzar los colores.

Duplicamos la capa dos veces.


Con la capa de arriba seleccionada, vamos a Colores / Desaturar y elegimos la opación de Luminosidad. 


Y a continuación invertimos los colores: Colores / Invertir

Ahora veremos esto:


Aplicamos un desenfoque gaussiano de 10 (Filtros/ Desenfoque / Desenfoque gaussiano) y bajamos la opacidad de la capa hasta el 70 u 80 por ciento.
A continuación clicamos en la misma capa con el botón derecho y elegimos Combinar hacia abajo. La capa que resulte de la combinación la ponemos en Modo Claridad Suave y le bajamos la opacidad hasta que nos guste el aspecto que tiene.


Para muchas fotos el proceso podría concluir aquí, pero también se recomienda concluir la técnica del HDR con una máscara de desenfoque que marque bien los perfiles de la foto y de los colores. 

APLICANDO UNA MÁSCARA DE DESENFOQUE

Si queremos aplicarla, combinamos las capas del anterior proceso y sobre la capa resultante aplicamos lo siguiente: Filtros / Realzar / Máscara de desenfoque, nos aparece una ventana de diálogo en la que podemos introducir los valores deseados, yo he aplicado estos:


No es una cuestión fija, hay que probar lo que nos parezce mejor. El resultado, en mi caso, es éste:

Y para acabar, veamos la comparación entre el antes y el después.