Boozox » Plugins

Imaset y Wordpress 2.6

Alex Barros — Sat, 19 Jul 2008 22:59:15 +0000

Según comentan en AyudaWordpress Imaset es incompatible con Wordpress 2.6.

Pero yo lo he probado y sí me ha funcionado correctamente.

De modo que si tienes algún problema en Imaset, ya sea porque has cambiado de versión o por cualquier otra causa, deja un comentario en este post para que lo solucionemos cuanto antes.

Lo que sí es cierto es que Imaset explora toda la carpeta wp-content para buscar imágenes, pero no contempla el hecho de que esta carpeta se encuentre fuera de la ruta usual (hecho que permite la nueva versión de WordPress). Esto se tendrá en cuenta para próximas versiones.

Imaset 2.2 liberado

Alex Barros — Tue, 13 May 2008 06:00:23 +0000

Descarga Imaset 2.2

La nueva versión de Imaset ya ha llegado!

Imaset 2.2 es compatible con Wordpress 2.5 y además trae algunas mejoras:

Mejor calidad en la previsualización, y más respeto a las imágenes PNG en el canal alpha
Dos nuevos filtros
Transferencia correcta de Marcas de agua con PNG
Interfaz mejorada, y adaptada al nuevo look de WP

Instalación

Instalar Imaset es muy sencillo:

Descarga el archivo imaset_2-2.zip
Descomprime el contenido en tu ordenador
Sube la carpeta imaset/ por ftp a tu servidor, en la carpeta wp-content/plugins/
Activa el plugin en la sección Plugins del panel de administración Wordpress
Ya está!

Usar la herramienta

Una vez el plugin está activado, aparecerá en el panel de escritura un botón con la palabra “Imaset”. Al pulsar este botón se abrirá el panel de Imaset, mostrando tus imágenes, y los filtros disponibles divididos en categorías.

Marcas de agua

Poner marcas de agua de tu web es muy sencillo, y ahora se respeta la transparencia del PNG, así que puedes añadir efectos interesantes!

Busca entre los filtros de la categoría “Personalizar” el de “marca de agua“. Pulsa en la varita mágica y selecciona el archivo de la imágen (debe estar almacenada en el directorio llamado src/) y el lugar donde posicionarlo.

Filtros incluidos

Sombra
Marco
Reflejo
Reflejo3D
Brillo
Perspectiva
Glossy
Invertir colores
Colorizar
Desenfoque suave
Desenfoque fuerte
Desenfoque gaussiano
Marca de Agua
Redimensionar

Recuerda siempre Guardar los cambios antes de cerrar el programa Imaset.

Agradecimientos:

Me gustaría agradecer a Patricio Villa, Francesc Josep, Francisco Espinoza, y a todas las personas que usan, apoyan y se interesan por Imaset.

Feedback necesario

Para que Imaset avance y mejore, es imprescindible vuestra ayuda. Comenta qué te parece, cómo puede mejorar Imaset, si tienes problemas, etc…

Petición popular de Imaset 2.2

Alex Barros — Fri, 02 May 2008 14:29:35 +0000

Hace un tiempo que vengo recibiendo peticiones para que desarrolle una siguiente versión de Imaset, que sea compatible con el nuevo Wordpress 2.5.

He de decir en mi defensa que, aúnque me encantaría desarrollar cuanto antes esta nueva versión, dispongo de poco tiempo, y lo dedico al desarrollo de varios proyectos, últimamente con cierto énfasis al proyecto de Geo.

Pero la nueva versión ya está en marcha. Un nuevo núcleo está en desarrollo, hay nuevos filtros muy interesantes, y tengo planeada una interfaz mucho más manejable. No puedo dar ninguna fecha, pero sabed que no me he olvidado de este plugin.

Así que si os interesa esta nueva versión de Imaset, no perdáis de vista este blog, y no dudéis en escribir sugerencias que las tendré todas en cuenta.

Desenfoque gaussiano: cómo funciona + filtro para Imaset

