Accordeon en 3D avec vos vidéos sur After Effects

Vraiment un très bon tuto Merci Mattrunks !!!

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

Good news, thanks :)

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.

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 ;)

Tout à l'heure en voyant le tutorial j'ai eu une révélation !
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 :D :D

Ouais, j'ai testé et avec -1 ça ne marche pas en effet :D

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 :/

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;
}

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 !

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 :P

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 :D . et en relisant ton message precedent, j'aurais du comprendre.

Oui c'est exactement ça, j'avais pas précisé.

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!

ro ro pong!
pinaise ça cause technique ici
>_<

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!

C'est pas une section L ici Mathilde ^^
Super Matt encore un ptit tuto de derrière les fagots.

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 :)

Très bon tutoriel. Ca m'a inspirée pour mon CV : http://www.jojoratonlaveur.fr/portfolio/cv-video-23.html

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 :P

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

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 !

@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.

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 [email protected] mon adresse ichat ;) , au choix

je regarde ton tutos et je te dit ce que j'en pense mais bon je m'attend encore à un truc ENORME

En effet c'était ENORME :D
c'est fou tout ce qu'on peut faire avec des expressions !
Merci Mattrunks encore un tuto beau et clair

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

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 ^^

OUAAAHHH !!!!

c'est énorme 8x3=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 .....

mattrunks ! ses normale ques ur mon ae 7 tes expréssion ne marche pas ? mercii d'avance

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??!

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.

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 ^^

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.

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.

merci pour le trick mattrunks, ça va me simplifier la vie!!
et encore bravo

[...] DERNIER TUTO : Accordeon en 3D avec vos vidéos [...]

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 !

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

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...

franchement pas mal..
bravo.

Slt Mattrunks,
Tout d'abord bravo pour ces tutos...Ils sont une bonne source d'inspiration et d'aide. J'aurais une petite question à te poser. Je commence à me mettre sérieusement aux expressions mais obliger de reprendre mes vieux cours de math..^^ Je voulais savoir comment faire le même effet mais au lieu qu'il aille de haut en bas, je voudrais animer un dépliement du bas vers le haut. Voilà..
Merci d'avance...
No_Name.

Salut, alors voila j'ai un petit souci. J'ai suivi tout jusqu'au moment ou je met la foto dans le calque insertion.
Elle apparait jusque la normal.
ensuite quand je retourne sur le calque Video, dans le 1/6 il n'y a rien qui se met ma foto est tronqué et apparait seulement apartir de 2/6 jusqu'en bas.
Ou ai je fais une erreur.
Merci d'avance
Nezo

Ce tuto est vraiment mortel. Je vis en côte d'ivoire et je vous assure que c'est utulisé souvent dans les pages de pub à la Télé ... Encore merci!!!

Joli tuto ;)

yop,

j ai un soucis, j applique une video plutot qu une image mais au fait la 1ère bande (celle du haut) nest pas en meme temps que les autres, la video n en est pas au meme stade au fait !

quelqu'un saurait pourquoi ?!?

merci bien

A+

[...] yoo yoo yoo voila, j ai fait le tuto de Mattrunks sur comment faire un accord

Hello Mattias,

Voici le projet sur lequel j'ai utilisé ton effet !

Merci pour cette chouette technique !

http://www.motiondesigner.be/videos/plugmobile.mov

Nico

bonjour, merci pour cette excellente leçon! je souhaiterais adapter ce tutoriel à l'ouverture d'une carte et je rencontre 2 problèmes:
1-le départ se fait avec la carte a plat (couverture lisible)
2-les autres feuilles doivent suivre la couverture et le dos ne doit pas se déplacer

ce qui signifie que je dois lier les positions de chaque feuille et non plus les angles, mais il faudrait aussi qu'il y ait une proportion logique dans le déplacement/rotation de chaque page.

et cela devient un peu trop compliqué pour moi!

un peu d'aide?
merci

a French living in Italy

MAN, make a tutorial about TC 3D stroke, pls. :)

Trop Violent t'ai tuto!!!!
Merci beaucoup ;) !!!

Bravo...J'adore vos tutoriaux...
Très bien expliqué...
Très intéressant d'avoir le projet AE pour étudier...

Bonjour,

Merci tout d'abord pour ces précieux tutos!!

J'ai réalisé celui-ci, et il marche bien. Par contre, comment faire pour placer des objets en premier plan, devant le dépliant? Je suis novice et je n'y arrive pas, à cause des valeurs d'index qu'il faut respecter. Est-ce qu'il existe une astuce?

Merci beaucoup!

oui, je confirme tréééé sympa ce tuto :)) merci ?

Bonsoir à tous, super ce tuto, j'ai réussi sans problème j'aimerais utilisé ce tuto pour faire "tomber des immeuble" le point d'encrage ou de controle ici doit être tout en bas j'ai réussi a tout bien recreer en partan du bas vers le haut au niveau des part1 (tout en bas) le reste au dessus mais au moment de les lier et de mettre le *-2 *2 *-2 sur le x Il ne se comporte pas comme je le voudrais. Quelqu'un aurais il une idée pour en gros modifier le point de controle et le mettre en bas j'imagine que mon raisonnement est bon mais je coince au moment de lier mes elements

Merci

Merci pour le Tuto... je débute sur after.
De mon coté je voudrais créer une feuille de papier qui se déplie en plusieurs fois avec un dessin qui apparait a fur et mesure du dépliage.

Je vais déjà essayé le tuto pour comprendre les expressions.

Ca fait un moment que je me demandais comment on pouvait faire le texte comme dans "Bref j'ai un pote à conditions generales". J'ai bataillé avec les effets préconcus, et j'y suis pas arrivé.
Merci!

Sympas le tuto! Merci

J'essaie de m'en servir pour faire l'animation d'une étiquette qui se déroule et j'aimerais savoir si il y un moyen de combler les espaces qui se forment entre chaque solides lorsqu'on les anime avec cette technique? Ou peut être faut-il s'y prendre totalement autrement?

Très bon tuto , un régal ,Merci

Bonjour, je souhaiterai savoir si cela est possible d'avoir ce rendu accordéon avec un texte, facon ' bref '

merci a toi

Mattrunks 26 mars 2013, 19h43

Oui, le principe sera exactement le même avec des textes à la place des bandes de compositions.

Bonjour,

je n'arrive apartir de 5min vous passé directement vous suprimer les 4 parti sur 6 vous indiquer rien pour les parti qui sont plus la, vous fetez montrez les 2parti et les liés c'est mais juste avant rien pour ou sont les autre parti ???

Tuto intéressant et particulièrement révélateur pour moi !

J'avais réalisé à ma façon en utilisant simplement les parents et des rotations avec les courbes béziers et j'avais découpé moi même des images en lamelles avec photoshop mais dans votre tuto c'est une alternative plus simple et directe...

J'avoue que je suis un peu inconnu des Expressions (j'ai horreur des codes)... Je dois pratiquer un peu, juste pour les bases simples.

Geiale ! Très utile ...Merci