A la fin de cette formation, vous serez en mesure d’effectuer des transitions contrôlées entre vos formes vectoriels. Et cela ne se limite bien entendu pas qu’aux typos !

Nous verrons également comment donner un look pop et coloré à notre compositions, en ajoutant toute une série d’effets sur nos calques.
Ce tuto est accessible à tous  : pas de plugins, pas de scripts, seulement les fonctions de bases d’After Effects.
(Le projet fourni en téléchargement nécessite lui la CS5, mais vous pouvez suivre ce tuto avec la CS4)

• Transformer des calques de texte en calques de forme vectoriel
• Comprendre les différents types de lettres (forme rigide, arrondie, avec ou sans trous)
• Faire des transitions entre deux formes, tout en contrôlant le morphing avec précision
• Ajouter un effet de décalage lors de la transition pour plus de dynamisme
• Faire des transitions entre différentes lettres (A -> O -> X -> B dans le tuto)
• Donner one look coloré et sympa au tout, avec plusieurs effets intégrés

Ce tutoriel est réservé aux utilisateurs intermédiaires. Débutants, regardez la formation sur les bases avant. Le projet n’est pas modifiable simplement, il faut suivre le tutoriel pour l’appliquer à vos propre lettres. Le projet est gratuit pour les membres premiums.

Puis nous nous concentrons sur l’animation, qui sera le point important de ce tutoriel. A travers des jeux de décalage, nous verrons comment donner du rythme et de la dynamique à notre animation, tout en gardant un mouvement à chaque instant.

• Importer et gérer rapidement des dizaines de métrages dans une composition
• Création d’une sphère 3D à partir de vos vidéos et images
• Mise en place de lumières pour donner du volume à notre sphère
• Animation dynamique avancée de camera, avec les courbes (sans scripts)
• Ajout de la profondeur de champs pour conforter la sensation de profondeur
• Ajout de Shine pour simuler une lumière volumétrique

J’éspère que ce nouveau tutoriel vous plaira ! Il vous permettra de présenter vos vidéos et images de manière originale et élégante.

Ce tutoriel est réservé aux utilisateurs intermédiaires sur After Effects.
Débutant ? Regarde la série sur les bases d’After Effects avant ce tutoriel.  

Ils peuvent prendre à leur charge l’ensemble de la chaine de production : Storyboarding, styleframes, animation 3D et 2D, motion design, illustration, effets spéciaux.. Ils sont à l’aise dans tous les domaines, et fournissent à leurs clients des spots irréprochables, peut importe le style.

Psyop à mit jour son site, avec une sélection de leurs meilleurs projets. Cette mise à jour et aussi l’occasion de découvrir deux nouvelles catégories :

• Propaganda, qui cache en fait leur blog. Ils partageront des informations sur leurs projets, ainsi que des news sur les thèmes qu’ils apprécient.
• Fails, qui contient des styleframes et propositions sur des appels d’offres non remportés.

22 vidéos pour en prendre plein les yeux

Ci-dessous, je vous propose de (re)-découvrir une sélection des meilleurs travaux du studio, classés par catégorie.

Live Action

Ces réalisations ont un point commun : le tournage. Sublimer à l’aide du motion design et des effets spéciaux des séquences filmées, c’est une des choses que maîtrise Psyop.

Personnellement, j’ai découvert le motion design en 2006, à l’époque ou HP sortait ces campagnes incluant des stars tels que Pharrell, Jay-Z, Serena Williams ou Vera Wang, pour n’en citer que quelques-uns. Elles restent pour moi toujours aussi agréables à regarder, même après plus de 5 ans.
Les spots comme ceux ci-dessous réalisés par Psyop pour HP ou Nokia, sont exactement le genre de réalisations qui m’ont poussé à faire ce métier.

Psyop Hp – GarnettwebsitePsyop Hp Touchsmart – MaestrowebsitePsyop Nokia – LeviwebsitePsyop Amex – ConnectedwebsitePsyop Coke – HeistwebsitePsyop Converse – My Drive Thruwebsite

Animation

Psyop est également à l’aise dans la réalisation d’animations 3D. Que ce soit des décors 3D fantaisistes pour Coca-Cola ou de la simulation de fluide photo-réaliste, tous les styles sont à leur portée.

Psyop Norton – Stuff AnthemwebsitePsyop Absolut – DissectionwebsitePsyop LG – Somethings LurkingwebsitePsyop Coke – Hapiness FactorywebsitePsyop Fage – PlainwebsitePsyop Jp Morgan Chase – CommunitieswebsitePsyop Ikea – KitchenwebsitePsyop Smith and Nephew – Verilast KneewebsitePsyop Sprint – FootballwebsitePsyop Twinings – Seawebsite

T.Rowe Price

Les 3 vidéos suivantes ont été réalisées pour le groupe d’investissement T.Rowe Price, qui a su investir dans le bon studio pour la réalisation de leurs campagnes.
Si un mot pouvait décrire ces spots, cela serait transitions. Tout s’enchaine sans coupure de manière fluide, avec une quantité de détails impressionnante.

Si ce genre de vidéos vous intéresse, je vous conseille de lire mon article sur les transitions.  

