Archives pour la catégorie films et animations

Création , conception et/ou réalisation ou travaille d’infographiste en collaboration sur des films et des animations divers.

F4 Design réalise la publicité vidéo pour l’application Recettes Faciles

icône Recettes FacilesRecettes Faciles est une application gratuite à télécharger sur icone-apple-store et  Icône disponible sur google play  depuis votre ordinateur ou directement depuis votre smartphone. L’application permet de trouver des recettes faciles à cuisiner pour tous, également pour les végétariens et les allergiques. Elle dispose d’un minuteur intégré pour les cuissons dans les étapes de préparation des recettes. Cela permet de réussir facilement toutes ses cuissons.

Le site de l’application : http://recettes-faciles.eu/

« Making of » de la réalisation de la publicité de l’application Recettes Faciles

Le Brief

Suite à la réception du brief accompagné du scénario du client, j’ai donc analysé les besoins à mettre en oeuvre pour faire une proposition au client. Après validation, nous avons mis à plat certains détails lors d’un rendez-vous.

Le storyboard scénarisé

storyboard publicite application

A mi-chemin entre un storyboard et un scénario, le storyboard scénarisé permet de rapidement mettre en place les différents plans et scénari visibles sur le même support pour comprendre chaque plan de façon rapide et simple. Il permet aussi de visualiser le projet dans son ensemble, de prévoir le travail à réaliser par la suite techniquement et de poser un premier rythme en fonction du temps déterminé de la vidéo. Dans ce projet, quand cela était possible, certains plans ont été réalisés directement avec des images sélectionnées pour être utilisées dans la version finale.

La musique et la voix off

Un travail de recherche a ensuite été mis en place pour déterminer la musique sur une bibliothèque de musiques libres de droits. La musique a été raccourcie lors du montage pour les besoins de la publicité. L’animation se rythme sur certaines sonorités pour des changements de plans.

Musique : « On the bach » par Jingle Punks

La voix off a été réalisée par le studio PYMPROD qui a su faire des propositions d’intonations vocales, ce qui nous a permis de choisir la voix off en fonction de l’ambiance de la vidéo. La voix off donne une dynamique à la publicité et appuie le message de façon certaine.

Le montage vidéo et la création des animations vidéo

montage after effects

Ici, la principale problématique résidait dans la capture et l’intégration de l’application Recettes Faciles dans des modèles de smartphones différents. Pour cela, j’ai utilisé une application payante d’enregistrements vidéo en direct d’un smartphone pour capturer chaque scène. J’en suis venu à cette application après avoir testé plusieurs appliations gratuites qui nécessitaient de « Rooter » mon smartphone (ce qui a provoqué une mise HS de mon smartphone). J’ai ensuite intégré les captures vidéos de l’application sous le logiciel After Effects pour réaliser le montage. Il a fallu rechercher des images de smartphones en haute définition, libres de droits pour pouvoir les utiliser. Le budget ne permettait pas de les recréer. Cela tombait bien, il y avait d’excellentes créations des ces smartphones disponibles. J’ai donc fait mes choix et préparé les fichiers pour leur importation dans le logiciel After Effects.

Les animations ont été créées suivant le rythme de la musique et le storyboard scénarisé pour transmettre le message de l’application sur 35 secondes. L’utilisation vidéo de mains, filmées en studio sur fond vert, permettent d’ajouter un aspect réaliste à la publicité et de donner plus de vie à chaque scène. Les mains sont aussi des fils conducteurs des actions effectuées sur l’application et permettent au spectateur d’interpréter rapidement que c’est bien une application sur smartphone. Les mains ont parfois été réanimées avec un « remappage temporel » sur After Effects pour leur donner le bon rythme par rapport aux besoins de chaque capture des vidéos de l’application.

Conclusion de cette réalisation publicitaire

Un projet très intéressant sur sa conception avec des captures d’images et des prises de vues sur font vert et pour lequel je me suis fait des frayeurs avec mon smartphone ! C’est pour moi toujours un plaisir de travailler sur de l’animation vidéographique et d’avoir réalisé cette publicité qui a encore, une fois, rempli les objectifs du client.