Alex Barros — Tue, 18 Dec 2007 22:18:08 +0000

Me he propuesto realizar el filtro de Desenfoque Gaussiano, y lo he conseguido. A continuación os muestro el algoritmo, y la descarga del filtro para quienes usen Imaset 2.1

El algoritmo

El filtro gaussiano consiste en la mezcla de los colores de una imágen para conseguir un efecto de desenfoque. Esta es una explicación muy general, y por supuesto el algoritmo es más complejo que esto.

En primer lugar, consideraremos la imágen como una matriz de puntos (pixeles), con unos valores determinados de rojo, verde y azul. A partir de aquí, los valores de cada punto de la nueva imágen, serán una combinación de los puntos cercanos. De esta forma, si un punto es de color rojo, y cercano a él hay puntos negros, este rojo se oscurecerá (y los negros se enrojecerán).

Pero para determinar cuáles son los pixeles que son cercanos, y los que no, se debe especificar al filtro un radio de acción. Con esto, si por ejemplo indicamos un radio de 10 pixeles, cada píxel de la nueva imágen se verá modificado por los todos los pixeles a menos de 10 unidades de distancia. Pero no todos los pixeles modifican con la misma “fuerza”, cuanto más cerca estén del pixel que se está modificando, más valor tendrán en el cálculo del nuevo color. Es aquí donde aparece nuestro simpático amigo Gauss.

La función de la distribución Gaussiana va a ayudarnos a adjudicar cuánto aporta cada pixel, en función de lo cerca o lejos que se encuentre. Esta función tiene la forma donde (x-b) es la distancia entre el pixel que está siendo modificado y el píxel del que se está tomando el valor, a y c valen 1, y f(x) resulta un número Real entre 0 y 1 que representa el porcentaje de influencia.

Resumiendo

Lo que está claro es que hay que mezclar los píxeles entre sí, y que usaremos un radio de influencia en que cuanto más lejos está un píxel de otro, menos le afecta.

Después de analizar el problema, y aplicar una fórmula estadística, podemos concluir que el valor de cada pixel es:

La suma de todos los píxeles dentro del radio R, multiplicados cada uno por (tal y como se ha descrito antes), y todo esto, dividido entre la suma de todos los valores de la fórmula en los puntos que intervienen.

Y todo eso es sólo para calcular uno de los tres componentes (Rojo, Verde o Azul) de un sólo pixel.

De modo que, a falta de una fórmula mágica de optimización, el efecto de desenfoque Gaussiano no es ninguna broma, realiza una cantidad muy elevada de cálculos (que aumenta junto al Radio y al tamaño de la imágen).

El archivo de descarga

Aquí os dejo el código fuente y la descarga del filtro Desenfoque Gaussiano para Imaset 2.1
Tened en cuenta que, como he dicho, es un filtro muy costoso, y aplicarlo puede llevar bastantes segundos.

La forma de poder usarlo es: descargar el archivo ZIP, descomprimir su contenido, y subir el archivo gaussian.xml al directorio “/filters” y el archivo es_ES.php al directorio “/lang”

Ejemplo del filtro Gaussiano en Imaset

Como se puede apreciar, realiza un toque de suavizado, si se aplica poco desenfoque (poco radio).

Código fuente

Os dejo como siempre el código fuente de este filtro.