Psyop T.Rowe Price – MetalwebsitePsyop T.Rowe Price – GlasswebsitePsyop T.Rowe Price – Inkwebsite

IBM

IBM commande régulièrement de très beaux spots aux meilleurs studios du monde, et Psyop en fait parti. Dans ces 3 derniers spots, 3 styles différents aux services des messages de la marque :

Psyop IBM – All in the CloudwebsitePsyop IBM – Ahead of DemandwebsitePsyop IBM – Split Secondwebsite

J’espère que ces vidéos vous auront permis d’apprécier le travail de Psyop, et la diversité de leurs réalisations.
Créatif et technique, ce studio hors-normes sait répondre à toutes les attentes, et ne cessera de nous inspirer.

Headphones, c’est sa dernière animation 3D sortie il y a un mois pour promouvoir la ligne de casques de Ministry of Sound.

Making-of survitaminé sur Cinema4D

Mais ce qui m’a plu le plus dans cette réalisation, c’est le making of mit en ligne il y a quelques jours par Paul :

A travers ces 2mins de break-down, Paul nous partage indirectement son workflow, et nous livre sa recette concernant cette vidéo. Les tutos sont bien sur très utiles pour apprendre et surtout comprendre, mais parfois, un petit making-of comme celui-ci permet d’en apprendre beaucoup sur une façon de travailler, en seulement quelques minutes.

La principale chose à retenir est à mon avis le jeu constant sur les offsets. Tout comme sur After Effects ou tout autre logiciel d’animation, le décalage temporel et spatial d’une même animation simple d’un le temps permet de simuler une scène complexe, et cela marche ici à merveille.

J’éspère qu’il vous plaira, et merci à Paul pour ce partage

Ce projet est conçu pour fonctionner seulement avec des images. Il n’est pas possible de le reproduire avec des vidéos d’une manière simple, telle que celle expliquée au long du tutoriel.

• Découvrir Trapcode Form 2 et son principe de base, basé sur les grilles
• Utiliser des pseudo-éléments pour alléger les temps de calcul et travailler de manière fluide
• Animer un dédoublement d’images sur les 3 axes, de manière dynamique
• Se ballader au sein de notre espace 3D, remplis de centaines d’images
• Comprendre comment remplacer une image en particulier pour garder le contrôle
• Régler les lumières et la profondeur de champs pour renforcer l’aspect 3D

Keloid

Préparez-vous à vous prendre une belle petite claque, à travers leur dernier projet, sur lequel ils travaillent depuis plus d’un an : Keloid. Ci-dessous, un teaser du court-métrage, à visionner en HD :

Il y a plusieurs points important que je tenais à soulever concernant ce projet de court métrage :

• Il s’agit de séquences full-CG, entièrement 3D, sans aucun plan tourné. La Motion Capture à été utilisé, mais dans la plupart des cas l’animation fut retouchée à la main.
• Ce rendu réaliste est le résultat d’un travail de seulement 5 personnes pour la partie production (2 personnes externes ont participé à la pré-prod)
• Il s’agit d’un travail in-house, imaginé et conçu par BLR durant leur temps libre.
• Beaucoup de recherches ont été effectués pendant plusieurs mois sur l’IA, la conception de scénario et la pré-prod avant de se lancer dans l’aventure du court-métrage, différente en tout point de leurs productions commerciales habituelles.
• Je vous conseille vivement de lire l’interview complète sur motionographer, très intéressante.

Travailler sur des projets personnels

Consacrer du temps aux expérimentations, aux projets libres, c’est important, et essentiel ! Quel que soit votre poste, graphiste, motion designer, webdesigner.. je pense que dans la majorité des cas, même si l’on aime notre travail, on ne s’épanouira vraiment que très rarement sur un projet client.
Même si la contrainte peut-être en soi une source d’inspiration, prendre le temps de s’amuser, de passer des heures à peaufiner une petite animation jusqu’à ce qu’elle nous paraisse parfaite sans aucune pression, cela fait du bien. Prendre le temps d’avoir du recul sur ce que l’on crée.

Les productions commerciales de BLR n’ont rien de petits projets, et sont superbes, mais ils n’échappent pas à la règle.
On a tous envie d’exprimer notre créativité sur des sujets libres de temps à autres, afin de relâcher toute la frustration que l’on peut accumuler avec certains clients. Tenter de nouvelles idées et techniques que très peu de clients n’oseraient financer sans que cela n’ait été fait avant.

Comme je l’ai souvent dit, vos projets persos ne seront jamais vains. Ils vous feront progresser, étofferont votre portfolio, et vous ramèneront surement de nouveaux contrats !
Alors une seule choses à retenir : Croyez en vos idées, et donner vous le temps nécessaires à leurs réalisations. Amusez-vous, seul ou à plusieurs, c’est toujours plus motivant !

Pour ma part, de retour sur paris après mon opération des dents de sagesse. En mode hamtaro pour encore quelques jours, avant de pouvoir me remettre devant le micro des tutos A bientôt !

Les voeux 2012 de BrightPhoton et Gully

