Voici un nouveau vidéo tutorial gratuit sur After Effects, disponible dès maintenant sur emob !
Pour le visionner, on suit le lien
Au programme cette fois çi, plusieurs choses :
- Utilisation des expressions pour positionner automatiquement un calque dans l’espace en fonction de son “index”
- Encore et toujours des expressions et des liens de parent pour animer l’accordéon en modifiant juste une seule valeur. Les différentes parties de l’accordéon sont liées mathématiquement entres elles via les expressions.
- Precompositions de calques afin de pouvoir mettre à jour l’animation par un autre visuel aussi facilement que par un glissé-déposé.
- Rappel des notions de base pour la camera, la lumière et les options de surface des calques.
Voilà ! Rien d’extraordinaire en soi mais quelques petites astuces et un rendu assez sympathique pour des transitions par exemple (rideau qui se baisse, etc…). J’espère qu’il vous plaira ! 
Ultimer
12 septembre 2008 10:29
Vraiment un très bon tuto Merci Mattrunks !!!
Yann le belge expat en australie
12 septembre 2008 10:33
Héhé merci pour ce tuto mattrunks
ça me fait penser à cette pub Vodafone, je sais pas si vous l’avez en France, enfin bref voici le lien.
http://fr.youtube.com/watch?v=wac6TVYnTdg
Merci et bonne continuation
Maxlefun
12 septembre 2008 10:39
Good news, thanks
Orken
12 septembre 2008 12:34
Salut, bon tuto, tres bon
mais tu aurrais pu aller plus loin avec zéro images clés en utilsant un expression pour la rotation X, genre une sinusoide amortie :
veloc = 7;
amplitude = 80;
decay = .7;
amplitude*Math.sin(veloc*time)/Math.exp(decay*time)
(pour la formule c’est du copier coller de http://www.motionscript.com/expressions-lab-ae65/pendulum.html j’avais la flemme de la retaper by myself)
Sinon, j’ai une question, quelque chose qui me surprends (j’ai pas testé le tuto encore), tu mets *-2 , et *2 , mais pourquoi 2 ?
C’est l’angle de rotation qu’il faut dupliquer (enfin angle et -angle), pas le double de l’angle si je ne m’abuse (donc *-1 et *1). Je fait peut etre une erreur dans mon raisonnement (surement même).
Je vais de ce pas tester le tuto.
Merci, encore une fois de faire partager tes connaissances.
mattrunks
12 septembre 2008 13:08
Utlimer -> Merci
Maxlefun -> Tu l’auras attendu celui là ^^
Yann -> Pour ma part pas vue en france (on a pas vodafone en même temps ^^) mais elle est géniale !
Orken -> Je préfère garder des images clés pour le contrôle de l’ouverture histoire de caler à la volée l’ouverture et la fermeture de mon accordéon (a la base, cette effet m’a servit pour une personne qui ouvre la vidéo avec ses mains, donc il était plus simple de contrôle l’angle d’ouverture à chaque image suivant les mains) mais pour recréer cette effet ton expression, enfin celle de Dan convient parfaitement
Quand au x2, tout simplement parce que si tu duplique seulement la même valeur, la deuxième partie revient a son angle initial, mais ne prend pas un angle inverse à celle de la première partie.
Si la premier solide et à 15°, il faut bien dire au suivant de pivotait de 2x(-15°) pour le retrouver dans l’angle opposé (-15°) . En espérant que tu ai compris ma petite explication, si ce n’est pas le cas tu comprendras vite en le testant par toi même
Maxlefun
12 septembre 2008 13:18
Tout à l’heure en voyant le tutorial j’ai eu une révélation !
:D
Eh si tu faisais un concours comme l’autre jour pour gagner le droit à ce que ce soit nous qui choisissions le sujet du tuto ! C’est pas mortel comme idée
Orken
12 septembre 2008 13:27
Ouais, j’ai testé et avec -1 ça ne marche pas en effet
Faut que je me pose la tête pour comprendre exactement pourquoi c’est -2, j’ai compris le principe, maintenant, faut que je comprenne l’aspect trigo (devrait pas y avoir de soucis).
Bon et bien je retourne bosser, je reprends a 14h et il est déjà 14h27 :/
françois
12 septembre 2008 13:37
Sympa le tuto.
Pour faire le “bounce” à la fin tu peux aussi utiliser cette expression dans la rotation
(il faut changer l’amplitude, la fréquence et le decay pour adapter l’expression) :
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n–;
}
}
if (n == 0){
t = 0;
}else{
t = time - key(n).time;
}
if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
amp = .05;
freq = 4.0;
decay = 2.0;
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{
value;
}
Yann le belge expat en australie
12 septembre 2008 13:46
Ouais mais Vodafone c SFR mon petit… enfin bref on s’en tape, faut que je teste ton ptit tutorial des que j’ai 5 min… cheers mate !
mattrunks
12 septembre 2008 13:54
Maxlefun -> pOurquoi pas ^^
Orken -> Tiens je t’ai fait un petit shéma vite fait pour mettre en image mon explication du dessus : http://www.boostupload.com/img.php?i=image_536_angle_accordeon.png
Bon cours !
François -> Oui aussi, mais pour un petit tuto, on va faire au plus rapide nan ? Mais cette expression est très utile tout comme celle du pendule, merçi de la rappeler
On peut raccourcir pas mal de chose et utiliser au final
freq = 1.0; //oscillations par seconde
amplitude = 90;
decay = .5;
posCos = Math.abs(Math.cos(freq*time*2*Math.PI));
y = amplitude*posCos/Math.exp(decay*time);
position - [0,y]
(via motionscript) Ce qui au final permet d’avoir un bounce. L’avantage dans ta méthode “longue” c’est qu’on peut l’insérer même si notre propriété contient déjà des images clés, et elle les prend en compte c’est ça ? il faudra que je teste ^^ )
Yann -> Bah voui nous justement on a les pubs sfr, différentes
Orken
12 septembre 2008 14:06
Matt > Merci pour le schema (tres bien fait et tres clair), je vois mieux d’où vient mon “erreur” de raisonnement, je partais de l’angle initial, et non de l’angle à l’instant t. Enfin, un peu dur à expliquer le cheminement de mon esprit
. et en relisant ton message precedent, j’aurais du comprendre.
françois
12 septembre 2008 14:14
Oui c’est exactement ça, j’avais pas précisé.
marco .H
12 septembre 2008 17:05
Bon bah jtrouve ça énorme encore une fois…. mais comment fais-tu pour trouver des idées pareilles.
ça fait un ptit moment déja ke je bosse sur After, mais jamais ça me serait venu à l’idée de faire ça. jtrouve ça énorme, continue comme ça, et surtout t’arretes pas, y en a pas bcp des gens comme toi!
mathilde
13 septembre 2008 12:25
ro ro pong!
pinaise ça cause technique ici
>_<
HotSam
13 septembre 2008 14:43
Je vais pas te dire que ton tuto est génial parce que tous les autres te l’ont déjà dit et que tu risque de choper la grosse tête! J’ai fais ça devant les qualifications du GP d’Italie: http://membres.lycos.fr/neveuthomas/tuto.html Bonne continuation!
cromognon
13 septembre 2008 15:00
C’est pas une section L ici Mathilde ^^
Super Matt encore un ptit tuto de derrière les fagots.
Raphouu
13 septembre 2008 19:56
Salut tout le monde, je cherche à savoir comment on peut faire pour faire cet effet de brillance sur un texte ( sur after effects )
http://www.dailymotion.com/relevance/search/g%25C3%25A9n%25C3%25A9rique%2Bpopstar/video/x37aoi_generique-popstars-2007-inverse_creation
c’est l’éspece d’effet lumineux qui passe au début
merci à tous et continue mattrunks c’est super ton taff
Le Raton Laveur
14 septembre 2008 17:21
Très bon tutoriel. Ca m’a inspirée pour mon CV : http://www.jojoratonlaveur.fr/portfolio/cv-video-23.html
mattrunks
14 septembre 2008 17:41
orken -> Mais de rien
François ->
Marco.H -> Ben… Pour les idées, c’est surtout quand tu es confronté à un reel objectif, un vrai but, qu’elles viennent, enfin dans mon cas. La par exemple, dans ma tete, je voulais cette effet d’accordeon pour que quelqu’un ouvre la vidéo en l’étirant avec ses mains, comme dans la pub dont parle Yann plus haut. Quand tu as envie de créer exactement quelque chose que tu as en tete, tu cherches un peu et tu te force de trouver comment le rendre reel dans ton logiciel. Et si comme dans mon cas tu y arrives et que ça te semble cool, pourquoi ne pas en faire un tuto ?
Mathilde -> Retourne réviser tes leçons de poésie
HotSam -> héhé bien joué ! Comme quoi le GP, ça peu être utile ^^
Cromognon -> Thanks man !
Raphou -> Pour cela, l’effet “CC light Sweep” remplira parfaitement sa fonction ! (95% sur qu’il a été utilisé dans ton exemple
)
Le Raton Laveur -> Héhé très bonne utilisation ! Explique moi un truc, le CV vidéo, c’est un truc à rendre à votre école ? J’ai plusieurs amis qui ont pratiquement le meme ^^
http://www.dailymotion.com/relevance/search/hp%2Bremix%2Bantoine/video/x4j8hg_antoine-schirer-pub-hp-remix_creation
Raphouu
14 septembre 2008 18:45
Mattrunks merci, t’es vraiment un modèle de motivation et de talent. Quand je pense que j’ai le même âge que toi ! J’aimerais savoir si il était possible d’avoir ton msn ou un truc dans le genre pour pouvoir vite fait avec toi !! J’ai 2 / 3 questions à te poser sur ton parcours etc…
merci encore pour l’astuce c’est exactement ca !
Le Raton Laveur
14 septembre 2008 18:54
@Mattrunks. Héhé tu as vu ceux des SRC bordeaux aussi
Non moi c’est un travail personnel que j’ai fait comme ça histoire de toucher un peu AE. J’ai squatté pas mal de vidéo Youtube sur les pubs HP avant de me lancer donc, ya pas mal d’idées qui reviennent
Nous à Béziers on a pas encore faire de AE malheureusement alors avoir des exos comme ça c’est pas pour bientôt XD.
mattrunks
14 septembre 2008 18:58
Ah oki ! En tout cas c’est cool de se donner des objectifs persos comme ça, c’est comme ça qu’on progresse !
(et je pense que les pubs Hp ont fait rêver beaucoup de monde, moi le premier ^^)
Raphou -> Skype ou ichat : mattrunks mon pseudo skype, et mattrunks@mac.com mon adresse ichat
, au choix
JMN
14 septembre 2008 20:05
je regarde ton tutos et je te dit ce que j’en pense mais bon je m’attend encore à un truc ENORME
JMN
14 septembre 2008 21:11
En effet c’était ENORME
c’est fou tout ce qu’on peut faire avec des expressions !
Merci Mattrunks encore un tuto beau et clair
freeman
15 septembre 2008 2:02
génial génial!!! Patron
Je vient de le terminer avec de difficulté pour avoir mis une vidéo a la place d’une image comme j’ai pas une très bonne carte vidéo graphique sa rameeeeeeeee
pour le rendu final enfin !!! au passage il faut avoir quoi comme carte graphique pour être a laisse sur ce logiciel ?????? Trop cool le CV de monsieur le Raton Laveur
salut !!!!!! byeeeeee bonne continuation
mattrunks
15 septembre 2008 10:54
JMN -> Thanks
freeman -> Je ne penses pas qu’il y ai de limites ^^ La carte graphique ne joue pas forcement beaucoup sur le temps de calcul sous after.. Bien sur il est toujouts utiles d’avoir une carte next gen gérant l’openGL etc etc.. cela influe beaucoup sur les prévisualisations en direct. Une Nvidia 8800GT avec 512mo ou carte au dessus ça commence déjà à devenir cool
Après pour le rendu final, les processeurs et la mémoire vive joue beaucoup. Perso j’ai 8 coeurs de 3ghz chacun, 16go de mémoire vive, et pendant les gros rendus after utilise 100% des huits coeurs et 15,5go de la RAM… Y’a pas vraiment de limites, au plus t’en met, au plus ça va vite ^^ Au plus tu peux charger de grosses compos avec des dizaine de centaines de calques et effets sur de très grandes tailles.. Bref tout dépend de ce qu’on fait, mais dans tout les cas, les temps de rendus sont toujours long, quoi qu’on en dise ^^
FREEMAN
15 septembre 2008 14:04
OUAAAHHH !!!!
c’est énorme 8×3=24ghz de potence moi qui compte sur qu’ 1 seul: 3,40 ghz oui c’est exactement sa quant j’avais mis la camera + la lumière la grosss buggg pour la prévisualisations il est sortie une fenêtre en disant qu’il gérait pas l’openGL MOI qui voulait mettre plus de chose c’est impossible GRRRRRRR!!!!! Pour noël je verrais si je change ma carte graphique . ET pour le rendu final avec patience……Je pense aussi qu’il ai pas de limite plus tu met plus c’est rapide …..je te remercie pour ton conseil technique et surtout continuer avec les tuto super bien fait comme habitude on apprend a chaque foie plein de chose Merci …..
tim creation
17 septembre 2008 15:43
mattrunks ! ses normale ques ur mon ae 7 tes expréssion ne marche pas ? mercii d’avance
kora
19 septembre 2008 0:44
super rendu, bravo!!
mattrunks, je voulais te demander s’il y a une expression ou une technique pour arrêter le wiggle à un moment voulu et pas se le taper jusqu’à la fin du calque??!
Jah
19 septembre 2008 5:38
Tim, j’ai la version 7 en période d’essai (trop courte) et pour ce tuto… RAS, tout fonctionne à merveille, les expressions sont nickel.
mattrunks
19 septembre 2008 8:25
tu rajoutes un effet -> option pour expressions -> parametre glissière , ainsuite, dans ton expression wiggle, au lieu de mettre un evaleur pour l’amplitude, tu vien avec la petite spirale chercher la valeur de ta glissière. Ça donne un truc du genre :
wiggle(1,effect(”Paramètre glissière”)(”Curseur”))
A partir de là, tu peux rajouter des images clé a ta glissière, et donc, commencé à une valeur et finir quand tu veux à 0. Et à partir de la, plus de wiggle. J’éspère que tu m’auras compris ^^
Orken
19 septembre 2008 10:16
C’est dingue comme on en apprends tous les jours (evidemment, j’en ai beaucoup a apprendre sur AE, mais quand même).
Cette facilité pour avoir les solutions aux problèmes, moi qui faisait avec un truc du genre :
if (time > )bla blabla
c’est quand même beaucoup plus souple comme ça.
nico
24 septembre 2008 16:39
sympa ce tuto, pas encore le temps de le faire mais sympa.
J’ai vu cet effet dans une pub pour une mutuelle ou l’assurance maladie, en fin un truc medical quoi!
C’est une ordonnance transparente qui se déplie en accordéon.
Et ça rend pas mal du tout.
kora
26 septembre 2008 14:51
merci pour le trick mattrunks, ça va me simplifier la vie!!
et encore bravo
After Effects et l’animation de typo, un joli duo pour une intro de bande demo ! | Le Blog de Mattrunks
27 septembre 2008 4:17
[...] DERNIER TUTO : Accordeon en 3D avec vos vidéos [...]
thebesteditor
3 octobre 2008 14:20
salut Mattrunks !
bon alors, évidemment, je trouve ce tuto super intéressant, comme tt lemonde ici.
moi perso, j’apprends a me servir d’AE tout seul a la maison grace aux tuto ke je trouve sur le net !
j’ai fait ton tuto donc, et j’ai un petit soucis qui m’agace, et je ne trouve pas l’explication.
c tout bete : je n’arrive pas a projeter les ombres de l’accordeon sur mon fond.
j’ai bien tout suivi, j’ai même recomencer plusieurs fois, j’ai vérifié les différents paramêtres de mes calques et de ma lumière ainsi que ceux du fond, mais je n’ai pas les ombres de l’accordeon. j’ai bien le halo ombré de la lumière sur le fond, mais pas l’ombre de mon accordeon. et je trouve que c carrément moins joli ss ces ombres…
peux tu me filer un petit coup de main please ?
merci !
thebesteditor
21 octobre 2008 18:55
up up up please…. j’ai toujours pas eu de réponse au dernier message que je t’ai laissé précédemment…
Peux tu m’aider ?
Cordialement,
Mick
mattrunks
21 octobre 2008 19:01
Si tu as bien tout suivi normalement pas de soucis
j’ai vu beaucoup de rendus de ce tuto et ils ont tous eu leurs ombres ^^
Vérifie bien que ta lumiere a l’option projette une ombre coché. Ensuite verifie bien toutes les options de surfaces des différentes parties 3D de ton accordéon. Il faut que “Projette une ombre” soit sur oui evidemment, et ensuite que ton fond lui aussi, et son option “Accepte les ombres” sur oui…
Matty
16 novembre 2008 23:52
franchement pas mal..
bravo.