Increíble animación facial 3D

La industria de la animación 3D avanza a pasos agigantados. No os perdáis este vídeo de Image Metrics, una empresa especializada en animación facial que ha trabajado en videojuegos como Grand Theft Auto IV, Uncharted o Devil May Cry 4.

Añadir Comentario August 27th, 2008

Concurso de diseño de <hr>

Si eres diseñador o te gusta el diseño, puedes participar hasta el 1 de septiembre en el concurso de estilar líneas horizontales que ha propuesto la revista Smashing Magazine bajo el título The <hr> contest (El concurso de <hr>).

Requisitos del diseño a enviar: debe ser creativo y original, creado expresamente para el concurso o al menos no haber sido usado con anterioridad en ningún diseño, ser reconocible como elemento divisor, estar en formato PNG, JPG o GIF, y a ser posible, enviar el documento matriz (es decir, el PSD, PNG, etc).

El premio es esta tableta gráfica valorada en unos 430$, y el honor de aparecer en este prestigioso blog de diseño.

Añadir Comentario August 26th, 2008

Especificidad CSS

La Real Academia Española define la especificidad como la cualidad y condición de ser específico, o lo que es lo mismo: concreto, determinado. En los últimos años, los expertos en CSS se han apropiado de este término para denominar la cualidad que hace que un estilo prime sobre otro cuando ambos deberían afectar a un mismo elemento. (more…)

Añadir Comentario August 21st, 2008

Oxidando la furgoneta

En 2mdc llevan tiempo sin renovar el coche de empresa alegando que aun se ve lustroso. Para que la direción cambiara de idea, les envié una fotografía del vehículo llevando a cabo los siguientes pasos :

1. Tomé una fotografia al coche y la abrí en photoshop.

2. En otra ventana, elegí de entre una serie de texturas la siguiente, dándole a la imagen un tamaño similar al de mi fotografía anterior.

3. Selecioné la imagen entera y la copié, pegándola luego sobre la foto de la furgoneta, en una capa nueva.

4. A esta capa le hice los siguientes cambios :

• Opacidad : 40%
• Modo de fusión : Superponer

Y el resultado fue este.

Aunque no conseguí que compraran una nueva furgoneta, si obtuve un cheque descuento para el tunel de lavado.

1 comentario August 14th, 2008

Dando luz a rostros

Vamos a ver una técnica muy sencilla y efectiva que nos va a permitir simular “asutoiluminación” a fotografías, en el ejemplo utilizo un rostro pero podemos emplearlo en cualquier tema, a gusto del diseñador.

Abrimos nuestro fichero con la fotografía original

Duplicamos la capa ( puedes usar “Ctrl + J” )
A la nueva capa le aplicamos un “desenfoque gausiano” ( “Filtro > Desenfocar > Desenfgoque gausiano” ) con factor de “3″ dependiendo de la resolución e intensidad del resultado que busquemos.

En el “Modo de fusión” de la capa elegimos “Superponer”

¿ Te gusta el resultado ? Juega con esta técnica y sácale el partido que desees.

Añadir Comentario August 14th, 2008

Cómo dejar de ser un diseñador vago

Al trabajar con una amplia variedad de proyectos, he aprendido una cosa: los diseñadores son vagos (a veces incluso yo). Sin embargo, la mayoría querríamos a menudo despedirnos rápidamente de un proyecto y seguir adelante con el siguiente. Aunque podrían escribirse muchas anotaciones sobre esto, ofrezco aquí algunas sugerencias para garantizar que las cosas sean un poco más fáciles al final:

• Nombra tus carpetas y capas
  ¿Qué diablos significan “Capa 234″ y “Bloque derecho Copia 23″? ¿Alguna vez has intentado trabajar con los archivos de otra persona y has encontrado que una capa tenía cientos de capas en su interior?
• Asegúrate de que cubres la mayoría de los escenarios de uso
  No hay nada peor para los desarrolladores que tener que adivinar cómo algo tiene que interactuar. Diseña en primer lugar para el peor caso de uso posible y sólo entonces dedícate al mejor escenario de uso (¡en ese siempre eres bueno!)
• Un archivo para gobernarlos a todos
  Si utilizas un solo archivo de Photoshop y haces todo el trabajo ahí, te será más fácil editarlo y evitarás la duplicación de trabajo. Las capas han sido inventadas por una razón ¡úsalas!
