Un año prácticamente ha pasado desde que redefiní la estructura de mi emprendimiento, La Criatura Creativa (sitio personal que había creado en el 2001) a CCS Criatura Creativa Studio , un proyecto mucho más ambicioso en el cual tengo el orgullo de contar con un equipo de gente que potencia cada diseño y producto que llevamos adelante.

Estos meses transcurridos han dado frutos en muchos aspectos: una gran producción de diseños creativos y usables, proyectos para empresas del extranjero (incluyendo uno para Apple), nominaciones en webs de diseño, y reconocimientos de Organica Creativa en un libro de diseño web.

A manera de cierre del año, me pareció interesante mostrar un compendio con los mejores diseños que pudimos concretar en el 2006.

Fundación CEDEMIL [Argentina]

Sitio para la Fundación CEDEMIL, encargada de darle empleo a personas con discapacidad.

Interdisziplinäre Vorlesungsreihe Tierrechte [Alemania]

Proyecto para la Ruprecht-Karls-Universität Heidelberg, con motivo de unas jornadas para la concientización sobre los derechos de los animales.

SNH Translations [EEUU /Argentina]

Este sitio fue desarrollado junto a la imagen corporativa de la empresa, para lograr una imagen altamente profesional, amena y experimentada.

Expan Tours Argentina [Argentina]

Sitio para la agencia de Tursimo representante oficial de Swiss Airlines en Argentina.

Sociedad Latinoamericana de Hombro y Codo [Latinoamérica]

Esta comunidad de profesionales de la medicina necesitaba una imagen limpia y precisa. Diseñamos la marca y el sitio web para el proyecto del Dr. Daniel Moya.

ThingFling [EEUU]

Un sitio de ventas de productos, que requirió una imagen tipo Austin Powers, y una alta versatilidad y usabildad en su planteo.

BLAST Fireworks [Canada]

Más que un rediseño, un nuevo diseño, en el que solo conservamos el logotipo, para llegar a un resultado altamente profesional.

Megaconsumo [Argentina]

Futuro sitio de ventas online de productos eléctricos y para el hogar. Un impacto visual producido por la riqueza en los íconos y la cromaticidad de los mismos.

Organica Creativa para DirectToWeb [EEUU]

La versión de Organica Creativa diseñada especialmente para DirectToWeb, una interface pensada para interactuar con ITunes. Este diseño fue creado para Ravi Mendis, desarrollador de Apple.

Como cierre a esta suerte de inventario del año, quiero particularmente hacer notar la versatilidad que tiene diseñar con Cascade Style Sheets y XHTML Strict: si bien puede parecer algo desafiante e imposible de lograr, los ejemplos que expuse arriba demuestran lo contrario.

Es particularmente notable la diversidad de estéticas y layouts conseguidos usando esta tecnología, donde priman tanto el concepto en el diseño, como un nivel muy profesional en la resolución de cada proyecto.

Un muy feliz 2007 para todos.

Eduardo Cesario

Y si, me dio un poco de escalofrío…

Creo que desde que Adobe compró Macromedia, es la primera vez que se me hizo conciente la cuestión: entré en búsqueda de un manual para Fireworks 8, y luego de un largo paseo por el sitio de Ma…digo… Adobe, me di cuenta: estaba ahí onmipotente, ese logo tan conocido de otras tantas aplicaciones: el de Adobe.

Cosas que pasan… 

Si el año musical ya nos había dado unos cuantos sacudones, parece que se tenía guardada una sorpresita para la navidad: hoy a las 1:45, fallecía a los 73 años, James Brown, uno de los artistas más influyentes en la música del siglo XX.

Hablar de la música de James Brown es algo que probablemente excede a este blog, sin tomar en cuenta la vasta producción musical, que lo ha hecho representante de géneros como el Soul, Funk, Rythm & Blues en una primera etapa, redefiniendo el género pop en los 80's, y nutriendo la música de esas décadas, connuevas vertientes provenientes de la música negra y afro-americana. 

Desde aquí nada más que un sincero reconocimiento a la carrera de un hombre conocido como "Hermano Numero Uno del Soul", "Señor Dinamita", "Padrino del Soul", entre otros seudónimos, que demuestran su gran peso e influencia artística en muchos incontables géneros y sub-géneros musicales.

Eduardo Cesario

Recibí un email de Jennifer Robbins, quien escribe libros para O'Reilly Media. En este momento está elaborando la tercera edición de "Learning Web Design".

