After Effects Addicts

Lumbre aime After Effects, et notre petit soft leur rend bien !
Dans les 3 vidéos ci-dessous, dans 3 styles différents, beaucoup d’animations de formes simples, facilement réalisable sur After Effects, avec du temps. Et un peu de bon gôut. 

Les images clés sont vos amies. Après quelques animations simples d’échelle, d’opacité, et avec un jeu astucieux sur les caches, vous obtiendrez de belles animations dans le style de celles réalisées par Lumbre pour Friendly.

Je vous conseille également de regarder attentivement les animations effectuées sur l’habillage de Classified, pour réaliser le nombre d’élément et la rapidité d’enchainement des animations nécessaires à la réalisation de ce type d’animation. Beaucoup d’images clés, tel est le secret !

Enfin, car la simplicité ne fait jamais mal, un peu de fraicheur et de couleurs pour le rebranding de 24 Kitchen. Un mélange réussi de couleurs, de typos, de masques et d’images.

Lumbre Friendly – Channel BrandingwebsiteLumbre National Geographic – Classified 2011websiteLumbre 24 Kitchen – Channel Brandingwebsite

Walking Dead Promos

Dans une ambiance qui colle à la série, Lumbre a également réalisé une série d’éléments d’habillage pour la promo de Walking Dead sur Fox.
Prenez un peu de 3D, des mattes painting et un bon compositing sur After Effects. Ajouter des animations de typos et des transitions très dynamiques, vous obtiendrez des éléments on-air qui retiennent l’attention :

Lumbre Fox – The Walking Dead Season 2 PromowebsiteLumbre Fox – The Walking Dead Season 1 Promo website

TyC Sports

Lumbre s’est cette fois ci associé aux meilleurs motion designers argentins (en se positionnant à la fois en tant que Studio et Agence), pour réaliser cette habillage translucide pour TyC Sports. Un effet de découpage réussi, et de belles textures !
Avec en bonus une autre réalisation, orienté pop colorée   

Lumbre TyC Sports – Despertate (De Una Vez)websiteLumbre TyC Sports – Rumbo A Londreswebsite

N’hésitez pas à surveiller ce studio sur leur site et leur vimeo, c’est toujours un plaisir que de découvrir leurs nouvelles réalisation !

L’animation de typographie, incontournable

Vous devez le savoir, je suis fan d’animation typographique. Le motion design ayant pour finalité la communication d’un message, le texte joue bien souvent un rôle primordiale dans nos compositions.
Génériques, habillages, publicité, logos, etc … Nous animons sans cesse de la typographie. Et c’est toujours un plaisir de jouer avec !

A travers 3 petites animations réalisées pour le festival de film documentaire Doxa, Giant Ant Media démontre une fois de plus que le combo typo/voix reste une des manière les plus efficaces d’appuyer un discours visuellement.

Giant Ant Media Doxa Film Festival – ChriswebsiteGiant Ant Media Doxa Film Festival – RandywebsiteGiant Ant Media Doxa Film Festival – Lisawebsite

Si vous voulez vous entrainer sur After Effects, je pense qu’essayer de réaliser quelques unes des transitions textuelles utilisées dans ces films vous sera d’une grande utilité. Décortiquer image par image une animation qui vous plait, essayer de comprendre la technique utilisée derrière un mouvement, ce sont quelques une des méthodes pour progresser encore plus rapidement sur After Effects. Soyez curieux !

Les modes, les styles, l’originalité.. et vos clients

Bien sur, Giant Ant Media ne ré-invente rien. Les animations de typos de ce type ont était faites et refaites, et si vous manger comme moi quotidiennement des dizaines de vidéos orientées motion, un arrière goût de déjà-vu sera surement présent.

Ci-dessous, leur showreel, suivi de 2 animations, bien réalisées, dont nous reparlerons juste après :

Giant Ant Media Showreel Summer 2011websiteGiant Ant Media Vision Critical – Brand TeaserwebsiteGiant Ant Media BC Hydro – First Wavewebsite

Les deux dernières vidéos vous auront surement rappelé beaucoup de travaux similaires.

• La première pour Vision Critical s’inspire directement du générique de Stranger Than Fiction réalisé par MK12, et d’un style devenu à la mode par la suite, dont je vous parlais déjà il y a 3 ans dans cet article.
• La seconde, pour BC Hydro, se veut beaucoup plus actuelle, avec une animation soignée et détaillée de formes en aplat. Le style d’animation rapelle les travaux de motion designers talentueux comme Jr Canest, Marcus Eckert ou encore Garet O’Brien.

Il ne faut pas oublier une chose, ces vidéos sont réalisées pour des clients.
Dans ce contexte, il y a grossièrement trois solutions :

