Tutorial video : Automatisation de présentation de site “à la fubiz” sous After Effects !

Tutorial video : Automatisation de présentation de site “à la fubiz” sous After Effects !

Partager

77 Commentaires

Cette création est mise à disposition sous un contrat Creative Commons.

Creative Commons License

Telecharger le projet .aep dans le billet pour reproduire le tutoriel

J’ai reçu dernièrement beaucoup de demande par rapport à ma vidéo de présentation pour Fubiz.net réalisé il y a quelques semaines. Comme je n’ai pas le temps de réaliser ce genre d’animation pour tous le monde, les budgets étant souvent limités par rapport au temps demandé, j’ai décider de mettre à disposition mon projet source, pour faire gagner du temps à tout le monde. 

Le projet à été automatisé en partit tout comme le tuto sur le coverflow, il suffit de changer les captures du site Fubiz pour voir apparaitre l’animation avec son propre site. Un prochain tuto plus poussé arrivera dans la semaine pour expliquer en profondeur le projet.

J’éspère juste que celui-ci ne se retrouvera pas en vente sur VideoHive….

77 commentaires sur ce tutorial

Ajouter un commentaire ?


  1. Courageux de ta part de faire ça. Le risque de retrouver ta créa partout et du coup banalisée…

    Mais bon, j’apprends beaucoup grace a toi, merci pour ce


  2. Merci matt , j’ai un contrat avec une pub sur bordeaux , c’est sympa, je vais me faire ca plus facilement . J’ai testé , ca fonctionne IMPEC.

    Ca resize tout , avec les cams ect , c’est ENOME MATT , merci encore !


  3. Il me semblait bien qu’un truc clochait, et je me suis comme même fait avoir…. Bien joué !


  4. Bien joué! Beau projet!
    Merci encore ;-)


  5. Merci


  6. Depuis la Chine, je consulte régulièrement ce site que j’apprécie vraiment. Maintenant, sortant de l’anonymat, j’ai tant voulu poster ce message, suite à ce projet génial que MAT vient de nous donner. Je crois que c’est le meilleur et le plus facile. Allez-y , téléchargez-le, il déchire grave! J’attends mon rendu et vous passe le lien. A plus


  7. GENIIIIIIIIAL ! après l’affaire de jmk tu nous gates encore ! merci ! ça marche nikel !
    bye.


  8. Super projet. Très intéressant de voir comment tu travaille dans tes sources et le système d’automatisation est bien pensé.

    Merci.


  9. En effet, je viens de le tester, c’est tout simplement énorme. Ton meilleur taf depuis tes débuts, Matt. Attention, c’est du lourd!


  10. Je suis sur un gros projet déjà bien avancé, qui consiste aussi à animer des templates. Tu va sans doute m’inspirer pour ce qui est de la “touche finale”, les petits machins graphique qui font toute la différence. Merci matt de ce partage, c’est vraiment chouette de ta part !


  11. Grrrr… 1er avril, arf !


  12. Lol 1er Avril


  13. Grrr Preu mhié havrylle ! C’est un poachon d’Avrhilleu !


  14. Super ;-)
    Vivement demain !


  15. hahahahahahhahahaahahahahahahah
    ça c’est bas!


  16. mechannntt!!!!!


  17. Hello !!
    Euh suis-je le seul à avoir téléchargé le projet du 1er avril ? Je trouve le travail de Mattrunks excellent, tout autant que sa démarche, cela m’aide beaucoup à progresser et là, j’avoue que je ne comprends pas trop… Est ce une blague ? Me suis-je trompé de lien ? Est ce que le fichier .aep pourra de nouveau être téléchargeable, où est le bon fichier et la bonne méthode tout de même ?… :|


  18. :) Merci, on a bien apprécié chez Boondooa ..


  19. bravo mec de mettre ça en ligne, perso ça va m’aider à remettre les mains dans AE après un long moment.. En espérant ni voir ça sur videohive, ni repompé à la lettre pour un autre site..


  20. lol jolie le poisson d’avril


  21. comme dit précedament, ton meilleur travail !
    Bravo!


  22. Bravo j’en avais vraimment besoin une fois de plus tu fait des truc geniaux,mais le projet que tu donne a telecharger me donne pas l’animation que tu montre dans la vidéo mais une petite animation premier avril; avec des cercles rouges.


  23. Bravo, pas drôle comme poisson d’avril, j’aurais préféré la vrai source…


  24. Un petit sujet qui peut peut etre t’interesser ( et les autres aussi )
    ca concerne une techinique d’animation developpée en ce moment par adobe.

    http://cosmografik.fr/?p=274

    Ca basique mais c’est tout de meme interessant je trouve

    rendez vous sur http://www.cosmografik.fr


  25. Franchement chapo, j’avais zapé la date lol


  26. Super une p tite question, est ce que je peux voler ton tuto gratuit et le vendre pour ma pomme ?!?!? ;-)
    en tout cas encore un bon tuto !!!


  27. Super tuto =)
    C’est excellent ça va beaucoup m’aider, merci !


  28. Salut, je voulais juste dire que ce tuto est excellent et que ça va beaucoup m’aider sauf que apparament (jsais pas si c’est fait exprès hein xD) bah le projet quand je l’ouvre c’est une anim avec marqué 1er avril avec des ronds ^^
    Voila merci quand même =) !


  29. Méchant Matt, j’y ai vraiment cru :D


  30. Wohh ! Merci Matt’ c’est vraiment sympa de ta part = ).
    Bonne continuation à l’ESMA aufaite l’année prochaine d’ailleurs , t’avais tenté les gobelins ?


  31. J’aime, j’aime :p


  32. que dire de + après tous ca
    c du Matt
    comme d’ab TOP

    Ton fane club est en route ^^


  33. Nice ! =)
    Thx Matt !


  34. c’est bizarre moi quand je télécharge ton fichier source , ce n’est pas le projet fubiz…

    c’est marqué poisson d’avril…
    c’est normale ?


  35. c’est bizarre moi ce n’est pas le fichier defubiz que je télécharge mais un fichier “1er avril”

    c’est normal mattias ?


  36. Ralala comme toujours encore un super boulot!

    Félicitations c’est du très beau travail. Et merçi c’est vraiment sympa de ta part de faire partager tes sources…


  37. Bon je retiendrais trois choses de ce petit poisson d’avril :)

    - Je ne pensais pas qu’autant de personnes ne connaissent pas la tradition du “poisson d’avril” ! j’ai bien rigolé en lisant : “Je n’ai qu’un projet avec des rond rouges et premier avril.. C’est normal ?” ^^

    - Certains d’entre vous commentent avant même d’avoir téléchargé le fichier projet :P

    - Merci à ceux qui ont joué le jeu et on fait semblant que le projet fonctionne ;)

    Voilou, bon poisson d’avril à tous !


  38. Dis donc tu les fait “assez tard” tes “tutos”.


  39. Bon maintenan
    que c decouvert
    ta vraiment que ca a faire
    franchement quaénd j’


  40. En tous cas, t’es un sacré roublard avec le système d’autorisation de ton blog, Grrr…, tu m’a bien niqué, pfff…


  41. ousp boulette
    ma question ct tu as trié pr pas etre decouvert ?

    Cool en tous :)

    un peut d’humour dans un monde de brut


  42. jusqu’à certifié l’aep, les droits d’auteurs, belle finition du traquenard en zip, en tous cas ça pulse matt ton poisson était reluisant.


  43. Franchement, je les vois venir mais sur ce coup je me suis fais avoir en beauté, vraiment bien joué comme poisson d’avril :)
    PS: Continue a posté des tutos, c’est un plaisir de les lire ;)


  44. meme pas drole ^^


  45. pfff… je comprends rien j’espère que tu prendras le temps de faire une video pas à pas, en plus il n’y a pas de wiggle ni d’autres expressions c’est vraiment pas sympa de relever le niveau comme ça. : (

    en tout cas merci j’ai bien rigolé,
    m-_g


  46. T’es un prince Mattrunks, vive la libre circulation!!
    Je suis fan!!


  47. Super tuto Matt…

    J’ai bein revu tous tes précédents tutos mais je n’ai toujours pas bien compris comment tu faisais pour réaliser tous les mouvements au sein des pages web de fubiz. @ partie de 0:52 lorsque le bandeau de droite s’anime. Ce sont des captures individuelles que tu intègres dans AE ?

    Merci encore pour ce tuto si bien compressé ! Génial pour mes archives.

    ++


  48. Ca va surement en faire marrer certains, mais à “éplucher” ce poisson j’en apprends pas mal. Sérieux, les différentes options de chemin de texte, animation etc. pour un bleu comme moi…


  49. LOL un bon petit poisson d’avril, je me disait bien que c’était étrange que tu fasse ceci après le coup du voleur de projet…

    bonne journée !


  50. ouaw, respec ! j’ai été eut comme un bleu.


  51. Ça m’avait l’air tellement bizarre que j’ai même pas pris la peine de le télécharger, surtout en voyant la taille du fichier xD

    J’ai bien fait d’ailleurs x)


  52. xD Ca paraissait louche quand même lol


  53. et maintenant que le 1er avril est fini, tu vas vraiment le faire ce tuto ou pas ? :)


  54. Quel coup bas ^^


  55. je me suis fais avoir comme un bleu , je me disais aussi 90 MO pour un si gros truc ……


  56. Y’a des gens qui connaisse pas le 1er avril ?! 8/


  57. Hors sujet mais je voulais savoir ça en ait où Opake ? Vous avez deux mois de retard et on ne sait toujours pas sur quoi portera le site, à moins que j’ai loupé quelque chose ?


  58. Ah je voulais dire aussi que j’ai vu le petit logo CC some rights reserved, et donc j’ai vu qu’on a pas le droit d’utiliser tes tutos a fin commercial, de mettre le nom de l’auteur etc…
    Donc tu devrais plus avoir de problême, mais tout de même, mettre ce projet là… XD


  59. ralala… il est bien réussi ton ptit poisson ^^ n’empèche, cela nous fait quand même une créa’ en plus.


  60. Dommage, un petit tuto sur le sujet aurait été très intéressant. Même sans diffuser des sources, des explications sur les différentes techniques aurait été super.

    Tampis,
    Beau travail tout de même


  61. j’aspire ton tuto sur les calques de formes … :)


  62. Heureusement que j’ai lu les commentaires avant de télécharger !
    Poisson d’avril très efficasse ;)


  63. Bonjour, j’ai windows vista et after effects CS4, pour moi impossible d’ouvrir le fichier, lorsque je l’ouvre il me met qu’il manque un dossier ou j ne sais trop quoi, ducou ca m’affiche un “1er avril”bidon !!

    Repondez sur mon adress email s’il vous plait =’(


  64. Ah xD bien joué j’avais pas lu les comentaires =S


  65. Rien de spécial a dire.. juste une chose.. c’est vraiment magnifique tu est tres tres douer bravo merci de me permettre de voir d’aussi belles choses


  66. Super ce tutorial, vraiment trop cool de le partager.
    Avec quel outil de capture tu as fait tes captures d’ecran qui sont je trouve de top qualité?

    Merci

    Fred


  67. Ce que tu fais est tout simplement monstrueux !!

    Merci pour tout !


  68. J’en pleure encore… E-N-O-R-M-E !

    Et merci pour tous les autres tutos, ca c’est du boulot! bravo!


  69. Le pire étant quand même de le télécharger après et de voir le contenu.. Un poisson d’avril sous la chaleure de juin quoi de meilleur????

    En tout cas merci pout le reste. ;) et bonne continuation!!!!


  70. euu le projet c’est bien fubiz_autoaep.zip? parce que ce que j’ai téléchargé n’a rien avoir avec le tuto.
    ps: je l’ai téléchargé 3 fois et sa correspond pas du tous au projet….^^


  71. nice


  72. joli… j’me sens idiot là :D


  73. excellent, 5 mois après et sans avoir pris le temps de lire le forum, je me suis fais avoir aussi. Merci Matt, sans rancune et super boulot !


  74. Merci à toi!


  75. haaaaa je viens de le télécharger sans lire le blog .. bravo… sa m’apprendra
    beau boulot
    a+


  76. ou est-ce qu’on peut telecharger la video tu tuto , la video bug un peu…


  77. Slt à tous tous d’abord merçi pour ce tutoriel et cette bonne volonté pour des personnes intéresser comme moi et comme bien d’autre c’est une chance d’avoir des personnes de cette envergure pour partager avec le reste du monde leur passion et pour toi Charly t’es vraiment quelqu’un qui raisonne et réfléchit mal, tu fait parti des égoïstes de ce monde qui n’aime pas tendre la main à autrui bonne route mais je pense pas que tu ailles loin avec ce genre de mentalité qui t’es propre Dieu merçi.

    Gros courage et bonne continuation je pense faire comme toi un jour tendre aussi la main aux autres.

Laisser un commentaire :