• No utilices imágenes perfectas
  ¿Estás usando imágenes geniales para ocultar las carencias de tu diseño? Considera que tu trabajo está bien hecho sólo cuando puedas vender tu impresionante diseño al cliente sin ningún tipo de imagen en él.

Ninguna de estas sugerencias requiere un gran esfuerzo, ¿verdad? Si las conviertes en hábitos simplificarás el trabajo y harás amigos después del plazo de entrega del proyecto ¡El mundo se convierte en un lugar mejor!

¿Alguna sugerencia para estos diseñadores vagos?

Traducción libre del artículo «How To Stop Being A Lazy Designer» de la revista alemana Smashing Magazine.

3 comentarios August 12th, 2008

Buscador de contenidos sobre accesibilidad y usabilidad

Olga Carreras, de Usable y Accesible, nos ofrece este buscador especializado en contenidos sobre accesibilidad y usabilidad. Se trata de un gadget creado con la tecnología de Google, que además permite incrustarlo en nuestras páginas fácilmente.

Añadir Comentario August 11th, 2008

Más rápido, más rápido, más rápido

Acostumbrados a los avances tecnológicos, apenas nos asombra que cualquier ordenador doméstico, de los que usamos actualmente en casa o en el trabajo, tenga una potencia de cálculo superior en varios órdenes de magnitud a la que se necesitó para llevar al Apolo 11 a la Luna en 1969.

Un poco antes, en 1965, Gordon Moore ya vaticinó, con la ley que lleva su apellido, la trepidante progresión hacia la fabricación de ordenadores más rápidos y potentes basados en transistores y circuitos integrados.

Recientemente, el propio Moore ha puesto una fecha de caducidad de entre 10 y 15 años a la validez de su ley, pues las tecnologías de integración están empezando a alcanzar los límites físicos en cuanto a reducción de tamaño, aumento de frecuencia y disipación de calor.

Intel, la compañía de la que Gordon Moore fue cofundador, también corrobora dichos límites, y en un reciente comunicado apunta a un futuro cercano dominado por procesadores con 10 o más núcleos, en lugar de un gran núcleo concentrado. La principal dificultad de este cambio de enfoque estriba en que será necesario también un cambio de paradigma en el software. Los primeros productos de esta nueva gama de procesadores de Intel, denominada Larrabee, comenzarán a ver la luz a partir de 2009 o 2010.

Por otra parte, en el ámbito de los superordenadores, la última vecina en llegar al barrio es MariCel, una idea y prototipo del Barcelona Supercomputing Center (BSC) para un computador que será 10 veces más rápido que la máquina más potente de la actualidad, alcanzando la barrera de los 10 petaflops.

A día de hoy, y según la lista Top500, el máximo honor recae sobre RoadRunner, el correcaminos. Pero no es terreno para dormirse en los laureles, pues las plusmarcas se suceden sin tregua en estas olimpiadas de la computación, cuyo lema parece ser un permanente y exigente “citius citius citius“.

Añadir Comentario August 7th, 2008

Ejecutar un script PHP en segundo plano bajo Windows

Caso:

Tenemos un site que realiza una tarea muy larga y pesada, por ejemplo consultar un webservice externo con miles de registros.

Problema:

Si ejecutamos desde el servidor apache un script PHP que realize esa acción puede pasarnos:

1.- La pagina se nos bloqueará hasta que finalice su ejecución, no pudiendo ver nada más.
2.- Si el tiempo se alarga demasíado el servidor web cortará la conexión o bién lo hará nuestro navegador
3.- Si cerramos accidentalmente el navegador o se produce un error en la conexión el proceso se interrumpira.

Tentativa de Solución:

Lanzar con un exec de PHP una llamada al php.exe que ejecute el script en cuestión. Por ejemplo si tenemos el script consulta_webservice.php que es el que realiza la carga de datos del Webservice podemos escribir en nuestro script de lanzamiento lanzador_webservice.php:

< ?php
exec("C:\ruta_al_exe_php\php.exe -f consulta_webservice.php");
?>

Este metodo funciona optimamente bajo entornos linux, no así en windows. ¿Por qué? Pues por que deja al script lanzador esperando que termine el proceso que él mismo ha lanzado (en nuestro caso php.exe -f consulta_webservice.php)