• Votre client vous laisse carte blanche et n’a pas peur d’innover
• Votre client à une idée très précise en tête, et veut « la même chose que … »
• Votre client n’a pas vraiment d’idée, mais pas vraiment de budget non plus. Dans ces cas là il est beaucoup plus viable économiquement de se diriger dans un exercice que l’on maitrisera, sans chercher à réinventer la roue.

Peut importe si nous (personnes du milieu) trouvons les vidéos résultantes démodées ou trop vues, pour la cible visée, cela sera sans doute quelque chose de totalement nouveau. Votre client sera content, et c’est essentiel !

Je n’échappe pas à la règle, et ma réalisation pour Monoprix illustre bien la chose. On est venu me chercher pour réaliser une animation de type netvibes/feedly. Cela a donné cette animation pour l’application iPhone de l’enseigne. Si vous suivez un peu mes travaux, vous ne trouverez pas grand chose de nouveau, et vous aurez surement un sentiment de déjà vu. Mais le client fut ravi, et c’est déjà très bien. J’aurai bien sur aimé faire quelque chose de totalement nouveau, mais on est venu me chercher pour faire quelque chose que je maitrisais, et cela sera souvent le cas pour vous aussi

Le reste du temps, amusez-vous, et libérez votre créativité sur des projets personnels. Ces expérimentations ne seront jamais vaines. Elles vous apporteront de l’expérience, de nouvelles techniques, et de nouveaux clients, qui voudront la même chose que.. ce que vous aurez créée ;)

Aujourd’hui, Gkaster prend fin. Mais la belle histoire ne s’arrête pas pour autant :

Bright Photon Greetings Card 2011website

Gkaster devient Bright Photon

Bright Photon, c’est mignon ! Quelle est l’origine de ton nouveau nom ?

Ça vient tout simplement du super Héros Photonik et d’un de mes tatouages. Ce mot est un truc assez obsessionnel chez moi. Et puis la lumière et son impact sur mes créas en général est ce qui m’importe le plus.. Ce nouveau nom c’est quasiment imposé tout seul !

Gkaster était un studio fondé par Pierre Fabre et toi, alliant vos compétences. Bright Photon est-il l’occasion de te recentrer sur ta carrière personnelle ?

Tout à fait.. c’est exactement ça.. tant moi que mon ancien collègue, on voit bien tout ce qui nous reste à apprendre et à accomplir. Il fallait que nous nous recentrions chacun sur nos coeurs de métiers.

Tu utilises de plus en plus de rushs filmés dans tes créations. Le réel a-t-il pour toi de beaux jours à tenir face à la 3D qui se généralise ?

L’avenir et au métissage … mélanger les deux pour continuer à créer de l’onirisme… Il n’y en a pas un qui prend le pas sur l’autre selon moi.

En tant qu’autodidacte, qu’elle importance donnes-tu aux diplômes dans le monde professionnel d’aujourd’hui ?

Que dire….. je n’ai pas vraiment de point de vue sur cette question … Elle est bien sure très importante, je pense que c’est plutôt a quelqu’un comme Jean françois Bourrel mon producteur qu’il faudrait poser la question.
Je travail et collabore avec des gens qui ont le même profile que moi… très objectivement je ne me pause jamais cette question.

Quel est ton meilleur conseil pour toute personne souhaitant travailler dans ce secteur ?

La question qui tue …  :) … je vais dire de grosses banalités… de la patience, persévérance, de la folie aussi et surtout beaucoup de café.

Une chanson à nous conseiller pour sortir une chouette créa ?

En fait j’écoute très peu de musique avec des paroles…. Et puis ça serait dur de n’en citer qu’une .. Perso je dirais un mix entre :

BOARDS OF CANADA / KORN / MINISTRY / LES CHARLOTS / EURYTHMICS / JANES’S ADDICTION / MIKE PATTON / UNDISPUTED TRUTH / ZOLA JESUS / THE XX / ACDC

Avec ça on devrait pouvoir y arriver.

Vous trouverez de vraies interviews de Pierre Magnol sur les sites Designers Interactifs et Kromotion

Bright Photon en image

Gkaster Gkaster Demoreel Avril 2010websiteBright Photon Légèreté DigitalewebsiteBright Photon Greetings Card 2010 – Gkaster x GullywebsiteBright Photon Nike MercurialwebsiteBright Photon Nano DesignwebsiteBright Photon Breaking The IcewebsiteBright Photon Citizenwebsite

Lumbre Reel 2010

Ci dessous, leur showreel 2010 pour se faire une bonne idée de leurs compétences (sur le très bon son Walkie Talkie Man de Steriogram) :

Lumbre Lumbre – Reel 2010website

FoxLife Italie Rebrand

