Guión para convertir de RGB888 (24 bits) a RGB444 (12 bits)

Segúramente conozcas la función de GIMP que permite convertir la imagen en indexado (paletas de hasta 256 colores).

Muchas pantallas LCD de dispositivos portátiles (como teléfonos móviles) no permiten mostrar colores de 24 bits (RGB 888 unos 16 millones de colores diferentes) como en las pantallas normales, sino que van limitados en cuanto a número de colores, a menudo 12 bits (admiten 16 variaciones de rojo, de verde y de azul, en total unos cuatro mil colores). Este proceso no lo puede realizar GIMP de forma directa, como la conversión a indexado.

Hay que destacar que el formato RGB444 es totalmente difernete del indexado. El formato indexado trabaja con referencias, lleva una lista (índice) de colores, y en la imagen solo hay referencias a esa lista. Para mostrar esas imágenes en pantalla, se lee la imagen y en la pantalla se dibujan los colores que son indicados en esa lista. En los formatos RGB888 y RGB444, no hay lista de colores, y el contenido de la imagen son los propios colores, que se dibujan de forma directa en la pantalla.

Si en esas pantallas se muestra una imagen tal cual, sin tratar, los colores quedarán truncados, de forma similar a la función posterizar de GIMP. La forma de evitar esto es relatívamente simple: tratar previamente la imagen para que tenga solo los colores que la pantalla muestra, y además, usar esos colores de forma que se mezclen y creen la apariencia de un color real de 24 bits. Más o menos como la conversión a indexado de GIMP, que la opción de difuminado del color "ninguno" funciona mal en fotos reales porque trunca los colores, en cambio las otras opciones los truncan y los difuminan, de forma que el truncamiento se nota menos.

Este formado te 12 bits se llama RGB444, ya que cada canal se lleva 4 bits, es decir, admite 16 intensidades diferentes, entre todos los canales se admitiría 16×16×16=4096 colores. Si la información admite transparencia se le llama ARGB 4444, ya que son cuatro canales.



Recientemente se ha publicado en el registro de gimp un guión que permite convertir a ARGB4444 en uno o dos clics de ratón (uno para aplanar la imagen y otro para convertir). Si tienes que trabajar con una pantalla de estas puedes este guión te podría venir muy bien para hacer conversiones.

No hay mucho más que decir, salvo dejar unos ejemplos y enlaces para comparar entre RGB888 (imagen original), el formato RGB444 que podría producirse si se trunca el color y el formato RGB444 que produce este guión.
http://en.wikipedia.org/wiki/List_of_monochrome_and_RGB_palettes#24-bit_RGB

Imagen original:


Esto es lo que pasa si se truncan los colores sin más, observa los colores sólidos del asfato o el cielo.


Y así queda si se difumina el color un poco:

Finalmente una ampliación para comparar diréctamente:

Se puede ver que el resultado de este guión es visualmente mucho mejor.

Detección adapativa de bordes

Antes de seguir leyendo, recomiendo que vayas a la página del complemento del blog, y veas las imágenes. Por si mismas explican casi todo lo que hace el filtro.

GIMP tiene varios algoritmos de detección de bordes. Todos ellos pueden producir efectos interesantes, pero ninguno está adaptado a producir una imagen de líneas de un solo píxel de anchura jústamente donde hay bordes y sin producir zonas borrosas.

Desde el blog Tea Driven Design (Daniel Parnham) se ha creado un complemento llamado Adaptive threshold edge detect. Este complemento está basado en un algoritmo del profesor John Robinson de la universidad de York, siendo modificado y adaptado por el autor.

Este algoritmo modificado permite mejorar los resultados en imágenes comprimidas en JPEG. Esto es porque ese modo de compresión introduce artefactos en las imágenes que luego podrían ser revelados por el algoritmo de detección de bordes, empeorando en resultado final y obligando a retocarlo. La segunda imagen de la entrada del blog muestra muy bien este problema. La fila columna de la derecha contiene círculos que fueron comprimidos en JPEG (en la izquierda están intactos). Los de arriba está sin aplicar filtro, los del medio tienen el algoritmo de Canny y los de abajo tienen el creado por este autor.

