Vestiges d'un CSS Guru
new york
bd cinéma couleur css firefox google gratuit ie6 interface iphone javascript microsoft musique navigateur new york photo photoshop theme vidéo wordpress
New York vu du ciel à 360°
Billet13 May
Je suis grand fan de ce genre de photos : des plans panoramiques à 360° de New York.
C’est intéractif, c’est fluide, et la qualité visuelle est au rendez-vous. Ca rappelle le Quicktime Virtual Reality mais en 20 fois mieux. Je me demande vraiment quel dispositif est utilisé pour prendre de telles photos.
Faites clic droit > Planet View. Vous verrez, c’est surprenant. 
La distance en couleurs : triptrop NYC
Billet3 May
Un gars de Brooklyn voulait savoir jusqu’où il pouvait aller en 15 minutes en partant de chez lui. Et puis en 30min, 1h, 2h…
triptrop NYC est une carte colorée de New York où les distances sont représentées par une couleur, rouge pour le plus proche, violet pour le plus éloigné, et tout l’éventail de couleurs entre les deux. Les trajets se font par métro.
Imaginons que je veuille aller du Guggenheim au Flatiron. Ca me prendrait environ 30 min.
Encore une belle utilisation de l’API de Google Maps. Il y a d’ailleurs des infos locales disponibles. A quand la même chose pour Paris ?
Une carte sans horizon de Manhattan
Billet1 May
Here & There propose une carte particulière de Manhattan :
- ce qui est proche est en 3D
- ce qui est en loin est en 2D
L’évolution 3D vers 2D se fait progressivement, sur une courbe visuelle. On me dit qu’un GPS serait une super idée. En effet!
En regardant Uptown
En regardant Downtown
Qui a dit “Où est mon skate ?” ?
La mémoire du logo du World Trade Center
Billet20 Apr
La silhouette du World Trade Center demeure dans les mémoires mais aussi dans la rue, à travers les logos, les graffitis et autres objets du quotidien new-yorkais. WTC Logo Preservation Project souahite tous les recenser.
An open project to photograph and preserve the Twin Towers in the New York skyline logos.
La géographie du buzz
Billet9 Apr
Elizabeth Currid et Sarah Williams ont établi une carte de densité d’évènements culturels (musique, cinéma, théâtre…) à New York et à Los Angeles. Ils ont utilisé des photos prises lors de soirées où bon nombre de créatifs se réunissent. Le moins que l’on puisse dire, c’est que la corrélation géographique entre les différents domaines culturels est extrêmement forte. C’est sans doute le cas pour pleins d’autres villes, non ?
NYC 09 : vidéo de notre voyage à New York
Billet13 Mar
Avec un ami, nous sommes allés à New York fin janvier. Après avoir vu la vidéo “This Is Japan!”, j’ai eu envie de faire la même chose, même si je suis un photographe totalement amateur. J’ai donc pris énormément de photos (1602 en tout) pour avoir assez de photos correctes et réaliser cette vidéo.
NYC 09 from Jeremy Thomas on Vimeo.
Processus de fabrication
La musique
Tout est parti du morceau: LCD Soundsystem – Someone Great. J’ai eu tout de suite l’idée d’utiliser cette chanson, avant même d’acheter l’appareil photo (un Canon EOS 1000D). James Murphy représente musicalement l’esprit de New York. Je pouvais difficilement utiliser un autre artiste, et un autre album.
La synchronisation
A partir de là, j’ai calculé le BPM pour que les photos soient synchronisées avec la musique. J’ai utilisé MixMeister BPM Analyzer pour trouver que le morceau était à 113 BPM. Cela équivaut à 0,53 secondes (60/113) environ. Il faut donc que chaque photo apparaisse pendant ce temps exactement.
Une vidéo est divisé en un certain nombre d’images/sec (en général 25 ou 30 images/sec). Donc 0,53 sec correspond environ à 15 images si la vidéo est en 30 images/sec. Mais en réalité, ça donne 0,50 img/sec et non pas 0,53. Il me fallait donc me rapprocher un maximum de ce nombre pour que le décalage ne soit pas visible au fil du temps.
J’ai fait des calculs. J’ai multiplié la ratio 60/113 par plusieurs valeurs d’images/sec, en commençant par 10 jusqu’à 40. J’ai remarqué qu’un des résultats se rapprochait d’un nombre entier: en 32 img/sec, 0,53 sec correspond quasiment à 17 images. J’ai donc fait ma vidéo en 32 img/sec, où chaque photo apparaissait pendant 17 images. Il n’y alors aucun décalage visible avec le son.
Les photos
En 113 BPM, pour un morceau de 6min 30sec, il me faut 735 photos. J’ai trié, redimensionné et recadré les photos en enlevant notamment celles qui étaient mauvaises (surtout celles prises de nuit).
Le montage
En utilisant After Effects, j’ai mis à la suite les 735 photos. J’ai malheureusement dû le faire à la main parce que je n’ai pas réussi à automatiser cette tâche bien laborieuse. Si vous savez comment le faire, dites-le moi parce que je ne le referrai plus!
Le rendu
J’ai eu des problèmes de synchronisation au rendu que je n’avais pas dans After Effects. Je n’ai toujours pas compris d’où ça venait. Au final, j’ai encodé en Xvid pour un fichier de 374mo.
Je déteste faire de la vidéo parce qu’un simple changement dans le fichier source doit être suivi d’un rendu d’une dizaine de minutes. Niveau productivité, c’est très différent du web.
J’espère que vous apprécierez cette vidéo autant que j’ai aimé la réaliser.
New York en noir et blanc
Billet10 Mar
Ayant été à New York récemment, je m’amuse à observer cette série de photos en noir et blanc de New York pour tenter d’y reconnaître ce que j’ai visité. La démesure urbaine y a commencé très tôt.
Panorama de New York en QTVR
Billet16 Jan
Vous connaissez le QuickTime Virtual Reality, plus connu sous son sigle : QTVR. C’est un format d’image où l’on peut regarder à 360° dans tous les sens. J’avais déjà expérimenté quelques fichiers de ce type mais celui-ci est le plus bluffant que j’ai pu rencontrer : Times Square à 360°. L’auteur a ajouté du son pour agrémenter l’illusion.
Admirez la qualité de l’image, sa fluidité. Vous pouvez librement vous déplacer avec la souris, zoomer avec Shift et dézoomer avec Ctrl. On s’y croirait.
