Trukos con el GIMP y programas similares

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

2011-04-30T19:39:00.000-07:00

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

2011-04-21T19:03:00.000-07:00

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

SVG en una página web

2009-01-08T10:57:00.000-08:00

Meter un fichero en una página web no es en principio difícil, basta con añadir esta etiqueta:

<
EMBED SRC="mifichero.svg" ALIGN="left" WIDTH="tamaño" HEIGHT="tamaño"
>

En principio cualquier persona con un navegador compatible con SVG podría visualizar el fichero. Al ser SVG un formato vectorial, se puede agrandar la imagen sin que esta se vuelva borrosa o se muestre pixelada, para ello basta dar valores a las variables WIDTH y HEIGHT.

A veces surge un problema con ciertos editores (como Inkscape en la versión 0.46 o menor), y es que incluyen ellos ya un tamaño específico para la imágen, con lo que al cargar la imágen en una página web, y darla un tamaño diferente, esta no cambia de tamaño como debiera, dejando márgenes vacíos o apareciendo recortada. Explicado de otra forma, la imágen no se adapta al tamaño especificado por el conenedor creado antes con la etiqueta EMBED.

Con un editor de texto se puede resolver este problema, basta abrir la imagen SVG en un editor de texto (Gedit, Mousepad, Bloc de notas...) y añadir dentro de la etiqueta SVG el siguiente texto: viewBox="0 0 100 120", habría que sustituir 100 por el tamaño horizontal y 120 por el vertical de la imagen (estos valores aparecen en las variables width y height de esa etiqueta). Además, hay que modificar los valores de las variables width y height, sustituyendo su valor por "100%".

En Inkscape la etiqueta SVG suele quedar más o menos por el principio del documento.

El cambio sería este, Inkscape podría dejar el fichero SVG así:

< svg
...
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="100"
height="120"
id="svg2"
...
>
...

y modificado quedaría así:

< svg
...
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="100%"
height="100%"
viewBox="0 0 100 120"
id="svg2"
...
>
...

Hecho esto, la imágen se adaptará automáticamente al tamaño del contenedor que se le asigne con la etiqueta EMBED explicada al principio.

Extrayendo imágenes de documentos PDF

2008-12-27T15:29:00.000-08:00

Una forma rápida y sencilla de sacar una imagen de un archivo PDF es tomar una captura de pantalla y recortarla con algún editor de imagen como GIMP. Este procedimiento es muy sencillo, pero no siempre ofrece la mejor calidad ni toda la resolución original de la imágen.

Hay varios programas que permiten extraer las imágenes de un fichero PDF. Voy a comentar uno de ellos: PDF_to_JPG, aunque si lo que buscas es un programa orientado a un propósito más o menos general para un usuario intermedio, te recomiendo que mires el tercer párrafo por el final de esta entrada, donde hablo de PDF Image Extractor.

PDF_to_JPG tiene dos ventajas muy destacables: es libre y extrae las imágenes sin modificarlas (los ficheros PDF suelen contiener las imágenes comprimidas con JPEG, y no es bueno comprimir una imágen muchas veces). Su principal pega es que es un programa reciente y todavía tiene carencias y fallos (hay ficheros PDF que fallan). Este programa tiene una versión compilada para Windows, aunque también puede usarse en Linux si se compila el código fuente.

Su uso es a través de consola (no dispone de una interfaz gráfica), aunque existen procedimientos para facilitar su uso sin necesidad de teclear comandos en plan MS-DOS.

Para usar el programa es necesario descargar el programa y descomprimirlo en una carpeta. Si se usa GNU/Linux habrá que compilar el código fuente (creo que se puede compilar con gcc, más abajo lo explico).

Una vez con una carpeta con los ficheros del programa, se puede empezar a usarle mediante consola, pero es más práctico usar otro procedimiento: usar guiones (scripts) que contengan las instrucciones que se meten por consola. En Windows son los ficheros BAT. Estos ficheros son fáciles de crear, modificar y usar, ya que son ficheros de texto que permiten ejecutar comandos de consola con solo hacerles doble clic, y se pueden modificar con el Bloc de notas. En Linux es muy similar, son ficheros SH y con activarles el permiso de ejecución ya se pueden usar.

Para crear el fichero BAT basta crear en la misma carpeta del programa un fichero de texto nuevo y llamarle "p2j.bat" (o cualquier nombre terminado en .bat). Una vez con este fichero, se pulsa con el botón derecho y se pulsa en editar. Se abrirá el Bloc de notas, en el hay que introducir p2j mis_fotos.pdf /NOASK y se cierra guardando los cambios (por supuesto, cambia mis_fotos.pdf por el nombre de fichero PDF que tengas). Ahora hay que copiar el fichero PDF a la carpeta donde esté el programa y el fichero BAT. Hecho esto haz doble clic sobre el fichero BAT, y el programa empezará a sacar imágenes. Las imágenes van apareciendo en una carpeta nueva que crea el programa llamada "PDF_to_JPG_files". Una vez acabado el proceso, es muy conveniente cambiar el nombre de la carpeta (por ejemplo mis-fotos). Si no se cambia de nombre la carpeta, el programa se detendrá en el siguiente uso y no extraerá imágenes.

Para sacar las imágenes después a otros documentos PDF, solo hay que ir modificando el guión con el nombre esos ficheros (botón derecho->editar), copiar los ficheros PDF a la carpeta del programa, hacerle doble clic sobre el guión (fichero BAT), esperar a que extraiga todos los ficheros y renombrar la carpeta (importante esto último, porque si ya hay creada una carpeta con el nombre "PDF_to_JPG_files" el programa no extrae imágenes).

En GNU/Linux hay que compilar el programa. Para ello hay que usar la consola, y en la carpeta del código fuente usar el comando gcc p2j.c -o p2j Luego, hay que seguir un procedimiento parecido al de Windows, solo que con ficheros SH.

Este programa no siempre funciona bien, algunas imágenes las extrae en rebandas (es más bien un problema del fichero PDF que guarda la imágen así), otras veces salen ficheros corruptos que no pueden ser leídos (fallo del programa). Si en próximas ediciones arreglan este último fallo, lo retocan para que se pueda extraer ficheros desde cualquier directorio (sin necesidad de copiarlo a la carpeta del programa) y crean paquetes de instalacción fácil para Linux (tipo apt-get) sería un programa magnífico a la altura de muchos otros comerciales.

Hay otros programas, en el blog Genbeta hay una entrada dedicada a PDF Image Extractor. Este programa es parecido al que acabo de contar, pero tiene una interfaz gráfica (ventana). Sus pegas es que no es libre, solo funciona en Windows y no permite hacer una extracción usando la compresión JPEG que tenía en el fichero PDF (permite guardarlas en PNG, pero ocupa mucho, y recomprimirlas en JPEG afecta a la calidad). A veces también devuelve imágenes cortadas en rodajas, pero como conté, es más bien culpa del fichero PDF que del programa. En este caso habría que pasar por el GIMP para pegarlas (¿Te imaginas ordenar y pegar las tiras de papel de una trituradora de documentos?).

Si usas Linux puedes usar PdfRipImage, que es parecido al programa anterior ya quetampoco permite aprovechar la compresión JPEG del fichero original, aunque si dispone de una interfaz gráfica. Lo que más se echa de menos es que aún no dispone de paquetes de instalacción fácil, y hay que instalarle compilando el código.

Para la mayoría de gente recomendaría PDF Image Extractor, pero si buscas algo que saque las imágenes de la forma más directa posible para que no se degrade su calidad te recomiendo PDF_to_JPG.

Nuevo blog: programando con SVG

2008-12-14T18:42:00.000-08:00

No es novedad que este blog no lleva un elevado ritmo de publicación de entradas (a ver si publico una que tengo todavía a medias guardada hace un mes...), y que es más difícil llevar dos blogs a la vez que uno solo, pero aún así he decidido embarcarme en un nuevo blog (sin abandonar este) más orientado a la programación que al diseño.

El tema es que últimamente me picaba la curiosidad por la programación con el formato vectorial SVG (el que usa Inkscape y puede ser visualizado en Opera, Google Chrome y Firefox). Concrétamente he estado trasteando desde dos puntos de vista:

Programas que escriben ficheros SVG a partir de unos datos previos (por ejemplo, crear gráficos).
Ficheros SVG interactivos similares a los SWF (que puedes manipularles con eventos).

Ya tenía tres miniproyectos a medias, y tenía ganas de ir compartiendo como los hice y los cambios que haga. Como la temática de todo esto se sale (y mucho) de lo que es un blog sobre Inkscape, GIMP y otros programas libres he decidido crear otro blog y ir actualizando los dos poco a poco según pille tiempo.

La dirección será esta:

http://trukossvg.blogspot.com/

Espirales de entrada y salida

2008-11-07T04:12:00.000-08:00

Hacer espirales que al llegar al centro den media vuelta y vuelvan a salir no es difícil. Se empieza activando una rejilla (da igual cual sea) y haciendo una espiral. La rejilla se activa en archivo->propiedades del documento->rejillas. Ahí se pulsa en rejilla nueva (las características de la rejilla dan igual). Luego, en Ajustar se activa la casilla "Ajustar a rejillas" y se aumenta la distancia de ajuste.
Hecho eso se traza una espiral, y en la barra de herramientas, en la opción "radio interior", se introduce 0, para que la linea de la espiral empiece en el cero.

Luego se duplica esta espiral (se selecciona y se pulsa Control+D, o bien se usa el menú edición). La espiral duplicada se la gira dos veces 90º con el menú objeto o la barra de herramientas. Así aparece girada 180, aunque desalineada:

Para alinear la espiral se selecciona la espiral y se pulsa en el menú "Trayecto->Objeto a trayecto", y aparecerá la espiral como un trayecto formado por muchos nodos. Se seleccionan todos (mediante la herramienta de edición de nodos, manteniendo pulsado el ratón y cubriendo la espiral entera). Si no se seleccionan todos, luego queda mal.
Con todos los nodos seleccionados, se alinea la espiral con la rejilla, da igual en que punto sea. En mi caso coincidía que el nodo interior de la primera espiral estaba alineado ya en la rejilla, con lo que solo tuve que alinear la segunda (la que se da la vuelta). Si no coincide, no pasa nada, se hace el proceso de conversión a trayecto y alineado en las dos espirales, y listo. Lo importante es que el punto interior coincida.

Ya casi está, se seleccionan las dos espirales y se pulsa en "trayecto->Combinar", esto hace que las dos rutas formen parte de la misma. No sirve la opción "unión", porque está creada para figuras rellenadas, no para lineas.

Parece que está listo, pero no es así, en el centro hay dos nodos superpuestos, para convertirlos en uno solo, hay que seleccionarlos arrastrando con el ratón y formando un rectángulo que cubra los dos nodos. Luego se pulsa en el botón para unir dos nodos en uno solo:

Ya estaría terminado, si se rellena, quedaría así:

Si no se rellena, queda una espiral de entrada y salida.

