Petit rappel de la vidéo :

1- Concept et pré-production

Le brief de la startup était de reprendre le concept du projet Go For It, et de « l’appliquer » à l’application Winker. Nous étions donc relativement libre en terme de trame narrative. Nous nous sommes alors lancé sur l’écriture de différents synopsis. Cette étape fut longue, nous avions décidé de faire participer les deux fondateurs de l’application à cette étape de réflexion. L’intérêt de faire participer le client à cette étape stratégique est multiple. Pour faire simple, l’implication des deux parties prenantes dès le début du projet facilite le reste de la production.

Une fois le synopsis puis le scénario validé, Ben a établi un storyboard avec l’aide de Vivian, un graphiste freelance.

A l'époque du scénario / storyboard original, nous voulions jouer avec un aspect provoquant, presque polémique. A la demande de Winker, cette facette a été fortement érodée.

Ce storyboard nous a permis de préparer le tournage (pré-production). Il évidemment plus simple d’attaquer cette étape après le storyboard plutôt qu’après le scénario, du fait de l’aspect visuel du document.

2- Le trournage

Nous avons intégralement filmé avec 2 GoPro HD Hero (une suffisait, la seconde servait de dépannage). Cette caméra peut être géniale si les critères suivants sont remplis :

• Filmer dans un environnement suffisamment lumineux : c’est à dire de jour en extérieur. Pas de chance, ce n’était pas notre cas. J’y reviens par la suite.
• Ne pas avoir besoin de faire de prise de son. Le micro intégré peut, à la limite, servir pour une éventuelle post-synchro.
• Pouvoir « travailler à l’aveugle ». Il existe des accessoires de monitoring dédié aux GoPro, comme le LCD Backpack, mais ce dernier n’est pas adapté à une prise de vue subjective (lorque la caméra est fixée sur la tête pour voir l’action à travers les yeux d’un personnage). Travailler à l’aveugle avec une GoPro induit une certaine imprécision des plans, ce qui n’est pas dramatique grâce au grand angle de l’objectif. Il faut être en mesure de refaire les plans si le cadrage laisse à désirer.

Je reviens sur le premier point : la lumière. Il est aujourd’hui possible de filmer dans des conditions de faible luminosité avec les HD DSLR récent, prenez par exemple le court « Joy Ride » réalisé par Sandro avec un D800 de chez Nikon. C’est hors de question avec une GoPro. Un bruit horrible apparaît très vite à l’image, dès lors que le capteur n’est pas suffisamment nourris en lumière. A titre de comparaison, essayer d’obtenir une image correcte en filmant avec avec un reflex dans la pénombre avec les iso poussés à fond. Pour certaines scènes, on utilisait deux lampes allogènes pour éclairer le premier plan, pour obtenir une image « exploitable » (ou presque).

Tous deux tournées dans le même lieu, le plan de droite a bénéficié d'un éclairage d'appoint (très sommaire) ainsi que des retouches en post-production.

Il ne faut pas voir que des contraintes dans cet appareil: la batterie, la solidité, la facilité d’utilisation et la taille sont des atouts qui justifient largement son utilisation pour les plans de type caméra embarqué / vue subjective.

 3- La post-production

Contrairement aux autres étapes, nous nous sommes partagés le travail :

Ben a travaillé sur les infographies de la vidéo. Cela représente tous les éléments en surimpression à l’écran, mais aussi les inserts dans l’iPhone, dans le PC et les visuels de fin (packshot).