FoxLife est une chaîne du cable diffusée dans 80 pays visant la cible féminine. L’idée principale retenue par Lumbre pour ce redesign est la vie : être vivant, être surpris, l’intimité, les objets de la vie de tous les jours, etc..
Le résultat est une identité colorée, pleine de lumière, plus stylisée et glamour.

Le Redesign final fut composé de plus de 90 éléments : sommaires, écrans pubs, interstices, jingles, etc.. Vous trouverez ci dessous un petit échantillon.

Je trouve le résultat très frais, joyeux, plein de couleur, et cela me donne envie d’expérimenter quelques créations, et pourquoi pas des tutos dans ce sens !

Lumbre Refresh ID – DramawebsiteLumbre Refresh ID – ComedywebsiteLumbre Refresh ID – Glam websiteLumbre Refresh ID – LifestylewebsiteLumbre Refresh ID – MisterywebsiteLumbre Brand Animation – ComedywebsiteLumbre Brand Animation – DramawebsiteLumbre Brand Animation – LifestylewebsiteLumbre Bumper OutwebsiteLumbre Refresh Pubblicita – Pinkwebsite

Projets 100% After Effects

Si vous lisez ce blog, il y a de fortes chances que vous connaissiez After Effects Voici donc une sélection de projets réalisés par Lumbre, conçus entièrement sur After Effects ! De quoi se donner quelques idées de ce que l’on peut faire avec notre logiciel préféré :

Lumbre NatGeo – Ancien SecretswebsiteLumbre Canal Encuentro – ElegirwebsiteLumbre 48 Horas – OpenwebsiteLumbre 48 Horas – SuplenteswebsiteLumbre 48 Horas – CronometrowebsiteLumbre 48 Horas – CartelwebsiteLumbre 48 Horas – Arbitrowebsite

Telephoneme

Un bon exemple de leur talent est leur dernier projet, un court-métrage nommé Telephone Me

Le film tourne autour de l’alphabet et du pouvoir qu’auraient certains mots lorsqu’ils sont prononcés. Par exemple, la phrase Never Kill a Snake With Your Bare Hands lorsqu’elle est entendu, aurait le pouvoir de déclencher sur le cerveau du récipient un état de léthargie rendant la personne réceptive a de futures manipulations cérébrales… Voila pour le pitch !

• MK12 a dévellopé sa propre technique pour séparer les couches RVB de chaque élement, et pour ceux que cela intéresse, je vous recommande ce super plugin pixel blender Separate RGB.
• Les mots étant très important dans Telephoneme, une Typographie a été spécialement conçue pour le film et est téléchargeable ici : MK12 Chadwick

Le son fut le point de départ de départ de Telephoneme. Il s’agit de l’adaptation plus sombre de la bande originale d’un film des années 60, The Alphabet Conspiracy. La voix fut ensuite le fil conducteur, guidant les animations d’MK12 au fur et à mesure des évenements dictés. Le film reprend des éléments visuels de plusieurs autres films éducatifs des sixties, et le coté retro dans le choix des couleurs, le montage, et le traitement de voix marche à merveille !

MK12 Telephone Mewebsite

Showreel

Ci-dessous vous pourrez retrouver la bande demo été 2010 du studio MK12, regroupant tous leurs derniers travaux. Et pour ceux qui voudrait en voir encore plus, allez faire un tour sur leur site web, dans la section work, vous y trouverez un paquet de réalisations

MK12 MK12 Summer 2010 Reelwebsite

Stranger Than Fiction

MK12, ce sont eux aussi qui ont réalisé les superbes séquences d’intro et outro du film Stranger Than Fiction, mélangeant Pictos et Typos 2D, Tracking 3D et Live Action. Ce sont de très bonne utilisation de techniques d’animations simples, mais riches, où le tracking marche a merveille. La séquence de fin avec de la rotoscopie, du découpage et le jeu avec des formes simples colorés est très sympa également.
Si vous aimez ce genre d’animation, je vous conseille mon ancien billet dédié à ce style

MK12 Stranger Than a Fiction – Opening TitleswebsiteMK12 Stranger Than a Fiction – Closing Titleswebsite

Design d’interfaces

Les designs d’interfaces méritent un futur billet dédié, mais en voici un avant goût. Vous n’y faites pas forcement attention, mais dans la plupart des films d’actions, SciFi, et des séries policières du genre NCIS & Co, tous les supers logiciels utilisés et systemes informatiques… Sont faux ! Au tournage, les écrans sont la plupart du temps verts ou éteint avec quelques points de tracks, et l’on vient incruster et créer autour toutes les interfaces.
Il y a des studios spécialisés intiérement dans cette branche du motion design, mais MK12 s’en sort également très bien !

Toujours la même recette :