Un pequeño inconveniente de este algoritmo es que trabaja con toda la imagen a la vez, lo que obliga a usar mucha memoria. No obstante, en ordenadores modernos es difícil llegar a saturar la memoria, sería necesario una imagen de muchas decenas de megapíxeles.

Hacía mucho que no publicaba una entrada, pero este algoritmo me ha motivado.

Enlace interesante con imágenes de ejemplo: Tea Driven Design: Adaptive Threshold Edge Detection in GIMP.

El complemento se puede descargar aquí: http://registry.gimp.org/node/25229
Código fuente (para programadores): https://github.com/parnham/plugins

Agrandar imagenes en pixel art

Scale2x (http://scale2x.sourceforge.net/) es un programa (y biblioteca) pensado para agrandar pantallas de videojuegos, imagenes en píxel art... Esto es porque en estos casos la interpolación bicúbica ofrece resultados no siempre satisfactorios.

Scale2x trabaja en los bordes procurando darles formas más redondeadas en esquinas. Solo permite agrandar al doble, triple y cuadruple de tamaño. No es perfecto de tamaño, pero puede ser de ayuda. Otra ventaja es la de no añadir colores adicionales a la imagen, con lo que los ficheros PNG a penas aumentan de tamaño.

Su uso es relativamente sencillo pese a usarse en consola. Basta con un sencillo truco: crear un fichero de texto con los comandos necesarios para usarlo. En Windows sería más o menos así:

Primero se descarga el fichero con el programa (en el caso de Windows sería el segundo enlace) y se descomprime en una carpeta vacía. Luego en esta carpeta se crea un fichero de texto nuevo con extensión .BAT (y el nombre que se quiera, por ejemplo "agrandar.BAT") y en el se escribe lo siguiente:

scalerx.exe original.png agrandado.png

Se guarda el fichero, y está listo para ser usado. Primero se copia la imagen PNG en la carpeta, se edita el fichero BAT creado sustituyendo "original.png" por el nombre del fichero original, y se guarda. Se ejecuta el fichero BAT (doble clic) y se obtiene el fichero "agrandado.png" que corresponde con la imagen con el doble de tamaño.

En Linux es parecido, pero creando un fichero .SH de comandos, y compilando el código fuente descargado.

Ejemplos con una imagen de prueba. Imagen original con varios elemento:

Imagen agrandada sin interpolación (pulsar para ver a tamaño real):
Imagen agrandada con Scale2x (pulsar para ver a tamaño real):

Se puede usar el mismo procedimiento para triplicar (y cuadruplicar) la resolución, se crea otro fichero .BAT con este comando (para cuadruplicar sería -k4):

scalerx.exe -k3 original.png agrandado.png

Este algoritmo también se puede implementar en juegos y emuladores gracias a su gran velocidad de proceso.

Un truco adicional es aumentar el tamaño con interpolación Scale2x y sin ella, y luego en GIMP superponer las dos imágenes en capas diferentes y borrar las zonas según se vea mejor con un procedimiento o otro.

Usar complementos de Photoshop en GIMP

Adobe Photoshop es uno de los principales programas que hay en tratatamiento de fotos y diseño gráfico, debido a esto se diseñan numerosos complementos para él, algunos de los cuales son gratuitos, y otros incluso de código abierto.

Existe un complemento para GIMP que permite integrar en GIMP complementos que estaban pensados para usar en Photoshop sin necesidad de descompilarles.

Este complemento se puede encontar en esta página:
http://www.gimp.org/~tml/gimp/win32/pspi.html

Al final del todo viene una lista de ficheros correspondientes a varios sistemas operativos, hay que descargar el fichero necesario, y descomprimir su contenido en la carpeta de complementos de GIMP. Esta carpeta suele ser en Linux:
\home\_nombre de usuario_\.gimp-2.4\plugins
Y en Windows:
Unidad:\Documents and Settings\_nombre de usario_\.gimp-2.4\plug-ins

OJO: si tienes GIMP 2.6 o cualquier otra versión, la carpeta tendrá el nombre .gimp-2.6 o el de la versión que tengas. La carpeta "_nombre de usario_" se corresponde con el nombre de usuario que uses en el ordenador.

Hecho eso, se crea una carpeta vacía (para poner los complementos de Photoshop), puede ser dentro de la carpeta de complementos o cualquier otra, aunque resulta mejor hacerlo dentro de la de complementos porque así se tiene todo más organizado.

Con esa carpeta creada, arranca el GIMP y se pulsa en "Exts->Photoshop plug-in Settings..." para acceder a la ventana de configuración del filtro. En esta ventana que sale, se pulsa el botón con la hoja de papel en blanco, y luego en el de la carpeta. Se selecciona la carpeta creada antes (se pueden crear varias carpetas si se desea, solo hay que ir añadiéndolas).


Ahora solo queda pegar complementos en esa carpeta y reiniciar el GIMP para que los lea. No todos los complementos son igual de compatibles, además, suele ser difícil ver toda la foto en las vistas previas. Si al arrancar un complemento da error, no suele ser mucho problema y no suele afectar al programa, aunque por lo general, es mejor retirar el complemento de esa carpeta, o añadir una doble extensión (.8bf.bak) para que no sea leido a la próxima vez que GIMP arranque.

Los complementos suelen aparecer en la carpeta filtros, en la zona inferior donde suelen quedar los complementos de usuario, muchos de ellos crean un submenú con el nombre del autor o de la empresa que hizo el complemento.

Los complementos de Adobe Photoshop suelen tener la extensión 8bf. En la carpeta antes citada, se pueden meter los ficheros que se quieran, PSPI solo leerá los que tengan esa extensión. Esto permite meter los readmes que suelen venir con muchos ficheros, donde se especifica la licencia y condiciones de uso, trucos y consejos, autores...

Tengo previsto hacer una lista de complementos que funcionan más o menos bien en GIMP, y sean gratuitos o mejor aún, libres. De momento tengo muy poco preparado:
http://docs.google.com/Doc?id=dgcrkb79_10hk84wzf5

Un ejemplo con una foto de la discoteca KKO:


Foto: http://djrafa7.iespana.es/pg003.html
Complemento usado: http://www.cybia.co.uk/edgeworks.htm

Más información:
http://www.laconsolablog.com/2008/01/06/gimp-xtreme-power/
http://trialbloggy.blogspot.com/2005/11/plugins-de-photoshop-en-gimp.html

Por último, decir que no hay que entusiasmarse, algunos complementos de Adobe Photoshop no funcionarán, otros, están hechos para que solo se puedan instalar si Adobe Photoshop está ya instalado (son instaladores bastante rígidos y no dan opción a instalarlo en GIMP), y otros no serán de mucho interés, ya que su efecto podría ser realizado más cómodamente con los filtros que GIMP ya trae en su instalación. También hay que destacar que este complemento no da compatibilidad para brochas de Photoshop, solo para filtros, aunque GIMP suele tener de por si una buena compatibilidad con las brochas de Adobe Photoshop.

Dibujar un sistema planetario

En la página de complementos interesantes añadí uno para dibujar planetas. Para dar un uso al guión dibujé un sistema planetario con el. Creo que sería conveniente explicar un poco como lo hice.

Esa imágen se podría dividir en tres partes: el firmamento, la estrella y varios planetas alrededor.

Para dibujar el firmamento usé una capa negra (la de fondo), a la que la añadí algo de ruido RGB (desactivando la opción RGB independiente y un valor de 0.40), luego apliqué un desenfoque gausiando de 1.5 px de radio (en horizontal y vertical), y finalmente, con la herramienta curvas, aumenté el contraste para que se viera como estrellas. Cualquier otro procedimiento para dibujar estrellas podría ser útil y dar resultados parecidos, o mejores. Como complemento, añadí una capa con ruido sólido encima (usando un nivel de detalle bajo, para que quedara alisado), con muy poca transparencia (para atenuar su efecto) y en modo sumar.

Los planetas les hice con el guión Planet Render que genera los planetas casi como se ven. Este guión no viene con la instalacción de GIMP, pero se puede descargar en los enlaces indicados más abajo.

En mi caso, para darles textura a su superficie (y que no parezcan bolas de billar) dupliqué la capa de la base del planeta, a la capa que quedaba encima al duplicar la puse en modo "combinar granulado", añadí una máscara de capa (transfiriendo el canal alfa) y en la capa en si (no en la máscara) usé el filtro ruido sólido (en renderizado->nubes), usando un nivel de detalle bastante alto, 4-8 suele ir bien. Hecho todo eso, combiné todas las capas y copié la imagen a la del firmamento. En la página del guión planet render se puede ver otro procedimiento para dar textura.

Descarga de Planet Render:

• Versión para GIMP 2.4
• Versión para GIMP 2.2 y 2.0
• Como instalar complementos
  

Nota, al editar una capa con máscara de capa es importante fijarse en si estamos editando la capa en si o la máscara. Para esto hay que fijarse en el diálogo de capas, y hacer clic en la miniatura de la capa o la de la máscara para editar una o otra.

La estrella la hice con dos capas a las que las apliqué el filtro luces y sombras->destello de degradado (antes se llamaba Gflare).
Primero, creé dos capas nuevas transparentes, en la capa inferior apliqué el filtro (usando el valor de rotación del tono de forma que quedara amarillo-naranja, y introduciendo un radio adecuado), y en la capa superior apliqué este filtro otra vez, con los mismos parámetros salvo el parámetro de rotación (cambié el valor del giro, unos 60 grados, para que no coincidan los rayos que hay y se atenúen). Después puse la capa superior en modo suma y toqué un poco su opacidad hasta dar con unos buenos colores.

Es muy importante que los planetas tengan la posición adecuada para dar sensación de profundidad.

Usos de curvas

Un uso de curvas es arreglar aclarar y oscurecer fotos, en este caso, uso la misma foto que usé con la herramienta niveles. El uso es bastante parecido, se pone el modo logarítmico (botón superior derecho), después los extremos de la linea, deben ajustarse en el histograma (para ajustar el contraste), y luego con uno o varios puntos, se puede aclarar o oscurecer la foto. La diferencia está en que este aclarado se puede acentuar mejor en las zonas oscuras, ya que en mi caso, las zonas claras, estaban bastante bien, y no conviene aclararlas mucho más.

Es como niveles, como se puede ver, cambiando los triángulos, por círculos. No olvides, que los círculos de los extremos, deben tocar el borde superior e inferior, para que quede bien.


La herramienta curvas se puede usar para muchos fines, aquí explico algunos, observa que debajo de la curva se puede ver dos bandas con un degradado, que permiten comparar de un vistazo la transformación de los colores:


Quitar contraste, con tramos horizontales que tienen menos contraste, puesto que toda la zona vale lo mismo, o muy parecido:

Dar contraste, en general, con tramos más verticales, observar que el aumento de contraste en la zona central es a costa de las partes más claras y oscuras de la imagen:

Aclarar: elevando la curva, fíjate que las zonas claras van a perder contraste, de ahí que en el ejemplo de la carretera acentuara el aclarado en las zonas oscuras:

Oscurecer, bajando la curva, en este caso, pierden contraste las zonas oscuras:

Esto genera imágenes con los colores muy cambiados, también hay un filtro que hace lo mismo, y permite jugar con los colores.


Con esta curva logré en parte (luego tuve que retocar algún detalle con la herramienta que aclarar y oscurecer zonas de la imagen) cambiar el color negro de la carcasa de un aparato por el color blanco, sin que los brillos quedaran negros:

Hay muchas curvas más, que vienen en muchos tutoriales.

Edición posterior:
Una curiosidad, creo que en Adobe Photoshop (R) CS2 no aparece el histograma de fondo en esta herramienta. No se si será que no lo configuré bien, pero sería una gran carencia. Con esto, no digo que PS sea un mal programa (ni mucho menos), pero si es un punto, donde se podría decir (si es así) que el GIMP adelanta a Photoshop, aunque luego haya muchas áreas donde el GIMP esté detrás.

Herramienta curvas

Esta herramienta es parecida a niveles, con la diferencia de que en vez de usar unos triángulos para ajustar los cambios, se usa una función que se edita con el ratón.

Es algo más avanzada que niveles, aunque también es más flexible y permite resultados algo mejores. Su funcionamiento es sencillo, aunque al principio, puede parecer difícil de dar con la forma de la curva más adecuada.

En la ventana aparece una gráfica con una línea y dos puntos sobre ella en los extremos. Si se pulsa el ratón en el área, pueden añadirse nuevos puntos o moverse los que hay. La linea, formará una linea lo mas suavizada posible entre el punto inicial y el final. Para quitar un punto, hay que arrastrarlo hacia un lado hasta dejarlo junto a otro punto (cuando se pasa el otro punto, desaparece). Los puntos de los extremos se pueden arrastrar hacia el interior, dejando el espacio que quedaría entre el borde del gráfico y el punto, con el valor del punto. Esto parece complicado así, lo mejor con esta herramienta, es probar, tocar y ver así como funciona.

Se puede dar prácticamente cualquier forma a la linea, aunque si es necesario, siempre se puede usar el modo mano alzada, pulsando el botón de la esquina inferior izquierda, que tiene una linea quebrada. Con el otro botón, se suaviza la linea, y se vuelve a representar con puntos.

Esta herramienta puede realizar multitud de efectos, en la próxima entrada explicaré como retocar brillo/contraste con esta herramienta. Viene a ser más o menos como con curvas, pero pudiéndose acentuar los efectos de un aclarado en las zonas oscuras, por ejemplo.

Por último, indicar que esta herramienta también permite guardar una configuración, y aplicar sus efectos a un canal en concreto, o a la transparencia.

Herramienta niveles

Esta es tal vez la herramienta con una mejor relación "facilidad de uso/resultados" para aclarar o oscurecer fotos, ya que con unos pocos golpes de ratón se consigue ajustar muy bien la foto.

El diálogo puede parecer algo complejo al primer vistazo, pero nada más lejos de la realidad.
Para empezar la descripción, en la zona central hay dos rectángulos con unos triángulos que se deslizan sobre ellos. Encima hay un histograma de la foto. Esos triángulos son los controles principales de esta herramienta. Su posición se controla con el ratón, aunque también se puede usar una entrada numérica.

Su forma de funcionar es sencilla, el nivel de brillo de que determina el triángulo izquierdo del delizador superior se convertirá en el nivel que determina el triángulo izquierdo del nivel inferior. Lo mismo sucede con los triángulos derechos. ¿Que sucede con el triángulo central? Este triángulo vendría a determinar el gris, el nivel que marque, se convertirá en el valor que iría entre los triángulos del delizador inferior. El resto de niveles se convierten siguiendo la proporción marcada por estos triángulos.

Esto puede parecer explicado así un poco complicado, pero es más o menos lo de la imágen, donde también he señalado uno.

Según el ejemplo, un nivel de brillo de 54, se oscurecería hasta llegar a 38, mientras que un nivel de 177 se aclararía hasta 200, mientras que el resto de colores seguirían una proporción así. El tono gris usa un valor numérico diferente, pero no es problema, su valor se convertirá hasta el punto intermedio entre ambos triángulos.

Esto se puede realizar para todos los canales a la vez si en el combobox superior (el desplegable) se selecciona "valor", pero se puede usar también para canales individuales (rojo, verde o azul) e incluso para la transparencia (canal alfa). Esto permite usar este diálogo para realizar correcciones en el balance de blancos, aunque tal vez sea más práctico usar "balance de color", o algunos guiones que hay.

El resto de controles, ayudan a usar este diálogo:

• Abrir y guardar permiten almacenar una configuración, para poderla usar después. Es bastante útil si en algún tutorial hay que usar este filtro introduciendo unos valores específicos en la herramienta.
• Tipo de histograma, son los dos botones situados en la zona superior, en un recuadro verde. Permiten usar histogramas lineales o logarítmicos. Los logarítmicos suelen ser mejores para usar este filtro, ya que tienden a mostrar mejor el recuento colores que hay en la imagen.
• Cuentagotas del deslizador superior: permiten definir un nivel de brillo pulsando en alguna zona de la imagen que se quiera usar como referencia. Si no se modifican los triángulos inferiores, permiten hacer que el nivel de brillo de la zona pulsada se convierta en blanco o negro.
  
• Cuentagotas de abajo, señalados en rosa: Estos cuentagotas, permiten seleccionar una zona, y hacer que se convierta en negro, gris o blanco. Tienen la particularidad, de que no actúan sobre el brillo, sino sobre cada color (por eso, si en desplegable superior está en "valor", no aparecen cambios aparentes en el diálogo al usarles). Esto permite, corregir brillo y balance de color a la vez. Su funcionamiento sería simple, con el cuentagotas izquierdo, se pulsa en una zona de la imagen que debería ser negra, luego, con el de la derecha, en una zona que debería ser blanca, y con el central, en una zona que debería tener un tono gris puro. Si se pulsan sobre una zona rojiza, tenderán a eliminar el tono rojo, con lo que pulsando el gris en una zona que deberia ser gris neutra (sin tirar a rojo, ni a azul) debería corregir el balance de blancos. No siempre proporciona esto los mejores resultados, aunque siempre se puede probar.
• Botón auto: autoconfigura el diálogo, intentando conseguir dejar el brillo y el balance de blancos a punto, aunque no siempre funciona. Una forma útil de usarlo, es pulsarlo al abrir el diálogo, y si la vista previa no muestra un buen resultado, se puede pulsar reiniciar, y hacerlo de forma manual.
• Reiniciar el canal/reiniciar el diálogo: permiten volver al estado inicial.
  

A ver si mañana explico como arreglar el brillo de una foto, si estaba demasiado oscura, ya que este artículo es larguísimo, para lo simple que sería la explicación para arreglar fotos oscuras que no ocuparía más de dos párrafos.

Y bueno, tendría que explicar como va el histograma, que es sencillísimo, pero no se puede dejar de lado.

Estampar una tela con el GIMP

¿Como conseguir en un clic (bueno, algunos más) un efecto similar a una tela estampada con tu foto preferida? Con el filtro Entelar que viene en Alchemy, en el menú Script-Fu.

Veamos la foto original, en este caso, para que quedara tela alrededor amplié el lienzo, con un rectángulo blanco a alrededor:
Y este es el resultado:
Hay que destacar, que para evitar que quedara demasiado oscuro, aumenté la elevación y reduje la profundidad, este filtro, en el fondo trabaja con el filtro bumpmap (mapa de relieve), y por lo tanto, sus últimos tres parámetros se configuran de forma similar.

Los dos primeros parámetros, por defecto funcionan bien, más valor da una apariencia más suavizada y menos, más áspera.

PD: Gracias por las correcciones.

Cubismo

Hay varios filtros que imitan los aspectos que tienen los cuadros, aquí voy a comentar el filtro Cubismo, disponible en "artísticos".
Este filtro dibuja en la capa numerosos cuadrados de colores, que juntos, dan la impresión de la imagen original de forma aproximada. Estos cuadrados son algo transparentes, y dan una sensación de cubismo.

• Tamaño del mosaico: determina el tamaño de los cuadrados, a veces, puede venir bien bajar el tamaño para que la foto sea más reconocible, o quede mejor.
• Saturación del mosaico: determina la intensidad de los colores de cada recuadro y su transparencia. Por regla general no necesita ser cambiado, valores muy bajos, dejan ver el fondo.
  
• Usar el color del fondo: Si no se señala, el fondo (se vería si en un punto no hay cuadrados que lo tapen) se rellena con color negro, y si se hace, es con el color de fondo, que se señala en opciones de herramienta (GIMP 2.2) o el diálogo de colores.

¿Un cafelito virtual?

A veces en las oficinas, cuando menos te lo esperas, va una taza de café, y "por casualidad" vierte su contenido sobre documentos importantes, que tal vez, haya que entregar pocos minutos después.
¿Creías que en la imágen digital ibas a librarte de tener percances con las tazas de café?
Pues no, GIMP incluye su propia taza de café virtual.
¿Dónde está la cafetera?
Depende, en la versión actual de GIMP, se encuentra en script-fu->decoración->Manchas de café. En la versión en desarrollo (la 2.3), aparece en el menú filtros, el cual incorporará tanto los filtros como los guiones.
Cobaya:Resultado:
Se puede elegir el número de manchas, o su forma de actuar, el uso, es bastante sencillo.
Sin marcar la opción "solo oscurecer" (opción recomendable con imágenes muy claras) queda así, con la misma imagen:Estos filtros se trataron con una imagen previamente tratada con el filtro "foto antigua", que aparece muy cerca en el menú. Ya hablaré de el más adelante.