Técnica: Trazado y coloreado con acuarela; fondo (cielo) y retoque con Photoshop

Comentario: Un momento de ocio creativo me ayudó a encender el foco y tomar una hoja de papel, sacar las acuarelas y pinceles de la caja, dos fotografías distintas y pensar en una composición. La idea de insertar un lenguaje fotográfico llegó después, con recurso de disminuir la profundidad de campo, aumentar los contrastes y la  inserción de un cielo tomado de una fotografía real.

URL: http://www.sintrametlife.org.mx

Comentarios: Se realiza en dos fases: un portal principal que mantiene los números de su publicación Espacio32 y secciones de interés importante hacia los trabajadores del gremio bursátil y una galería fotográfica de sus actividades. También se usa un archivo de frases aleatorias en javascript que cambia por azar cada vez que un visitante entra al sitio.

Programas: SPIP (administrador de contenidos) con esqueletos basados en Alternatives; Gimp (gráficos). Para las galerías de imágenes se utilizó PicsEngine, cuyo archivo de idioma para la interfaz administrativa traduje al castellano. Flash para una animación fotográfica sencilla en portada.

Agosto-diciembre de 2007

Comentarios: Obtura es un proyecto colaborativo estudiantil en la Facultad de Ciencias Políticas y Sociales de la UNAM enfocado a los géneros periodísticos de la fotografía, bajo la dirección de Fernanda Sánchez Paredes. Actualmente ha sido mantenido por dos generaciones que suman 50 autores. Para cuando se hizo la primer maquetación se incluyó un corto video-animación realizada a partir de gráficos vectoriales y fotografias.

Programas: SPIP (administrador de contenidos); Photoshop (gráficos y fotos) Animation Shop (animación que posteriormente se pasó a formato de video Flash .flv); TopStyle (hojas de estilo); Esqueleto inspirado en Rebelarte.

Presentación del proyecto: diciembre 6 de 2007

Paleta de colores

Comentario: Sesión fotográfica ambientada en una atmósfera de Film Noire (cine negro), iluminaciones en claroscuros y dos personajes que escenifican un encuentro romántico después de un doloroso duelo.

Fotógrafos, ambientación e iluminación: Elizabeth Verduzco, Erick Suaste, Paola Abreu, Jonathan Esquila, Prometeo Lucero; Modelos: Pedro Javier Vivero Valdés y Diana Morales López; Dirección: César Alanís Merchand y David Bolaños

URL: http://www.siegersmexico.com

Comentarios: A partir en un tema XHTML válido, se realizaron sus ilustraciones y fondos propios basados en fotografías. Una versión anterior del sitio se hizo con Joomla!, aunque el resultado no fue satisfactorio del todo. Wordpress ayudó a administrar de los contenidos de manera más sencilla. Uso de tipografía sin serifa y Dolphin, que formaba ya parte de la imagen corporativa.

Durante el rediseño se busca un gestor de contenidos más sencillo pero completo: wordpress resulta adecuado. Se crea un fondo estático que contrasta a los bordes con el contenido de las cajas principales. Se reacomoda el logotipo alzando la tipografía a lo alto con un leve reflejo y se retoma el logotipo: una balanza que sostiene en un costado el ying-yang, representativo de la relación costo-beneficio.

Programas: Wordpress (administrador de contenidos); Gimp (gráficos). Para la galería del Club Deportivo se utilizó SimpleViewer, una serie de ficheros que combinan Flash y un lector XML.

Octubre de 2007

Paleta de colores

URL: http://www.espora.org/limeddh

Comentarios: La realización de un sitio web destinado para ésta organización de larga trayectoria en defensa de derechos humanos y talleres de promoción y difusión no sería posible sin las personas que continuamente actualizan sus contenidos y herramientas robustas como Spip. Este proyecto partió desde una página estática albergada en Nizkor, tras lo cual se montó el gestor de contenidos y tras varias pruebas de diseño, se quedaron como definitivos los esqueletos Aula Libre. por la flexibilidad que ofrecen para destacar artículos en módulos y la adaptabilidad con plugins destinados a facilitar las de por sí arduas labores de redacción y edición, y para los usuarios lectores la posibilidad de ver una versión lista para imprimir de los artículos o descargarlos en PDF.

Una barra recopila notas de prensa en medios de comuniación y las separa de los contenidos generales, además que los temas se organizan de manera genérica por palabras clave (MOTS) y se le otorga un espacio visible a las acciones urgentes que la organización envía para su difusión.

La oferta de programas libres y el desarrollo de herramientas colectivas que extienden el poder de éstos (plugins y esqueletos principalmente) fueron la principal ayuda que de manera desinteresada han puesto en público colaboradores de Spip y Spip-Contrib y hacen posible grandes proyectos para organizaciones a costes muy bajos o nulos.

Septiembre de 2007

En portada utilicé el recurso del “siete invertido” para los artículos secundarios que rodean el destacado principal. El logotipo se hizo… con spray y tipografìas digitales propias del entorno. Algunas fotografías son propias de los autores y otras fueron tomadas de galerías en Zooomr, de donde se cita a los autores en una viñeta vertical.

Programas: Indesign (maquetación) Photoshop (gráficos).

Desarrollado a la par con: Lorena Olarte, Erika Maya y Karla Santamaría.