gaussian_blur
effect
$rad=5
if(!$rad) $rad = 5;
$sx = imagesx($im);
$sy = imagesy($im);
for($x=-$rad;$x<$sx+$dar;$x++) // meto en una matriz los valores de colores
{
for($y=-$rad;$y<$sy+$rad;$y++)
{
if($x<0 || $y<0 || $x>$sx || $y>$sy)
$imatrix[$x][$y] = array($imaset->Red,$imaset->Green,$imaset->Blue);
else {
$rgb = ImageColorAt($im, $x, $y);
$r = ($rgb >> 16) & 0xFF;
$g = ($rgb >> 8) & 0xFF;
$b = $rgb & 0xFF;
$imatrix[$x][$y] = array($r,$g,$b);
}
}
}
// Ahora voy a poner valores (calculandolos previamente)
for($x=0; $x<$sx; $x++) { // recorro el array antes construido, pixel a pixel
for($y=0; $y<$sy; $y++) {
unset($su1R,$su1G,$su1B,$su2,$sue); // inicializo
for($i=$x-$rad; $i<$x+$rad; $i++) { // circundantes en eje x
for($j=$y-$rad; $j<$y+$rad; $j++) { // circundantes en eje y
$sue = round(pow(2.7,-(pow(($i-$x),2) + pow(($j-$y),2)))*100,4); //valor gaussiano de peso
$su1R += $sue * $imatrix[$i][$j][0]; //Sumando de rojos
$su1G += $sue * $imatrix[$i][$j][1]; //Sumando de verdes
$su1B += $sue * $imatrix[$i][$j][2]; //Sumando de azules
$su2 += $sue;
}
}
imagesetpixel($im,$x,$y,imagecolorallocate($im,round($su1R/$su2),round($su1G/$su2),round($su1B/$su2)));
}
}
return $im;

Efecto 3DReflect para Imaset

Alex Barros — Sat, 15 Dec 2007 21:11:33 +0000

Acado de crear un nuevo efecto para Imaset, el 3DReflect. Si estás usando la versión 2.1, podrás utilizar este nuevo filtro subiendo un pequeño archivo XML a la carpeta “/filters” del plugin.

El filtro

El efecto es similar al ya existente de Reflejo. La diferencia es que este efecto es tridimensional, dando un efecto de profundidad.

Descargas

Descarga el archivo de filtro 3DReflect y súbelo a la carpeta “/filters” para empezar a disfrutarlo.Se adjunta también el archivo de idioma Español es_ES.php, para tener la traducción de los parámetros de este nuevo plugin (súbelo a tu carpeta “/lang”).

Código fuente

Este es el código fuente del archivo XML. Todabía no he escrito la API para desarrollar filtros de Imaset, pero con este ejemplo, puede que alguien ya se atreva a intentar algo.

3DReflect
decoration
$s=30
$oi=60
$pr=25
//controlo los limites
$s = $imaset->lim($s,300,1); //tamaño
$oi = $imaset->lim($oi,100,5); //opacidad inicial
$pr = $imaset->lim($pr,100,0); //profundidad
$sx = imagesx($im);
$sy = imagesy($im);
if($s>$sy) $s = $sy-1;
$x = $sx+2*$pr;
$y = $sy+$s;
$reflekt = imagecreatetruecolor($x,$y);
$color = imagecolorallocate($reflekt, $imaset->Red,$imaset->Green,$imaset->Blue); //Fondo
imagefilledrectangle($reflekt, 0, 0, $x, $y, $color); //Relleno el fondo
imagecopy($reflekt, $im, $pr, 0, 0, 0, $sx, $sy);
$reflekt = $imaset->resize($reflekt,‘200%’,”); //resize al doble por mejorar calidad
//hago el efecto conico de reflejo
for($i=0;$i<=$s*2;$i++)
imagecopyresampled($reflekt, $im, $pr*2-($pr*$i/$s), $sy*2+$i, 0, $sy-(round($i/2)+1), $sx*2+2*($pr*$i/$s), 1, $sx, 1);
$reflekt = $imaset->resize($reflekt,‘50%’,”); //resize a la mitad
//finalmente creo el efecto transparencia con una imagen comodin
$bla = imagecreatetruecolor($x,1);
$color = imagecolorallocate($bla, $imaset->Red,$imaset->Green,$imaset->Blue); //Fondo
imagefilledrectangle($bla, 0, 0, $x, 1, $color); //Relleno el fondo
for($i=0;$i<$s;$i++)
imagecopymerge($reflekt, $bla, 0, $sy+$i, 0, 0, $x, 1, 100-round($oi-($i*$oi/$s)));
return $reflekt;

Solucionado problema del plugin Imaset 2.1