• des formes simples ou le graphisme prend le dessus sur la technique
• des animations maitrisées et dynamiques
• une multitude d’éléments pour perdre l’oeil et simuler une complexité.

Je vous ai mit en bonus la séquence d’intro de James Bond réalisé par MK12. Personnellement, je n’accroche pas, mais je pense que je ne suis plus objectif, j’ai était traumatisé petit par toutes ces intros si particulières que je trouvais trop longues avant de pouvoir rentrer dans le film ^^

MK12 Quantum Of Solace – Interfaces & VFX ReelwebsiteMK12 Quantum Of Solace – Main Title Sequence Reelwebsite

Motion Graphics prend tout son sens

Pour finir, voici une série de séquences réalisées pour le jeu vidéo Rock Band spécial Beatles, par MK12 toujours. Je voulais vous en parler car elles représentent à merveille les possibilités de notre logiciel adoré qu’est AfterEffects.

Une belle préparation sur Photoshop, très orienté graphisme, on passe le tout dans After :

• on décale les calques dans l’espace 3D
• on fait quelques animations d’apparition simples (echelle, position, rotation, masques…)
• on ajoute une camera pour se ballader par dessus le tout..

Et bon obtient des spots retros très sympa pour les Beatles, à partir de photos. Du motion sur du graphisme, ça me dit quelque chose.. mais oui : du Motion Graphics !

MK12 The Beatles Rock Band – Chapter OnewebsiteMK12 The Beatles Rock Band – Chapter TwowebsiteMK12 The Beatles Rock Band – Chapter ThreewebsiteMK12 The Beatles Rock Band – Chapter FourwebsiteMK12 The Beatles Rock Band – Chapter Fivewebsite

J’éspère que vous aurez aimé découvrir ce joli studio atypique qu’est MK12. Pour ma part, je vous conseille leur cousin Prologue, dans un style assez proche et tout aussi agréable si vous voulez continuer a regarder quelques chouettes vidéos !

Découverte des nouveautés en vidéo

Mattrunks Présentation du nouveau sitewebsite

Les tutoriaux

Sont le coeur du site. Lorsque j’ai commencé à enregistrer mon premier tutoriel, je n’aurai jamais pensais que je devrais le trainer 3 ans plus tard sur mon site web, et qu’il ferait autant de vues que les plus récents. Ce que j’ai compris avec les tutos, c’est qu’ils sont intemporels.
Contrairement à un blog classique, ou la durée de vie du contenu et de quelques jours, voir semaine, un tuto peu rester des années, le savoir transmis à travers ce dernier restera (la plupart du temps) toujours d’actualité. Les tutos sont une source d’apprentissage et d’aide permanente, toujours accessible, et en comparant les stats entre l’ancienne partie blog et la partie tuto, les tutoriaux avait des visites quotidiennes jusqu’a 4x supérieures.
La nouvelle page d’accueil va dans ce sens en mettant en avant les tutos de manière explicite.

Options de tri

Chaque tutoriel dispose maintenant d’une critérisation avancée, vous permettant de les retrouver et de les trier via différents points d’entrées, cumulables ! Vous pouvez rechercher des tutos :

• Par une recherche normal, qui ira chercher dans les titres, le contenu, la description, etc..
• Par leur durée : court (0-20min), moyen (20-40min) ou long (+40min)
• Par leur difficulté : facile, moyen ou difficile
• Par les logiciels utilisés : After Effects, Photoshop, Cinema 4D, Premiere Pro, Illustrator, etc..
• Par les thèmes abordés : Lumières, Typographie, Animation, Expressions, et bien d’autres !

Chaque critère de tri possède sa propre icone, et vous pourrez les retrouver dans de nombreux endroits sur le site. Que ce soit au survol des tutos sur la home, sous la vidéo dans la page d’un tuto, ou dans les tutoriaux liés, vous pouvez cliquer sur ces critères, et la page des tutoriaux s’affichera alors avec vos critères pré-completés !

Partage des créations

Une des nouveautés importantes pour moi est l’arrivée des envois de créations associées aux tutoriels. Le partage et les avis sont importants, j’ai donc mis en place un nouvel onglet sur chaque tutorial, les créations des membres.
Exemple concret avec mon tuto Echo – Dvs et des créations envoyés par les membres :

• En cliquant sur l’onglet « créations des membres », on découvre toutes les vidéos envoyées par les membres, en rapport avec le tuto visité.
• Chaque vidéo possède ensuite sa propre page, on peut y accèder en cliquant sur son titre dans la zone info a droite de la vidéo.

Je suis en train de réfléchir à la conception d’une galerie regroupant toutes les créations envoyées par les membres. En attendant, vous pouvez les retrouver sur chaque tutos, ou directement ici.

