Dans ce nouveau tutorial vidéo gratuit sur After Effects, nous allons voir comment réaliser le fameux effet Coverflow 3D présent sur mac, de manière automatique à partir d’un dossier de photo. Le projet source (.aep) est disponible au téléchargement, afin de vous faciliter la tache et de vous évitez la réécriture des nombreuses expressions.

  • Réaliser en quelques étapes le magnifique effet Coverflow présent sur itunes, dans le finder, sur les iPods/iPhone, etc..
  • Comprendre l’utilité des expressions afin de faciliter au maximum le processus de création
  • Importer une séquence d’image sous After Effects
  • Découvrir les expressions de « loop » et leur propriété « offset » afin de créer un mouvement perpétuel en quelques images clés

Pour renommer des fichiers de manière séquentiel sous mac : Automator, installé d’origine. Sous Pc, forcement moin simple ^^ : un tas de logiciel, google est votre ami :)

J’espère que ce tutorial/projet vous plaira ! J’ai passé un peu de temps dessus afin de le rendre le plus facile d’utilisation possible pour l’utilisateur final :)

 

Publié le 11/02/2009

 

Avatar Formateur After Effects et Motion Designer.

 

139 Blablas

  1. Raphou_ | 11 fév, 2009, 23:57

    Répondre

    Merci Mat, encore un tuto super, merci merci

    ( chuis jaloux :p )

  2. Arnaud | 12 fév, 2009, 00:25

    Répondre

    Merci Mat pour ton tuto , toujours des idées originale :) , Par contre pour crée des séquences j’ai pas trouvé de logiciel sous windows.

  3. Desmarets | 12 fév, 2009, 00:29

    Répondre

    Bonsoir,

    Il faut que tu arrêtes Matt… Je dors de moins en moins !!!

    Non, je déconnes ! M’enfin, il va falloir quand même que je trouve un créneau sommeil. Ce matin je passais ma visite médicale annuelle, et mon médecin m’a demandé si je n’avais pas besoin de quelques jours de repos !!
    J’aurai bien pris quelques jours, mais je ne suis pas sûr que cela me serve réellement pour dormir un peu.

  4. Kid-killer | 12 fév, 2009, 01:30

    Répondre

    Actuellement avec Adrien on fais une vidéo de démo du site que je lance, dans lequel il y aura pour les graphistes du print un lecteur coverflow pour leurs créas qu’ils pourront uploadé. Je me voyais faire un projet After pour simuler un coverflow. Mais là, tu me mache le travail (ou me coupe l’herbe sous le pied, Grrrr tu m’énerve…).

  5. Kyky | 12 fév, 2009, 02:10

    Répondre

    Bonsoir Matt
    Merci pour tous ces tutos originaux et particulièrement ceux utilisant les expressions car peu de tutos y sont consacrés.

    Salut Arnaud
    Pour créer des séquences d’images ou renommer des fichier un très bon soft gratuit sur PC que j’utilise beaucoup : Ant Renamer que tu trouveras a cette adresse:

    http://www.antp.be/software/renamer/fr

  6. replay04 | 12 fév, 2009, 05:16

    Répondre

    Génial comme tuto, par contre il se coupe au bout de 11min49 dc j’pe pa voir la fin du tuto et j’suis tro dèg..

  7. Jeremy | 12 fév, 2009, 08:45

    Répondre

    Yes, super tuto, je cherchait justement hier comment faire le reflet d’une image, j’irais regarder tout ca!!!
    Merci à toi et continue comme ca!!

  8. Maxlefun | 12 fév, 2009, 09:18

    Répondre

    Ça c’est la Good Life :)

  9. korba | 12 fév, 2009, 10:07

    Répondre

    vraiment super, comme d’habitude ^^

    ps: est ce que tu pourrais nous faire un ptit tuto que tu auras le temps de cette vidéo la que tu as réalisé ?

    http://vimeo.com/1309801

    Merci, a plus.

  10. Le Suisse | 12 fév, 2009, 10:51

    Répondre

    Salut Matt.
    Merci pour ce nouveau tuto
    Voici une copie d’écran du problème de visualisation que j’ai avec tes commentaires.
    http://www.improvocateurs.ch/commentaires.jpg

    Navigateur : Internet Explorer 7

  11. Number | 12 fév, 2009, 11:04

    Répondre

    Salut a tous

    sympa comme tuto

    Merci a toi

  12. Orken | 12 fév, 2009, 11:09

    Répondre

    Salut,

    Arnaud> sous windows pour créer des séquences, il suffit de sélectionner les fichiers a inclure dans la séquence, de faire F2, de taper le nom et tous les fichiers porteront le même nom suivi d’un nombre entre parenthèse. genre nomdefichier(1).jpg nomdefichier(2).jpg
    Par contre c’est peut être un tuyau percé parce que je ne sais pas si AE verra que c’est une séquence à cause des parenthèses.

    Matt > sinon, j’aime beaucoup dans le tuto la première fois ou tu appuis sur 0 et il ne se passe rien, mis à part les 8 cores du proc qui passe a proche de 100%. la compo ne doit pas être gourmande du tout :)

    encore une fois, c’est du bon travail, félicitations.

  13. tginja | 12 fév, 2009, 11:40

    Répondre

    Quand je pense que je m’étais cassé le c** il y a deux semaines à réaliser cette effet manuellement… Ahah, Merci beaucoup.

  14. Arnaud | 12 fév, 2009, 12:16

    Répondre

    Merci Kyky et Orken pour vos réponses ;)

  15. Grafikart | 12 fév, 2009, 13:27

    Répondre

    Pas mal comme expression. J’ai regardé un peu comment ça fonctionnait et il y a un truc que je n’arrive pas à comprendre c’est comment ça se fait que je ne vois qu’un élément dans la compo pochette alors que ya clairement 2 élements (pochette + dégradé).

  16. mattias peresini | 12 fév, 2009, 13:34

    Répondre

    content que ça vous plaise :) J’aurais pas perdu mon temps en cherchant ces **** d’expressions comme ça ^^

    Desmarets -> ahaha, moi je n’ose pas y aller de peur qu’il détecte un trop fort taux de taurine et qu’il m’oblige un arrêt de travail -_-

    Kid-Killer -> Le projet à été fait exprès pour ça, gagner du temps, alors te prive pas :)

    KyKy -> J’adore les expressions, donc il y en aura encore beaucoup d’autres, ou j’expliquerais un peu plus en détails cette fois ;)

    replay04 -> Chez moi tout se load correctement, réactualise la page ou vide le cache peu etre ? Ça se peut que ta connexion est était perdu un court instant et que le loading se soit donc interrompue avant la fin ;)

    Jeremy -> Pour ce qui est des reflets, tu peux allez faire un tour sur videocopilot, il y a un tuto dédié ;)

    Maxlefun -> La pochette me rappelle ton dessin ;)

    Korba -> Hum, non pas celle là ^^ Il faut bien que certaines de mes créas ne soit pas des tutos, sinon on pourra penser que mon portfolio à été pompé sur les tutos de mattrunks ahah

    Le Suisse -> Effectivement, pas d’IE ici, donc j’ai pas vérifié une seule fois dessus comment ça se comporter en dehors de safari et FF.. Mais là ça doit être réparé ;)

    Orken -> héhé, ouais un peu ^^ J’ai remarqué que dès qu’il y avait un peu d’expressions, reparti sur un nombre élevé de calques, il mettait beaucoup de temps à d’abord calculer toutes les expressions, puis ensuite lancer le calcul de la preview.. Mais bon, quelques secondes de perdues pour beaucoup de gagnées :)

    tginja -> Arf, on s’est loupé de peu !

    Grafikart -> Les éléments pour le reflet sont masqués car le mode discret est activé sur ceux là, pour éviter qu’ils soient supprimés, déplacés ou autre ;) Décoche le mode discret (shy) et ils apparaîtront

  17. dogimo | 12 fév, 2009, 14:30

    Répondre

    salut mattias,

    juste en passant un grand merci pour le temps passé sur ce tuto et merci aussi de fournir le projet, très utile pour pouvoir comprendre :)
    ++

  18. Latex | 12 fév, 2009, 14:47

    Répondre

    Salut Mattias,

    Merci pour ce tuto ! c’est cool de pouvoir apprendre en français et gratuitement :) En plus les tutos sont très originaux… on a pas la énnième boule de plasma vue et revue. Perco ce qui me brnahc evraiment dans ce tuto c’est les expressions. J’ai l’habitude de coder en flash et c’est interessant de comparer la prog. nécessaire a Actionscript et celle nécessaire a AE pour faire un coverflow. Ok on a pas l’interactivité :) )) mais bon

  19. Rob1 | 12 fév, 2009, 15:36

    Répondre

    Hey hey :) merci, le rendu est vraiment nickel !
    Puis Patrice sur la vidéo de démo ; la classe (je vais le re voir le 20 à l’Olympia [/j'raconte-mavie])

  20. korba | 12 fév, 2009, 16:10

    Répondre

    autrement ou est ce que tu trouve les vidéos que tu mets en fond ?

    comme sur celle ci :

    http://vimeo.com/1309801

  21. Orken | 12 fév, 2009, 16:37

    Répondre

    C’est clair que s’il fallait placer et animer tous les calques à la main c’est des journées de 48heures qu’il faudrait.

    Sinon, je crois que tu as oublier de nous montrer la profondeur de champ :D

    Sous IE il y aussi un probleme d’affichage, il manque le bas de la vidéo sur celle qi est dans la page ouaibe. je pense que c’est juste un pb de CSS par contre.

  22. Orken | 12 fév, 2009, 16:39

    Répondre

    oups, j’avais pas regardé le tutos jusqu’a la fin ce matin :D désolé

  23. Cary | 12 fév, 2009, 17:19

    Répondre

    Pour ceux qui, comme moi, ont un AE en anglais, il faut remplacer « Curseur » par « Slider » dans les différents scripts. Ensuite, ça fonctionne sans problème.

  24. Maxlefun | 12 fév, 2009, 19:33

    Répondre

    Nan mais les gars là, c’est pas sérieux, déjà avoir IE c’est pas glorieux. Mais avoir IE en anglais …

    Il ne faut pas commencer à rentrer de le jeu de Bill Gates, cet espèce de gros copieur, il faut boycotter windaube. Windaube au bucher !
    (Et je dis pas ça parce-que je viens d’halluciner en voyant que Windaube Seven ressemblais de plus en plus aux mac)

  25. tim | 12 fév, 2009, 20:56

    Répondre

    rendu : http://www.vimeo.com/3190219

    ( bon après se n’était pas bien compliqué :p ^^)

    merci pour se bon tuto matt !!!

  26. Kid-killer | 13 fév, 2009, 00:08

    Répondre

    Je confirme : ta page s’affiche mal sur mon navigateur, la marge gauche est rognée. Et sur ton tuto vidéo, je voyais pas le bas ce qui se passe dans la timeline…

  27. Orken | 13 fév, 2009, 01:56

    Répondre

    Max> il parle de AE en anglais, et pour ma part, c’est sur une des deux machines du boulot, un PC ou j’utilise Chrome la plupart du temps et un G5 (un ppc, mais c’est quad même une belle machine) par contre, sur IE je n’ai pas le problème de ma marge de gauche :D

    et puis avoir AE en anglais c’est courant, quand tu l’achètes au US parce qu’il est beaucoup moins cher. :|

    D’ailleurs, il semblerait que la version MAC soit multilingue alors que la version PC non, quelqu’un peut il me confirmer ?

  28. Stef | 13 fév, 2009, 09:33

    Répondre

    Je me suis toujours demandée si un jour j’arriverais à faire cette animation façon itunes, mais vu mon niveau, je gardais ça pour plus tard, donc UN GRAND MERCI à toi Matt !

  29. antoine | 13 fév, 2009, 12:58

    Répondre

    Incroyable, c’est super bien fait, absolument génial.

    Un immense merci

  30. Le Suisse | 13 fév, 2009, 14:18

    Répondre

    Salut Matt. C’est en effet corrigé, merci pour tout

  31. noob | 13 fév, 2009, 14:42

    Répondre

    you are one noob, speak English!
    mine is far from perfect, bu at least i try!
    fuckins son of a bichm becouse you´re tutorials look awsome :(

  32. Wimas | 13 fév, 2009, 19:12

    Répondre

    Hey Mat’
    C’est ce système que tu as utilisé pour la demo de Fubiz ? :D

    Bonne soirée ;)

  33. Stefan | 13 fév, 2009, 19:20

    Répondre

    Thanks for the English version of this awesome project! Love your site!!!

  34. Stefan | 13 fév, 2009, 19:44

    Répondre

    I have problems with the english version of this project i doesn’t work for some reason :(

  35. mattias peresini | 13 fév, 2009, 21:11

    Répondre

    Dogimo -> Mais de rien, ça m’a permit de m’améliorer en expression :)

    Latex -> (perso je n’ai jamais fait de tuto sur les boules de feu, mais j’ai vu sur dailymotion que c’était bien à la mode chez les français ^^) Je pense que si je faisais des tutos déjà vu partout, les gens serait moins nombreux ici, donc autant toujours essayer de rester « original » :) Sinon moi je veux bien un tuto sur coverflow en flash :P

    Rob1 -> héhé, pour le coup, j’ai pas vraiment choisi les pochettes, je les avaient reçu pour faire la vidéo des voeux d’universal -_-

    korba -> Y’a pas de vidéos en fond, tout est généré sous After Effects avec des solides, des calques d’effets, et des particules… Ce projet est 100% AE d’ailleurs, aucune image ou élément extérieurs..

    Orken -> 48h à se prendre la tête en plus ^^

    Cary -> Merci beaucoup pour la traduction du projet ! J’ai repercuté les modifications sur un projet CS3, en éspérant que ce soit bon, pas moyen de chopper un After Effects CS3 Anglais pour essayer :(

    Maxlefun -> Il parlez pas d’IE ^^

    Tim -> J’ai au moins la preuve que ça marche !

    Kid-Killer -> Vide ton cache pour qu’il prennent bien le nouveau CSS, tout doit rouler maintenant :)

    Orken -> Pas l’impression que l’AE mac sous mutlingue… Enfin l’installateur de la CS4 production premium permet d’installer dans plusieurs langues, mais il faut bien choisir à l’installation par contre ;)

    Stef -> Bah voilà, plus besoin d’attendre !

    Antoine -> Content que ça plaise !

    Le Suisse -> ;)

    noob -> Or you can just trying to learn french :P

    Wilmas -> Nop, sur la démo de Fubiz, pour les capture du site au début, c’est tout fait à la main, avec des images clés un peu partout ^^

    Stefan -> Cary made a translation for the CS4, i put the expressions in a CS3 version, but wasn’t able to test if it works well or not :( What kind of errors do you have ? (Did you watch the video tutorial to see how the project works ?)

  36. AustinLolo | 14 fév, 2009, 20:05

    Répondre

    Bonjour
    Excellent tuto

    A partir de la, on peut imaginer autre chose, par exemple faire tourner les pages d’un livre, et on fournit une sequence d’images correspondant aux pages que l’on veut voir apparaitre (recto/verso à gérer)

    Maintenant, comment le faire cet effet? moi je n’en sais rien, et je serai tres interessé d’avoir un tuto la dessus.

    Le but serait de faire tourner les pages d’un livre, avce un bel effet de pages ondulées (faire de la pseudo 3D, je ne sais pas comment, juste avec After)

    Si qq’un est interessé pour faire ce tuto !!! Merci d’avance

  37. yacine | 15 fév, 2009, 13:03

    Répondre

    franchement un tres tres excellent tuto et j’aprecie beucoup se que tu fais pour nous matt apres VideoCopilot ya Mattrunks chapo continue et encore merci.
    Ah jt’avais une fois exposé mon probleme j’avais des rush que je pouvais pas lire mnt avec AE CS4 ça marche
    le blem et regélé merci matt et boncourage pour t’es travaux .

  38. Saveyourskin | 15 fév, 2009, 15:11

    Répondre

    Hello, The English version is not working, some errors in the translation and syntax.I´ve fixed to work, but in CS4 by now, i will fix it in cs3 tomorrow maybe.

    there is the link when i`ve founded and uploaded the fixed version.

    http://www.videocopilot.net/forum/viewtopic.php?f=5&t=11083&p=58940#p58940

  39. mattias peresini | 15 fév, 2009, 16:35

    Répondre

    AustinLolo -> Oui pourquoi pas ! Ça demanderait un peu de taf pour automatiser tout ça, mais il y a moyen avec CC page turn d’obtenir quelque chose ;) Wait and see…

    Yacine -> La CS4 te sera au moins utile pour ça en tout cas, good news ! Je ne suis pas encore aussi costaud que mr Kramer et son équipe, mais content de savoir que tu me place juste après videocopilot :)

    Saveyourskin -> Thanks a lot for your translation :) I’ve updated my post, and i’m waiting for the CS3 version, if you have time of course ;)

  40. Victor | 15 fév, 2009, 19:21

    Répondre

    Salut matt j’ai un problème avec le projet à telecharger je n’arrive pas l’ouvrir ils me disent adobe (alerte le projet coverflow.aep ne peut pas etre ouvert comment faire? merci d’avance

    PS: test TUTOS sont super change rien a par fait en plus lol

  41. Demix | 16 fév, 2009, 00:35

    Répondre

    Je viens de voir le tuto et WHaouh !
    C’est tout a fait ce qu’il me fallait ^^,
    En plus de ça le tuto est super et tu laisse le projet, que demandais de plus x) ?

    PS : Tu ne te serais pas servis de cette effet dans ta vidéo « Fubiz » ?

  42. Van Tremo | 16 fév, 2009, 19:47

    Répondre

    Could someone translate it in CS3 English Please….!

  43. mehdi | 16 fév, 2009, 22:07

    Répondre

    merci encore pour ton travail mattrunks
    je réalise actuellement un film d’entreprise pour un ami avec présentation de ses différents sites d’activités. ce mode de présentation style Itunes m’irait tout à fait mais une fois les videos insérées dans ma compo « inserer sequence ici », elles restent figées dans la compo coverflow, peux tu m’expliquer pourquoi ? Bien entendu chaque video est d’une durée différente, j’aimerais ensuite pouvoir les faire dérouler et stabiliser à ma guise, ce serait génial que tu puisses m’aider, même si j’imagine que tu n’as pas forcément le temps, qui tente rien n’a rien…

  44. mehdi | 17 fév, 2009, 10:20

    Répondre

    ok
    c’est bon j’ai réussi !

  45. scope-le-chien | 17 fév, 2009, 13:13

    Répondre

    salut a tous!
    je suis plutot debutant avec les expressions (je m’accroche) et en fait j’essai de comprendre l’expression qu’a créer matthias mais j’avous j’ai du mal !
    quelqu’un pourrait il un peu me « traduire » la chose lol!
    merci d’avance bravo mattrunks merci pour tout.
    j’aimerai comprendre cette expression car j’aimerai customiser un peu le cover flow dans le sens ou j’aimerai rajouter un texte devant chaque images…et en fait arriver au final avec un systeme comme le tiens a savoir juste taper un texte le dupliquer le modifier et roule ..
    ciaooooooo

  46. lucado | 17 fév, 2009, 17:58

    Répondre

    Thanks for sharing !!!
    You are awesome.
    I ve been looking for this since a long time, and didn´t realize how to do it.

  47. tim | 21 fév, 2009, 11:22

    Répondre

    qu’elle est le prochain tuto au programme :) ?

  48. rekerukuru | 02 mar, 2009, 22:58

    Répondre

    Merci beaucoup pour ce superbe tuto !!!

    Par contre chez moi, les reflets des images ne sont pas uniforme mais par bandes verticales de tailles différentes …. ca casse un peu tout.

    Si quelqu’un sait comment rendre le reflet uniforme je suis preneur.

    Merci

  49. sam | 04 mar, 2009, 12:52

    Répondre

    En faites ça n’a rien avoir avec le tuto mais j’aurais voulu que tu m’explique comment sur photoshop on passe du français à l’anglais, car beaucoup de tutorial que je retrouve sur le net sont en anglais, merci d’avance pour l’info.

  50. Ultime | 04 mar, 2009, 19:19

    Répondre

    Genial comme tuto c’est très pratique le coverflow mais comment avoir àla base les effets du calque controle ce serais chouette de savoir

  51. Orken | 07 mar, 2009, 03:17

    Répondre

    Salut,
    ça faisait quelque jours que ça me trottait dans la tête, et ce soir j’ai eu un peu de temps, c’est inspiré de la technique de ton tuto Coverflow, mais le rendu n’a rien à voir, c’est plutôt un diaporama « avancé ».
    Il faut que je retravaille les trajectoires, les lumières (trop lent pour le calcul) et les ombres pour que ce soit plus joli :) .
    La vidéo du rendu se trouve là : http://www.vimeo.com/3508930
    voilà kwa.

  52. mattias peresini | 11 mar, 2009, 00:12

    Répondre

    Ultime -> Si tu regarde dans les expressions du projet, qui sont juste des opérations mathématique de base (mulitplier, diviser, … ), tu pourras comprendre de toi même ;)

    Orken -> Nice ! Ça me fait penser au thème iMovie ou autre qui créer des diaporama automatiquement. Un petit mouvement de camera genre travelling et ça peut devenir bien sympa :)

  53. Orken | 11 mar, 2009, 00:43

    Répondre

    Yep, par contre les expressions, les lumières et surtout le motion blur c’est un peu lourd pour mon modeste core2duo :( pourtant le projet n’est pas super gros.

  54. Wixeo | 20 mar, 2009, 22:37

    Répondre

    WHHAAOOOUUUU !!

  55. Sekou | 01 avr, 2009, 18:55

    Répondre

    Salut je voudrai d accord te remercier pour ce beau tuto il est vraiment bien fait
    J ai une question j aimerai refaire cet effet mais avec des videos penses tu que cela soit possible??

    Je te remercie d avance pour ta reponse

  56. Ceza03 | 04 avr, 2009, 17:18

    Répondre

    Merciiii pour ce tuto..
    moi aussi j’aimerai savoir si c possible de cet effet mais avec des videos, est ce possible ?

  57. zoulou | 21 avr, 2009, 17:50

    Répondre

    Merci beaucoup pour ce TUTO, c’est très bien, très clair; bravo.

  58. LPX | 13 mai, 2009, 10:52

    Répondre

    Merci, ultra utile !

  59. Thom | 22 mai, 2009, 21:51

    Répondre

    Super projet mais je me demandais ou est ce que je pourais trouver des pochette …

  60. Avatar

    pabloembry | 08 juin, 2009, 02:40

    Répondre

    thanks very much for this page, its a awesome i see in http://www.aetuts.com

  61. Darkred | 11 juin, 2009, 18:21

    Répondre

    rooh Mat tu nous facilite trop la tâche !

    on t’adore merci beaucoup !!

  62. estel2l | 17 juin, 2009, 15:57

    Répondre

    Merci beaucoup. Excellent travail !

    Comment je peux faire stp en deux mots pour reproduire ce type projet mais avec des vidéos?

  63. benichou159 | 24 juin, 2009, 13:28

    Répondre

    c koi les effets d’origine?

  64. FxEagle | 27 juin, 2009, 18:03

    Répondre

    Excellent ce tuto matt :)
    Par contre, pourquoi n’à tu pas fait se systeme pour l’accueil de ton « blog »?

    Ah oui, j’allais oublier le plus important.
    Moi j’ai le logiciel en anglais, donc j’ai pris le truc en anglais logiquement, mais quand j’importe les morceaux d’image (tous en 300*300) cela ne marche pas ?, doi-sje faire un truc avant ?

  65. TIHI Younes | 28 juin, 2009, 19:10

    Répondre

    Bravo a tout et merci pour les vidéos tutoriaux…

  66. Booby | 16 juil, 2009, 13:14

    Répondre

    slt je viens de découvrir ton site et c’est vraiment génial ce que tu fais! merci

  67. Avatar

    Sahts | 29 juil, 2009, 10:55

    Répondre

    Salut Mat, je l’ai téléchargé mais ne souvre pas normalement comme présenté dans le site, aide moi. Peut être il y a des fichiers qu’il faut encore télécharger?

  68. Sdoum | 09 août, 2009, 17:34

    Répondre

    Bravo pour tout ces excellents tuto…
    Par contre j’ai un souci quand j’ouvre le projet sur pc (CS4) enfait ça fonctionne mais je ne peux pas voir les expressions. Car je voudrai le refaire avec des images de plus grande definition et rectangulaires, pouvez-vous me donner les expressions???
    Merci encore

  69. cacaouette | 12 août, 2009, 13:42

    Répondre

    coucou,
    excellent tuto, je viens de débuter sous AE et tes tutos sont à la porté de tous merci.
    en plus tu as une voix très agréable !!!
    il faut que j’arrête de fantasmer là ;)
    question peut être un peu bête, est il possible d’intégrer des liens html sur les cover ?
    je sais que c’est de la vidéo mais on ne sait jamais.

  70. Tjaak | 23 août, 2009, 23:44

    Répondre

    J’aime beaucoup ton site Matt, t’es tuto sont pour moi indispensable vu que je souhaite vraiment devenir professionnel dans la retouche vidéo, donc merci de nous apprendre tout ça même si j’avoue que ces expressions m’intrigue, je vais voir ça de plus prêt.

  71. taTe | 30 août, 2009, 22:39

    Répondre

    euh.. et comment faire pour que ça marche en mettant des vidéos en lecture à la place des pochettes?
    .
    Ok.. jvais pas beaucoup dormir cette semaine moi ;)

  72. Aboubakar | 09 sept, 2009, 14:23

    Répondre

    cool le tuto et j’espere kil yora la 2eme parti ou tu esplike comment apliké les espression merci

  73. Hafida | 01 oct, 2009, 12:03

    Répondre

    Merci beaucoup, vous êtes fooooooooooooort

  74. Miguel | 10 oct, 2009, 15:13

    Répondre

    Misère de misère ! A moins d’avoir mal lu, je n’ai pas vu ce problème dans les messages: Je suis sous CS4 en français, quand j’importe ton projet, je le retrouve dans la fenêtre projet mais il n’y a rien dans la time-line et si je dépose un de tes éléments dans la time-line ça me crée un élément 2, mais je ne peux rien travailler ! Serai-je maudit ? par le pouvoir du crâne ancestral !

  75. Miguel | 10 oct, 2009, 19:00

    Répondre

    Pardon ! Pardon ! J’ai trouvé ! il suffisait d’ouvrir AE depuis ton fichier..Bon, j’essaie de faire un beau travail et je le montrerai..Merci encore pour tes tutos, ils m’aident beaucoup.

  76. ashcat | 19 oct, 2009, 15:33

    Répondre

    Thanks, although i don’t speak french just watching closely i have learned a lot ∑:-3

  77. ricousin | 07 nov, 2009, 01:08

    Répondre

    Merci pour ce tuto !! C’est vraiment agréable d’apprendre After Effects dans ces conditions ; je suis très débutant en la matière… Mais je vais essayer de m’accrocher !

    Une question pour ce tuto ; j’aimerai pouvoir importer une séquence d’images de tailles différentes en largeur ou en longueur ; mais a priori, d’après l’aide en ligne d’After ce n’est pas possible… Existe-t’il une parade à cela ?

    Puis rendre cela possible avec la composition Coverflow par la suite, car j’ai l’impression que la taille est également fixe à cet endroit là ?

  78. ricousin | 07 nov, 2009, 01:18

    Répondre

    Dernière requête et pour aller jusqu’au bout, est-ce possible de rendre cela interractif avec la souris ??

    Je ne connais vraiment pas le logiciel ; peut-être faut-il l’exporter dans un certain format et de finaliser sur un autre soft ?

  79. gratify | 08 déc, 2009, 15:17

    Répondre

    Bonjour Matt !!

    Avant toute chose et comme tous, merci pour tous ces tutos … C’est une vraie mine, pour des personnes comme moi qui se perfectionnent tout seul, via le net …
    Je fais çà pour mon plaisir …

    Juste une question sur ce tuto … Quand il est fini, est ce que l’on peut l’intégrer dans un siteweb ??
    Si oui, comment ?
    Peut on mettre des liens sur chaque vignette et ainsi entrer dans « l’univers » de la vignette cliquée (par ex sur ton ex, avoir une fiche sur Rihanna apré avoir cliqué sur sa vignette ??)

    Encore merci pour tout, Matt

    Amitiés artistiques et créatives

  80. or0ChiM4rU | 13 déc, 2009, 22:29

    Répondre

    Bonsoir,

    Tout d’abord, je tiens à vous remercier pour tout le travail et le sens du partage dont vous faites preuve.

    Je suis en train d’apprendre sur la base de votre fichier source du coverflow et je note un petit problème : je ne sais pas pourquoi mais les images du coverflow sont floues ! J’ai testé en plaçant côte-à-côte une image fixe et son double intégrée dans le coverflow et la différence de netteté est frappante !

    Pour mon test, j’ai désactivé le motion blur et la profondeur de champs.

    Pouvez-vous (ou quelqu’un d’autre) m’aider à comprendre ? Merci !

  81. santine | 15 jan, 2010, 13:37

    Répondre

    MERCI bcp ! Ca ma bien dépanné !

  82. nono | 17 fév, 2010, 14:11

    Répondre

    un grand merci à toi…
    Super tuto, je vais m’en servir pour le mariage de mon frère!!!

  83. chupus | 18 fév, 2010, 18:48

    Répondre

    muy bueno gracias

  84. nico | 27 fév, 2010, 15:05

    Répondre

    Bonjours, J’ai windows et quand j’insère ma pochette d’image de format carré dans « insérer séquence ici » rien n’apparais. Quelqu’un pourrais t’il m’aidé svp ?!

  85. Basteo | 04 mar, 2010, 20:19

    Répondre

    Félicitation!!! 1ére Tuto que je regarde de toi et franchement jvais tester maintenant! Merci pour tout ce travial réaliser pour nous ;)
    Peace

  86. youssou | 18 mar, 2010, 16:54

    Répondre

    tres joli tuto vraiment je t’encourage ceal me donne de la volonté à continuer d’apprendre.thanks

  87. coxloud | 18 mar, 2010, 23:25

    Répondre

    Je viens de découvrir tes tutos et vraiment chapeau. Je suis en train de refaire celui-ci pour une animation photos pour une école et je n’arrive pas à trouver cette fonction:
    je voudrais que les photos restent 5″ avant de repartir sur la droite. Qu’elle est donc cette modif dans l’expression? Merci de ton aide
    coxloud

  88. ben | 19 mar, 2010, 14:38

    Répondre

    fantastix tuto…
    bon, comme il faut que je complique tout : c’est possible de remplacer les carrés par des images détourées ? j’aimerai y placer des psd avec un tracé de détourage à la place des pochettes de disque.
    Faut il changer beaucoup de chose pour y arriver ?

  89. Eva | 26 mar, 2010, 17:18

    Répondre

    Salut,
    J’ai trouvé ton tuto et je tiens à te dire merci car c’est exactement ce qu’il me fallait !!!
    MAIS,
    et j’ai pu lire plus haut que je n’étais pas la seule,
    j’ai un soucis sur les expressions je crois.
    J’ai des erreurs à l’ouverture du fichier (3 erreurs exactement)du coup ça ne marche pas.

    Dsl de t’embêter car c’est déjà super de mettre ton tuto en ligne !

    Mon pb :
    Je peux importer ma séquence d’images, dupliquer mes pochettes avec l’ombre etc. mais quand je duplique mes pochettes elles apparaissent au dessus du précédent et l’animation coverflow ne fonctionne pas non plus.

    Les 3 erreurs sont :
    Erreur sur la ligne 1, propriété Position >> effectivement je n’ai pas la ligne d’expression
    Erreur sur la ligne 1, propriété remapeo de tiempo
    Erreur sur la ligne 1, propriété opacité.

    Merci pour ton retour.

  90. Eva | 26 mar, 2010, 17:41

    Répondre

    DESOLEEEEEEE
    mais dans le doute j’ai essayé d’ouvrir ton tuto sur un autre pc (j’aurais pu y penser avant :) !)

    Sur ce pc le tuto fonctionne MAIS je ne vois qu’une seule pochette. La première à gauche. Les autres sont dessinées par After Effect (trait vert) mais pas d’image !

    Pour info, à l’ouverture du fichier After Effect me dit  » Ce projet doit être converti depuis la version 8.0.2 (Macintosh Intel) et il s’ouvrira en tant que projet sans titre. Les formats de pixel de la définition standard seront mis à jour à des fins de compatibilité et de précision.

    MERCIIIIII pour ton aide.

  91. Eva | 29 mar, 2010, 08:00

    Répondre

    C’est Ok ! Tout fonctionne à merveille !
    Comme quoi réfléchir avant de parler ça sert…
    Excuse pour les posts et merci encore pour ton super tuto !

  92. spyder | 14 mai, 2010, 15:00

    Répondre

    super tuto merci

  93. djiing | 06 août, 2010, 18:41

    Répondre

    Hello,

    Merci pour ce tuto ainsi que pour tous les autres d’ailleurs.

    Je suis nouveau sur AE et ne saisis donc pas (du tout) toutes les subtilités mais voilà j’ai un petit souci et quelqu’un pourra peut-être m’aider.
    Je travaille sur CS5 en anglais sur mac et après l’importation de la séquence de photos dans l’onglet « insert sequence here » aucune pochette n’apparaît dans l’onglet coverflow. Il y a bien une icône « cover » qui est apparue mais rien dans le visualiseur si ce n’est la forme de pochette en trait fil de fer vert…

    Bref si c’est déjà arrivé à quelqu’un…

    Merci beaucoup!!!

    • Avatar

      Mattrunks | 06 août, 2010, 18:59

      Hello Djiing, tu as bien suivi toutes les étapes du tuto, comme celle de changer la cadence de ta séquence à 1 image par seconde ? Dans l’onglet « insert sequence here » ta sequence d’image commence bien a 0s dans la timeline ? Sinon je ne vois pas, je viens de faire la manip sur CS5 anglais pour tester en 15s, pas eu de problème. :(

  94. djiing | 06 août, 2010, 20:20

    Répondre

    Hey,

    Merci pour ta réponse!

    Ecoute oui je me sens demeuré mais jcrois avoir bien suivi les étapes de ton tuto.
    Les images sont carrés, elles forment bien une séquence que je mets à 1 FPS puis que j’insère dans la partie « insert cover sequence », bien à 0 sec… Mais à l’onglet « cover flow » rien n’apparaît (excepté toujours les fils verts, qui simulent l’animation si j’ai bien compris)

    Ce qui m’étonne aussi c’est qu’en cliquant sur l’onglet « cover » j’ai bien mes photos (avec les reflets) qui se lisent les unes à la suite des autres (1 par seconde quoi…)

  95. judi | 10 août, 2010, 11:29

    Répondre

    Extra vraiment extra, j’ai un petit soucis cependant, j’utilise toute la fonctionnalité du mode coverflow auto, et j’y ai ajouter ma sauce.
    le hic c’est que mon montage final doit être en 720 576, j’ai modifié mon format dans cover flow, et dans pochette, cependant mon reflet est décalé… Comment faire merci

    • Avatar

      Mattrunks | 15 août, 2010, 14:41

      Sinon, tu peux peu etre juste te mettre dans la compo principale, la finale, modifier sa taille en 720×576, et ensuite reculer la camera pour recentrer à ta guise le coverlfow ?

  96. Avatar

    Blackstef | 12 août, 2010, 10:57

    Répondre

    Hello mattias,
    Tout nouvel inscrit mais j’ai déjà matté pas mal de vidéos et testé sous AE (pour l’instant je ne faisais que du montage simple)
    Ce tuto me plait particulièrement et j’aimerais m’en servir de base pour faire le teaser de la sortie de notre futur 45 T (eh oui un vieux vinyl pourri :) )
    En fait je souhaiterai à la place des photos enchainer photos et séquence vidéos courtes avec en plus du light painting sur les séquences photos …réalisable ou utopiste ?

    @+

    • Avatar

      Mattrunks | 15 août, 2010, 14:34

      Hello Blackstef, c’est génial de sortir un 45T ! Tu as un myspace ou autre ou l’on peut écouter ce que tu fais ? Concernant ce tuto, c’est réalisable oui, de mettre de la vidéo et des photos à la place des pochettes, mais pas directement avec ce projet. Il faudra se passer des expressions dont je me sert pour repartir automatiquement les photos dans chaque compo. De manière simple, mon expression fige le temps de chaque composition, et assigne comme valeur temporelle un numéro d’image unique et fixe pour chaque compo a partir de la séquence ou il y a les pochettes. La compo un sera figé au temps de l’image 1 (1/25s), la compo 2 aura l’image 2 etc.. Du coup si tu met des vidéos, elle seront également figées.. Je n’ai malheureusement pas le temps de remettre les mains dans ce projet pour le moment pour l’adapter a la vidéo, mais j’éspère que tu y arriveras en allégeant un peu les expressions et en essayant de refaire une partie du boulot manuellement ;) Courage pour ta sortie !

    • Avatar

      BIJO3 | 17 déc, 2010, 14:11

      il faut bidouiller un peu mais c’est réalisable.

      d’abord tu dois remettre les précomp à la bonne taille ( format image et photo ) donc 4/3 ou 16/9 en fonction. attention de bien homogénéisé tous les formats. après avoir rattrapéer les petites erreurs due au resize des comp ( adapter la position de l’ombre , ajouter du texte si besoins) tu va créer ta séquence pour la coverflow. donc tu met une image dans la comp; insérer séquence ici ; et tu la précomp, tu modifie la vitesse de la comp pour passer à 1i/s? tu met tes photo et tes vidéo dans l’ordre que tu souhaites.

      normalment tu a un coverflow avec tout en fixe dessus.

      maintenant pour les images rien ne change tu fais le déroulement normalement, mais quand tu arrive sur une vidéo il faut dupliquer ton calque et le remplacer ensuite par la source de ta vidéo ( sois en copinant la précomp ) sois directement dans la comp finale ( ce qui néccessite de refaire le reflet ).

      attention pour que ça marche et que tu puisse lire toute la vidéo pense bien a désactiver l’expression de LoopOut dans le calque nul de contrôle sinon tu aura pas le temps de faire défiler ta vidéo avant que l’image suivante s’enchaine.

      j’espère que je suis pas trop confu dans mon explication :)

  97. Avatar

    Misuwa | 15 août, 2010, 06:15

    Répondre

    super taf, merci de partager tes fichiers aussi :-)

  98. judi | 19 août, 2010, 17:24

    Répondre

    Merci matt pour tes astuces supplémentaire.
    Comment dois je faire pour que l’animation commence avec le premier visuel et pas le quatrième?
    Merci

  99. melka75 | 31 août, 2010, 03:38

    Répondre

    merci pour tous ces tuto matt
    bonne continuation

  100. vico | 30 sept, 2010, 10:38

    Répondre

    Salut Matt !
    Merci pour ce tuto est super, mais peux tu me donner un conseil: j’aimerai réalisé un slideshow avec cette base mais avec une variante; exemple l’image centrale se décale sur la gauche en reculant mais j’aimerai aussi quelle monte un peu et je n’arrive pas le faire peux tu m’aider? car j’en ai vraiment besoin pour ma prod.
    Merci d’avance.

  101. LiOon | 15 oct, 2010, 12:32

    Répondre

    ce tuto est pas bien détailler :)

  102. Imanou_haddad | 11 déc, 2010, 14:58

    Répondre

    Merci beaucoup pour ce tuto et pour le partage c’est ce que je chercher ^^ , c’est sympa de ta part bonne continuation surtout.

  103. LnVahinee971 | 15 déc, 2010, 15:43

    Répondre

    Bonjour!
    Merci pour le tuto mais j’ai un problème:
    1 – Je suis sur PC & novice
    2 – Quand j’insère ma séquence dans « insérer séquence ici », cela n’apparaît pas dans le coverflow…
    Peut on m’aider?
    Merci

  104. ranxerox | 15 déc, 2010, 19:09

    Répondre

    Ecoute, Mec : Y A RIEN A DIRE : t’es bon avec AE et merci pour le partage des tes tutos

    merci

  105. Avatar

    BIJO3 | 17 déc, 2010, 13:51

    Répondre

    merci très pratique ce projet .

    je pense que ça aurait été utile de montrer dans ton tuto comment faire sois même sa séquence source (sans passer par le renommage de toutes les images )

    en précompant ( comp à 1i/s )et en mettant chaque image en séparé. En bossant c’est quand même pratique d’avoir le nom des fichiers sources plutôt que image01…. image 02 qui reste moins clair :) et puis quand on fait les modifs on a juste a remplacer l’image qu’on veut :)

    moi j’ai associé un texte à chaque image dans ta précomp, ça permet d’avoir le titre du film ou de l’album associé à sa jaquette.

    sinon c’est parfait :)

    merci encore pour ce partage.

  106. moccolo | 02 jan, 2011, 18:16

    Répondre

    Bonjour les amis,
    je suis en train d’essayer moi aussi à utiliser les videos à la place des images fixes, mais je n’y arrive pas. J’ai essayé la solution de BIJO3 mais il doit me manquer des passages… Qui pourrait m’aider? Merci bcp

  107. NO I.D | 06 jan, 2011, 21:25

    Répondre

    Salut Mattrunks, merci pour ce tuto!

    j’aimerais pouvoir incliner encore plus les pochette lorsqu’elle ne sont pas devant les autre pochette, comme dans le vrai cover flow d’itunes. j’ai essayer de changer des valeur dans le paramètre Rotation d’une pochette donnée, mais cela incline la pochette même quand elle est devant toutes les autres.

    y a-t-il un moment d’automatiser la rotation pour quelle soit frontale quand la pochette est devant, et très incliné quand la pochette est derrière…

    je ne sais pas si je suis bien clair.

    merci d’avance!

  108. priest_is_my_na | 10 jan, 2011, 13:32

    Répondre

    merci mattrunks pour ce tuto.

  109. moccolo | 18 jan, 2011, 00:14

    Répondre

    ben…tout marche jusqu’à l’idée d’utiliser des precomps, mais pas contre après je n’ai pas trop compris comment faire pour utiliser une video et pas une image fixe. J’ai tenté plusieurs choses, mais à la limite je voit ma video dans toutes les pages du coverflow en tant qu’image fixe…

  110. moccolo | 18 jan, 2011, 00:15

    Répondre

    est ce que tu pourrais m’envoyer une comp avec un exemple d’utilisation de la video? merci beaucoup pour ton aide

  111. Human Joke | 21 jan, 2011, 02:55

    Répondre

    Serait il possible de mettre des vidéos à la place des images jpeg ?
    Si oui comment parce que je n’y suis pas arrivé….

    Merci Mattrunks

  112. Lik3 | 29 jan, 2011, 00:26

    Répondre

    Salut j’ai un problème, j’ai dupliquer mes pochette. Je vois toutes mes pochette dans le cloverflow et au moment ou je touche au réglage de contrôle je ne vois plus rien.
    Quelqu’un peut m’aider s’il vous plait.

  113. el cascador | 02 avr, 2011, 01:05

    Répondre

    SAlut et merci pour ce super tuto (bon ok je ne suis pas original sur ce coup)
    Avec les questions qui suivent je vais peut être l’être un peu plus:

    Comment faire pour redimensionner en même temps et à la bonne taille, toutes les images d’un répertoire? Y at il un logiciel pour cela?

    En quelle dimension faut il les mettre, pour qu’elles ne soient pas coupées par le menu géométrie— ?

    Peut on faire une boucle complète?

    Par avance merci.

  114. jano35 | 12 avr, 2011, 17:46

    Répondre

    Salut mattrunks,

    tout d’abord, merci pour ce superbe tuto sur lequel tu as du passer bien des heures..

    voilà, ma question st la suivant : saurait-tu pourquoi quand j’aimporte mes images (toutes au même format, même taille….) il refuse bêtement de les importer ?

  115. photomania | 18 avr, 2011, 01:47

    Répondre

    salut, vraiment cool ton tuto…. dit est ce que tu pourrais me faire un petit tuto sympa comme tu sais les faire pour faire un pop up book. j’en ais vu plein c trop beau mais j’arrive pas a le faire… merci d’avance.

  116. olevita | 18 avr, 2011, 22:57

    Répondre

    Muito legal isso…ótimo tutor!!! Parabéns.

  117. Little-Bird | 07 mai, 2011, 15:02

    Répondre

    Merci pour le tuto, super. J’ai essayé d’utiliser ce système pour des paysages, mais j’ai du redimensionner toutes mes photos. Par ailleurs, j’ai eu 3 séquences au lieu d’une lors de l’importation et donc je n’ai pas voir toutes les photos des 3 séquences, au coverflow.

  118. v8-productions | 06 juin, 2011, 09:41

    Répondre

    Merci pour le tuto , j’ai bien reussi a le faire , mais il ne dure qu’une trentaine de secondes, j’ai une vingtaine de photos et je voudrais que la sequence dure 2 minutes avec une pause de 5 secondes sur chaque photo , comment dois je faire ?
    Merci encore je progresse

  119. Galarwen | 19 juil, 2011, 17:08

    Répondre

    Bonjour,
    Petite question : ça peut fonctionner avec des vidéos ? je m’explique, je souhaite faire un chapitrage dvd dans Adobe Encore DVD, est-ce que l’on peut utiliser cet effet ? comme pour les images, on verrait la vidéo en premier plan net, et les autres floues mais animées. merçi.

  120. merouan | 22 août, 2011, 04:14

    Répondre

    Bonjour,
    good job an d merci pour le tutorial

  121. jef | 27 août, 2011, 12:23

    Répondre

    Bonjour, je suis sur CS5. j’ai fait comme tu le montres sur le tuto. Mes images défile bien en 1s chacune.
    Par contre quand je vais dans cover flow, la première apparaît au centre et non aur la gauche comme dans ta vidéo. Quand je dupliquette la pochette, les image suivante se superpose à la première faisant disparaître peu à peu le reflet. Peux tu m’aider ?

  122. cadrage | 12 déc, 2011, 17:25

    Répondre

    je pige pas
    j’ai une erreur en ouvrant After :

    After effects warning : Class’ Effect » hos no property or method named ‘curseur’ expression disabled
    Error occured line 1
    Comp : »coverflow’
    Layer 4( ‘pochette’)
    property :’position’…

    Ce qui fait que le layer pochette ne s’affiche pas a gauche comme dans ton tuto mais au milieu et lorsque je duplique le layer, il se duplique les un sur les autres….

    • Avatar

      Mattrunks | 12 déc, 2011, 17:51

      Tu as une version Anglaise ou française d’After Effects ? Il faut que tu télécharges le projet adapté à ta version, cela semble être la cause de ton problème. Il ne trouve pas de propriété nommé « curseur », car en anglais elle se nomme « slider »

  123. proktist | 15 jan, 2012, 05:32

    Répondre

    merci MAT pour le TUTo , safait plaisire de toi ;)

  124. Levendivin | 26 jan, 2012, 23:28

    Répondre

    Super converflow,
    mais comme certains le disent, une partie de travail est cachée, impossible de recréer la même chose après la fin du tuto.