Alex Barros — Fri, 07 Dec 2007 17:38:35 +0000

Tienes problemas para que funcione Imaset?
Hasta ahora algunas personas tenían problemas para que el plugin Imaset en la versión 2.1 les reconociera las imágenes.

Ya he conseguido dar con el problema, y he cambiado el archivo de descarga para que sustituyáis los archivos en el plugin.

El problema que ocasionaba esto es bastante complejo de explicar, pero está relacionado con la yuxtaposición de arrays. En el código de Imaset yo había optado por usar la función array_merge(), la cual une los arrays que le pases como parámetro, pero esta función no mantiene los índices numéricos, y para la aplicación era importante que los mantuviera.

La solución es usar el concatenador básico de arrays, es decir, el operador suma.

$a1 = array(5=>"ABC",12=>"DEF");
$a2 = array(30=>"PPP",50=>"UIO");
$a3 = $a1 + $a2;
/* Ahora $a3 es:
a3[5] = "ABC"
a3[12] = "DEF"
a3[30] = "PPP"
a3[50] = "UIO" */

Imaset 2.1 Liberado

Alex Barros — Wed, 28 Nov 2007 18:22:42 +0000

nueva version 2.2 Al fin me decido a liberar la versión 2.1 de Imaset.

El plugin lleva unas semanas finalizado, pero he estado probándolo en diferentes servidores y distintos navegadores y, dada la gran cantidad de modificaciones internas que trae este nuevo plugin, han surgido una serie de incompatibilidades.

Sin embargo he decidido lanzar esta versión, ya que la considero estable (a falta de solucionar algunos bugs) para que quien no se vea afectado por estas incompatibilidades pueda ir disfrutando.

Problemas conocidos

Fundamentalmente dos:

Dada la nueva implementación de filtros almacenados en archivos externos, hay dos filtros que en algunos servers no dan buenos resultados. Estoy trabajando en solucionarlo para posteriores versiones
No funciona en Internet Explorer 6. Esto no me sorprende… es cosa del JavaScript, y también trabajo en hacerlo compatible.

Y ahora, lo más importante:

Novedades de Imaset 2.1

Aplicación directa o personalizada. Todos los filtros pueden ser aplicados con un sólo click (con sus valores por defecto). Pero muchos de ellos incorporan también la posibilidad de personalizar a tu gusto los parámetros, así obtienes el resultado óptimo.
Navegación más rápida. En esta nueva versión es JavaScript quien tiene el papel de la navegación, mucho más que Ajax. De esta forma todas las tareas resultan el doble de rápidas.
Visualización del historial. Puedes ver los filtros que has aplicado a una imágen, y eliminar uno por enmedio que no te guste.
Filtros externos. Existen dos tipos de filtros en Imaset 2.1: los del núcleo, que son muy básicos, y una serie de filtros almacenados exteriormente en archivos, dentro de la carpeta src/. Esto permite crear nuevos filtros usando una API (que publicaré próximamente), y así añadirte nuevos filtros, subiendo un simple archivo XML
Personalización. En el archivo settings.php tienes una serie de parámetros que puedes personalizar. Los dos más importantes son el color de fondo y el idioma. El color de fondo es respetado por todos los filtros. El idioma puede ser Español, Inglés, Chino o Italiano.

Filtros disponibles:

Descoración

Sombra
Marco
Reflejo
Perspectiva
Ondular

Color

Invertir colores
Colorizar

Efectos

Desenfoque suave
Desenfoque fuerte
Encontrar bordes

Personalizado

Marca de agua
Redimensionar

Código fuente

Puedes ver el código fuente de esta nueva versión descargándotela o diréctamente en Codis.

Ejemplos de imágenes tratadas con Imaset:

Novedades de Imaset 2.1

Alex Barros — Fri, 16 Nov 2007 13:57:22 +0000

Imaset 2.1 está muy cerca. La primera beta ya está siendo distribuida entre algunos beta-testers, y la versión definitiva no tardará mucho en llegar.