Les Contests

Une fois les tutos regardés, vous aurez sans doute une grande envie qu’il sera difficile de contenir : Créer ! Et quoi de mieux que des concours permanents, mensuels, pour vous entrainer, vous amusez, etre exposer, et gagner des cadeaux ! La section contest a été spécialement développée dans cette optique, avec un détails en plus : devoir animer avec ses oreilles !

• Chaque mois, un son de 10s sera à votre disposition. Vous disposerez de 30 jours pour créer et envoyer sur la page du contest une création libre, collant le plus possible au son fournit !
• Ensuite, les membres pourront pendant 1 mois voter pour leurs créations préférées.
• Celle qui aura recu le plus de vote gagnera le cadeau associé au contest ! Il y aura des lots tous les mois

Je vous conseil d’aller jeter un oeil au 1er contest, en parteneriat avec RedgiantSoftware, qui offrira au gagnant la Trapcode Suite 2010 ! Oui, rien que ça !!

Les Profils

Si vous étiez inscrit sur l’ancien site, je vous préviens tout de suite, on repart à zéro ! Chaque membre disposera maintenant d’une vraie page profil, qui sera publique et contiendra tout plein d’infos comme

• Embed de votre bande démo (ou autre vidéo préférée)
• Liens vers vos différents sites web
• Flux Twitter
• Messagerie privé entre membres
• Ajout d’amis motion designer
• Les infos persos en plus que vous souhaitez partager !

Je vous conseil de faire de belle page profil, car ce sont ces infos qui seront affichés dans les encarts auteur si jamais vous envoyez des créations sur les contests ou les tutos, et cela vous apportera une chouette visibilité !

Le Blog

Les tutos sont peut être en avant, le blog restera la partie la plus mise a jour du site, avec toujours des actualités sur les plus beaux studios d’animation, de belles bandes démos, et plus généralement l’actu qui me semble importante dans l’univers de l’animation vidéo et du motion design.
Je ne crois pas en la course à la news, le premier à en parler a le meilleur billet. Je ne rentrerai pas dans ce jeu là. A la place, je vous présenterai d’une manière sympa plusieurs travaux des studios qui valent le détour, je vous parlerai des spots qui ont été les coups de coeur du mois, je vous présenterai les graphistes que j’aime bien, etc.. le tout dans une nouvelle interface plus agréable a lire, avec de belles playlists vidéos !

Forums

Les forums vont apporter une sacrée touche de convivialité sur le site ! Et ils ouvriront dans le courant du mois d’aout !

Premium

Coming soon, un modéle en plus, pour ceux qui en veulent plus !

Merci !

J’aimerai remercier toute l’équipe de Colorz, sans qui cette nouvelle version n’aurait jamais vu le jour :

• Merci à Diese pour la gestion du projet
• Merci à Théo pour le super design
• Merci à Tristan pour une intégration fidèle au pixel près
• Merci a Maxime pour le dévellopement et pour la réactivité suite a mes retours quotidiens
• Merci également à Julien pour les approches plus techniques et à Karl pour le recettage et l’aide a la gestion du projet
• Merci à David, d’avoir accepté ce projet, et à mon super Boss Dom, pour le temps accordé et la confiance !

Enfin, merci à tous les lecteurs pour les visites et les encouragements, merci à Nico pour les conseils, à Grafikart, Dator, 7Studio et Cut-Here pour les petits dépannages techniques et conseils, merci à Charles pour la mise a jour de tous les anciens tutos, et merci à tous les beta-testeurs qui ont permis de remonter les bugs

Ça vous plait ?

A l’occasion du redesign de leur Homepage (bientot en ligne), Netvibes souhaitait une vidéo dynamique de présentation de leur service.
Suite à la vidéo que j’avais réalisé pour Fubiz.net il y a plus d’un an (pfiou, ça fait bizarre !), Fubiz Interactive à fait le lien entre Netvibes et la Sonacom, la société dans laquelle je suis salarié, pour réalisé un film dans le même esprit : Court, rythmé, qui donne envie d’essayer le site.

Je tiens à remercier au passage Franck et Karine, qui ont été réactifs et dispos tout au long de l’avancé de ce projet, et qui ont su fournir des éléments graphiques de qualité, ainsi qu’un super storyboard, qui a grandement facilité le processus de réflexion en amont ! Ah oui, et quasiment aucune modifs, sauf de timing, bref, des clients comme j’aimerai en avoir tous les jours !

Comme ce site est en partie consacré à After Effects, et que cette vidéo en est le fruit à 100%, autant vous donner quelques détails techniques et astuces concernant la réalisation d’un projet de ce genre :

