Tarjetas de Presentación diseñadas con Processing

Publicado por Estefanía Trisotti el 30 de January de 2010

10 Comentarios Categorías: Estrategia

Debido a la buena acogida que tuvimos con el diseño de nuestras tarjetas de presentación (y que actualmente estamos reimprimiendo ya que se nos agotaron) decidimos escribir un post acerca de cómo las hicimos, ya que al contarlo nunca nos entendieron del todo.

La idea fue hacer de algo simple -como unas tarjetas de presentación- algo innovador y personalizado. Partimos estableciendo que ninguna tarjeta fuera igual a la otra, ya que somos una empresa relativamente pequeña, donde cada uno es importante. La idea derivó a que cada tarjeta tuviera el rostro de la persona presentada, con una trama negra inspirada en el fondo del sitio de AyerViernes.

Desde un inicio, definimos graficar las caras en base a pequeños círculos de diferentes diámetros. El primer intento fue tomar una foto y aplicarle filtos en photoshop, para que quedara 100% contrastada y creada en base a círculos. Después de varias modificaciones el intento no funcionó, ya que los bordes quedaban poco definidos y la calidad era insuficiente para enviar a imprenta. Con la misma idea en mente, sumado a la dificultad de que ahora debían ser construidos con vectores, Herbert Spencer tuvo la (genial) idea de manipular las fotografías en processing. En base a un sencillo código que programó, es posible convertir una foto en una trama de círculos, ajustables según su tamaño y espacio entre ellos.

Resumimos aquel proceso por pasos:

1. Conseguir una foto de la persona. Ideal que el fondo sea limpio/homogéneo.
2. Descargar processing. Luego descargar el código de la trama realizado por Herbert para aplicar el filtro de los círculos, y guardar en una carpeta la cual debe tener una subcarpeta con el nombre “data”, que es donde s ubica el bitmap de entrada.
3. Abres en el programa y el código. Los parámetros están comentados por lo que es fácil jugar modificándolos. (mínimo debes reemplazar el nombre del jpg y el nombre del PDF de salida). Hacer click en el ícono de “play” y el sistema genera el PDF, que posteriormente es editable en Illustrator.
4. Al tener la imagen definitiva, seleccionas los puntos de la persona, y lo encajas en el archivo donde están los demás datos (en este caso las tarjetas). En el ejemplo, la capa la imagen de la persona está simulado color rojo.
5. Finalmente, las tarjetas fueron impresas en papel couché de 350 gramos, Polimatte por tiro y retiro más barniz serigráfico por tiro. El polimate le da la opacidad al negro, mientras el barniz le da el brillo a la trama creada en processing.

¿Simple, no? la idea es demostrar que desde el pensamiento abstracto y matemático, el campo de desarrollo de processing es ampliamente artístico y creativo. Si estás comenzando a usar processing -que para goce de todos es código abierto- será útil que hagas click acá.