Patrones a lo largo de trayecto: más guiones para las rutas

2008-10-29T11:11:00.000-07:00

Inkscape siempre ha permitido usar varios patrones diferentes para crear las lineas:

Es interesante, pero... ¿Que pasaría si es necesario algo similar a esto?

Inkscape 0.46 incorporó una nueva función: patrones en trayecto. Esta opción deforma una ruta y la sitúa a lo largo de otra. Esta función permite crear una mayor variedad de lineas.

Unos ejemplos muestran bien como se puede usar esta herramienta:

Ruta con bolas:
Este es el caso más sencillo, se dibuja un círculo pequeño, se duplica, y se desplaza hacia un lado la copia (con la tecla control se fuerza a que solo se mueva en horizontal o vertical), luego se seleccionan las dos copias y se pulsa en trayecto->unión, para que formen una única figura (en el ejemplo está de color rojo). Luego se selecciona esta figura y se pulsa en edición->copiar.
Con esta figura ya creada, solo queda la ruta que llevará esta forma. Se puede crear con cualquier herramienta, una vez dibujada se selecciona, y se pulsa en trayecto->efectos de trayecto, se selecciona "patrón a lo largo de trayecto" y se selecciona "repetido" en el recuadro "copias del patrón". Hecho esto se pulsa sobre el botón de pegar de este diálogo (el tercero por la derecha). Si sale muy raro, tal vez es porque el patrón copiado fuera vertical (en este caso marca la casilla "el patrón es vertical". El efecto ya está listo.
Para editar la ruta, basta seleccionar el botón de editar rutas de la barra de herramientas. La trayectoria que tenía antes la ruta aparece marcada en color rojo, y se puede editar como cualquier ruta, con la diferencia de que esta ruta tiene un efecto asignado, que se puede ver como se modifica automáticamente según se edita la ruta.
Si se quiere editar la ruta que forma el patrón, hay que pulsar el botón de editar rutas del diálogo de efectos de ruta (el patrón aparece destacado en verde). Es importante tener en cuenta este detalle de que aunque los botones llevan iconos parecidos, tienen funciones algo diferentes.
Linea con puntos a un lado:
Es sencillo, es como el caso anterior, solo que el patrón se puede dibujar con un rectángulo y un círculo. Luego, con el diálogo de alinear se puede retocar la posición del círculo.
Puede surgir a veces un problema, y es que se muestre el trayecto así, con algunos trazos rectos donde se esperaban trazos curvos:
En ese caso, hay que probar a editar el patrón, porque tal vez tenga algún trozo abierto. Para ello se pulsa en el botónde editar nodos en el diálogo de efectos de ruta, y se examina el patrón:
Observa que aparece en verde porque se está editando la ruta del patrón, no la ruta principal (que aparece en rojo cuando se edita). Ahora hay que seleccionar los dos nodos superiores, y pulsar en el botón de unir nodos con un segmento:
Ahora aparece así el trayecto que forma el patrón
Y mientras, el aspecto final del trayecto queda así:
Vías de tren:
Este caso es similar a los anteriores. Su dificultad estaría más bien en alinear los objetos. Aquí muestro el proceso seguido, aunque no se aprecian bien las diferencias. En el último paso hice una copia más pequeña, porque era un patrón demasiado grande.
Se empieza con un rectángulo vertical largo, y otro horizontal y estrecho. Se duplica este último rectángulo, y se mueve hacia abajo y se sitúan los tres rectángulos mas o menos en sus posiciones correctas. Luego se seleccionan los tres, y se alinean al centro respecto de un eje vertical con el diálogo de alinear objetos (el botón que aparece seleccionado):

Después se seleccionan los rectángulos horizontales (no el vertical), y se pulsa en trayecto->unión para que formen un único trayecto. Luego, se selecciona todo se alinea al centro, pero respecto de un eje horizontal (sería el botón que está justo debajo del anterior). Ya con todo bien alineado, se selecciona todo y se pulsa de nuevo en trayecto->unión para tener un solo trayecto.
Hecho eso ya está el patrón listo, ahora solo queda copiarlo y pegarlo en rutas:

La versión 0.47 permitirá nuevas opciones, como espaciar las copias o desplazarlas respecto de la ruta original. También permitirá que el patrón que se pega esté ligado a una ruta del dibujo (visible, no oculta como hasta ahora) y que cuando se modifique, se modifique también la ruta.

Cuerpos 3D: cilindros semitransparente

2008-10-23T04:51:00.000-07:00

Un par de casos más: Un cilindro de pared delgada y otro transparente.
El de pared delgada no tiene ningún misterio, basta que la circunferencia superior esté rellena con un degradado, con lo que no hace falta duplicarla y reducirla de tamaño como en casos anteriores.

Un cilindro semitransparente es más complejo. Las paredes tienen que tener la forma correcta, no vale el truco de antes de dejar que algunas figuras tengan zonas mal dibujadas, pero que como quedan por debajo de otras figuras no se retocan.

En este caso, las paredes tienen que tener la forma similar a la que se ve en la figura del medio. Es algo fácil con una rejilla, la opción de ajustar a la rejilla los nodos y las cajas de contorno, y un par de elipses. Se empezaría con el rectángulo, y se le añade una elipse en la parte superior (en mi caso la morada), se duplica la elipse y se sitúa abajo (en mi caso la verde). Luego se duplican todas estas figuras (2 elipses y un rectángulo para la cara superior, y otros tantos para la inferior).

Para la pared trasera se sumarían la elipse superior y el rectángulo, y se restaría la inferior. La figura resultante está completa, así que se envía al fondo. Al enviar estas figuras al fondo, aparecen las que formarán la cara frontal. Pero antes de hacer esta cara, conviene duplicar la elipse inferior, darla el color adecuado y enviarla al fondo, ya que formará la cara inferior del cilindro. Por supuesto, este paso es innecesario si no se pone una cara inferior.

Luego, con las figuras que hay, se hace la cara frontal: primero se resta la elipse superior del rectángulo, y se le suma la elipse inferior. Hecho esto, solo falta dar los colores y transparencias adecuadas al cilindro.

En mi caso no añado una tapa superior, puesto que dibujo el cilindro abierto por arriba, como si fuera un vaso.

Cuerpos 3D: cilindros anchos y huecos

2008-10-16T11:31:00.000-07:00

En el caso de dibujar un cilindro bajo y hueco aparece un nuevo detalle: el cilindro debe dejar ver el fondo a través de si mismo. Esto significa que el truco de poner un círculo más pequeño con un degradado sobre la base superior ya no funciona.

En este caso hay que agujerear la tapa, y añadir una nueva figura que haga de pared interna, que tenga forma circular debajo. Además, hay que modificar la figura que hace el cuerpo del cilindro para que no tape el agujero.

En este caso se parte de un cilindro ya hecho que es muy bajo (el de la primera figura de la imágen de abajo con el proceso). Lo primero que se hace es duplicar la elipse que forma la tapa del cilindro (base superior), y se le aplica un factor de reducción de un 80% aproximadamente. Esto se hace con el menú objeto->escalar y dentro de la ventana se pulsa limpiar, y se mete 80. Para distinguir esta nueva elipse, es conveniente darla otro color (en mi caso usé magenta). Así quedaría como en la segunda figura.

Luego, se vuelve a duplicar la elipse que hace tapa, y se deplaza hasta alinearla con la base del cilindro. Esto es sencillo seleccionándo la elipse y el cuerpo del cilindro y con la diálogo de alineación (objeto->alinear y distribuir), se selecciona "Elemento mayor", y se pulsa el botón resaltado en la imágen:

Una vez alineado, se le reduce de tamaño como la otra elipse (la morada). En mi caso, la pongo de naranja para distinguirla. Al final se tiene como la tercera figura.

Luego, con la herramienta de rutas hay que hacer una ruta (trayecto) con lineas rectas que vaya por fuera de la circunferencia elipse (en mi caso morada), y por dentro de la tapa del cilindro (si se sale por abajo no pasa nada). En mi caso hago esta ruta de color verde para distinguirla de los otros objetos. Luego, hay que situarla por debajo de las dos elipses nuevas. Quedaría más o menos como se ve en la figura cuarta.

La versión 0.47 de Inkscape trae un botón para forzar a hacer lineas rectas, que aparece en la barra de herramientas con las opciones de las herramientas:

Luego vienen las restas: Se selecciona la elipse que forma la tapa del cilindro, y la elipse pequeña de arriba (en mi caso la de color magenta) y se pulsa en trayecto->diferencia. Quedaría la tapa del cilindro con un agujero (que no se ve con la ruta verde, pero sería la sexta figura).

Luego se selecciona la ruta nueva (que en mi caso es de color verde) y la elipse inferior (la que es naranja), y se pulsa en trayecto->diferencia para recortarla y que quede como en la sexta figura. Ahora hay que mandar esta ruta al fondo (figura 7).

Ahora aparece por ahí la figura que forma parte del cuerpo del cilindro, que ahora se ve a través del agujero. Hay dos opciones, recortarla con una ruta nueva y usando "trayecto->diferencia", o editarla para que quede bajo la tapa que forma el cilindro. Aquí se ve por dónde puede ir la ruta (por supuesto, no tiene que ser algo exacto, con que no se vea por el agujero de la tapa ni queden huecos en el cuerpo del cilindro basta):

Para ello, se usa la herramienta de editar nodos (doble clic en la ruta), se selecciona el segmento superior de la ruta, y se pulsa en añadir nodo:

Luego se mueve este nodo hacia abajo, hasta que quede bien. Como es normal, es posible que se necesiten más nodos, para ello se puede añadir nodos nuevos, se selecciona el segmento y se pulsa en añadir nodos. Puede ser útil llevar esta ruta al frente para editarla y luego volverla a dejar al fondo.

En principio ya está el cilindro, solo queda ajustar bien el degradado de la ruta que en mi caso era verde. La herramienta de rutas y tener un buen ojo bastan para terminar el cilindro. La tecla control permite hacer que la linea que define el degradado quede totalmente horizontal.

Cuerpos 3D: como dibujar cilindros

2008-10-15T04:55:00.000-07:00

Inkscape no es un programa 3D, pero permite crear fácilmente cuerpos geométricos.

Este tutorial explica como se pueden crear cuerpos cilíndricos fácilmente, usando operaciones boleanas sencillas y el autoajuste a la rejilla.

En este tipo de dibujos es útil usar la rejilla, y las opciones para ajustar los nodos según se dibuja. También hay que tener en cuenta el punto de vista y la iluminación. El punto de vista es desde donde se vería el cuerpo, y la iluminación determinará los colores y degradados a aplicar. Si se dibujan varios cuerpos geométricos es importante dibujarles todos con el mismo punto de vista y iluminación para que quede bien.

Se empieza haciendo un rectángulo (primera figura), y a continación una elipse en la parte superior. Esta elipse debe estar "achatada", es decir, ser más ancha que alta. Cuánto más bajo sea el punto de vista desde donde se vería la elipse, más achatada hay que dibujarla. Es importante que la elipse tenga el mismo ancho que el rectángulo, y que su eje horizontal coincida con el lado superior del rectángulo. Gracias a la rejilla, esto es bastante sencillo. En la segunda figura se ve como iría quedando, si se añade la elipse inferior que se añadirá en el siguente paso.

Después, se duplica esa elipse y se sitúa la copia en la parte inferior del rectángulo, para que su eje horizontal coincida con el lado inferior del rectángulo (segunda figura). Si se dan colores diferentes es más fácil diferenciar los elementos al dibujarlos. La elipse superior hay que llevarla al frente, para ello se selecciona y se pulsa la tecla inicio del teclado, o se puede pulsar en el icono de la barra de herramientas: Ahora se selecciona la elipse inferior y el rectángulo, y se pulsa en trayecto->unión , para unir estas figuras y formar el cuerpo del cilindro. El resultado ya se parece a un cilindro, pero un degradado ayudará bastante a tener un buen resultado. En la tercera figura se ve el resultado.

Este degradado se puede realizar con la herramienta de degradados, hay seleccionar un degradado lineal y hay que trazarlo en horizontal (la rejilla puede ayudar). Para que quede el aspecto que se ve (una banda brillante), hay que hacer que el color del nodo de la izquierda tenga el color del cilindro, y el de la derecha sea un poco más oscuro (está un poco a la sombra). Además, para hacer el brillo hay que añadir un nodo en el medio. Se puede hacer pulsando la tecla control y haciendo doble clic. Este nodo debe tener un tono más claro que el del cilindro. Para terminar este degradado, hay que hacer coincidir el nodo izquierdo con el borde del objeto, y el derecho tiene que estar un poco fuera de la pared del cilindro.

Estas indicaciones son orientativas, puesto que dependen mucho del autor y sus habilidades.

El cilindro ya está. Si se quiere hacer que sea hueco, basta con seleccionar la elipse superior, duplicarla y reducirla de tamaño. Esto se puede hacer fácilmente con una transformación, para ello se va al menú objeto->transformar, se pulsa en limpiar, y dentro de la pestaña escalar se mete un factor de 80% (o el valor que mejor venga) en las dos direcciones y se pulsa aceptar. Luego se añade un degradado a esta elipse teniendo en cuenta que la parte brillante queda en una zona diferente que la parte exterior del cilindro. En el ejemplo mío sería la quinta figura.

Ya está el cilindro hueco, pero si se le quiere añadir más detalles, se puede. Por ejemplo, se puede añadir una banda lateral, para eso basta con duplicar la elipse superior, y llevarla hasta una altura intermedia, volverla a duplicar y desplazarla un poco en vertical (como se ve en la sexta figura). Luego, se añade un rectángulo cuyos lados coincidan con los ejes horizontales de las elipses (rectángulo rosa de la séptima figura).

Con operaciones boleanas se hace saca la forma: Primero se selecciona la elipse inferior (naranja en mi ejemplo) y el rectángulo, y se pulsa en trayecto->unión. Luego, se selecciona la elipse superior, y se lleva al frente (octava figura) y luego se selecciona la figura obtenida de juntar la circunferencia y el rectángulo (de color naranja). Con estas dos figuras seleccionadas se pulsa en trayecto->diferencia, para que la elpse roja "reste" su forma a la figura naranja. El resultado se fe en la figura 9. Se rellena con un degradado similar al resto del cilindro, y quedaría como la figura 10.

¿Se puede avanzar más? Si, se puede añadir un reflejo estilo 2.0 y un poco de sombra hacia atrás. El reflejo es simple: basta duplicar el cuerpo del cilindro, moverle hacia abajo y modificar los colores (mejor que yo, a ser posible, que me quedó un poco mal). Con la banda, algo parecido. La sombra me costó más: al final usé el efecto "motion" (efectos->generar desde el trayecto->motion) con una copia de la elipse superior. Este efecto tiene dos parámetros, un ángulo y una longitud. La longitud va en píxeles, y el ángulo en grados. Es importante tener en cuenta que 0º es a la derecha, 90º es hacia abajo, 180 es hacia la derecha y 270 hacia arriba. En mi caso usé 240º. Este efecto está bien, pero tiene el defecto de producir muchas rutas que deben ser combinadas entre si antes de darlas un tono semitransparente. Estas rutas se crean dentro de un grupo nuevo. Una vez combinadas las rutas, se sitúan en la posición correcta, y se rellenan de un tono semitransparente mejor que el que le di, que no parece que quede bien.

Nueva versión de GIMP disponible

2008-10-03T04:19:00.000-07:00

Ya han lanzado la versión 2.6 de GIMP, en esta página web se pueden ver las novedades de la nueva versión, de las que yo destacaría:

Cambio en la interfaz: ahora hay al menos una ventana abierta (además de los diálogos de opciones y la de herramientas). Esta ventana está vacía cuando no hay imágenes cargadas, al abrir una imágen, esta se carga en esa ventana. El resto de imágenes se cargan en nuevas ventanas. Cuando se cierra la última imagen, vuelve a aparecer esa ventana de inicio, y si se cierra, se cierra GIMP.
Un único menú: ahora hay un solo menú, en la ventana de inicio, o de imágen si hay alguna imágen cargada.
Herramienta de texto mejor: ahora realiza los saltos de línea automáticamente, puesto que se puede delimitar la anchura de la capa de texto.
Mover la imágen más allá de los bordes de la ventana: a veces hay que situar un nodo de la ruta fuera de la imágen, antes esto no se podía hacer si no se usaba un zoom pequeño que dejara ver el área fuera de los bordes del lienzo. Ahora, se puede hacer con mucho zoom, gracias a que se puede desplazar la imágen fuera de la ventana.
Mejora en la selección del lazo: ahora permite realizar selecciones poligonales fácilmente.
Mejora en las brochas: ahora permiten controlar mucho mejor el efecto de la presión, la velocidad...
Saltar fácilmente de brillo-contraste a niveles, y de niveles a curvas. Todo ello sin perder los valores usados en los diálogos.

Sin duda un buen paso más.

gimp-plugin-registry un paquete muy completo

2008-06-30T18:56:00.000-07:00

¿Usas Debian GNU/Linux? ¿Y Ubuntu? Si usas una de estas dos distribuciones puedes instalarte este paquete:

gimp-plugin-registry

Es un paquete muy completo lleno de filtros que no vienen en la instalación de GIMP. No hay forma más cómoda de instalarlos todos que con este paquete. Entre otros paquetes contiene:

Escalado líquido (liquid rescale), escala imágenes prescindiendo eliminando las zonas con menos información (deformaría la imagen), GIMP es uno de los pocos programas que lo tienen.
Corrección de la aberración cromática, (fix-ca) soluciona este problema de algunas fotografías
Guardar para web, permite guardar rápidamente una imagen en los formatos típicos de Internet, comparando los tamaños entre las diferentes decisiones.
Procesado masivo de imagenes (David's Batch Processor)
Desdenfoque de foco (Focus-Blur), imita el desenfoque producido por una lente, en Photoshop hay uno parecido llamado desenfoque de lente.
GREYCstoration, limpia el ruido de las imágenes.
Limpieza de ruido por ondículas (Wavelet Denoise), como el anterior, pero con un procedimiento diferente, y más rápido.

Hay más filtros, pero estos son los principales. Según que versión del paquete se instale podrían faltar algunos. Este paquete para mi es muy recomendable.

Sombra con colores

2008-06-04T17:53:00.000-07:00

JT me preguntó hace poco si se podía modificar el color de la sombra o su transparencia.
He estado mirándolo un poco, y si que es posible, añadiendo un filtro primitivo más entre medias, como se ve en las conexiones:

Este filtro es Matriz de colores, y funciona de forma parecida al mezclador de canales de GIMP (menú colores), su funcionamiento detallado lo explicaré más a fondo en el futuro, ya que para este caso, no hace falta tocar muchas opciones. Lo primero es usar tipo "matriz", aunque normalmente esta opción ya aparece seleccionada.

Para modificar la transparencia y hacerla menor, se puede modificar el valor de la última fila, el señalado en verde. Un valor de 1 dejaría la transparencia tal cual estaba, un valor de 0, haría la sombra complétamente transparente, y un valor intermedio, daría un resultado con una sombra más semitransparente.

Para modificar el color, hay que tocar las otras tres casillas señaladas en verde, añadiendo valores entre 0 y 1. 0 representa la ausencia de ese color primario, y 1 que ese color está al máximo. En mi caso usé Rojo 0, Verde 0.25 y Azul 1.

Hecho esta modificación, ya se puede usar el filtro, seleccionando un objeto y activando la marca de verificación de la columna filtrar:

Es evidente que si se quiere que otro objeto tenga otro color de sombra, se necesitaría otro filtro, aunque esto es sencillo, basta con pulsar con el botón derecho en el nombre del filtro en la columna "filtrar", y duplicarlo. Se añade un nombre nuevo (sombra roja, sombra verde...) y se modifica la matriz anterior para que salga el color buscado.

Es de agradecer los comentarios al blog, porque me dan ideas a cerca de que entradas pueden resultar más interesantes.

Filtros en Inkscape: Solucionar problemas de recorte del efecto

2008-06-03T17:38:00.000-07:00

Gracias a un comentario de JT en la entrada anterior me he dado cuenta de que algunas configuraciones del efecto de sombra podían producir errores de recorte en el efecto.

Esto es debido a que Inkscape procesa los filtros dentro de un área determinada, este área es la zona donde está el objeto. Esto es así porque algunos filtros tendrían un área matemáticamente infinita (como el desenfoque gaussiano), y para ahorrar recursos, solo se calcula la zona donde se va a notar el filtro, es decir, en las proximidades del objeto donde se aplique.

Inkscape normalmente establece este área automáticamente, aunque a veces puede fallar, dejando el efecto recortado.

La forma de solucionar este problema es relativamente sencilla, basta con ir a la pestaña "ajustes generales de los filtros y aumentar un poco el tamaño de ese área.

En este ejemplo se ha probado a introducir manualmente un área más pequeño, viéndose como se recorta la figura:

Con aumentar un poco ese área, suele bastar para solucionar el problema. Las cifras exactas dependen del caso, así que lo mejor es tantear un poco, sin meter valores muy altos.

Ahora estoy un poco liado con los exámenes, pero sería una buena idea seguir hablando un poco de más filtros de Inkscape, como me sugirieron.

Filtros en Inkscape: Dar sombra a un objeto

2008-05-31T14:09:00.000-07:00

La última versión de Inkscape incluyó la compatibilidad con los filtros que tiene el estándar SVG. Esos filtros modifican los elementos del dibujo de formas parecidas a los filtros que tienen muchos programas de mapa de bits como el GIMP o Adobe Photoshop.

Lo mejor de estos filtros es que son complétamente dinámicos. Si se modifica el objeto de origen, el filtro se actualiza inmediatamente. Por ejemplo, en la imagen anterior si cambio la fuente de "Inkscape", la sombra cambia automáticamente de acuerdo con la nueva fuente usada.

El uso de filtros en la versión actual de Inkscape es un poco complicado, ya que hay que crear los filtros mediante un diagrama. Es posible que en versiones futuras faciliten la tarea añadiendo algunos filtros ya creados.

Lo primero, si se va a aplicar el filtro a varias figuras, es recomendable que estén agrupadas. Luego se pulsa en Objeto-->Efectos de filtro.

Una vez en este diálogo, se pulsa en "nuevo", y se asigna un nombre. Luego, en el selector que está junto al botón "añadir efecto", se selecciona desvío y se pulsa en añadir. Luego se selecciona "desenfoque gaussiano", y se pulsa añadir, y lo mismo para "combinar".

Ya están añadidos los filtros primitivos, ahora queda conectarles entre ellos adecuadamente. Para ello, hay que tener en cuenta que cada filtro primitivo tiene una salida, y varias entradas:

Las entradas aparecen en verde, las salidas en rojo, salvo la del último, que aparece en azul. Esto es porque esa salida no va a parar a ningún otro filtro y por lo tanto, es el resultado que se verá finalmente en la imagen. Las entradas de los filtros se pueden conectar a la salida de otro filtro, o bien a alguna propiedad de los gráficos de origen, señalados en amarillo.

Para conectarles entre si, hay que pulsar el ratón el alguna entrada, arrastrar y soltar en la salida de otro filtro o en alguna propiedad de la imagen. En este caso, habría que conectar la entrada de desenfoque gaussiano a la salida de desvío, la primera entrada de combinar a la salida de desenfoque gaussiano (observa que aparece una entrada más), y la segunda hay que llevarla hasta "gráfico de orígen". Para finalizar, se arrastra la entrada de desvío hasta "alfa de orígen".

Sería algo así:

Hecho esto está completo el filtro, y solo quedan dos detalles:

Activar el filtro: tan sencillo como activar la marca de verificación donde está el nombre del filtro (columna filtrar), con alguna figura de la imagen seleccionada. El filtro se aplica inmediatamente.
Ajustar el filtro: para ello, se pulsa en "desvío", y con los controles "Delta X" y "Delta Y" se controla la posición de la sombra. En "desenfoque gaussiano", se puede controlar el grado de desenfoque de esta.

Para aplicar este filtro a otras figuras, hay que seleccionarlas, y activar la marca de verificación de este filtro. Si se quiere usar este mismo filtro, pero con algún ajuste diferente a las otras figuras (por ejemplo, una sombra más desenfocada), es sencillo: basta con pulsar en el nombre del filtro con el botón derecho (menú contextual), pulsar en duplicar y asignarlo a esas otras figuras.

Existen muchas posibilidades con filtros en Inkscape, aunque este filtro de sombra es muy básico y sencillo. En www.gimp.org.es existe un tema en el foro donde se trata esto de los filtros:

http://www.gimp.org.es/modules/newbb/viewtopic.php?topic_id=2815&forum=15

Sería deseable que las próximas versiones permitan usar tanto filtros "hechos a mano", como otros que vengan ya hechos, y que se puedan ajustar con un diálogo sencillo.

Recuperar botón derecho en Firefox fácilmente

2008-05-18T16:08:00.000-07:00

¿Has llegado a una página web y estás cansado de que te toquen las ____ quitándote el botón derecho del ratón?

Bien, para salir del paso y recuperar el menú contextual, puedes copiar este texto y pegarlo en la barra de direcciones:

javascript:void(document.oncontextmenu=null)

Pulsa enter, y listo, la "protección anticopia" saltará por los aires, y podrás usar el menú contextual sin problemas. Como suelen decir:

"lo que se puede leer, se puede copiar"

Si quiere agilizar el proceso para cuando lo necesites en el futuro, puedes probar este otro truco: crea un nuevo marcador (favoritos), es decir, Marcadores->Añadir marcador. Luego, edita ese nuevo marcador, para ello pulsa en el menú marcadores de nuevo, y pulsa con el botón derecho y dale a propiedades, en esa ventana, se modifican los campos. El más importante es Ubicación (el resto da igual), que tiene que tener el siguiente texto (haz triple clic para seleccionarlo todo, porque hay una parte que no se ve):

javascript:void(document.oncontextmenu=null);javascript:void(document.onmousedown=null);javascript:void(window.onmousedown=null)

Más o menos quedaría así:

Una vez hecho, se pulsa aceptar y listo, cada vez que una página quiera coartar tu libertad de uso del ratón, pulsa en este marcador y listo, ya puedes volver a usar el botón derecho lo que quieras. Incluso puedes tenerlo en la barra de marcadores.

Dar las gracias a este blog, porque este truco lo acabo de necesitar, y me ha sido de gran ayuda:
http://blog.faqoff.org/2007/09/22/activar-el-boton-derecho-del-raton-en-paginas-donde-no-funcione/

Agrandar imagenes en pixel art

2008-05-03T13:19:00.000-07:00

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

2008-02-18T17:30:00.000-08:00

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.

Usar nuevos guiones para los bordes en Inkscape

2008-01-14T16:55:00.000-08:00

Inkscape es un programa de diseño vectorial de fácil uso, pero que permite hacer creacciones muy buenas. De todas formas, algunas versiones siguen arrastrando algunos problemas, como el poder determinar guiones personalizados para las lineas (los guiones para las lineas, es lo que permite hacer lineas de puntos, trazos más largos o más cortos, contínuas...). La versión 0.46 aún no lo tiene solucionado, aunque hay algún truco medio avanzado que permite usar los guiones que queramos (el estándar SVG permite usar cualquier guión, aunque Inkscape nos ofrece unos pocos predefinidos).

Uno de ellos es entrar en el editor XML (Edición->Editor XML) y escribir el guión para una ruta de la imagen. Para ello se pone en la linea un guión (da igual el que sea). Luego, se entra en el editor XML con la ruta seleccionada. En la parte de la derecha busca el atributo "style", y se pulsa sobre el. En la parte inferior aparecerá el contenido de esa etiqueta, lo que hay que hacer, es modificar la propiedad "stroke-dasharray", poniendo el guión deseado, y pulsando aceptar (es posible que Inkscape reestrucutre un poco lo escrito). Por supuesto, antes de hacer esto se guarda la imagen por si acaso hay algún problema.

A continuación explico un poco como funciona este parámetro. Es importante no modificar la estructura de la etiqueta, se pueden añadir más valores de dos en dos, y separados por comas. La etiqueta a modificar estaría aquí:Al final quedaría así (los espacios entre números los introduce Inkscape automáticamente) :
El otro, es añadirlos a la lista que se despliega en Inkscape, a través de su archivo de configuración. Este achivo se llama "preferences.xml", y se encuentra en la carpeta:

/home/__tu nombre de usuario__/.inkscape (GNU/Linux)
UNIDAD:\Documents and Settings\__tu nombre de usuario__\Datos de programa\Inkscape (Windows)

Dentro de ese archivo se verán muchas lineas con la configuración. Con un editor de textos (a ser posible que coloreé la sintaxis XML), se busca la palabra "stroke-dasharray". Debería a parecer una serie de lineas así:

<dash
style="stroke-dasharray:0.02 0.02;"
id="dash-0150-0150" />

Pues bien, es ahí donde se define esa lista. Si se añaden más etiquetas, y no se rompe el marcado XML (importantísimo), se pueden añadirse nuevos guiónes. Aquí dejo uno:

<dash
style="stroke-dasharray:1 1 3 1 1 3;"
id="dash-1-1-3-1-1-3" />

El funcionamiento es sencillo: "id" es el nombre, y tiene que ser diferente a los otros nombres. En "style="stroke-dasharray:1 1 3 1 1 3;" " se introducen los parámetros que nos gusten para formar la linea. El primer número, representa la longitud del tramo que habrá trazo, el segundo, es la longitud que quedará entre trazo y trazo, el siguiente, es la longitud que hay trazo, y así sucesívamente. Pueden añadirse tantos números como se quiera, pero tienen que ser pares, y dejando un espacio entre números, y no eliminando el punto y coma, las comillas... Y repito, teniendo cuidado de no romper la sintaxis.

Un ejemplo: 1 1 3 1 1 3 quedaría una linea así: /----------/
A lo largo...
------------------------------------------------------------

Esta operación hay que hacerla con Inkscape cerrado, y con una copia de seguridad del fichero por si acaso se rompe la sintaxis XML o se define mal la linea.

Ojalá en próximas versiones de Inkscape mejoren este detalle, y que el usuario pueda hacerse sus guiones fácilmente.

EDICIÓN POSTERIOR:
Aquí he encontrado un tutorial en inglés sobre como crear patrones personalizados, y añadirlos para que Inkscape los muestre en el desplegable de patrones:

http://ffaat.pointclark.net/blog/archives/143-Creating-and-Adding-Custom-Patterns-to-Inkscape.html

En Inkscape 0.46, habrá varios patrones ya definidos, a parte de los que se pueden crear.

Adquirir paletas para GIMP a partir de páginas web

2008-01-14T08:11:00.000-08:00

Palette Grabber es un complemento para Firefox que permite crear paletas a partir de los colores empleados en las páginas web. Este complemento toma los valores usados en los ficheros HTML y CSS para hacer las paletas. Permite guardar las paletas en formato GIMP, pero también en formato Adobe Photoshop, Adobe Fireworks, Flash, Paint Shop Pro, Mac OX y como documento de texto. Para acceder a este complemento, hay que pulsar en un botón que aparece abajo a la izquierda (en la barra de estado) de la ventana de Firefox.

Un detalle importante en Linux (al menos con el escritorio XFCE), es que para elegir el tipo de fichero hay que pulsar en "buscar otras carpetas", y ahí, elegir GIMP.

Ejemplo de paleta generada:

Un detalle de las extensiones de Firefox, es que funcionan en Windows y en GNU/Linux sin problemas de compatibilidad.

Dibujar un sistema planetario

2008-01-10T05:58:00.000-08:00

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:

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.

Exif viewer para Firefox

2008-01-09T08:55:00.000-08:00

Exif viewer es una extensión para Firefox que permite ver los metadatos de los archivos JPEG. No solo permite ver información EXIF, también permite leer campos IPTC, IFD, miniaturas JPEG...La información EXIF es una información que las cámaras (o escáneres) escriben en los ficheros JPEG cuando los guardan, permitiendo conocer como se hizo la foto (ISO, tiempo de exposición, longitud focal, apertura, si se usó flash...). La información IPTC es parecida, pero se usa poco. Estos campos contienen información sobre el autor de una foto, la licencia de distribución, palabras clave, orígen... La miniatura del archivo JPEG permite acelerar el proceso de creacción de vistas previas en los navegadores de ficheros, y no siempre se incluye cuando se guarda un fichero (GIMP da la opción de elegir). Como dato curioso, no siempre que se guarda un fichero JPEG se actualiza esta miniatura (GIMP si la actualiza), esto hace que algunas personas que se tapan la cara para preservar su anonimato se encuentran con que en la miniatura su cara puede reconocerse algo.

Compatibilidad con las brochas ABR

2008-01-09T04:19:00.000-08:00

El formato de brochas ABR es de Adobe Photoshop. Al principio para usarlas en GIMP había que convertirlas al formato GBR (el de GIMP) mediante varios procedimientos intermedios. Afortunadamente, en GIMP se ha ido mejorando la compatibilidad con estas brochas con el tiempo. Actualmente, muchas brochas de Photoshop se pueden usar diréctamente en GIMP sin problemas, basta solo con añadir el fichero ABR en la carpeta de brochas (./home/usuario/.gimp-2.4/brushes o Unidad:\Documents and settings\.gimp-2.4\brushes), hecho esto, hay que recargar las brochas. Para ello hay que ir al diálogo de brochas (Diálogos->Brochas, aunque suele estar abierto) y pulsar el botón de actualizar de abajo a la derecha. Todavía hay algunas brochas que no son 100% compatibles.

Como prueba, se pueden descargar estas brochas: Splatter Brushes por ~ka05.

¿Y dónde encontrar buenas brochas?
Una página muy buena sobre GIMP, Photoshop, y diseño gráfico en general es http://www.deviantart.com donde se pueden ver creaciones, diseños, brochas y guiones.
Y por supuesto, no hay que olvidarse del foro de usuarios de GIMP en español: http://www.gimp.org.es

Un detalle MUY IMPORTANTE sobre las brochas:
Los derechos de autor de las brochas pertenecen a quién las hace, por eso, al usar las brochas en un diseño, hay que asegurarse de que el autor permita el uso que se les va a dar (por ejemplo, pueden ser de uso no comercial), o bien pedir permiso diréctamente al autor. El ejemplo de brochas indicado antes, tienen una licencia Creative Commons Attribution 3.0 License. O lo que es lo mismo, se pueden usar libremente si se indica de quién creó las brochas y donde fueron descargadas.

Otro consejo, es que si ves unas brochas para Photoshop, y otras para GIMP realizadas convirtiendo las brochas de photoshop, es recomendable usar las de Photoshop si funcionan bien.

Los complementos más interesantes para GIMP

2008-01-08T18:53:00.000-08:00

Aquí he estado intentando resumir los complementos más interesantes para GIMP que hay en el registro de GIMP. También he explicado un poco como se instalan los complementos, tanto en Windows, como en GNU/Linux:

http://docs.google.com/View?docid=dgcrkb79_1dt2bszdb

Lo iré actualizando, según vaya viendo, y teniendo tiempo.

Escalado líquido

2007-11-26T17:19:00.000-08:00

Este filtro permite reducir (o ampliar) el tamaño de una imagen teniendo en cuenta su contenido. Normalmente la función escalar, modifica el tamaño de toda la imagen por igual. Este filtro, tiende a "respetar" aquellas áreas donde hay más contenido, reduciendo el tamaño, de aquellas zonas que no parecen tener contenido interesante. Es un filtro de uso principalmente artístico que se ha desarrollado hace muy poco tiempo.

Este complemento no viene con GIMP, y hay que descargarlo a parte:
http://liquidrescale.wikidot.com/en:download-page

Es sencillísimo de usar, basta introducir el tamaño en los recuadros de la izquierda. Encima aparece la capa a modificar. Este filtro no tiene vista previa, esta imagen que aparece es para indicar que capa quedará modificada solo.

A partir de esta foto (640×480), podríamos obtener estas dos:

480×480 (aplastada de los lados, observa la calzada):

640×320 (más achatada, observa que las nubes de la zona superior han desaparecido casi totalmente):

Se puede hacer que algunos elementos sean favorecidos, o perjudicados a la hora de elegir cuales serán eliminados. Para esto se crea una capa transparente (máscara) encima y se pinta en blanco las zonas a preservar (o eliminar). Luego, se selecciona la capa a modificar, y se marca "preserve features" (la otra casilla es para eliminar) y se selecciona la capa que donde se pintó de blanco. Fíjate que a la izquierda aparezca la capa a modificar, y no la máscara dibujada.

Ejemplo, a 480×480, la calzada no es aplastada:

Hay más opciones, pero lo básico es esto. En la segunda pestaña, "resize image canvas", hace que el lienzo también se reduzca de tamaño, quedando ajustado.

Efecto curioso con la herramienta sanear

2007-11-26T13:49:00.000-08:00

La herramienta sanear permite arreglar desperfectos en una imagen de forma similar a como se hacía antes con el clonado, pero con un mejor resultado, ya que adapta la tonalidad a la zona donde se aplica la herramienta.

A veces, esta herramienta se puede usar para fines para los que no fue creada, pero que ofrece resultados curiosos.

En este caso se parte de esta imagen de una conocida discoteca:

Después, se crea una imagen nueva del mismo tamaño, y rellena del color que se prefiera, en mi caso usé un tono azul (concrétamente 2874c4).
Hecho eso, se pasa a la herramienta sanear, se pone en alineación "registrado", se mantiene pulsada la tecla CONTROL, y se pulsa con el ratón en la imagen original. También hay que usar una brocha grande, en mi caso usé una de radio 65 más o menos.
Hecho esto se empieza a dar brochazos sueltos en la imagen de destino (la imagn nueva azul), a veces, en un lugar queda un borde muy duro, pero se puede arreglar con otro brochazo en la zona. En mi caso, tras llenar de brochazos toda la imagen me quedó así: Después, con tono-saturación convertí los azules en naranjas, con el deslizador tono en 180º:

Queda curioso al final.

El cubo de pintura

2007-09-14T03:19:00.000-07:00

El cubo de pintura sirve para rellenar áreas de la imagen con un color uniforme, o con un patrón.

Hay dos formas principales de usarla:

Rellenando la selección complétamente (o toda la imagen si no hay nada seleccionado). Es muy sencillo: rellena todo.
Este método, se puede atajar si se va a rellenar con el modo normal y 100% de opaciodad, arastrando el color o el patrón hasta la imagen.
Rellenando solo los colores similares: este método busca rellenar solo en los colores similares al punto donde se hizo clic. Es casi similar a pulsar con la varita mágica (selección difusa) en ese punto, y después rellenar la selección completamente.
Con umbral se puede controlar si se rellenaran solo las zonas con colores muy parecidos, o si se admite más diferencia. Ahora también se puede especificar como se hará esa búsqueda, ya que en la versión 2.2, se usaba siempre compuesto. Estos dos controles, son similares a la varita (selección difusa).
Muestra combinada es útil: permite especificar como se buscarán los colores, si en base a los colores de la capa activa (sin tener en cuenta el resto de capas), o si se empleará el resultado visible.

Aquí dejo un ejemplo (www.gimp.org.es), donde hay dibujadas varias formas, y se han rellenado con el cubo, en modo compuesto, usando la mayor tolerancia posible, sin salirse de la forma.

Usos de curvas

2007-08-14T18:09:00.000-07:00

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

2007-08-13T18:02:00.000-07:00

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.

Uso de niveles para arreglar fotos

2007-08-11T18:33:00.001-07:00

La herramienta niveles es fácil de usar, y suele dar buenos resultados a la hora de retocar imagenes demasiado claras o demasiado oscuras.

Para ello, primero se hace que el histograma sea mostrado logarítimicamente, para ello se pulsa el botón de la esquina superior derecha:

Luego corre el triángulo izquierdo del deslizador superior (niveles de entrada) hasta que coincida con el inicio de la parte más gruesa histograma, y el derecho, hasta el final de esa zona. Si se introducen demasiado dentro de esa zona, la imagen perderá demasiados matices oscuros o claros.

Después, se corre el triángulo central para aclarar (hacia la izquierda) o oscurecer (hacia la derecha) la imagen. En el caso de mi imagen, quedaría tal que así:

Antes de pulsar aceptar, conviene echar un ojo a la vista previa, y marcar y desmarcar la casilla para comparar antes y después, y si es necesario, retocar la posición de alguno de esos triángulos.

Los cuentagotas superiores, pueden ser de ayuda para esto, para ello se pulsa en el izquierdo, y después en una zona que debería ser totalmente negra en la imagen, y luego el izquierdo en otra zona que debería ser totalmente blanca, hecho esto, se jugaría con el triángulo central hasta dar con su posición adecuada.

En general, con esos cambios suelen tenerse buenos resultados. Si la imagen estaba comprimida en JPEG de forma fuerte, o era excesivamente oscura, es normal obtener unos colores pobres, ya que las imágenes apenas tienen información de colores. Las imágenes que están más bien oscuras, suelen quedar mejor al final que las que estaban más bien demasiado claras.

Se puede corregir el balance de blancos con esa misma herramienta, pero creo que es mejor hacerlo después con la herramienta balance de color.

Esta imagen sirve como ejemplo:

Se puede ver como es una foto claramente oscura:Aplicando niveles bien, situando el triángulo para el negro (izquierda) en 6, el intermedio en 2 y el triángulo para el blanco en 243, y aumentando la saturación (viveza de los colores, se hace con la herramienta tono-saturación) queda así. No es que vaya a ganar todos los premios de fotografía, pero al menos se ve:

Y este sería el caso, si al aplicar niveles, los triángulos quedan demasiado en el centro, y se meten dentro del área más gruesa del histograma, en este caso los valores fueron 14 para el negro, 2 para el intermedio (el mismo que antes) y 231 para el blanco. Al final también aumenté la saturación. La foto, ha ganado contraste... tal vez demasiado, y ha hecho que algunas zonas que deberían estar oscuras, pero no negras, queden totalmente negras, perdiendo esos detalles.

Conclusiones: aplicar niveles es una forma fácil y rápida de corregir el brillo en una foto, situando los triángulos en las posiciones adecuadas, según cada foto, se consigue un buen resultado la mayoría de las veces.

Herramienta niveles

2007-08-10T18:24:00.000-07:00

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.

Vuelvo al blog

2007-08-09T18:38:00.001-07:00

Bueno, con los exámenes y tal, dejé un poco de lado el blog. Y ahora que he vuelto a entrar en la cuenta de correo (suerte que no se me ha olvidado la contraseña) he visto que me habéis dejado algunos mensajes de ánimo.
Muchas gracias por ellos. Voy a mirar si continuo mejorando el blog, contando la parte más práctica de GIMP, para retocar fotos, arreglarlas, y trucarlas.

A ver si me atrevo a hablar de curvas, una herramienta que de forma sencilla (aunque a primera vista no lo parezca) permite hacer muchas cosas, aunque antes hablaré de niveles. Con esas dos herramientas, corregir una foto oscura es sencillo.

Y por supuesto, no dudéis en preguntarme cualquier duda, la responderé ya que en el correo me llega una notificación.

Y como no quiero dejar este artículo sin un truko, aquí va:

Muchas cámaras de fotos digitales (incluso de móviles) permiten guardar las fotos con distintas calidades según se configuren:

Varias resoluciones (los megapíxeles)
Varios niveles de compresión JPEG (a menudo aparece media y alta).

Lo primero es bastante evidente, pero lo segundo, no tanto. A veces, a primera vista, puede parecer que una imagen queda igual con media y con alta, pero no siempre es así. A veces, al ampliar a zoom 100% en una imagen más comprimida se observan ligeramente los bloques que hace la compresión JPEG, y además si se trata de aclarar la foto porque saliera muy oscura, quedan unos tonos un tanto pobres y los bloques destacan aún más.
Claro, que menos compresión JPEG da más calidad... pero ocupando más espacio. ¿Que hacer? Yo, personalmente recomiendo guardar las fotos con la máxima resolución, y buscando poca compresión JPEG, sobretodo en fotos que son para el recuerdo. En general las tarjetas de memoria se han venido abaratando mucho de un par de años o dos, y siempre es mejor al ampliar la cara de una persona observar bien los detalles sin que se noten los bloques JPEG.
Yo tengo una cámara en la que de usar una calidad a otra, va más o menos el doble de tamaño de fichero, pero la calidad ganada merece bastante la pena, ya que no se notan bloques JPEG, y si alguna foto queda oscura, se puede aclarar bastante bien, sin que queden al final unos tonos pobres como a veces ocurre.

Bueno, a seguir con el blog. Mañana contaré de una forma muy visual y sencilla como van los niveles, y la forma en la que se suelen utilizar para retocar fotos.

Estampar una tela con el GIMP

2007-04-22T19:27:00.000-07:00

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

2.2.14

2007-04-22T04:59:00.000-07:00

Ha salido la versión 2.2.14 de GIMP, incluso ya está disponible el instalador para Windows. En la versión 2.2 ya no aparecen características nuevas, sino que sobretodo se corrigen fallos que se han ido encontrando.
Un enlace rápido para descargar el GIMP para Windows es este:
http://downloads.sourceforge.net/gimp-win/gimp-2.2.14-i586-setup.exe?use_mirror=dfn
Según las notas, no necesita actualizar el GTK antes de instalarlo

Cubismo

2007-04-21T18:34:00.000-07:00

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.

El lápiz

2007-04-20T04:54:00.000-07:00

Como hablé del pincel, ahora toca hablar de una herramienta muy parecida: el lápiz, que aparece al lado del pincel en la ventana principal.
El lápiz es muy parecido al pincel. ¿Cual es la diferencia? Que cuando pinta los píxeles, o los rellena complétamente, o los deja como estaba. Es decir, usa bordes duros siempre.

Fijaos en este ejemplo, en la ampliación de "lápiz pincel", lápiz aparece con píxeles totalmente azules y totalmente blancos donde no hay letras, mientras que pincel tiene píxeles en los bordes con diferentes tonalidades entre el azul y el blanco, lo que elimina el aspecto de dientes de sierra que se ve en lápiz.¿Para que se usa el lápiz? Básicamente se usa para dos tipos de tareas:
Pixel Art: es la técnica de dibujo digital, en la que se suelen tratar los píxeles de uno en uno (el disquete es un ejemplo muy simple).
Dibujar lineas muy finas (uno o dos píxeles de ancho), sin que queden difusas, como la que aparece alrededor de la ampliación de "lápiz y pincel".

Como se ve en la imagen, el lápiz no es muy apropiado con la mayoría de brochas, ya que los píxeles semitransparentes de las brochas, los toma como totalmente opacos, perdiendo un poco la forma, se puede ver con el pimiento, y los puntos luminosos, que aparecen como yemas de huevos fritos.

El pincel

2007-04-19T09:27:00.000-07:00

El pincel es una herramienta básica de GIMP. No hablaré mucho de él, puesto que en la ayuda está bastante bien explicado, y en español (pincel en GIMP), mejor me limito a resumir un poco todo, explicar algún truki y sobre todo, poner imágenes, que en este tipo de programas, hablan mucho más que las palabras.

El pincel es una herramienta que en principio, se pasa por la pantalla y ya está, parece que hace lineas de color. Esto es cierto, pero esta herramienta va mucho más allá. El pincel funciona, aproximadamente, marcando los píxeles por donde se pasa. Esto se hace marcando (como si fuera un matasellos que estampase la figura de la brocha) los píxeles cada cierta distancia recorrida, como se ve aquí. La linea oscura es el recorrido hecho con el pincel, cada cierta distancia recorrida (donde van las cruces), la brocha da un brochazo con el que marca unos cuantos píxeles con la forma de la brocha (en este caso circular), quedando al final como se ve abajo:Si la brocha es un círculo, y los "brochazos" quedan cerca unos de otros (de forma que se superpongan), tenemos que queda una linea continua. Veamos que pasa si se varia la distancia de los trazos. En la primera fila, se juega con una brocha circular no difuminada, y en el segundo, con una brocha difuminada:Con la brocha circular se usó un espaciado inicial del 200%, y se fue reduciendo (150, 100, 60, 40) hasta llegar a un espesor por defecto (20%, la penúltima linea) y se terminó con un 10% de espaciado, quedando una linea contínua.

Con la brocha difusa se usó un espaciado del 200% y se fue reduciendo también (150, 100, 60, 40) hasta llegar al espesor por defecto (25%), y finalmente se hicieron dos lineas con un 15% y un 5% de espaciado. Obsérvese como variando el espaciado, se consiguen diferentes efectos, y cómo en el último caso, con un espaciado menor que el por defecto, cómo se consigue hacer que la brocha sea algo menos difuminada. Para modificar el espaciado, hay que usar el diálogo de brochas, en la parte inferior se puede modificar con un deslizador.

Ahí no queda todo, también se pueden usar otras brochas con formas diferentes a los círculos, que al pasarlas, producen efectos diversos (en este caso usé Confetti, Galaxy, GIMP Brush, Propierty of XCF! y square 10 x 10). Para cambiar de brocha, se puede usar el diálogo de opciones de herramienta, o el diálogo de brochas (más cómodo):Si te lo estabas preguntando, si, tu también puedes crear tus propias brochas, pero eso, vendrá en otra entrada.

A algunas brochas, se las puede dar el color que uno quiera, en cambio otras, tienen sus propios colores que no se pueden cambiar. Normalmente, las brochas que en el diálogo de brochas aparecen en negro, pintan con el color de frente, y las que tienen varios colores, los colores que se ven, y no se pueden cambiar. En este caso, las tres figuras superiores, se hicieron con un color, y las tres inferiores con otro. El pimiento y las uvas son brochas con sus propios colores:Además, algunas brochas pueden cambiar el modelo de brochazo a cada brochazo que dan (como si se cambiara de matasellos). Son las brochas dinámicas, y permiten crear efectos (bordes, marcos...) menos repetitivos que los que se producirían con brochas normales. En este caso se han usado varias de ellas:Las brochas animadas se diferencian de las normales, porque en el diálogo de brochas aparecen con una pequeña marca naranja en la esquina inferior derecha. Algunas cambian el brochazo siguiendo un orden, otras, según la presión ejercida (si usas una tableta gráfica), otras según la dirección que se lleve en la trayectoria, y otras simplemente son aleatorias.

Otro detalle a la hora de usar el pincel (y otras herramientas parecidas), es que se puede activar un desvanecimiento, por el que los brochazos serán más débiles a medida que avanza el trazo, este desvanecimiento se mide en píxeles (o la unidad que prefieras) y se puede aplicar con cualquier otra configuración:Para dar un toque más colorista a las brochas, existe la opción de que su color dependa de un degradado, es decir, el trazo toma el color del degradado seleccionado, las opciones, son similares a las de los degradados, bueno, hay algunas menos, porque hay opciones en los degradados que no tendrían sentido con las brochas. Aquí dejo un ejemplo usando los tres tipos de degradado: sin repetición, triangular y en sierra:GIMP 2.3 incluye dos novedades extra, bastante útiles:

Aplicar jitter: esto hace que los brochazos no caigan en el punto en el que se pasa la brocha, y los desvía un poco de forma aleatoria. Es algo así, como si aumentase el nivel de alcoholemia de forma virtual (el nivel 5 es un auténtico colocón), queda tal que así (probándolo a diferentes intensidades, la primera sin activar, y la que está en verde, es al máximo nivel):
Encoger o agrandar la brocha (escala): esto permite reducir y ampliar las brochas, para que se adapten al tamaño requerido (algo que incluso TuxPaint hacía desde hace mucho tiempo). Es una de las funciones que más gustarán cuando se lance GIMP 2.4. Este es un ejemplo con el pimiento:

Blanquear o ennegrecer

2007-04-18T18:22:00.000-07:00

Esta herramienta aclara o oscurece (según el modo en que esté) a aquellas zonas por las que pasa.
Puede ser útil para crear nuevas sombras, puntos de luz, o dar apariencia de quemado en una parte de la imagen. Funciona mejor con brochas algo difuminadas.

Las opciones son parecidas a las otras herramientas. Bordes duros hace que la brocha se comporte de manera similar a un lápiz (es decir, actué totalmente sobre los píxeles por los que pasa). Con tipo se puede elegir la forma en que trabajará la herramienta (puede blanquear o enegrecer la imagen), y modo permite especificar en qué zonas será más intenso el efecto de la herramienta (puede hacerse que la herramienta solo actué en las zonas más claras, las intermedias, o las más oscuras). Con exposición, se puede controlar la intensidad de la herramienta.

En esta imagen hay un ejemplo. Hay seis trazos con esta herramienta, en la parte superior, hay dos en los que se aplico para puntos de luz, en la de arriba en modo oscurecer, y en el que está justo debajo en aclarar. En las dos bandas intermedias, se hizo lo mismo (la de arriba aclarando, la de abajo oscureciendo), pero aplicándolo a áreas de tonos intermedios, y en la zona inferior, a zonas oscuras.
NOTA: si tienes el monitor muy claro o muy oscuro, tal vez veas con más dificultad la imagen.

Animaciones con textos y letras

2007-04-18T07:26:00.000-07:00

Estos guiones, animan textos y letras. Son muy útiles como cabeceras o páginas de inicio.

Letter drop: Las letras van cayendo sobre la palabra, formándola poco a poco. También pueden hacer lo contrario: emerger, si se introduce un tamaño final de letra mayor que el inicial.
¿Que se puede configurar? Se puede configurar el tamaño de letra, la fuente, el color de fondo y el de frente, el tamaño inicial de las letras y el tamaño final, el número de fotogramas por segundo y velocidad de movimiento de las letras. También se puede hacer que el tamaño de las letras siga una progresión geométrica, o bien, que según caen cambien de color según caen mediante un degradado. Este guión no viene con la instalacción típica de GIMP.Descarga:
http://www.gimptalk.com/forum/topic/Letter-drop-Script-3470-1.html

No pongo más guiones, porque aunque alguno más hay, pero son de Perl, que aún no funcionan en Windows, y en Linux, aún no les he probado.

Genración automática de botones

2007-04-18T07:19:00.000-07:00

GIMP puede diseñar botones para páginas web de forma rápida, gracias a un guión. Hay dos guiones que crean su modelo de botón respectivo a partir de unos pocos parámetros, como texto, tamaño y colores.

Botón redondo: este guión crea un botón con forma de rectángulo con sus bordes redondeados. Al usarlo, puede sorprender que aparezcan tres imágenes en pantalla, pero no es ni más ni menos, que el mismo botón dibujado para tres estados: normal, con el ratón por encima y pulsado. Luego, en la página web se programa todo, y se crea el efecto de pulsar el botón con un javascript.
En las opciones del guión se puede modificar los colores, tipografía, tamaño de letra, el redondeo, tamaño del bisel...Aquí se puede ver abajo el botón cuando tendría el ratón por encima, en el medio, el estado normal, y arriba, el aspecto mientras se encuentra pulsado.
Botón simple biselado: este guión crea un botón con aspecto 3D, con un bisel (remate en la arista) y relleno con un degradado, como se ven en la imagen.
Estos botones tienen el ancho que de de si el texto, por lo tanto, son más adecuados para crear botones dispuestos en horizontal. El relleno (padding) es la distancia entre el borde del texto y el borde del botón. La opción pulsado permite dibujar el mismo botón, pero con apariencia de estar pulsado, esto permite crear el efecto típico de las páginas web, que cuando se pulsa en un botón, este se hunde. El efecto que se produce al pasar el ratón por encima, puede ser logrado fácilmente alterando ligéramente los colores del degradado. Antes de guardarlos, hay que aplanar la imagen, opción que aparece en el menú imagen.

Una vez con la imagen creada, llega el momento de guardarla. Yo, personalmente recomiendo guardarlos en formato PNG, que es el más adecuado en este caso. El formato JPEG mataría en exceso los colores y contornos, sin lograr a cambio una gran compresión. El procedimiento sería convertir la imagen en indexado (Imagen-->modo-->indexado), usar una paleta óptima, poner ninguno en difuminado y finalmente, guardar en formato PNG. Esto genera ficheros de tamaños muy reducidos.
También se puede probar a poner un número máximo de colores inferior a 256, pero si el número es muy bajo, puede perderse calidad, noramalmente 63 para imágenes con alguna transparencia y 64 para imágenes sin ningún área transparente, suelen ir bien. Este último detalle, es prescindible, aunque puede reducir el tamaño de fichero.

NOTA IMPORTANTE: si en tu página web vas a poner un enlace como un botón, no olvides poner un texto alternativo (etiqueta alt o bien la opción del editor HTML). Este texto alternativo, debería contener lo que pone en el botón, y es de gran ayuda a las personas que no puedan ver el botón, ya sea porque sean ciegas, porque su navegador no visualice imágenes o si símplemente, la carga del botón falló. Este último caso, es bastante frecuente.

Mosaico de papel: trocear una imagen

2007-04-17T19:36:00.000-07:00

Este filtro divide una imagen en numerosos trozos rectangulares, y los desplaza un poco en direcciones aleatorias. Simula el efecto de trocear una fotografía, y colocar los trozos sobre una superficie, de forma ordenada pero sin pegarlos. Se accede por Filtros-->Mapa-->Mosaico de papel.

La opción volver al principio (wrap around) hace que si un fragmento se desplaza fuera de los bordes de la capa, dibuja la parte que queda fuera en la parte contraria de la imagen.

Al desplazar los píxeles, algunas zonas quedan sin imagen ni nada, por eso, el filtro permite elegir varios modos de rellenar esas zonas intermedias:

Transparencia: para que aparezca esta opción, hay que trabajar con capas transparencia (canal alfa), estos se puede añadir en el diálogo de capas.
Rellenar con imagen invertida, o imagen: se usa la propia imagen. Si se no invierte la imagen, puede quedar demasiado igualadas las casillas con las zonas intermedias en el efecto final.
Rellenar con colores: de frente, de fondo o seleccionar un color.

Generación de patrones automática

2007-04-17T17:43:00.000-07:00

Hay un menú poco conocido, que se oculta en la ventana principal y puede pasar algo desapercibido.

Este menú está en Exts-->Script-Fu y crea imágenes desde cero automáticamente. En este artículo hablaré solo de los guiones que generan patrones automáticamente.

En general, estos guiones por si solos trabajan bastante bien, y normalmente, el único parámetro que se suele usar, son las medidas, de todas formas, nunca está de más probar a jugar un poco con los parámetros del guión. es emtretenido, y se observa el mejor resultado.

Aplanar (flatland): el nivel de detalle produce eso, más detalles (lagos, penínsulas...) en la imagen final.
Camuflaje: similar a la pintura de camuflaje. Permite usar los colores que se quieran en lugar de los que vienen, y también alterar la granularidad (más valor, produce manchas más pequeñas), también hay una opción que difumina la imágen.
Conviene guardarlo en PNG si no se aplica la opción suave, ya que JPEG degradaría mucho su calidad, y además, ocuparía más espacio, ya que JPEG no está adaptado a imágenes así.
Embaldosado de remolinos: parecido a una borrasca. Se puede cambiar la orientación de la luz (al crear el efecto, se simula como si una superficie rugosa fuera iluminada), la rugosidad y la "fuerza del remolino" y color de fondo.
Remolino: se puede controlar el grado de retorcimiento.
Renderizar mapa: Parece como si fuera un mapa. Hay que destacar, que se pude usar cualquier degradado, para obtener efectos parecidos. Al guardar, si se hace en JPEG, conviene desactivar una opción llamada submuestreo esta opción aparece en opciones avanzadas, y para desactivarla se introduce 1×1,1×1,1×1. Esto hace que los colores pierdan mucho menos, aunque la foto ocupa algo más.
Tierra: parece como si fuera un continente.
Truchet: este patrón consiste en que no queden nunca extremos sueltos.
Truchet 3D: como el anterior, pero en 3D.

Patrones de difracción

2007-04-17T12:04:00.000-07:00

Con esta entrada, abro una nueva sección: autoGIMP. ¿A que me refiero con autoGIMP? Muy sencillo, es cuando Willber se pone a pintar solo, y nos dibuja algo. ¿Cual es la utilidad de esto? Pues que nos ahorra un esfuerzo.

El primer filtro del que hablaré, será de patrones de difracción, estos patrones se forman cuando dos ondas chocan entre si. Este filtro imita patrones de difracción, para ello parte de varios parámetros.

Imitar un suelo embaldosado con GIMP

2007-04-17T05:05:00.000-07:00

En este tutorial se van a ver varios filtros y procedimientos típicos de GIMP.

Primero, se parte de una imagen de 100×100, y en esta, se activa la rejilla, y el ajuste a la rejilla (menú ver). Hecho esto, se puede dibujar con mucha más comodidad, puesto que los nodos que se dibujen se pegarán a esta.
Después, se dibuja con la herramienta de rutas y en modo poligonal (para evitar los trazos curvos) una ruta que pase por donde se ve en esta imagen:
Hay que cerrar la ruta, para ello, se pulsa control antes de hacer click sobre donde se puso el primero nodo, así, queda cerrada.

Con esta ruta hecha, sólo queda rellenar la imagen de un color, y luego, seleccionar la ruta y rellenar el área de otro color. Como se quiere que las llendas sean oscuras, se va a trazar la ruta, para ello, se elimina la selección (menú seleccionar-->ninguno trazar una linea, continua y de 0.8 de ancho.), y se va al diálogo de rutas, y se pulsa en trazar ruta. Se escoje como color de frente el negro, y en la ventana se introduceCon esto hecho, ya está preparada una baldosa.Como hay que cubrir más superficie, se usa el filtro enlosar, en mi caso con 800×600.
Luego, una vez con una superficie ya embaldosada, solo queda añadir relieve, para ello hay que crear una capa de relieve para usar en el filtro mapa de relieve (bumpmap).
Esto se realiza duplicando la capa, y aplicando a la capa nueva (la superior) el filtro Sobel (Filtros-->Detectar bordes-->Sobel). Después, probablemente hayan quedado muchas zonas de la imagen transparentes (esto ocurre cuando se aplica el filtro a una capa con canal alfa (de transparencia)), si este es el caso, se pueden rellenar de blanco con el cubo, en modo "toda la selección" y con el modo "detrás". Al final queda una capa blanca con las lineas de las llendas. Para suavizarlo un poco se aplica el desenfoque rápido (Filtros-->Desenfoque-->Desenfoque (blur)). Queda tal que así:Hecho esto, se hace invisible la capa de relieve (clic en el ojo) y selecciona la capa con las baldosas, y se va a (Filtros-->Mapa-->Mapa de relieve (bumpmap)) y se selecciona como mapa de relieve la capa creada justo antes, se escoge un tipo de mapa sinusoidal (crea mejor la forma de las baldosas) y se aplican el acimut y elevación que se quieran (es la orientación de la luz), los desplazamientos de x e y deben ser 0 (o de lo contrario, las llendas no coincidirán con las baldosas). En los demás valores, los valores que vienen por defecto, suelen dar buenos resultados: profundidad 3, ambiental 0 (un poco más, no queda mal) y nivel del mar 0.

Realizar alicatados: Filtro enlosar

2007-04-17T03:56:00.000-07:00

¿Necesitas repetir muchas veces un mismo dibujo a lo largo y ancho de una superficie?
No pierdas el tiempo ajustando casillas con pegar+mover, este filtro (enlosar) realiza esto por ti.
Para acceder a el, se usa el menú filtros-->mapa-->enlosar. Este filtro es sencillísimo de usar.
Se parte de esta textura y se accede al filtro:Se introduce el ancho y largo de la superficie a cubrir, en este caso 800x600 y se obtiene esto:Con algún que otro truco más, que ya explicaré, se puede obtener esto otro:

Resúmen de Shape Paths

2007-04-16T16:58:00.000-07:00

Como lo de Shape Paths me ha quedado un poco largo, voy a resumirlo aquí:

Shape paths dibuja rutas a partir de unos parámetros, esas rutas, tienen formas geométricas.
Las rutas no sirven de nada si no se trazan, o se rellenan, ya que sólo son caminos a seguir, NO lineas que aparecerían en la imágen final.
Flowers & spikes permite dibujar una gran variedad de formas a partir de los parámetros "factor A", "factor B" y sus respectivos ángulos.
Las rutas creadas, se pueden agrandar, rotar, cizallar... con las herramientas normales, sólo que seleccionando el modo ruta en sus opciones.

¿Un cafelito virtual?

2007-04-16T16:10:00.000-07:00

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.

Herramienta borronear

2007-04-16T15:45:00.000-07:00

¿Que pasa si pasamos el dedo por encima de tinta húmeda?
Pasa que se corre la tinta. Simple ¿no?
¿Se puede correr una tinta de forma virtual?
Si, y la herramienta borronear se encarga de la realizar la simulación. Para usarla, hay que pulsar en el botón de la caja de herramientas que tiene un dedo tocando la superficie.

Esta es la imagen cobaya a emplear:Estas son las opciones de configuración que tiene (por orden de importancia):

Tasa: controla la intensidad del efecto (facilidad de la tinta para correrse), valores más altos aumentan el efecto.
Brochas: permite elegir la brocha que hará el efecto. Esto es importante para elegir el tamaño del "dedo" que borroneará la imagen, aunque se pueden usar todo tipo de brochas.
Opacidad: este valor, permite que el resultado de la herramienta no se aplique al 100%, y se mezcle con el estado anterior de la imagen. Esta, y la siguiente opción, son comunes a muchas herramientas de pintura.
Desvanecimiento: puede hacerse que según se pasa el dedo, este vaya perdiendo fuerza según se pasa.
Bordes duros: hace que la brocha tenga bordes duros, como cualquier otra herramienta.

Aplicándo esta herramienta a la imagen cobaya, se obtiene esto:En la parte superior, se ha ido pasando la herramienta a distintas intensidades (en la primera al máximo, y en las cinco pasadas siguientes, se fue reduciendo el valor), y en la parte intermedia, se muestra, como la herramienta no mezcla la tinta en dirección perpendicular a su movimiento (como si se hiciese de forma real). En la parte inferior, se pasó una brocha con forma de rombo, y se ve como corre la tinta siguiendo esa figura.

Mi consejo: usad tasas no muy altas (30-70), y espaciados en las brochas bajos, como de un 5% o así para sacar el mejor resultado. Esta herramienta es utilísima para emborronar la cara de la gente en fotografías, para que no se les pueda reconocer.

Trazar rutas

2007-04-16T03:51:00.000-07:00

Este artículo lo escribo por un motivo muy sencillo: he hablado de Shape Paths, y no he hablado de cómo usar las rutas que se crean. Como ya dije, una ruta si no se traza, es tontería. Aquí abajo, dejo un ejemplo de ruta creada con ese guiónLas rutas se pueden usar de múltiples maneras, una de ellas, la más sencilla, es usarlas para trazar lineas o seleccionar áreas para rellenar después.

Trazar rutas
Esto se realiza de una forma muy sencilla desde el diálogo de trazar rutas. Aste diálogo se accede pulsando el botón que aparece en segunda posición por la derecha en el diálogo de rutas.El diálogo permite no solo trazar una línea continua, además, permite trazar lineas de puntos, guiones... O bien, en vez de usar un color sólido (es el color de frente), usar un patrón en la linea. Estas opciones son similares a las que ofrece para dibujar las rutas Inkscape.
Pero ahí no quedan las opciones, además, se pueden pasar algunas herramientas a lo largo de la trayectoria de una ruta, por ejemplo se puede pasar un pincel, y este pincel, puede aplicar curiosos efectos con brochas animadas, o bien trazar lineas difuminadas con brochas difuminadas, también se podría, difuminar una linea con la convolución, o borronear un trazo con esta herramienta, como se muestra en el ejemplo siguiente.Rellenar rutas
Rellenar una ruta es tan sencillo como pulsar en ruta a selección, que es el cuarto botón por la derecha en el diálogo de rutas. Una vez creada, se rellena la selección. El proceso por el que se selecciona el área de la ruta, es similar al de usar el lazo. Si una ruta da muchas vueltas y cruza varias veces sobre si misma, deja algunas áreas sin seleccionar, lo que permite aplicar efectos más complejos, como se muestra a continuación.Si se pulsa con el botón derecho sobre una ruta de la lista, en el menú se pueden seleccionar opciones avanzadas para convertir la ruta en selección, estas opciones también se pueden obtener pulsando sobre el botón ruta a selección con algunas combinaciones de teclas:

* Normal: se elimina la selección anterior
* Añadir: a la selección que había antes, se le añade lo que seleccionaría la ruta. Atajo: tecla mayúsculas+pulsación en el botón.
* Sustraer: las áreas de la ruta, en vez de seleccionarse, se quitan de la selección. El atajo es con la tecla control y pulsando en el botón.
* Intersecar: en este caso, el área seleccionada que queda es el que hay en común entre el área había y el que selecciona la ruta. Su atajo es pulsando mayúsculas y control a la vez que se pulsa en el botón

Como todo en GIMP, lo mejor, es echar un ojo, probar todo, experimentar y finalmente realizar las cosas del modo en el que uno se sienta más cómodo.

Trazar selecciones
Las selecciones también se pueden trazar. Se parte de una selección como esta:Y accediendo al diálogo editar-->trazar selección... se traza la selección de una forma similar a como se traza con una ruta.La diferencia del trazado de una selección con el trazado de una ruta está, en que se traza a ambos lados de la selección, tanto en el área seleccionada como en el que no está seleccionada.Además, se puede rellenar de un color o con un patrón el área seleccionada de forma muy fácil, si se arrastra (mantener pulsado el ratón mientras se desplaza de un punto a otro) un color de la paleta, o de la ventana de herramientas, o un patrón desde el diálogo donde esté hasta la ventana con la imagen. Esto al principio, parece más raro, pero es mucho más rápido que cambiar la a la herramienta de relleno (el cubo), configurarla y usarla.

Espejismo (filtro para GIMP)

2007-04-15T18:35:00.000-07:00

Este filtro simula en las fotos efectos parecidos a espejismos (y porqué no decirlo, también un efecto de borrachera) mediante copias superpuestas de la imágen. Este filtro es de muy sencillo manejo, ya que sólo tiene dos opciones.

Para usarle hay que ir a filtros -> mapa -> espejismo.

Esta es la imágen cobaya que usaré, está tomada en La Coruña, y la fuente original es de Wikipedia Commons:Este filtro opera en dos modos, el modo 1 produce un efecto tal que así:
Mientras que el modo 2 es como este:El número de divisiones que viene por defecto está bien, aunque puede cambiarse. Valores demasiado bajos producen efectos demasiado simples:

Y demasiado altos, pueden perder un poco el efecto, aunque queda curioso:
Bueno, ya está explicado este filtro, ahora sólo queda aplicarlo al gusto de cada uno. Como curiosidad, comentar que un filtro-juguete está basado en este efecto.

Shape paths: como hacer fácilmente figuras geométricas en GIMP

2007-04-12T17:53:00.000-07:00

Bueno, esta es mi primera entrada "util", en ella hablaré de un guión, que bajo mi punto de vista, es bastante interesante. Añadiría algunos enlaces al propio blog explicando detalles, pero el blog es muy nuevo, y no puedo, de momento.

Antes de nada, la entrada se encuentra resumida en este artículo.

Este guión permite dibujar numerosos tipos de figuras geométricas a partir de unos parámetros. Estas figuras, no aparecen diréctamente sobre la imagen, sino que son incorporadas como rutas nuevas, y para su uso posterior hay que usar el diálogo de rutas.

Algunos ejemplos de rutas creadas con este guión son estos:

Mientras que el resultado, una vez trazadas, rellenadas... puede ser así:
Su forma de uso es sencilla, una vez instalado, se accede al menú script-fu y dentro de este se pulsa en shape paths, una vez introducidos los parámetros necesarios, se obtiene una ruta, visible en el diálogo de rutas. Una vez con esta ruta creada, se pueden hacer tres acciones:

Modificarla: con la herramienta de rutas, o las herramientas de transformación (mover, giro, cizallamiento y perspectiva) usadas en modo "rutas".
Trazarla, bien con una linea, bien con una herramienta. Esto se realiza pulsado en el botón trazar ruta del diálogo de rutas.
Seleccionarla, con el botón ruta a selección se puede seleccionar, y una vez hecho esto, se puede rellenar, pintarla un degradado, recortar...

¿Qué parámetros introducir? Algunos elementos (como las lo de las flores y puas) producen diferentes resultados según los parámetros que reciban. Otros, para producir mejores resultados necesitan de algunos valores más específicos.

Engranajes: permite dibujar engranajes, los dientes serían rectos.
Flores y puas: tiene varios parámetros, uno es "factor", en el, valores superiores a 1 producen flores, si está entre 0 y 1, producen puas, y valores menores a 0 producen estrellas, y dibujos parecidos a rosas de los vientos, y tambien flores (un valor negativo más grande). Aquí hay varios ejemplos, con valores de factor de 4, 2, 0.5, 0, -0.2, -0.5, -1 y -4 (recorriéndolos desde arriba a la izquierda hasta abajo a la izquierda, pasando por el resto):
Hay dos parámetros de "factor", A y B (en el anterior ejemplo, para simplificar, use el mismo valor para los dos, con un ángulo de 0), si tienen valores diferentes, se producen estos efectos (A es constante y es 4, B tiene estos valores: -4, 0, 1 y 2):Cambiando los valores de los ángulos se producen efectos más curiosos. En la primera fila, manteniendo un valor en 0º, cambié el otro con estos valores: 30º, 60º, -30º y -60º. En la segunda fila usé en la figura de la izquierda 60º y 60º (el mismo para los dos), en el segundo 60º y -60º, en el tercero -60º y -60º y en el cuarto 0º y 90º. En todos los casos use un factor de 4 para ambos "factores", es evidente que este guión da más bastante de si:
Seno: aquí se introducen los valores de amplitud, longitud de onda, si se quiere realizar una onda inclinada, puede rotarse con la herramienta de rotar.
Rectángulo redondeado: se introducen los ángulos de redondeamiento, tanto horizontal como vertical. Hay otro guión en el menú "seleccionar" que permite realizar selecciones así, aunque no permiten introducir radios horizontales y verticales diferentes.
Circunferencia, rectángulo y cuadrado: no hay mucho misterio en estas figuras.
Elipse: permite introducir el radio de los ejes mayor y menor, y además, permite darla una rotación.
Polígono y estrella: se introduce el número de lados o de puntas, y en el caso del polígono, se introduce el radio, que es la distancia entre centro y un vértice. En el caso de la estrella, se introduce el radio interior y exterior, que es la distancia entre el centro y un ángulo cóncavo, y el centro, y una punta.

El guión es creado por Jonathan Stipe, aunque tiene una colaboración de un miembro de los foros www.gimp.org.es .

Descarga de shape paths: http://registry.gimp.org/plugin?id=5050

Entrada por concluir, y añadir imágenes.

Primer mensaje

2007-04-12T11:23:00.000-07:00

Este mensaje es el primero de este blog.
Este blog tratará sobre programas de diseño gráfico, incluiré trucos, noticias, manejo... intentaré no ser el archivo de ayuda, sino mostrar la información desde una perspectiva diferente. Hablaré de noticias indicando las nuevas versiones de los programas, o las herramientas que se estén desarrollando. De trucos, intentaré mostrar todos aquellos trucos que vea interesantes. Y también hablaré de extensiones, filtros y demás elementos que aunque no suelan venir con el programa sean útiles.