Ce film, bien que court, est une sorte de plan séquence, une imbrication assez poussée de multiples compositions en une seule, avec un seul rendu final, pas de montage, je ne voulais pas créer de rupture et rester dans la meme dynamique tout au long de l’avancé.
Il n’y a d’ailleurs qu’une seule camera, et une seule lumière pour tout le projet.
L’organisation du projet est très importante. Lorsque l’on dépasse la dizaine de compositions, ce qui est largement le cas ici, il faut se forcer à être rigoureux sur le nommage, la création de dossiers et le rangement dans votre panneau projet. Cela vous semblera surement « inutile » au début, mais vous fera économiser un temps précieux sur le long terme.

Si je devais découper mon travail par étapes, cela se résumerait à :

-Préparer les .psd. Séparer et nommer tous les élements, chaque partie du site que vous souhaitez animer devra être isoler sur un calque au préalable sur photohop . Elargir les zone de travail. A la base, le design d’un site dépasse rarement les 1024px. Mais en animation, lorsque l’on incline la camera, que l’on change du point de vue frontal habituel dans le web, il faut que les pages soient larges, très large. Il faut donc étirer les fonds à au moins 6000px pour ne pas être géné, recréer de grandes barres de navigations, etc…

-Une fois les .psd de chaque pages préparés, on peut les importer sur After Effects, en tant que composition, en recadrant les calques, et en faisant attention aux styles de calques. Les conserver rendra l’interaction avec la lumière impossible, les ombres ne seront pas projetées. Si vous voulez garder un style de calque, comme dans mon cas le léger contour transparent de chaque widget, il vous faudra passer par des précompositions.

-Ensuite viens l’animation. On passe tout les calques d’une page en mode 3D. Mais on ne créer pas de lumière, ni de camera. Sur l’image ci-dessous, on remarquera à droite ma composition contenant la page photo et tous les calques, et à gauche, la même page en perspective, avec des ombres, dans la composition principale, qui elle contient la camera et la lumière.

-Concernant l’animation de la camera principale, qui se balade sur toutes les compos de pages, j’ai utilisé la méthode de maltaannon : Simple Camera Rig. Cela fonctionne à merveille et rend l’animation de camera tellement plus intuitive et simple que ce serait vraiment une erreur de s’en passer pour ce type de projets, ou la camera et son mouvement joue un role central ! Couplé à l’excellent script Ease and Wizz, on obtient sans trop de mal de superbes mouvements !

-Enfin, une fois toutes les anims calés, la profondeur de champ ajustée tout au long du déplacement, bref, une fois que la vidéo vous semble terminée, une légère passe de post prod sur la compo finale ne fait jamais de mal ! Des calques de formes colorés très diffus avec le mode de fusion qui va bien pour coloriser un peu les ombres, une légère balance des couleurs, une petite accentuation, et hop !

-On lance ensuite le rendu final. Et la…
Ben la évidemment, ça plante ! Avec de si grandes compos, une ombre diffuse à 200px, une profondeur de champ toujours active, du motion blur, le tout en 720p, le petit After Effects CS4, même sur de gros octo coeurs blindés en RAM, et bien il n’y arrive pas !
Et la on se sent seul.. Alors on optimise, on allège ses psd, on créer des doublures, on compile, et encore des doublures. Pour au final après une journée de prérendus, sortir un fichier ! Oui, c’est aussi ça, la joie d’After Effects
On livre au client, et quand il est content, comme ce fut le cas pour cette production, alors on peut jeter toutes les canettes de redbull encore présentes sur le bureau, et rentre se reposer, avec le smile !

Un peu triste que le projet soit terminé, mais content ! Il ne me reste plus qu’a me spécialiser dans l’animation de sites web ^^

Il à travaillé pour de grandes marques internationales (Adidas, Audi, Mercedes, MTV, Nike, Peugeot, Pepsi, Red Bull… Bref, vous l’aurez compris, la liste est longue !) au travers d’agences et de studios reconnus dans le milieu du motion, comme Buck, Brand New School, Dixon Baxi, Nakd, et  bien d’autres !

Dans le processus créatif nécessaire à la réalisation d’un spot, Sebastian intervient sur la partie essentielle : la direction artistique, avec la mise en place de Styleframes, (que l’on pourrait rapprocher de Still Frames), images fixes, mais avec un petit plus : définir l’esprit et l’univers graphique de la vidéo, avant de se lancer dans des processus d’animation long et couteux.

J’ai sélectionné quelques exemples de son travail, avec un avant/après, montrant le travail graphique préalable de Sebastian, puis le spot final :

Adidas Original- Neighborhood

Frame Adidas Original- Neighborhoodwebsite

réalisé chez Frame

Ford USA – Logoanim

Frame Ford USA Logoanimwebsite

réalisé chez Frame