Dado el éxito que tuvo la versión 2.0 del plugin, para esta siguiente versión (2.1) he decidido reestructurar todo el código, de arriba a abajo, para hacerlo mucho más modulable.

En esta nueva versión, se incluye un archivo settings.php, en el cual pueden configurarse algunas características, como el color de fondo de tu web, el idioma que quieres para la interfaz, y algunas características más.

El peso de la navegación se ha llevado al JavaScript, con lo que el plugin resulta notablemente más fluido, rápido y cómodo.

Una de las novedades más importantes, es que los filtros se almacenan en forma de archivo XML (excepto los considerados del “núcleo” de Imaset). Esto tiene tres ventajas:

La administración de filtros es sencilla, basta con borrar el filtro que no quieres, o subir por FTP uno nuevo
Si quieres disfrutar de un nuevo filtro, basta con subir un pequeño archivo.
Los programadores no tienen que entender cómo funciona interiormente imaset. Los filtros están muy estandarizados, y resulta muy fácil crear nuevos, siguiendo la API que próximamente será publicada.

Por último, recordar que el plugin estará disponible en algunos idiomas. En principio en Español, Inglés, Chino, Italiano y Rumano. Por defecto el plugin se muestra en inglés, pero puede modificarse muy fácilmente en settings.php

Este fin de semana se realizarán los beta-testeos y las traducciones oportunas, y muy pronto será el estreno mundial.

P.D.: También guardo otra pequeña sorpresa sobre Imaset, pero tendréis que esperar un poco más para conocerlo.

Conseguir comentarios en nuestro Blog

Alex Barros — Wed, 17 Oct 2007 18:25:24 +0000

Todos los que tenemos un blog sabemos lo importante que son los comentarios. Te ayudan a continuar con tu labor, a corregir errores, a completar información, a conocer a tus lectrores, y sobre todo pasar un buen rato.

Por eso es muy importante potenciar los comentarios, y darles el valor que se merecen. Voy a explicar una serie de estrategias que pueden hacer que se comente más en tu blog, o por lo menos que sea más agradable hacerlo.

Incitar textualmente

Una buena forma de que te comenten es incitando a tus usuarios a que comenten. Esto puedes hacerlo tanto en los posts como en el propio theme.

En el post:
Una idea es finalizar el post lanzando preguntas al aire, del tipo:

Y vosotros, qué pensáis? Qué versión usaríais? Cuál os parece más (…)?

Intenta implicar a los lectores en tu post. Olvida los formalismos (si tu blog te lo permite) y no dudes en nombrar a usuarios en tus posts, por ejemplo si se ha hecho una aporatción de información.

En el theme:
También puedes llamar la atención a tus usuarios usando determinados textos en tu theme.

Por ejemplo, plantéate cambiar el clásico “Dejar un comentario” por algo más llamativo como “Aporta tu sabiduría” / “Dinos algo” / “Queremos oirte” / “Nos interesa lo que tengas que decir” / etc…

Lo fundamental es que sientan que realmente quieres oirles, que su comentario tiene un valor para el blog.

Cuidar el Diseño

Todos sabemos que el diseño es fundamental para el éxito de un blog. Hay que equilibrar siempre la estética con la usabilidad, y todo esto respetando estándares…

El theme de nuestro blog puede ser decisivo para obtener comentarios, o quedarnos en la más absoluta soledad. Algunas recomendaciones para conseguir comentarios pueden ser:

No ocultarlos
Dejar un comentario ha de ser la tarea más fácil del mundo para el usuario. No tiene que encontrar trabas, y cuantos menos campos rellene mejor. Lo fundamental es que los comentarios sean como una prolongación del post, la reacción natural a haber acabado de leer.

Facilitar lectura de comentarios
Los usuarios van a gastar parte de su tiempo en escribir un texto en tu blog, lo justo es que su mensaje quede claro, visible, y bien colocado. Una buena referencia al comentarista, con su web bien accesible, una fuente y unos colores que hagan fácil la lectura, y evitar recargar mucho esta zona.