A la base, il s’agit d’une très belle vidéo de voeux réalisé par Bright Photon, en collaboration avec le talentueux Phillipe Gully pour le Sound Design.

L’idée est simple : différentes variations d’une même scène, autour des lettres composant le Motion Design, le tout animé à l’aide de Cinema 4D, et post-produit sur After Effects.  Le tout parfaitement éxecuté, avec un mélange des genres comme l’organique, le fluo-moderne (ça doit bien exister), le Cell-Shading, etc..

Une scène, votre vision du motion design

Au final, cette vidéo fut l’amorce d’un nouveau projet collaboratif, qui permettra à chacun d’exprimer sa vision du Motion Design autour d’une scène commune.

La scène 3D principale de la vidéo sera mise à disposition, et tout le monde pourra envoyer sa version. Ce sera l’occasion de s’amuser sur C4D, tout en ayant une base de travail de qualité.

Le projet sera réalisé en association avec Motion+Design,  créé par Paola Boileau et Kook Ewo, et qui à pour but de devenir le premier centre dédié au motion design.

Je vous redonnerai plus d’infos bientôt, lorsque la scène sera disponible au téléchargement, et le projet pleinement lancé.

Je vous souhaite tout plein de bonheur, la santé, mais également l’épanouissement dans vos projets professionnels et artistiques ! Car après tout, nous sommes tous réunis par la même passion : la création.

Je vais profiter de ce billet pour faire quelque chose qui m’a fait défaut en 2011 :  vous donner des nouvelles, plus souvent, afin d’être mieux informé sur la vie du site, et sur les nouveautés à venir !

Merci à tous

Je tiens à remercier toutes les personnes qui m’ont fait confiance depuis le passage au premium il y a quelques semaines ! Vous avez été nombreux, et cela fait vraiment plaisir.
Cela va me permettre de me concentrer pleinement sur le site, et augmenter considérablement son catalogue de tutoriels, mais pas que..

Un mois offert à tous les membres premiums

Pour remercier tous les early-adopters qui ont souscrit à des comptes premiums dès les premiers jours d’ouverture, j’ai le plaisir d’offrir 1 mois supplémentaire à tout membre ayant souscrit à un compte premium.
Ils pourront donc profiter des nouveaux tutos de janvier, et ne se sentiront pas pénalisés par la période creuse de fin décembre due aux fêtes de fin d’année

Streaming Adaptatif et Mobile

Beaucoup d’améliorations sont à prévoir pour 2012, et de nombreux investissements vont être fait pour que vos visites sur le site soient plus fluides et agréables.
Pour commencer, (et cela faisait défaut sur les derniers tutos, notamment les débutants) la quasi-totalité des tutoriels sont maintenant pleinement accessibles depuis les plateformes mobiles (iPhone, iPad, etc..)..

Ensuite, les tutos premiums, débutants, et les prochains gratuits, disposent à présent d’un streaming adaptatif et dynamique. Plusieurs fichiers ayant des débits différents sont automatiquement déservis suivant vos connexions, ce qui permet d’avoir la meilleure qualité disponible selon votre débit, tout en gardant une lecture fluide sur les petites connexions.
Les personnes disposant de grosses connexions auront une lecture en HD, les plus petites connexions auront des fichiers plus petits, mais une lecture non saccadée.

Plein de bonnes surprises feront leur apparition sur le site en 2012.. mais je vous en reparlerai en temps voulu

Nouveaux tutos de janvier

Vous l’avez surement constaté, il n’y pas eu beaucoup de nouveaux ces dernières semaines. Avec les fêtes de fin d’année, je n’ai pas pu enregistrer autant de tutos que je l’aurai souhaité, mais ce n’est que partie remise.
Je compte bien tenir la cadence d’un tuto minimum par semaine, et ce dès la mi-janvier.

Pourquoi pas avant ? Je dois malheureusement m’absenter pendant quelques jours dès demain, pour une opération des 4 dents de sagesses en clinique.. Je pense être légèrement hs pendant quelques jours, et surement trop enflé pour venir parler devant le micro.. Mais ce n’est que pour mieux revenir

Je vous souhaite donc encore une fois à tous une bonne année, et j’ai déjà hate de revenir vous donner des nouvelles, remplies de nouveaux tutos ! On se retrouve dans le courant du 10 janvier. A bientôt !

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 !

Aujourd’hui, il est temps de partager avec vous les astuces et techniques que j’ai appris à développer, et faire évoluer, pour mener à bien une animation de site sur After Effects, de manière relativement simple, et procédurale.

Ce tutoriel est le plus long jamais enregistré pour mon site, à savoir plus d’1h30 de partage de workflow, et de conseils !

Un grand merci à Thomas d’Amkashop, pour m’avoir permis d’utiliser son site en exemple dans le tuto.

Afin de suivre au mieux ce tutoriel, il faudra vous procurer au préalable les scripts suivants :

• DuiK
• RepositionAnchorPoint
• pt_ShiftLayers
• pt_CropPrecomps
• Ease and Wizz

J’espère que ce tuto vous plaira, et que vous saurez assimiler les différentes techniques et astuces employées, pour animer à votre tour vos sites web !