"Me gustaría presentar tu diseño para Zen Garden, Organica Creativa , como un excelente ejemplo de diseño web basado en CSS".

Creo que si hay algo que incentiva a un diseñador gráfico, es el reconocimiento. Cuando uno ve que su trabajo gusta, el efecto inmediato es el retroalimentar el entusiasmo para seguir produciendo piezas de calidad.

Eduardo Cesario

Reducir al mínimo la capacidad de "interpretación" de los browsers

Hoy me vino esta oración a la cabeza, mientras me debatía, junto con Alejandro, con un sitio web en xhtml y css que se había 'descajado' completamente. La situación era que un pie de página, en Explorer se veía perfecto, y en Mozilla aparecía incrustado en el medio de parrafos que lo precedían.

Luego de dar vueltas sobre el asunto, me doy cuenta que en el código se había especificado un alto de 18 pixels, que Mozilla ejecutaba a la perfección (y el diseño se veía mal), mientras que explorer, "interpretaba" el código, y lo acomodaba al final de los párrafos que precedían.

Esto, que puede parecer beneficioso en este caso particular, es terriblemente perjudicial: si explorer mostrara el código tal cual era, debía producir un resultado similar a Mozilla, que por lo general, toma al pie de la letra cualquier sentencia de css, y viendo una reacción errónea similar o igual en ambos navegadores, la búsqueda de la eventual solución es mucho más fácil

Conclusión

Siempre que sepamos:

• anchos
• altos
• ubicaciones en píxels
• medidas exactas sobre elementos de nuestro diseño
• otros datos útiles que nos ayuden a su correcta y precisa representación…

Integrémolos a nuestro código css (si bien esto lo que hace es 'fixear' el código, hoy en día con las malas implementaciones de estos estándares, no nos queda una mejor solución), y de esta forma vamos a cercar posibles problemas con mayor facilidad, reduciendo considerablemente la "libre interpretación" de los navegadores (sobre todo la del IE).

Eduardo Cesario

La temperatura de color de una fuente luminosa se define"comparando su color dentro del espectro luminoso con el de la luz que emitiría un Cuerpo Negro calentado a una temperatura determinada. Por este motivo esta temperatura de color generalmente se expresa en grados Kelvin, a pesar de no reflejar directamente una medida de temperatura." (Wikipedia )

En fotografía y en general cualquier actividad que trabaje con temperaturas de color, toman como patrón la irradiada por el sol al mediodía, en la localidad de Washington DC, que es de 5500 Kelvin, y es conocida como Luz día, o "Luz Blanca" (con todo lo subjetivo que puede ser la definición de la palabra "blanco"). Así, tenemos que la luz día es de temperatura similar a la luz disparada por un flash.

Estos datos teóricos sirven para ejemplificar el caso en que uno no contempla la mezcla de diferentes temperaturas de color, y para lo cual poco se puede hacer en la toma en sí, más que usar un filtro corrector de color, que lo que logrará es corregir una de las dos o más temperaturas de color presentes, en el caso que confluyan más de una fuente con distintas características luminosas.

Como ejemplo de esto, pueden ver este retrato que le tomé a Juan Carlos, donde se mezlcan ambas temperaturas: la de luz día (a través de la ventana, unos 5500 kelvin), y la del interior de su casa, una lampara de tungsteno con luz bastante amarilla (unos 2700-3000 kelvin).

Ahora, si bien se ve una marcada dominante amarilla sobre Juan Carlos y el entorno de su casa (proveniente de la iluminación con lámparas de tungsteno), la diferencia del exterior, esa diferencia de temperaturas no parece muy dramática si nos guiamos solamente por el archivo original obtenido con la Olympus 750UZ.

En la copia en papel Kodak mediante el proceso químico para bajar fotos digitales, la diferencia es mucho más marcada que en el monitor (si bien probablemente aqui no se aprecie, dado que ha sido scaneada).

Ahora, podríamos corregir la dominante amarilla, sabiendo que la camisa de Juan Carlos, es blanca. Tomando una curva de color mediante photoshop y apuntando a una parte muy blanca de la camisa como nuestro punto de blanco, el balance de blancos será hecho con esa referencia.

