Dans ce tutorial vidéo gratuit de 45min sur After Effects sur les expressions et la synchronisation de l'animation avec de la musique, nous allons voir comment produire des mouvements automatiques en fonction du rythme de la chanson. Nous créerons un petit Robot Guitariste dont les mouvements seront automatiquement calculé suivant la musique utilisé.
Vous pouvez télécharger le projet pour obtenir les codes utilisés dans le tutoriel.
Beaucoups de techniques et astuces sont employées au long de ce tutorial :
- Appliquer des effets audio sur la piste son afin de dissocier les basses des aigus et ainsi avoir plusieurs valeurs pour différentes réactions d'animation
- Utiliser des expressions pour pour
- Utiliser les IK (Inverse Kinematics = Cinématique Inversée) sous After Effects afin de controler de manière hérité les mouvements des bras en fonction de celui de la main par exemple
- Assigner des controleurs à certaines parties du corps, et les faire bouger suivant l'amplitude de la musique. On pourra donc assigner le mouvement du corps sur les basses, et celui du bras sur les aigus pour faire un guitariste.
Ce tutorial vidéo est basé sur un code utilisé en exemple dans le Design Guide pour les expressions de Dan Ebberts
Sa monte en grade dis donc ! De la pub sur Emob la classe ^^
Moi je dit bravo, parcontre comme je l'ai dit dans mon commentaire de Emob je regarderais ce tuto à une heure plus raisonable =)
PS: pour ta rentrée sur Montpellier si tu veux je te fait visiter ^^
Cheers
Mais c'est une heure super raisonnable ça !! moi je suis bon pour rester au taf jusqu'à 5h30, il n'y a plus de métro maintenant... Alala paris... Mais quand on aime ce qu'on fait, on peut jeter sa montre ^^
Et merçi pour la proposition, je note ! On en reparle en septembre, nouveau départ, encore :)
On en découvre tous les jours c'est enorme ça ouvre à plein plein de possibilité de création... génial merci :)
Quand on aime, on ne compte pas ;)
Tuto très sympa sur linear ! T'as toujours des difficultés pour nommer tes compos :D
Au lieu de linear, on ne peut pas utiliser easeIn ?
Sinon je me permets quelques remarques superficielles:
Idem que dezinc : parfois tu dis "regardez, je modifie ce paramètre et le rendu est différent" Sauf qu'on ne vois pas le rendu, puisque le zoom est sur la timeline. c'est frustrant :S
Pour le mouvement de rotation de la guitare, j'aurais bien vu une transformation du mouvement 'y' du 'contrôle droit' en angle de rotation (je suis un ouf de la trigo)
J'aurais bien aimé que tu t'attardes sur l'expression du pantin (oui, j'aime la trigo)
Super tuto, ça me donne plein d'idée :) D'ailleurs, qu'elle est le nom de l'auteur ainsi que le nom de la musique que tu as utilisé ?
kevin -> Pour moi chaque méthode d'interpolation à sa fonction. Si tu préfére utiliser easeIn au lieu de linear, fait le le résultat ne sera pas vraiment le meme. Dans ce cas, je me sert de linear pour convertir linéairement une plage de donnée entre 20/90 en une plage de données situé entre 0/200 afin d'avoir des pauses, et des valeurs bien découpés. Si tu veux utiliser easeLn, pourquoi pas, mais autant utiliser ease tout court, qui agit comme linear si ce n'est qu'il en ressort des valeurs totalement lissées, et c'et super utile pour plein de trucs, mais la je voulais un mouvement sec, c'est un robot quoi ! ^^ Par contre, si tu t'y connait bien en expressions et javascript, j'aimerais bien qu'on en parle sur skype/ichat, tu pourras m'expliquer l'utilité de easeIn ou easeOut qui rajoute une tangente à zéro sur la valeur renvoyé 1 ou 2. Mais pour emob, déjà que je trouve compliqué pour un tuto grand public, on va pas non plus en faire une formation javascript ^^ Pour la trigo, je m'appuie sur le code de kinematic inversé mise à disposition par Dan Ebbert, qui s'appuie lui sur la technique de Brian Maffitt, et je ne voyais pas l'interet d'expliquer les règles de trigo à tout un chacun alor que 95% des lecteurs d'emob n'en auront rien à faire... Mais effectivement jaurais bien aimé m'attarder sur le sujet mais déjà 45min à enregistrer ça prend assez sur son temps ;)
Au plaisir de parler avec toi de manière un peu plus poussé des expressions et du scripting, car moi aussi, j'aime la trigo :)
Hido-> Pour la musique, c'est Personal Fuck (database happy remix) de Jo Mistinguett
Bon comme je te l'ai déjà dit cool ton tuto car ça re-dynamise les tutos gratuit sur emob et c'est bien !!
Super Tutos, en plus ça semble pas très simple (quand c'est bien expliqué :p ) donc ça va le faire ;)
merci pour le boulot, vivement le prochain ^^
Mattrunks t'as de sérieux problèmes d'orthographe!!:D
:)Sinon sympathique ton tuto!
Je me fais peur tout seul quand je me relis, et pourtant, le bac de français est pas si loin que ça, enfin un peu.. Et je dois avouer que sur les commentaires souvent mes souvenirs msn reprennent le dessus, excusez-moi :$ ^^
Ton MSN, et ton SKYPE, tu parles comme t'écris : mal.
AHhaa :-)
parceque tu le vaut bien ma diZ, ahah :) ( et pis d'abord, je parle bien que sur iChat, na! )
Naaa faut pas être si méchant diZ on appel sa être un troll..
source: "www.monsieurdream.com"
Sinon ben moi je dis et redis bravo à mattrunks, tu refais vivre emob.fr qui est devenu trop trop cher..
Presque plus de tutoriaux gratuits depuis la création de la boutique:(..
Sinon mattrunks avant que t'ai trop de popularité pour me parler: je tiens à dire que tu fais parti de ceux qui font les meilleurs tutoriaux vidéo, toujours que des news!
Bye!
Yassine
Add: c'est quoi la chanson que t'as utilisé pour ta création?
c'est écrit plus haut pour la chanson -_-'
BencheKroune -> T'inquiètes pas je parlerais toujours avec mes lecteurs, l'échange c'est le plus important pour moi qui fais des tutoriaux :) et quand les autres participent j'en suis d'autant plus content et motivé !
Maitre mattrunks bravo !
MATTRUNKS D'ABORD IL AIME CINDY SANDER. D'ABORD.
Tecnolife --> Ahah faut pas exagérer non plus ^^
diZ -> mais révèles pas des news comme ça au grand jour grand fou !
Salut mat,
Bronzette et farniente m'ont éloigné de l'ordinateur.
Je ne suis pas un expert en after effects, j'ai juste une formation en math appli (et d'autres trucs utiles).
L'intérêt de EaseIn était de faire un démarrage à 0 qui s'accélère pour rejoindre la courbe définier par linear et qui s'arrête net à 100 (comme linear). Je m'étais dit que même les robots démarrent crescendo ^_^
Pour lisser au démarrage et à l'arrivée, je crois qu'il y a une méthode easeInOut. Par contre je ne trouve pas quelle fonction est utilisée pour la courbe (en x^2 ?).
En tout cas, j'ai trouvé l'idée de ton tuto très originale. A ta disposition pour échanger des idées.
Oui j'avoue que 12:44 am peut être raisonable mais sa dépend de ce que l'on fait le lendemain ^^
Salut Mat :)
Me voici sur ton blog par le biais d'EMOB, et vraiment, je t'assure que tout tes tutos m'intéressent et que je vais m'y mettre dès ce soir :D
C'est vraiment passionnant, je fonce :)
Je pense que ça t'intéresse de voir le résultat de tes "élèves" alors je t'enverrais les liens :)
salut !!! merci pour ce tuto très très très bien :)
par contre je trouve pas le code svp.......
merci d'avance, et "keep up the great work, man !!!!!"
hello simnofear, content que le tuto te plaise, le code est dans le .zip à télécharger sur le blog d'emob à cette adresse http://www.formationvideo.com/tutoriaux/tutorial26/rocker_expressions%20dossier.zip
voilou bon tuto ;)
ah oki, autant pour moi..... j'voulai pas le télécharger histoire de vraiment reprendre le tuto depuis le début... en tout cas, ça claque :) !!!
à quand le batteur et son atirail ? parceque je me disais que ça devait être sympa aussi avec la perspective du bras d'un batteur vu de face... ça doit être un poil plus galère aussi j'imagine... wé, et un groupe entier avec la foule en délire !!!!
bravo et merci encore en tout cas :) !!!
gg Mattrunks Je progresse de jour en jour grâce a tes superbe tutos.
Allé jme lance sur rockeur expression en plus ces pile poile ce dont j'avais besoin pour mon prochain projet :p
simnofear -> Pour le batteur et toute le groupe, c'est déjà fait ^^ Regarde le début de mon dernier article sur screenflow, dans la vidéo, t'aura un petit aperçu d'un projet en cour pour le boulot ;)
Irokaps -> Ils servent à ça :) Bonne chance pour ton projet en éspérant que le tuto te plaise et qu'il t'aide !
super tuto, super blog d'ailleur
des tutos de trés bon gouts.
Alors comme ça tu sera sur montpellier à l'esma,cela m'intéresserait de savoir comment ça ce passe labas .j'envisage pe etre d'y aller, aprés mes études :))
blablabla....
Voilà ma ma petite vidéo : http://video.google.fr/videoplay?docid=-5075645841190609925
(sinon, le blog est super lent chez moi :( )
Marcus -> Je penses que dès que je serais à l'esma tu auras toutes les news que tu voudras concerant l'école en suivant mon blog ^^
oohTony -> Ahah excellent avec avec la casquette et tout :) Et ppour la lenteur je sais pas d'ou ça vient, je suis pas chez free, et chez moi il a une vitesse normal ^^
Merci pour ce tuto , je serais curieux de voir ce que ça rendrait avec le puppet tool
Franchement excellent tuto...BRAVO et merci
BON BOULOT.
:)
Superbe, je m'étonne d'avoir réussi à le faire.
J'ai réuni deux de tes tutos en un, le résultat :
http://www.dailymotion.com/video/k5Woff93z8wmDnKPIr
Je me suis permet de te citer et j'aurai voulu mettre l'adresse de ton site mais je sais pas si je peux ?
Le résultat est pas parfait, ,notamment les ombres mais pour un débutant comme moi je suis plutôt fier lol :D
Merciiiiiii à toi !!!
Franchement excellent tuto...BRAVO et merci
BON BOULOT.
:)
merci enormement pour tout mattrunks....
je me demande comment en fait reduire l'amplitude des mouvements de bras ,je m'explique,chez moi le guitariste passe la plupart du temps le bras tout tendu en bas (c'est pas le meme morceaux que le tiens)!
deplus comment faire pour avoir un mouvement de mains plus a plas ,comme dans ton anim de dj car je suis sur un clip ou j'ai creer un robot comme le tiens qui est sur une beatbox..
merci d'avance
Merci Mattrunks!
Par contre, je sais pas comment obtenir le code pour animer mon personnage. Du coup je suis bloqué !!
Ou pourrait-on l'obtenir car ça m'ennuie grave et je suis dégouté de pas pouvoir terminer mon anim !!!!
Merci d'avance!
excellent tuto !!
great tutorial men!!!
great website!!!
i am very lucky to found this tutorial!!!
j’ai un gros problème, après avoir finis, je comptait créer un fond, un texte etc… mais toutes les 45 secondes (environ ^^) une des expressions se décoche, enfin le = devient un = barré XD
et donc je suis obligée de tout le temps ” recoché ” pour que l’expression marche, et le problème c’est que je comptait faire une vingtaine de persos’, donc j’ai tenté de mettre le cadenas sur les solides qui ont des expressions, et les expressions se décoche quand même automatiquement, ça m’énerve donc et me fait perdre beaucoup de temps !
Surtout que je compte le finir pour dans pas longtemps, vu que ce sera basé sur ma classe (fin d’année scolaire :D)
Bon voila je sais que je suis Hors Sujet, mais si vous pouviez m’aider, ce serait vraimment sympa, surtout que les expressions pour une anim’ comme ça, y’ en a beaucoup ^^
Lask => Il faut télécharger le fichier projet ;)
Merci super tuto. Très beau boulot. Je vais pouvoir créer un mini clip avec tout ça,merci beaucoup.
Salut,
Je comprend pas, quand je rentre le texte quand on fait contrôle C et D, enfin copier coller du texte.
J'ai un message d'erreur qui s'affiche, en me disant que le calque bras droit est introuvable.
Que dois je faire svp ?
meme probleme que cyberfire !c'est le seul de tes tutos qui me pose un si gros probleme !je comprend pas rien a faire ! peut tu nous aider mathias je desepere ;)
Bah voila j'ai trouver tout seul donc pour repondre a cybrefire tu dois respecter a la lettre les nom des calques utilisé dans l'expression !
Tuto genial ! a quand le prochain :p
C'est ou les codes des expressions sur ton blog ?
c'est ou pour copier coller les expressions ????
merci d'avance
Bonjour, tout d'abords super tuto et surtout bonne idée pour le robots qui fait de la musique,
Mais malheureusement je suis bloqué à l'expression qu'on met au controle droit :
y =thisComp.layer("Aigu").effect("Les deux couches")("Curseur") + value[1];
x = value(0) + (wigggle(1,20)[0]);
[x,y].
Un message me dit que : La fonction Array n'est pas définie.
Alors, ma question c'est pourquoi ?? Merci d'avance.
il n'y a qu'un "g" à wiggle
Merci beaucoup pour votre tuto ! Je débute dans after et vos explications sont très claires. Je retourne à mon anim de navette-tetard!
slt mattrunks merci pour tout ce bo boulot vraiment .
ce tuto c pour n'importe kelle music ?
merrci
Je suis pas une très doué de after effect et j'ai un problème, c'est que dès le début lorsque je mets la musique,bah... je peux pas la lire et quand j'appuie par exemple sur l'outil courbe, bah ... ya rien du tout !!
Peux-tu m'aider ?
Merci pour le tuto, je ne l'ai pas encore terminé car je n'ai pas envi de passer une nuit blanche a nouveau, je travaillerai plus vite demain. Je posterai le résultat c'est un mix de 3 tutos du site.
bonne nuit a tous.
Cyril Fotographiste
Je suis impatient de voir ça !
Salut,
j'ai trouve ce tuto sympa sauf que j'ai un problème majeur, le code ne fonctionne pas. J'ai un message d'erreur qui s'affiche disant :
After Effects (alerte) : Argument incorrect : impossible de trouver le calque nommé " bras droit".
Expression désactivée.
Erreur dans la ligne ( il change tout le temps de ligne )
Comp : " Robot Rock"
Calque : 7 (" main droit )
Propriété : 'Rotation'
J'utilise un PC et je suis sous CS5.
Merci d'avance pour l'aide.
Aie, même problème que f.coppier
Bah en fait, c'est comme CyberFire et Potatoes... -_-
as tu as bien crée ton calque en le nommant "bras droit", sans majuscule ?
Excellent boulot ! quel et la musique utiliser ici ? titre merci !
Bonjour,
D'abord bravo, ces tutos sont géniaux! Petit soucis pour moi, le meme que AE amateur :
"Bloqué à l’expression qu’on met au controle droit :
y =thisComp.layer(« aigu »).effect(« Les deux couches »)(« Curseur ») + value[1];
x = value(0) + (wigggle(1,20)[0]);
[x,y].
Un message me dit que : La fonction Array n’est pas définie.
Alors, ma question c’est pourquoi ?? Merci d’avance."
Mais en ce qui me concerne c'est pour le contrôle gauche. Pas de solution à apporter?
if (time> 5,5 && time <7) [value] else [if (time <5,5) wiggle(1,20) else wiggle(3,60)]
ma ligne de code est t-elle correcte? c'est le dernier code a rentrer
merci
Bonjour!
Super site et tutoriaux d'excellente facture!!!
Par contre, je rencontre également un soucis avec cette ligne en particulier : j'ai le symbole d'erreur qui s'affiche dans les effets (mais pas de message spécifique pour indentifier le problème, et le mouvement de la main n'est pas pris en compte...
Y aurait-il une faute de syntaxe? Une liaison qui m'aurait echapper?
pour labz a essayer:
y =thisComp.layer(« aigu »).effect(« Les deux couches »)(« Curseur ») + value[1];
x = value[0] + (wiggle(1,20)[0]);
[x,y]
2g a wiggle
des crochets à la place des parenthèses pour x = value[0]
salut, ou est ce que je peux trouver l'expression utulisée pour ce tuto? merci :)
Bonjour,
Bizarrement lorsque je bouge les points de ma marionnette la vision du déplacement n'est pas instantanée.
Le mouvement de ma marionnette ne prend place que lorsque j'ai lâché le bouton de ma souris.
Y aurait-il quelque chose à cocher ou à décocher dans des paramètres que je devrais faire ? Et si oui, où svp.
Merci d’avance et bonne journée
PS : je suis sur After Effects CS4
Bonjour, je suis à cette étape là
y = thisComp.layer("AIGU").effect("Les deux couches")("Curseur") + value[1]
x = value [0] + (wiggle (1,20)[0])
Et pourtant en validant j'ai constamment le même message d'erreur même en bidouillant un petit peu:
erreur after effect le résultat de l'expression doit être de dimension 2, pas 1
Erreur dans la ligne 0
Comp 'Expressions'
Calque 2 ('contrôle droit')
Propriété 'position'
je ne vois vraiment pas, si quelqu'un sait, merci d'rvance
Moi aussi j'ai un probleme : http://hpics.li/5d58253
Merci de m'aider
Salut, tu croit que ça serrai possible de l'adapter, avec des platines au lieu d'une guitare ? Et une bande son "scratchy" .. ?
Méme problème que certaines personne "le resultat de l expression doit etre de dimention 2, pas 1
T'aurai un lien direct(pas forcément de téléchargement mais youtube ou quoi )vers la musique s'il te plait je ne la retrouve pas sur le web ! Merci et très bon tuto ! :)
salut le lien de telechargement du script marche pas
Bonjour et tout d'abord merci pour ce très bon tuto ! J'ai néanmoins un problème lorsque je tape le script (celui donné sur le blog) . After effect m'indique une erreur ligne 9. J'ai pourtant tout vérifier et je ne peux donc pas continuer. Une idée ?
Merci
Voici le message d'erreur : "argument incorrecte : impossible de trouver le calque nommé "contrôle droit" expression désactivée, erreur dans la ligne 9"
J'ai trouvé... le nom de mes contrôleurs ne correspondais pas avec ceux du script.
Bonjour.
Je viens de découvrir votre site et j'ai tenté de réalisé votre tuto "animer un robot automatiquement sur de la musique". J'ai dessiné mon propre petit robot sur photoshop et j'ai importé mes calques sous AE. Mais j'ai un problème lorsque je copie l'expression sur mon premier calque bras droit :
Message d'erreur :
"erreur : resultat numérique incorrect (diviser par 0 ?). Expression désactivée. Erreur dans la ligne 23.
Pouvez-vous m'aider ?
Merci par avance
C'est tout simplement énorme. Merci Mattrunks pour ce tuto.
Salut Matt déjà très bon tuto, j'ai adoré le regarder mais maintenant que je passe à la pratique j'ai un petit soucis complètement débile lorsque je met le son (format mp3) je n'ai rien dans l'éditeur de graphique. Est-ce que c'est du à la musique? Au format?
Bonjour je voudrais savoir le nom de la chanson projet
Salut, Salut,
Comme beaucoup, je te remercie pour ce tuto et j'aimerai savoir si cela est possible de d'abord réaliser des calque sur toshop et les animer sur After ?
Je te remercie :)
un grand merci Matt ! regarde ce que j'ai pu faire grâce à toi !! :p
http://www.youtube.com/watch?v=fOlv-5Makrk&feature=youtu.be
La partie code fut une vraie torture, je partage avec vous mon résultat final merci pour ce beau tuto aux nombreuses possibilités.
https://www.youtube.com/watch?v=XlTWX5NOk3E&list=UU3J5P0N6cT7ZX1UzZbrzySg&index=1
jais utilisé le tuto avec adobe flash, je n'avais aucune pratique de ce logiciel , bonnes explications, bravo pour le commentateur et j’aimerais en suivre d'autres
Mes musique montent toujours a plus de 600 unité et donc sa marche pas... :(