Filtros en Inkscape: Dar sombra a un objeto

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

¿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

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.