Team Detroit – Lincoln Film

Frame Team Detroit – Lincoln Filmwebsite

réalisé chez Frame

Sony Ericson – 350i Walkman Phone

Parasol Island 350i Walkman Phonewebsite

réalisé chez Parasol Island

Ses créations sont toujours très riches visuellement, pleines de détails, et les animateurs chargés de produire les vidéos derrière ont du prendre peur quelques fois en voyant les planches arriver.

Le résultat vidéo ne colle évidemment pas toujours à 100%, c’est normal, mais reste dans tous les cas très proche.
Le travail et la recherche artistique apportée en pre-prod sont vraiment d’une grande qualité, et cela débouche sur des spots superbes ! Il n’y a pas de hasard

A travers ce billet, je vais vous présenter 7 studios et agences françaises qui créent ensemble une grande partie de notre paysage audiovisuel.

View

View est à la fois une agence française de design audiovisuel et une société de production.
Sous la supervision de directeurs de création et de producteurs, View est constitué d’une équipe de directeurs artistiques, réalisateurs et graphic designers.
View travaille quotidiennement pour les grandes Chaînes de Télévisions Françaises (TF1, France 5, France 24, M6, Canal +).
Ils sont toujours à la recherche de talents freelance, designers, graphistes, animateurs, donc n’hésitez pas à envoyer vos CV !

View View Showreel 2009websiteView M6 – Animateur 2008websiteView France 5 – Jingles 2008websiteView Planete Thalassa websiteView M6 Jingles 2008websiteView Sport Plus 2007websiteView TF1 Pub 2007websiteView Virgin 17websiteView W9 2007website

Gédéon

Gédéon est également une agence de design et une société de production audiovisuelle.
Elle conçoit et produit l’habillage de chaînes de TV en France et à l’étranger : création de logos et d’identités visuelles, habillage de chaînes ou de programmes, direction artistique, marketing antenne et gestion de projets de développement pour les chaînes.
Agence de design mais aussi maison de production audiovisuelle, Gédéon produit et réalise aussi des programmes courts, des films institutionnels, des clips.

Gedeon Gedeon Showreel 2009websiteGedeon France 3 – Noel 2009websiteGedeon France 3 – IdentitéwebsiteGedeon France Télévision – IdentitéwebsiteGedeon Canal J website

In-Out

In-Out propose sur son portfolio des habillages de programmes dynamiques et modernes, la plupart du temps dans une 3D propre et épurée :

InOut Enquêtes ConfidentielleswebsiteInOut Camera Cafe Le RetourwebsiteInOut Enquêtes criminelles websiteInOut Tellement PeoplewebsiteInOut Love Car Washwebsite

Gobetween

Gobetween réalise également des habillages d’émissions en 3D, principalement pour M6, TF1 et W9 :

Gobetween Gobetween Showreel 2009websiteGobetween CinesixwebsiteGobetween Hit TalentwebsiteGobetween Accès Privés websiteGobetween W9 Sportswebsite

Difuz

Difuz présente des créations sympas, comme l’habillage de KD2A (produit via Gédéon), ou encore les génériques de virgin 17 :

Difuz Difuz Showreel 2008websiteDifuz Virgin 17 – Puissance TubeswebsiteDifuz Virgin 17 – BulleswebsiteDifuz I Love websiteDifuz Incroyables Experiences websiteDifuz Chirurgiens de l’Espoirwebsite

Luigi & Luigi

Luigi & Luigi est un studio parisien réalisant des habillages pour les grandes chaînes (TF1, France télévisions, M6, Canal+, …). Que ce soit du tournage suivi de post-prod, ou des jingles full 3D, Lui & Luigi propose des créations simples et efficaces :

Luigi & Luigi D&COwebsiteLuigi & Luigi Hit MachinewebsiteLuigi & Luigi La Maisonwebsite

Naked Compagnie

Naked Compagnie ne déborde pas encore de références dans leur portfolio, peu-être pour rester discret, mais leurs habillages pour TF1 ainsi que l’identité créer pour les NRJ music awards ou encore pour des lives musicaux restent dynamiques, colorés, et de bonne qualité

Naked Compagnie Secret Story 2009websiteNaked Compagnie Star Academy 2008website

Si l’habillage TV vous intéresse, je ne peux que vous conseiller l’excellent lenodal.com, qui recense des centaines d’habillage de chaines et de programmes en vidéos depuis le début de la TV, ainsi qu’un très bon blog dédié à l’actualité de l’identité visuelle des chaines !

Voila, vous serez maintenant capable de poser un nom sur toutes les créations qui défilent sous vos yeux chaque jour devant le petit écran ! Cette liste n’est pas exhaustive, bien entendu, et si vous en connaissez d’autres, ce sera un plaisir de les ajouter à la suite de cet article