Sorpresa… claro, al haber dos temperaturas de color implicadas en la misma toma, lo que obtendremos es que nuestro modelo, y todo lo interior (iluminado con tungsteno) balancearán correctamente, mientras que los reflejos de la luz proveniente del exterior, se descontrolarán irremediablemente (prestar atencion particularmente a los reflejos de luz que produce Juan Carlos sobre el marco de la ventana: han mutado a un magenta furioso).

Para tener en cuenta entonces: chequear condiciones de ilumnación previamente a las tomas, ya que luego para compensar estas diferencias entre fuentes lumínicas habrá que hacer retoques avanzados y sectorizados sobre luces, reflejos y sombras de las mismas.

Eduardo Cesario

Bueno, la verdad es que ni bien empezó el segundo y último recital de Joaquín Sabina en Buenos Aires, transcurridos los primeros minutos ya, estaba pensando en escribir algo… Pero al no ser un experto en la música de Joaquín, gran poeta, más que músico (en mi modesta opinión), fue que la chispa de la idea tomo forma cuando empecé a ver, en unas proyecciones al fondo del escenario, unos dibujos y viñetas, hechas al mejor estilo Keith Haring , y "ahí esta" me dije a mi mismo, ya tengo un disparador para aportar algo al blog.

Keith Haring fue un artista norteamericano, cuyo estilo es inconfundible, y los que lean este post, se darán cuenta de que probablemente conocían su obra, básicamente producida en los 80's, pero que no conocían al autor por su nombre y apellido.

Transcurrián los primeros temas del recital de Sabina, y aparecían proyectados unos dibujos muy parecidos a este, pero de menor calidad. Me resultó curioso e interesante compartirlo, ya que Haring me parece un artista increíble, y alguna vez en la facultad un docente me había dicho que busque material sobre Haring, porque veía en mí, ciertas tendencias sobre colores contrastados y lenguaje gestual de linea y plano, parecidas (muy remotamente) a las de este artista.

Esta coincidencia de dos grandes (quizás involuntaria) me produjo mucha alegría, ya que los mensajes de Haring siempre fueron de dar a conocer su propio arte a la mayor cantidad de personas, y hacerlo accesible a todo el mundo: él no creía en que el arte tenía que ser necesariamente para una elite.

Y de alguna manera siento que las letras y músicas de Sabina, si bien algunas son mucho más metafóricas que otras, son populares, y nos hablan de esas cosas de la vida que todos podemos entender.

Mik, Edu y Adri (ejem, sus docentes), según Alejandro Inés

Otro año de cursada finalizó en la FADU. 

Después de haber hecho devoluciones personalizadas a cada uno de los chicos (este año bastante más personales que en otros anteriores), una sensación de alegría y realización personal nos invadió a Micaela, Adriana y yo, uno de los tríos docentes que la cátedra Wolkowicz designó para el año 2006. Alegría porque en el 95% de los casos, los chicos pudieron crecer mucho a nivel gráfico y conceptual: fue un placer realmente nuestro grupo de cursada.

Para festejar, con las chicas nos cruzamos al bar que está en frente de Ciudad Universitaria, y nos quedamos compartiendo unas cervecitas. Como era de esperar, el tema diseño gráfico aflora casi instantáneamente (sobre todo si están sentados 3 diseñadores gráficos en una mesa, y más si son docentes).

Entre tanto parloteo, salió el tema del estilo: lo que nos define como profesionales y nos da cierta consistencia visual/conceptual en los trabajos. Yo le decía a Mik, que un "buen diseñador, es el que puede ponerse todos los trajes sin importar el proyecto a diseñar".

¿Podemos realmente ser esclavos de un estilo?

En lo personal creo que no, si bien hay muchos diseñadores o artistas (y no por eso quiero poner al diseño gráfico como un arte), que por seguir fieles a un estilo no pueden interpretar o llevar adelante muchos otros proyectos. "Un buen diseñador debería poder diseñar una página para una funeraria, como también para una Rave". Morir con el estilo no me parece muy propio de un diseñador, si de un artista. 

Ahora, hay otra cosa que muchas veces desvela a los estudiantes, más cuando se acerca el fin de la carrera: la búsqueda de ese estilo, como si eso fuera a surgir premeditamente, y lo que yo puedo decir como experiencia personal, es que en mi caso fue tan natural, que en tercer año de mi carrera decantó solo, y es el día de hoy que sostengo una forma de trabajar que me identifica, pero no me hace esclavo de ella. Muchas veces choco con eso, mi irremediable tendencia a usar colores muy saturados y contrastados, formas orgánicas y lenguaje gestual e icónico. Es verdad, a medida que pasa el tiempo, uno se acostumbra a su forma de diseñar, y probablemente, a uno lo llamen porque les gusta esa forma particular de trabajar con la imagen.