Insert type, on y retrouve un profil en bas à gauche, la HUD permanente à droite (la batterie + l'heure en haut et les notification en bas).

Je me suis occupé du montage et de l’étalonnage. Cette dernière permet, en temps normal, de  donner un aspect, un style à l’image. Compte tenu de nos rushs, cette étape se résuma à rendre les plans exploitable en jouant sur une augmentation de l’exposition, des corrections colorimétriques et une réduction du bruit.

J’étais ensuite en charge du motion design. Le motion design (abréviation de “Motion Graphics Design”) est : « L’art de donner vie au graphisme par l’animation. Il recourt autant à la typographie, la photo, la vidéo qu’à des illustrations ». Ma tâche était donc d’intégrer et d’animer les visuels produits par Ben.

Pour organiser mon travail, j’ai utilisé une méthode d’itération proche de la méthode Agile, utilisée par certains développeurs. J’attaquais chaque partie de la vidéo en considérant l’idée à véhiculer. Je mettais en place les principales intégrations, puis je passais à le section suivante. Une fois la boucle finie, j’effectuais une nouvelle passe en affinant un point particulier, et ainsi de suite.

Poste de travail utilisé pour le motion design. Le second écran permet ici (avec After Effects) d'afficher le panneau calques.

Notre mission était de faire découvrir l’application à l’aide d’une vidéo basée sur le style de Go For It :

• Une prise de vue subjective, c’est à dire que le point de vue de la caméra est celui du personnage. On suit l’action a travers ses yeux.
• Des incrustations en motion design. L’objectif n’était pas de créer une représentation fidèle de Winker, mais une vision plus imagée. On ne souhaitait pas faire une démo des possibilités, mais susciter de la curiosité.

Un court making of est disponible : Winker, behind the scenes, mais sans plus attendre, voici la vidéo :

Merci à Olivier Breux pour le choix de la musique et à Mehdi Boumendjel pour sa présence et aide lors du tournage.

N’hésitez pas à partager la vidéo et à nous faire un retour via les commentaires

Statistiques globales

Nombres de vues sur les lecteurs intégrés.

J’ai résumé en un diagramme circulaire les dix principales du trafic :

(1) : « Nous ne disposons d »aucune information concernant l »origine de ces visionnages. Cette situation se produit lorsque les vidéos sont partagées de façon virale, par exemple, lorsque les internautes cliquent sur un lien vers une vidéo dans une application de messagerie électronique ou instantanée, ou copient l’URL d »une vidéo, puis la collent dans la barre d’adresse de leur navigateur. »

Liste non exhaustive des sites / blogs / facebooks/ twitters ayant fait parler de la vidéo :

Publigeekaire

Twitter

24Heures.ch

Graphism

Be Geek

Merci à tous pour votre aide.

Aujourd’hui jeudi 19 mai à la Défense a eu lieu le tournage de la dernière vidéo du groupe Keiro (chemin en japonais ndlr). Pratiquant le parkour, sport consistant à transformer les éléments du milieu qui nous entoure en obstacles, et ce depuis quatre ans, le groupe nous livre ici une nouvelle approche de la discipline.

En effet, la vidéo ayant été tournée avec une caméra Go Pro Hero HD (big up Antoine), elle nous plonge directement au cœur de l’action, décomposant ainsi chaque mouvement pour une immersion totale.
Une heure d’entrainement intensif aura suffi à Thibault et Fabien pour tourner les différentes prises nécessaires au montage. Le but était ici d’enchaîner les mouvements, notamment pour permettre d’aboutir à un rendu plus fluide, mais aussi pour travailler l’endurance pure.

Bref rappel : l’objectif unique du projet est d’atteindre un certain nombre de vues sur la page Youtube. 5000 vues avant Vendredi 20 Mai, c’est à dire, du fait d’un léger retard pour cette production,… trois jours, et cela représente un certain défi.
Je détaille dans cet article la méthode employée pour créer et diffuser la vidéo.
Ce projet est issu des Buzzies Awards qui a lieu chaque année dans mon école, l’Institut de l’Internet et du Multimédia.

1. Le rendu final
La vidéo tend, avec un ton burlesquement’geek, d’entrevoir ce à quoi pourrait être une application de rencontre 3.0. Une évolution IRL, « in real life », des concepts de rencontre dans la veine de meetic, adopteunmec, edarling,…

2. L’équipe
Nous sommes deux à avoir travaillés sur ce projet : Benoit aka Kyouk et moi même, Antoine.
Pour mener notre projet, nous nous sommes réparti le travail.
Concept, script, développement, weather priest, tournage, post-prod, viralisation…
Nous sommes aussi plus ou moins présent visuellement dans le cadre d’action, mais nous resterons discret sur nos identités secrètes. (Kyouk tient à son image de marque,… ou pas)
Nous tenons d’ailleurs à remercier Anaïs, Marie-Charlotte et Géraldine pour la prestation hors pair, digne des grands studios Américains d’Amérique, même si le chocolat viennois de remerciements pour la participation nous a coûté un demi-bras.

3. Concevoir la vidéo
Tout d’abord, l’idée de base était de retranscrire une journée type d’un homme qui utiliserait une application « social » à chaque instant. On avait de bonnes idées, un pseudo script que l’on garde sous le coude, mais le temps de tournage et de post production nous auraient manqués. Après réflexion, et épluchage de l’oignon, nous nous sommes dirigés presque naturellement vers cette idée d’application « nerd génération ».

Mais revenons à nos moutons.
Nous avons tentés de surfer sur :
1. La montée en puissance des réseaux sociaux.
2. La vision de ce que pourrait en être leurs avenirs.
3. La plausibilité neo-technologique, type QR-Code / Iron Man / Terminator
Le tout ponctué de clins d’œils et petites références geek.

Nous avons ensuite écrit notre scénario avec comme volonté de tourner avec un seul plan séquence et de faire en sorte que la vidéo tourne aux alentours d’une minute.

Scène du bar de Terminator 2, vue des yeux de schwarzenegger.

4. Tournage
The partie ; le climat n’était pas à la fête, la fin de notre scénario (avec une partie dans Pub irlandais) n’a pas trouvé son lieu-dit, et nous avons perdu notre personnage principal. Il a donc fallu repenser une fin alternative, et démarcher de nouveaux participants sur place. Rien d’insurmontable, mais cela n’a pas été sans mal.
Bien que nous regrettons un peu la fin originelle qui aurait peut être connu son petit moment de gloire.

Pour ce qui est du tournage, nous avons fait quelques prise, beaucoup de mises en situations en amont afin d’être le plus perspicace possible, sans oublier La notion d’aléatoire, car nous ne pouvions gérer les moments d’affluence des passant.

Nous avons utilisés une GoPro HD Hero pour son très grand angle (fish eye). La fixation spéléo a été gentillement prété par Mehdi.

5. Post Production
La post-production a été effectué via Illustrator, Photoshop & After Effects.
Nous voulions créer une interface légèrement futuriste, mais néanmoins réaliste. Pour cela nous nous sommes inspiré des films Terminator 2 et Iron Man.
Dans le vocabulaire technique du jeu vidéo, ce type d’interface se nomme HUD, pour Head’s Up Display.
Voici quelques visuels désignés pour le projet.

Le rendu immersif est obtenu grâce à l’utilisation d’une caméra GoPro. Cette dernière était fixé sur mon front pour obtenir une prise de vue subjective.
Aucun effet n’a été ajouté pour accentuer cette impression.

6. Mise en ligne et communication
Comme dit souvent le grand père de Kyouk ; « avoir un beau jardin, c’est bien. Mais si tu es le seul à le voir, c’est over useless ».
Nous arrivons donc à l’étape la plus cruciale du projet : la communication.
Nous travaillons actuellement sur la viralisation ou du moins la diffusions de la vidéo.

Les résultats de la communication sont disponibles !

7. Go for it ?
Qu’en pensez-vous ?

Cet évènement est organisé par Patricia Gallot-Lavallée.
Découvrez plusieurs projets issus des buzzies :

6 Ways to Use Portals
Que peut-on faire avec des portails ?

Summer Blockbusters 2011
La bande annonce des bandes annonces de l’été.

Make Your Franklin !
Ce projet artistique propose à chacun de revisiter le billet de 100 dollars.

Recette d’une bonne Satellisation en Ski
Medhi nous apprend son dernier trick, étonnamment il est le seul à décoller.

Go For It // Dating 3.0
La réalité virtuelle fait-elle bon ménage avec le dating ?

6 Ways to Use Portals (6 façons d’utiliser les portails) est un projet atypique. L’objectif unique du projet est d’atteindre le nombre de 5000 vues sur la page Youtube. 5000 vues avant Vendredi 20 Mai, c’est à dire en moins d’un semaine. Cela représente un certain défi. Je détaille dans cet article la méthode employée pour créer et diffuser la vidéo.

Ce projet est issus des Buzzies Awards qui a lieu chaque année dans mon école, l’Institut de l’Internet et du Multimédia.

1. Le rendu final

La vidéo est inspiré du jeu vidéo Portal. Dans ce dernier, vous êtes capable d’ouvrir des « portes » permettant de vous téléporter d’un lieu à un autre.

2. L’équipe

Nous sommes trois à travailler sur ce projet : Camille est devant la caméra, Olivier Breux s’occupe de la diffusion de la vidéo. Je me suis occupé du tournage et de la post-production.

3. Concevoir la vidéo

Nous nous sommes assez vite penchés sur le cas Portal, pour plusieurs raisons :

1. La mécanique du jeu offre un bon potentiel créatif et parodique.
2. Portal 2 est sortie fin Avril, c’est à dire un petit mois avant notre projet.Ce jeu est actuellement au top des ventes.
3. Le jeu dispose d’une communauté importante et très active.

Après une petite semaine de brainstorming, nous avons imaginé un concept: grâce à un portail placé dans un réfrigérateur, le protagoniste peut y accéder à tout moment grâce à un second portail.

Pour tester la faisabilité et mettre à l’épreuve ce concept, j’ai créer une maquette vidéo de 30s.

La maquette étant satisfaisante, nous avons écrit un petit scénario, puis nous l’avons mis en scène dans un storyboard.

Deux types d’humour façonne notre vidéo, l’incongruité et la répétition.

4. Tournage

Grâce aux étapes précédentes (test de la maquette, storyboarding, …), nous avons pu tourner la vidéo en 3h le Mercredi 11 Mai.

La vidéo devait inclure six scènes, une pour chaque bière. En sécurité, nous avons tourné 2 scènes supplémentaires. Nous n’avons pas eu besoin de les intégrer au montage.

Utiliser un fond vert permet de gagner beaucoup de temps grâce aux chroma key. Dans notre cas, la teinte du vert était trop terne pour être utilisée. Le fond doit être un minimum flashy pour bien se distinguer des autres éléments.

Ci-dessus, les deux scènes coupés.

5. Post Production

L’ensemble de la post production a été effectuée sur After Effects. Au menu, Roto-pinceau (rotoscopie dynamique), retouches colorimétriques, micro montage audio, intégration de portails et de bières, …

Sur des projets standards, le montage audio et vidéo ne s’effectue JAMAIS sur After Effects. Dans notre cas, la courte durée de la vidéo permet de travailler avec un workflow fluide et réactif où tout est traité sur After.

Fin de la post-production, rush + bugs = Timeline explosée

La musique utilisée est « Pop » de l’artiste Pisu, cette piste est sous licence Creative Commons (Recognition – Non commercial).

6. Mise en ligne et communication

Nous arrivons à l’étape la plus cruciale du projet : la communication.

Nous travaillons actuellement sur la viralisation ou du moins la diffusions de la vidéo.

Revenez d’ici une semaine pour en savoir plus.

7. What would you do with a Portal Gun ?

En complément de la vidéo, nous allons tenter de diriger une partie des internautes ayant vu la vidéo vers une page Facebook : What would you do with a Portal Gun ?

L’objectif est de créer une discussion ouverte pour prolonger l’exposition.

Objectif 5000 vues

Étape 1 : Trouver et sélectionner les cinématiques

Plutôt que de réfléchir directement à un scénario, j’ai préféré partir sur une phase de recherche de cinématiques, puis d’en déduire un scénario.

Étape 2 : Scénario

Après avoir sélectionné 157 cinématiques, j’ai voulu créer un scénario, mais j’ai été déçu. Je pensais pouvoir créer une histoire originale, mais les vidéos étaient trop différentes que ce soit au niveau des univers, des styles graphiques et bien sûr des scenarii pour qu’un scénario original soit crédible. Je n’en ai peut-être pas la capacité (pour l’instant -_-).

Sur ce constat j’ai voulu privilégier le rythme du montage et utilisé comme fil rouge (ligne directrice) les thèmes récurrents présents dans les cinématiques. On retrouve entre autres l’éternelle lutte du bien contre le mal, la préparation du héro, l’embuscade, la défaite, le cataclysme, ..

Étape 3 : Montage

Avec 157 vidéos, il était hors de question de travailler directement le montage global ou même de travailler scène par scène. Je chargeais une cinématique sur la timeline, je coupais les plans qui m’intéressait pour mes différents thèmes, puis je passais à la vidéo suivante.

Je regroupais ensuite les cuts par thème. A la fin de cette étape, j’avais presque 3h de vidéo sur ma timeline. La suite du travail a été d’optimiser le montage, de supprimer les cuts qui apportaient peu de « valeurs », de recouper encore et encore.

Cliquez pour agrandir l'image

Étape 4 : Soundtrack

Je voulais accentuer la dimension « épic » déjà présente dans les cinématiques. Mon choix de musique s’est naturellement porté vers la bande son de World of Warcraft (dispo ici pour 10$) ainsi que les soundtracks dédiés aux trailers de Audiomachine (leurs myspace). Dans les deux cas, on y retrouve des rythmes puissants appuyés par des chœurs, ce qui est parfait pour les geeks que nous sommes.

Ma plus grosse erreur dans ce projet a été d’avoir attendu trop longtemps avant de m’occuper du son. J’ai commencé à faire des recherches de musique une fois arrivé au 2 / 3 du montage. Évidement les musiques ne s’adaptaient pas à la longueur de mes séquences. En conséquence, j’ai dû violemment adapter certains passages et essayer tant bien que mal de faire un petit mixage sonore (le son n’a jamais été ma spécialité).

Étape 5 : Finalisation et mise en ligne

Tout content d’avoir fini la vidéo de 21 minutes, je lance un rendu pour le web. Je l’avais adapté en prenant en compte les restrictions techniques : 720p | 24 i/s | 6 – 9 Mbits/s. J’avais uniquement négligé la durée maximale supportée par Youtube => 10 min only.

Vous connaissez la suite.

Envie de revoir la vidéo ?

Il y a 8 jours, j’ai eu envie de faire un montage à partir de cinématiques de jeux récents. Montez le son et lancez la vidéo en plein écran.

1ère partie :

2ème partie :

Pour en savoir plus sur cette vidéo, dirigez-vous vers le making-of.

Parmi ces idées, il y a quand même quelques essais, et sur ces quelques essais, quelques transformations.

La meilleur solution que j’ai trouvé pour faire avancer mes projets est de sortir. Sortir rencontrer des personnes faisant elles aussi avancer leurs idées.

Cela me donne une motivation incroyable.

Cela me donne aussi de nouvelles idées …