Vectart

Llega el verano, y con el calor empiezan a aparecer terrazas como si fueran champiñones tras la lluvia, y es que apetece sentarse a la fresca para tomarse algo y ganarle el pulso a la canícula.
Así que aquí os dejo un mapa elaborado con GoogleMaps con los principales restaurantes y locales de copas que ofrecen sus terrazas, jardines y azoteas para que este verano lo paséis tomando algo bajo las estrellas (Gracias a Daniel Arjones y la gente de la revista Metrópoli por la información, y si teneis alguna sugerencia para añadir al mapa, dejad en los comentarios el nombre, dirección, teléfono y, si lo sabeis, el precio medio de una cena por persona. Prometo actualizar la lista con vuestras recomendaciones).

View Terrazas de Madrid in a larger map

¿qué diferencia las dos imágenes de arriba? En la foto de la derecha se ha aplicado un efecto llamado Tilt-Shift o “falseado de miniatura”. El truco consiste en hacer que las imágenes se parezcan a maquetas modeladas.
Los que vivan en Madrid habrán podido ver el efecto aplicado en un anuncio del Metro, y para los que no hayan podido ver el spot, aquí va:

1. Primero se hace una selección degradada que deje el punto que queremos destacar intacto, mientras cubre las zonas superior e inferior
2. Se aplica un degradado de lente a la selección, logrando un efecto de macro con los bordes difuminados
3. Se deselecciona
4. Se saturan los colores de la imagen para simular las pinturas de modelismo
5. Se ajustan los niveles de la imagen

Y ya tenemos nuestra falsificación; el efecto es más espectacular con fotografías aéreas o desde un punto de vista elevado, imitando las tomas que se sacarían de una maqueta colocada en el suelo o una mesa.
Para los que quieran más, aquí van unos cuantos enlaces para seguir con el tema, muy recomendables los vídeos de Keith Loutit.

• Tiltshiftmaker.com una web con su propia aplicación para aplicar el efecto

• Tiltshiftphotography.net web dedicada a los amantes del efecto

• keithloutit.com fotógrafo australiano que experimenta con el Tilt-Shift, no os perdaís sus videos

• The Tilt-shift Miniature Fakes Pool galería en Flickr de imagenes generadas por aficionados de la técnica.

Algunas veces ya hemos visto ejemplos de mapas en los que se utiliza un efecto de ojo de pez para resaltar, por ejemplo, el centro de una ciudad (o como en el antiguo mapa del Metro de Madrid para espaciar las estaciones del centro, muy cercanas unas a otras).
Ahora Jack Schulze le ha dado un giro al concepto aplicando una perspectiva cóncava a un plano tridimensional de Manhattan. Primero elaboró el modelo 3D trabajando a partir de materiales y objetos ya en el mercado, y con unos cuantos efectos de curvado del modelo y la elección de una buena lente para el renderizado consiguió las imágenes sobre las que luego colocó las anotaciones del mapa.
Los puntos de vista que seleccionó permiten ver la ciudad de norte a sur y viceversa, de modo que un usuario que se colocase en los puntos elegidos se podría orientar de la manera más sencilla.
Se puede adquirir una copia de edición limitada de estos mapas en la web del creador.
Vía: The Map Room

Una bonita gráfica que muestra varios datos sobre el consumo de materias primas y calcula cuantos años de cada materia nos quedan al ritmo de consumo actual. El trabajo lo han realizado desde NewScientist.
Vía FlowingData.

Ahí va un vídeo realizado por Bruce Branit en el que sueña con un mundo holográfico. Muy recomendable.

El diario The Courier Journal de Louisville publicó el 10 de abril una portada realizada por completo a mano, desde los titulares a las fotos, todo ha sido realizado a mano por el artista turco Serkan Ozkaya, y es una reproducción de la portada original, que ocupaba la página 3 del periódico.
En la web del diario se puede adquirir una copia de la portada por 20$, y también se puede conseguir un PDF de la misma

Vía: Daryl Cagle’s Blog

Dos meses han pasado desde mi último post, y es que a veces el mundo real nos aparta de nustras obligaciones virtuales por más que intentemos compaginar los dos mundos. Para poneros al día, en estos dos meses me he convertido en orgulloso papá, me he hecho polvo la rodilla, he realizado obras en casa y acabado un par de proyectos, así que han sido un par de meses muy completitos.
En este tiempo he seguido, cuando he podido, los diferentes blogs, noticias y demás que han pasado, y aqui va una pequeña recopilación de lo más importante que he ido guardando para mostraros.

· Primero, unas cuantas herramientas para encontrar información en la web 2.0:

• BlogPulse para buscar tendencias en la blogosfera
• Pipl presume de ser el mejor buscador de la web invisible
• Spy te ayudará a seguir los feeds de la redes sociales
• Serph promete mostrarte lo que se dice sobre ti en la web 2.0
• Social Mention busca menciones de tu nombre en las web sociales, blogs, etc
• Monitter está diseñado para monitorizar tweets
• BoardTracker busca a fondo en los foros y message boards

· Una herramienta para hacer gráficos más vistosos, Lovely Charts es una aplicación web basada en Flash que permite hacer diagramas de forma sencilla y que esta especialmente enfocado al aspecto visual del gráfico.

· El árbol de lineas de radar temporales es un nuevo tipo de diagrama que, aún resultando muy vistoso e interesante, puede resultar demasiado complicado para publicar en un  periodico, donde no todos los lectores podrían seguir la multitud de datos que esta gráfica ofrece. Vía Visual Complexity

· MatchCentre es una herramienta de visualización que ha puesto en marcha la UEFA en su página web y que permite analizar centenares de datos de cada partido jugado en la Liga de Campeones. Vía Information Aesthetics

· ¿No son geniales las vistas desde el asiento de un avión cuando aterriza o despega?¿Quién no tiene alguna foto tomada en ese momento en que las ciudades se muestran a nuestros pies? Pues aquí teneis un pequeño manual para mejorar las fotos tomadas desde aeroplanos.

Esto es todo, a ver si el mundo real me permite seguir publicando con regularidad y no vuelven a pasar dos meses sin que nos veamos.

Si alguna vez has tenido la duda de por donde andará tu último post, aquí va un gráfico desarrollado por Elliance que explica los pasos que sigue un artículo publicado en Internet desde que el redactor lo escribe hasta que llega a los lectores.

Hasta hace bien poco los infografistas provenían de tres campos de estudio: los que habían cursado periodismo, los que habían estudiado Bellas Artes y los que venían de FP de Imprenta (salvo algunas excepciones como Heber Longás, ahora en El País y que salió de Biología de la Universidad de Navarra).
Pero hoy estamos en la era 2.0, y ya no vale con que seas comunicar, deseñar o pintar; como dijo hace poco Charles Arthur, editor de tecnología del Guardian, “un consejo para periodistas, empieza ahora mismo a aprender a programar“, y yo añado, saber escribir código es más urgente para los infografos que para los redactores.
No hace mucho leí a un experto en nuevas formas de comunicación planteando una pregunta fundamental: ¿cuántos, en vuestras redacciones, podrían escribir en un papel el código HTML que genera un enlace? Hoy todos quieren estar en Internet, pero no quieren saber nada de como funciona. Un redactor, hoy, debería saber -al menos- los conceptos básicos que hacen posible que sus escritos o gráficos lleguen al público; lo contrario sería como si un camionero no supiera cambiar una rueda pinchada de su camión.
HTML, Perl, PHP, C+, ActionScript, Java, SQL…. hay multitud de lenguajes de programación, algunos más sencillos y otros al alcance solamente de ingenieros y geeks, pero los que es seguro es que en la nueva sociedad 2.0 si no sabes programar, no estás completo.
En la infografía son muy útiles los lenguajes orientados a objetos (Java, ActionScript) y los de bases de datos (SQL, por ejemplo), y como muestra del buen uso de la programación, aquí va un ejemplo del New York Times.

Con una API de Tweeter, han elaborado un mapa que presenta los tweets publicados durante la Super Bowl durante el partido. Con una base en Flash -y por tanto, programado con ActionScript-  se “pinta” el mapa y se accede a una base de datos -no puedo decir con que lenguaje, quizá algún insider de NYT pueda aportar más datos sobre el proceso-. Dichos datos se alojan en Tweeter, por lo que hay que elaborar un código que, trabajando con la API de Tweeter, muestre esos datos en el mapa “pintado” en Flash.
Al menos tres lenguajes de programación distintos para crear un gráfico de actualidad, original e informativo y que aprovecha las oportunidades que trae el nuevo Internet.

P.D. Si te ha picado el gusanillo, y quieres empezar a aprender a programar, un sitio excelente para empezar es La web del programador, donde encontrarás recursos y manuales de multitud de lenguajes y aplicaciones.

Para llegar al ser humano actual han tenido que pasar cientos de millones de años, y este gráfico detalla como han evolucionado los mamíferos en ese tiempo. Descargando el PDF, podemos navegar por el árbol, viendo como se han desarrollado las distintas ramas y como se relacionan unas con otras, y darnos una cura de humildad observando como no somos más que una pequeña, pero que muy pequeña parte de la familia.

Y como complemento a esta gráfica, un vídeo que ha elaborado ABC TV Australia en el que se explica, con una mezcla de infografía e imagen real, esta misma visualización.