Julien Taillez, motion designer français, vient de mettre en ligne une jolie bande démo pour l’année 2010. Les séquences présentées sont issues de travaux produis chez vente-privée, qui décidément investit beaucoup dans le motion design pour la promotion de ses ventes !

Musique : 2 atoms in a Molecule – Noah and the Whale

Je vous l’ai dit, pour l’année qui arrive, la tendance musicale sera bien plus calme, et ce n’est pas si mal  Concernant ce reel, je ne vais pas être très objectif, je suis tombé amoureux de la bande son, que je trouve  joyeuse et entrainante (Bon je suis le seul à l’aimer dans mon entourage, mais j’assume, écouté plus de 160x en quelques jours.. -_- » )

Je laisse Julien vous présenter son travail, ainsi que le déroulement d’une prod’ vidéo en vue d’une vente chez vente-privée :

• Les séquences présentes dans le reel sont extraites de bandes annonces faites pour annoncer des ventes, présenter des marques.À ce moment là, il faut réfléchir à quelque chose pour la bande annonce en terme d’image de la marque, quelle est son axe de communication, voir ses campagnes de pub, et de là on trouve soit quelque-chose qui s’en inspire, soit on prend le contre-pied, et c’est ce qui est formidable chez vente-privée, on propose nos propres idées.Ensuite il y a un shooting photo, organisé avec un photographe, des mannequins, maquillage etc.. tout comme en pub. ou bien un tournage vidéo avec un réalisateur (ou pas),avec notre propre équipe de tournage : une Panasonic P2 et le canon 5D mark II qui offre la possibilité d’avoir rapidement une image propre, filmique, sensuelle..Et moi dans tout ça ! Je récupère ensuite les rushs, les photos en raw et les préparent (retouche, détourage, montage..) sur photoshop et les assemble dans after effects pour l’animation ou le montage (via premiere) et l’etalonnage final.
  
  La 3D est faite dans Cinema 4D. Pourquoi C4D ? car je ne connaissais rien en 3D j’ai trouvé ce logiciel très intuitif, simple, et avec quelques paramètres par ci par là on obtient facilement un rendu correct et réaliste. Au début je l’ai surtout utilisé pour faire du camera mapping, car à la base je fait surtout du matte painting, pas tellement de graphisme. J’suis plus photo que vecto.
• Tout ce qui est dans la demo est fait sur After Effect cs3, cinema 4D et Photoshop. Au boulot on travail  sur pc, ce qui n’est pas toujours génial vu que l’on brasse beaucoup d’images en haute résolution (et que parfois After rame un peu, mais chut )
• Personnellement chez moi je bosse sur un macbookpro, un ecran display 24′ et la cs4 s’en tire très bien pour la HD,  je n’ai jamais eu de ralentissements… Mais on est pas là pour faire un débat mac/pc

Julien Taillez

C’est très sympa en tout cas de voir que les sites web en général accordent de plus en plus d’importance au media vidéo et à l’animation pour leur promotion. Cela doit avoir un impact positif sur les vente. Des vidéos de cette qualité crées seulement pour la mise en avant ponctuelle d’un produit sont un  gage de sérieux et de qualité. Je n’utilise pas vente privée, mais en tout cas au niveau de leur communication et des ressources misent en place pour ce pôle chez eux, (plusieurs motion designer, graphistes, matos, etc..) je leur dis bravo o//

Camille Marotte

Egalement motion designer chez ventes privées, Camille Marotte possède lui aussi une très belle démo, composée de travaux pro pour le site ainsi que des expérimentations personelles :

After Effects en 64-bit nativement, bientôt

Concernant After Effects et la haute résolution, il faut reconnaitre que notre petit soft a beaucoup de mal et manque d’optimisation.. Importez quelques images en 2K ou plus dans une composition en HD 1080p, mettez deux images clés de déplacement et un peu de motion blur, quelques effets par dessus tout ça et vous n’aurez pas de mal à le faire ramer.

L’annonce il y a quelques semaines d’une prochaine version nativement 64-bit, exploitant au mieux les nouveaux systèmes multi core et apportant une bien meilleure gestion de la mémoire devrait régler une bonne partie de ces problèmes, ainsi que pas mal d’erreurs de rendu (comme l’impossibilité de d’allouer de l’espace pour calculer en image en 2600×1300 (par exemple) même si on a encore plein de gigas de RAM dispo.. Ce qui est une erreur très fréquente mine de rien..)
Si vous voulez plus d’infos sur les optimisations apportés par la version CS5 d’After Effects, ça se passe sur le blog officiel d’adobe pour le soft : The future of After Effects is 64-bit

Bonne fin de weekend !