Es decir no ganamos nada respecto a la opción de invocarle desde la web.

Buscando la respuesta:

Tras muchas horas de pruebas con diversas soluciones que en la www se dan a este problema, nos dimos cuenta que tan sólo una nos funcionaba correctamente. En concreto se trata de usar un programa auxiliar “psexec.exe” cuya principal utilidad consiste en lanzar programas tanto en nuestra máquina como en máquinas en red.

Veamos como usarlo:

En nuestro script lanzador usamos la funcion exec para lanzar este comando:

< ?php
exec('psexec -d C:\ruta_al_exe_php\php.exe -f consulta_webservice.php');
?>


Esta linea nos lanza desde el PHP el mencionado psexec (deberá estar en el mismo directorio en el que estamos), que a su vez invoca al php.exe que ejecuta nuestro script cargador que se ejecutará en segundo plano. Consiguiendo con este pequeño rodeo que el script lanzador quede libre de esperar a que acabe su ejecución el script cargador.

Para lograr esto usamos la opcion del psexec “-d”

Rizando el rizo:

Pero imaginemos que al script que queremos usar para cargar datos del webservice tenemos que pasarle parametros (por ejemplo un id) digamos: consulta_webservice.php?id=123

Si probamos a llamarlo tal cual lo hariamos desde la web, nos encontraremos con un fallo del psexec, el cual no admite ningún parametro con “?” o con “=”, así que recurriremos al uso de parametros específicos para ejecutar php desde la linea de comandos, tal que así:

< ?php
exec('psexec -d C:\ruta_al_exe_php\php.exe -f consulta_webservice.php -- 123');
?>


El script receptor, consulta_webservice.php, deberá recojer dicho valor de la siguiente forma:

< ?php
$id=$argv[1];
# $id vale 123
?>

Donde el array global $argv nos proporciona todos los parametros pasados y la variable $arvc su cardinalidad.

Resumiendo:

El programa psexec nos brinda la posibilidad de ejecutar una aplicacion en segundo plano llamada desde un script PHP ejecutado en un servidor Apache en Windows, sin interrumpir el uso nuestra aplicación web.

Podeis descargarlo aquí: psexec

4 comentarios August 6th, 2008

Contraste y percepción

Vamos a tratar de explicar de manera sencilla uno de los elementos mas determinantes de un buen diseño : el contraste, o lo que es lo mismo “la diferencia relativa entre elementos”.

Al ojo humano le resulta muy sencillo agrupar los objetos que percibe basándose en criterios de semejanza y el contraste es su mejor herramienta, ya que genera estímulos claramente diferenciados.

Como nuestro cerebro es tremendamente perezoso y no le gusta trabajar innecesariamente, procura comprender y ordenar los contenidos del mundo que le rodea sin tener que prestarles excesiva atención a los detalles, para ello, antes de emplear el análisis o el razonamiento ( tarea tediosa que evita por todos los medios ), le da gran credibilidad a la organización basada en contrastes.

Como el cerebro es tan vago, si los contrastes le han engañado o no le han dado toda la información que cabe esperar de ellos, tiende a darse media vuelta y a buscar otro espacio donde los contrastes sean mas serios y profesionales, así es el cerebro, un dictador que tiene sometido al ojo y le exige que en milésimas de segundo le informe de cuanto sucede frente a él. Al obediente ojo no le queda mas remedio que emplear las células mas rápidas y ágiles de que dispone : “las células fotosensibles primarias de la retina”, osea, las encargadas de detectar los contrastes.

A la hora de plantear un diseño ( publicitario, web, señalístico, iconográfico … ), un buen uso del contraste nos permitirá guiar correctamente al observador hacia el mensaje o información para el que ha sido concebido el diseño, dándole claves subconscientes de la jerarquia, materia y potencialidad de los contenidos.

Es muy importante definir en detalle y respetar al máximo el “juego de contrastes” que se va a emplear en un diseño, ser cuidadoso y probar, probar y probar hasta dar con un equilibrio compensado, y sobre todo muy comunicativo.

Os dejo un par de links con teoría y técnica de color y contraste :

• Teoría del color, técnica y razon del contraste
  http://www.digitalfotored.com
• Color, contraste …
  http://www.newsartesvisuales.com

1 comentario August 6th, 2008