Réalisation d’animations vidéos et habillage graphique pour 14 reportages de l’ADEME

Intro de la série des vidéos, retrouvez d’autres vidéos en bas de page.

Le projet de la série des reportages vidéos ECON’HOME.

Je suis heureux de vous présenter les 14 vidéos de la série de reportages pour l’opération ECON’HOME. Ces reportages ont été tournés et réalisés par Toulous’Ethic avec qui j’ai travaillé sur le projet en tant que vidéo graphiste designer.

Cette série vous présente 14 familles qui ont suivi les recommandations des conseillers INFO->ÉNERGIE dans la région Midi Pyrénées pour améliorer leur logement avec des équipements écologiques et économiques. Ces familles sont en plein projet de construction ou d’amélioration de leur habitation.

En ce qui concerne mon travail, j’ai donc suivi  la direction du projet réalisé par Anne-Marie Fontaine, journaliste et réalisatrice des vidéos pour Toulous’Ethic. Lors d’un rendez-vous avec l’ADEME pour décider du style  vidéographique, j’ai proposé plusieurs pistes graphiques suivant des exemples. L’ADEME a rapidement fait son choix.

Les grandes étapes de la création des Animations vidéos :

Le Storyboard

A partir de là, nous avons travaillé sur le sujet global et sur les sujets des différents reportages pour en déterminer des storyboards scénarisés pour le jingle et les animations. Je me suis donc occupé de la création de ceux-ci dont voici une planche en exemple :

Storyboard - jingle econ'home pour ADEME

Le Concept Art

Un fois les storyboard validés, j’ai donc commencé par un concept artistique afin de valider l’ambiance et le style graphique des animations et notamment du jingle d’introduction.

concept artistique de jingle vidéo avec une maison , un jardin dans un mallette.
Concept artistique de l’ambiance dans un plan d’action du jingle que j’ai créé en pré-projet.

Le jingle d’introduction et les animations

habillage-video-incrustation-fond-vert

habillage-video-explications-animation

habillage-video-animation-vmc-double-flux-puis-canadien

habillage-video-animation-vmc-double-flux

habillage-video-animation-chaudiere-silo-a-granules

La création du jingle d’introduction a été déclinée en un 2ème jingle pour 10 reportages sans les conseillers INFO->ÉNERGIE et 4 reportages avec les conseillers. Ces 4 reportages sont, chacun, accompagnés d’une animation vidéo réalisée sous After effects sur lequel j’ai utilisé le procédé de 3D  proposé par ce logiciel vraiment extra. Afin de mieux comprendre comment monter et réaliser les animations vidéos, j’ai accompagné Anne-Marie lors de ses reportages et nous avons pris des vues pour avoir de la matière et réfléchir sur les animations.

Concernant le jingle, j’ai commencé par utiliser un logiciel de 3D pour la mallette vide et son animation et créé quelques matériaux ainsi qu’un éclairage global. La suite de la composition de l’animation et des ses éléments a été animée sous After Effects et colorisée soit sous Photoshop soit directement sous After effects.

Les animations et jingles ont été créés à l’origine en Haute définition 1920×1080 pixels, mais par choix technique et autres contraintes, nous avons donc tourné ces reportages de façon plus traditionnelle en 4/3 soit 768×576 pixels. Les animations ont donc simplement été adaptées à la taille de sortie des vidéos. J’avais heureusement prévu cette possibilité en déterminant les zones d’action et de texte en conséquence.

L’habillage vidéo

habillage-video-motion-design

L’habillage a, quant a lui, été créé suivant l’esprit graphique que je souhaitais dégager et garder sur l’ensemble du projet. J’ai notamment eu l’idée de réutiliser les particules de couleurs créées pour le jingle d’introduction sous After effect qui représentent les ronds de couleurs du logo INFO->ÉNERGIE et qui donnent du dynamisme aux vidéos tout en faisant un rappel inconscient du logo, donc de la marque, pour le spectateur.

La série des reportages vidéos ECON’HOME de l’ADEME et des Espaces INFO->ÉNERGIE