El estilo nos define, nos da identidad como diseñadores gráficos: pero no tenemos que perder nunca de vista que somos profesionales que aspiramos a comunicar con la imagen, y que en muchos casos seremos felices diseñando acorde a nuestras tendencias y motivaciones propias, pero en muchos otros nos veremos conducidos inevitablemente, a ceder un poco de nuestra parte para satisfacer a nuestro cliente.

Eduardo Cesario

Hace ya unos 2 años, que vengo utilizando mi cámara digital Olympus 750-UZ. A medida que fui experimentando con la fotografía digital, fui descubriendo diferentes cuestiones que me empezaron a molestar cada vez más: la peor, el ruido.

El ruido en las cámaras digitales (noise en inglés), es el efecto que se producen en ciertos pixeles durante una toma fotográfica. Estos pixeles quedan 'mal expuestos', y al observarse la toma en una buena aproximación, son claramente visibles, ya que nunca son coherentes con la paleta cromática de los pixeles que los circundan.

Las cámaras suelen comportarse muy bien en situaciones de iluminación 'normal' o luz día, el problema empieza con la luz noctura. En condiciones de baja iluminación, tenemos que hechar mano en los pares diafragma/velocidad para conseguir la toma que deseamos (claro está, si la camara no funciona en AUTO) , como también en la sensibilidad ISO para compensar la falta de luz.

Y acá es donde aparece el quid de la cuestión:

1. Cuanto más ISO utilicemos en la toma, más ruido obtendremos.
2. A mayores tiempos de exposición, inevitablemente habrá más ruido también. 

Un error habitual, es ver la copia al 100% en Photoshop u otra herramienta de edición de imagen: a ese nivel de aproximación, el ruido muchas veces pasa desapercibido, y el problema se materializa cuando bajamos la copia a papel fotográfico, ya sea en minilab o en cualquier papel especial para impresoras.

Haciendo zoom al 100% (que es la escala real de la foto en el monitor, a 96 dpi) se ve la verdad del asunto:

Efectivamente, podemos ver los pixeles que constituyen el ruido: su color nada tiene que ver con los de su entorno inmediato, y visualmente son muy molestos, ni que hablar si pretendemos usar esa imagen para un trabajo profesional.

Buscando soluciones a este problema, llegué al filtro Median, de Adobe Photoshop. Este filtro lo que hace es detectar una diferencia de luminancia o cromática muy alta, entre los píxeles contiguos. Entonces, cuando aparece un candidato a ser pixel con ruido, sondea los valores de los pixeles de su entorno, y hace un promedio cromático de estos para enmendar la aberración.

Como todos estos filtros, que interpolan información para obtener nueva, lo mejor es tratar de hacer que generen lo menor posible, ya que esos nuevos pixeles interpolados serán ficticios y modificarán la imagen original.

En el caso de mi imagen, use 2 de valor, ya que con 1 permanecía el ruido en la misma. Lo que hizo el filtro fue buscar información con un radio de 2 pixeles de cercania para detectar ruido.

El resultado es más que bueno, dependiendo de nuestras pretenciones. En el caso de esta imagen, no fue dramático el cambio en el foco. Pero algo que produce el filtro irremediablemente es una perdida de nitidez, la imagen se desenfoca ("blurea") levemente, todo dependiendo de los valores que hayamos aplicado.

En el caso que el desenfoque sea no muy alto, se puede probar aplicar un Sharpen en la imagen, para devolver parte de la nitidez perdida, pero como en el caso del filtro Median, la información será fruto de interpolaciones, por lo cual el efecto puede ser no muy beneficioso.

Como ocurre con la fotografía analógica, cuando la toma no es buena, es imposible salvarla mediante procedimientos posteriores, pero queda a criterio de cada uno si estos filtros aportan o no a la imagen final, todo depende de cada imagen en particular y el grado de manipulación a la que la hayamos sometido. 

Eduardo Cesario

Hace unos cuantos días, fuimos reconocidos por el staff de N.Design Studio entre los "Mejores blogs basados en Wordpress".

Desde aquí nuestro agradecimiento a esta mención, totalmente espontánea.

Eduardo Cesario