Distinguir lo uno de lo otro
Algo que facilita mucho la lectura es el sistema de “uno sí uno no” en la lista de comentarios. Es decir, distinguir los comentarios pares de los impares.

Así conseguimos facilitar la lectura, y además dar un toque un poco más personal a cada comentario. No es lo mismo que tu comentario sea igual que el resto, a que se diferencie de sus adyacentes.

También resulta interesante diferenciar pingbacks y trackbacks, dándoles un poco menos de importancia (pero manteniéndolos presentes)

Para hacer estas dos últimas cosas en wordpress, aquí tienes un script para el archivo comments.php del theme que estés usando. (Si no conoces algo de PHP y HTML, haz copias de seguridad, no vaya a ser que montes un estropicio)

$oddcomment = "odd"; ?>
foreach ($comments as $comment) : ?>
if($comment->comment_type == "pingback" || ereg("", $comment->comment_content) || ereg("", $comment->comment_content)){?>
class="ping">
} else {?>
class="">
/* Changes every other comment to a different class */
if("odd" == $oddcomment) {$oddcomment="even";}
else { $oddcomment="odd"; }
?>
} ?>
"comment-">class="author">() ?> comment_date(‘j \d\e F’) ?> a las comment_time() ?> edit_comment_link(‘Editar’,”,”); ?> Ha dicho:
comment_text() ?>

endforeach; /* end for each comment */ ?>

Ahora puedes dar el estilo que quieras en el archivo style.css a las clases .ping (para pingbacks y trackbacks), .odd (impares) y .even (pares).

Hasta el último detalle

Si quieres conseguir más posibilidades de fomentar comentarios, puedes recurrir por último a plugins.

Hay multitud de plugins orientados a los comentarios de nuestro blog. Yo destacaré dos, con enlaces para wordpress, pero puedes buscar tú mismo los que más te convenzan, y se adapten a tu blog.

Últimos comentarios
Con este plugin puedes motivar a tus comentaristas, porque verán su texto expuesto en lugares muy visibles de la web. También puede servir para enganchar a un lector ocasional a algun hilo interesante que se haya generado en los comentarios.
[Descargar plugin]

Premiar por comentarios
Otra forma de motivar a los usuarios a comentar, es premiándoles por sus comentarios. Para esto existe el plugin RPG Wordpress creado por nuestro amigo Miquel Camps. Con este plugin puedes recompensar a tus usuarios cada x comentarios, con enlaces en un lugar importante de tu blog, a lo que el usuario en cuestión decida. Una buena idea para crear comunidad.
[Descargar plugin]

Por supuesto que la mejor forma de que se comente en tu blog es crear un contenido de calidad, implicarte diariamente, conseguir enlaces, etc.

Por descontado, si este artículo os ha gustado, no dudéis en comentarlo!

Fin de los ojos rojos (redeye) con Gimp

José Cabo — Thu, 04 Oct 2007 20:09:49 +0000

A veces haciendo una fotografía, al usar el flash, las pupilas de nuestros ojos se vuelven de color rojo o naranja y llega a dar una sensación de “vampiro”, algo extraña y muchas veces rozando lo ridiculo… Hay muchas formas de eliminar ese rojo, o al menos ocultarlo, de forma que la vista del fotografiado sea más agradable.

Usando el programa The Gimp podemos solucionar este problema de forma rápida con solamente seleccionar con un rectángulo la parte afectada y aplicando el plugin.

El plúgin Redeye en su versión 0.3 (solo para Linux) y 0.2 (para Linux y Windows) se puede descargar por “registry” de plugins para Gimp.
Para compilar (e instalar) ejecutar en la consola de Linux:
$ gimptool-2.0 --install redeye.c

Un ejemplo:

La primera imagen es la original; la segunda la retocada con los valores personalizados (los cuales recomiendo) 50, 50, 0; y la tercera está hecha con los valores “automáticos” del plugin (un poco… débiles).