Je vous laisse découvrir les 14 reportages vidéos qui sont nommés : « maison individuelle économe en énergie (X) »
et qui ont été mis à disposition sur la Chaîne de l’ADEME sur Wat TV.  J’espère avoir vos commentaires en dessous de cet article pour me dire ce que vous pensez des animations et des reportages :





Visionner plus de reportages, rendez-vous sur La chaîne ADEME sur Wat TV en cliquant ici

J’espère aussi que grâce à ces reportages vous en apprendrez plus pour faire des économies d’énergie dans votre habitation 😉

Trucages et compositing du clip du groupe turbofolk occitan Brick A Drac

J’ai participé à la réalisation du clip avec Lyriann Alkinoos. Mon rôle était la création du compositing et du trucage vidéo.


Brick A Drac – A l’ombreta d’un albar (mas lo Drac te finta)

compositing after effect

Prise de vue vidéo

Collaboration avec MediArt Films

(Durée totale de la prestation de "trucages et compositing vidéo" 3 jours)

Les Making of Moi Moche et Méchant !

Toujours autant passionné par la 3D  j’ai réuni une sélection de vidéos de « Making of » pour la sortie du Film « Moi Moche et Méchant » !

Découvrez les coulisses de la production et plonger dans l’univers de la 3d !

1. La 3D pour les nuls !

(Dans cette vidéo est expliqué la différence entre la 3d et la « 3d » c’est à dire le relief…)


2.Walk and Talk

(Dans cette vidéo sont expliqués les principaux Pôles de cette production 3D)


3. Les Français

(Dans cette vidéos Les Français rentre en Action !)

Et pour le Plaisir un petit extrait du film !

Création d’un slider flash et de visuels

Avec la collaboration de Martial lombard, développeur web et flash sur le projet, nous avons mis en place pour la société Karting 92 un slider flash relié au gestionnaire de contenu du site et administrable.
La pré-conception du slider et de ces fonctionnalités mon été confiées, Martial Lombard a ensuite développé et intégré le slider en flash selon mon zoning :

Zoning slider flash

Le design du slider devait s’accorder au site et rester épuré pour mettre en avant les visuels.

J’ai pensé à mettre en place une fonctionnalité d’affichage d’un bloc promotionnel « activable ou désactivable » pour se slider, afin d’optimiser l’espace d’affichage et la promotion sur le site.

Les visuels ont été créés ou montés par mes soins, ils s’intègres aux format et design du slider et à ces contraintes tel que l’affichage du block promotionnel.

traitement d'imagecréation vectoriel et montage photoMontage photo avec effet graphiquemontage photo et 3d

Visionnez le slider sur le site http://www.karting92.com

Refonte du site internet karting92.com

http://www.Karting92.com

Cet été, j’ai été amené à prendre en charge la refonte graphique et restructuration « relooking complet » du site de karting Parisien bien connu dans notre capitale, Karting 92.

Mais j’ai aussi été chargé d’ajouter une animation de karting 3d intégré dans le haut de page flash crée pour l’occasion, puis de mettre en place de nouvelles pages… suivant l’audit d’une société externe.

A partir des ressources graphiques du client, de mes propres ressources et de créa, j’ai personnalisé plusieurs des pages du site tout en respectant la conception de leur identité visuel créée préalablement par mes soins. Certaines contraintes comme la réutilisation du code du développement de l’ancien site m’ont amenées à trouver des solutions d’intégration et d’animation rapides. Ce sont ces mêmes contraintes qui m’ont servies à estimer le temps de conception nécessaire lors du début du projet afin de répondre aux attentes.

Les grandes étapes du projet :

_Refonte graphique/maquettage

_Animation 3D, Compositing et Flash

_Découpage et intégration

_Récupération/implantation de la structure PHP

_Tests et correctifs

_Création de nouvelles pages en cours de projet

_Création de 4  modèles de newsletter

_Tests et correctifs

_Mise en ligne du site , test et correctifs

Voici un aperçu de trois maquettes des pages du site :

webdesign maquettewebdesign maquettewebdesign maquette

Voici un aperçu d’un modèle de newsletter du site :

webdesign newsletter


Je vous invite à consulter le site Karting 92 à l’adresse internet suivante http://www.Karting92.com