Motion Through
Motion Through
  • 23
  • 34 596
ANIMER UN GRAPHIQUE en 5 minutes sur After Effects
Téléchargez gratuitement le projet source : motionthrough.com/b/graphique-a-barres
Consultez le tutoriel écrit qui accompagne la vidéo : motionthrough.com/blog/tutoriels-video/animer-un-graphique-a-barres
Réserver un cours avec moi : motionthrough.com/seances
Cette vidéo a été créée dans le cadre du concours 2024 organisé par @secretsdemonteurpro consistant à réaliser un tutoriel porté sur l'audiovisuel d'une durée comprise entre 3 et 5 minutes : c'est pourquoi son format diffère de ce que je fais habituellement.
On y voit comment créer une animation de graphique à barres épurée en concevant le diagramme sur Google Sheets, en le convertissant sur Adobe Illustrator et en l'animant sur After Effects.
-
// Chapitres
00:00 Présentation du tutoriel
00:19 Préparation des calques
02:06 Animation du graphique
04:51 Résultat final
-
// Musiques
Dark Forces March de Sascha Ende (2016)
Écouter : filmmusic.io/song/536-dark-forces-march
Détails de la licence : filmmusic.io/standard-license
Sneaky Snitch de Sascha Ende (2024)
Écouter : filmmusic.io/song/12176-sneaky-snitch
Détails de la licence : filmmusic.io/standard-license
Historical City d'Aleksey Chistilin (2023)
Écouter : pixabay.com/music/main-title-cinematic-time-lapse-115672/
Détails de la licence : pixabay.com/service/license-summary/
-
N'hésitez pas à me poser vos questions en commentaires si vous rencontrez des difficultés, et à me dire ce que vous pensez de ce format par rapport à mes tutoriels habituels : le guide écrit est là pour vous si vous avez mal compris certaines étapes. Bon travail :)
Переглядів: 1 262

Відео

Réaliser des TRANSITIONS FLUIDES et ORIGINALES | Tutoriel After Effects
Переглядів 1,1 тис.Рік тому
Téléchargez gratuitement le projet source : motionthrough.com/b/projet-transitions Réserver un cours avec moi : motionthrough.com/seances Nous verrons dans ce tutoriel comment réaliser de belles transitions sur After Effects en créant de premiers rendus basiques mais efficaces, puis nous verrons comment se démarquer en incorporant des principes d'animation au sein de nos transitions afin de les...
30 SITES de RESSOURCES PROFESSIONNELLES pour le MONTAGE vidéo et le motion design 100 % GRATUITS
Переглядів 7 тис.Рік тому
Nous verrons dans cette vidéo une trentaine de plateformes proposant des ressources de haute qualité (images, vidéos d'illustration, effets sonores, musiques...), utilisables gratuitement pour tous vos projets de montage ou de motion design. Réserver un cours avec moi : motionthrough.com/seances - // Ressources → Photographies, textures et archives Unsplash : unsplash.com/fr Pixabay : pixabay.c...
TOUTES les astuces pour travailler rapidement sur After Effects
Переглядів 2,2 тис.Рік тому
Téléchargez gratuitement le projet source : motionthrough.com/b/projet-trucs-et-astuces Réserver un cours avec moi : motionthrough.com/seances Nous verrons dans ce tutoriel 50 raccourcis, secrets et trucs et astuces indispensables pour travailler correctement sur Adobe After Effects ! Vous pouvez retrouver certaines de ces astuces dans un format plus court, juste ici : www.youtube.com/@motionth...
Styliser ses créations avec l'esthétique ANIMATION TRADITIONNELLE | Tutoriel After Effects
Переглядів 1,1 тис.Рік тому
Styliser ses créations avec l'esthétique ANIMATION TRADITIONNELLE | Tutoriel After Effects
Les 5 meilleurs PLUGINS GRATUITS pour les débutants sur After Effects
Переглядів 7 тис.Рік тому
Les 5 meilleurs PLUGINS GRATUITS pour les débutants sur After Effects
5 effets d'After Effects VITAUX en motion design
Переглядів 2 тис.Рік тому
5 effets d'After Effects VITAUX en motion design
5 effets d'After Effects que vous DEVEZ connaître
Переглядів 1,6 тис.Рік тому
5 effets d'After Effects que vous DEVEZ connaître
LA méthode secrète pour animer un dégradé de couleurs | Tutoriel After Effects
Переглядів 1,3 тис.Рік тому
LA méthode secrète pour animer un dégradé de couleurs | Tutoriel After Effects
Animer un DÉGRADÉ DE COULEURS pour créer un arrière-plan dynamique | Tutoriel After Effects
Переглядів 2,4 тис.Рік тому
Animer un DÉGRADÉ DE COULEURS pour créer un arrière-plan dynamique | Tutoriel After Effects
Donner vie à ses projets à l'aide de TEXTURES ANIMÉES | Tutoriel After Effects
Переглядів 1,9 тис.Рік тому
Donner vie à ses projets à l'aide de TEXTURES ANIMÉES | Tutoriel After Effects

КОМЕНТАРІ

  • @valerieducrot6154
    @valerieducrot6154 7 днів тому

    Merci, une vraie mine d'or pour quelqu'un qui veut se tester au montage !

    • @motionthrough
      @motionthrough 6 днів тому

      Merci à toi d'avoir pris le temps d'écrire un commentaire ! :)

  • @superdarmi269
    @superdarmi269 13 днів тому

    T’es un bon 🙏

  • @willriffah
    @willriffah 18 днів тому

    5:09 Sur Mac clavier QWERTY j'arrive pas à faire la commande Alt + $, une astuce ? Super tuto au passage.

    • @motionthrough
      @motionthrough 18 днів тому

      Merci pour le commentaire ! Normalement c'est une des touches sur la ligne qu'il y a entre la touche Entrée et la touche Effacer ('backspace') ; si tu as une configuration classique, c'est sans doute celle avec le crochet fermant ]. Si aucune de ces touches (tout en maintenant Alt) ne fonctionne, je t'invite à aller dans le menu des raccourcis (Édition → Raccourcis clavier), à chercher la commande 'Réduire le point de sortie du calque sur l'instant courant' ('Trim Layer Out Point to Current Time' si tu as After Effects en anglais), et à lui assigner le raccourci de ton choix :) Bon courage !

    • @willriffah
      @willriffah 17 днів тому

      @motionthrough Merci pour ta réponse rapide ! Sur mon clavier le dollar se trouve par défaut au niveau de la touche 4 et normalement pour l'écrire il suffit que je maintienne Shift en appuyant sur 4, le problème c'est que si j'appuie sur Option en même temps ça annule tout, du coup rien ne se passe. Et si je fais uniquement Option + 4 il ne se passe rien non plus puisque cette commande fait apparaitre un autre symbole que le dollar.🥲 Quoiqu'il en soit, je vais essayer ce que tu m'as recommandé et je te ferai un retour.

    • @motionthrough
      @motionthrough 17 днів тому

      @@willriffah ça marche, en effet ce n'est pas cette touche là alors ; sur mon clavier Windows la touche dollar est entre Backspace et Enter, d'où la confusion :) Yes tiens-moi au courant !

  • @eustacheyoyo1813
    @eustacheyoyo1813 21 день тому

    Merciiii pour la vidéo

  • @olivier7075
    @olivier7075 25 днів тому

    Hello, j'aime beaucoup ta vidéo elle vas pas mal m'aider pour ce que je souhaite faire, par contre le problème que je rencontre c'est que lorsque la boucle de 10 sec se termine ça repart au début mais sans que ce soit fluide ça fait comme une cassure, comment je peux régler ça

    • @motionthrough
      @motionthrough 25 днів тому

      Hello ! Merci pour ton commentaire ! :) Qu'as-tu dans ton animation ? Simplement un dégradé avec des points animés à l'aide de l'expression wiggle ? Si oui, tu as une expression un petit peu plus longue qui te permet de créer une boucle avec. De base, tu dois avoir écrit quelque chose comme wiggle(1, 200); où 1 est la vitesse du mouvement et 200 sa taille (le nombre de pixels que le point de couleur va pouvoir parcourir). Il faut que tu remplaces ton expression comme suit : freq = [METS ICI TA VITESSE, DANS MON EXEMPLE : 1]; amp = [METS ICI TON AMPLITUDE, DANS MON EXEMPLE : 200]; loopTime = [METS ICI LA DURÉE DE BOUCLE QUE TU SOUHAITES EN SECONDES ; SI TU VEUX UNE BOUCLE DE 10 SECONDES, METS 10]; t = time % loopTime; wiggle1 = wiggle(freq, amp, 1, 0.5, t); wiggle2 = wiggle(freq, amp, 1, 0.5, t - loopTime); linear(t, 0, loopTime, wiggle1, wiggle2) Ainsi, la dernière position de tes wiggle correspondra à leur première, et une boucle sera créée. Si tu as d'autres effets avec des animations par dessus, c'est un peu plus tricky : certains effets, comme Turbulences, disposent nativement d'un paramètre leur permettant de créer une boucle. Tu n'as qu'à animer l'évolution, par exemple avec une image clef à 0° sur la première image de la boucle et à 360° sur la dernière image de la boucle, puis à dérouler le menu 'Options d'évolution', à cocher 'Boucler l'évolution', et à passer le paramètre 'Cycles' sur '1'. Ainsi, chaque cycle de 360° sera le même ; tu peux ajuster cette option si tu préfères une boucle tous les 720°, tous les 1080°... Si tu utilises d'autres effets par dessus avec des animations qui ne peuvent pas boucler nativement, il faut que tu te débrouilles pour que la première et la dernière image clef de l'animation correspondent, ce qui peut malheureusement limiter certains effets. Dans le pire des cas, tu peux également créer une très longue composition de plusieurs dizaines de minutes qui ne boucle pas, l'exporter, et la réimporter en .MP4 dans tes projets ; si l'animation du dégradé est plus longue que le projet final, personne ne verra que ça ne boucle pas :) J'espère t'avoir aidé, n'hésite pas si tu as d'autres questions !

    • @olivier7075
      @olivier7075 23 дні тому

      @motionthrough euhhh j'ai pas l'option pour boucler l'évolution sur turbulences, je suis sur affter effect 2019, que j'ai crack car j'ai pas la possibilité de prendre un abonnement, comment je peux faire du coup ?

    • @olivier7075
      @olivier7075 23 дні тому

      je viens de trouver

    • @motionthrough
      @motionthrough 22 дні тому

      Impec' !

  • @willriffah
    @willriffah 27 днів тому

    Super, je vais beaucoup apprendre ici, je pense.

    • @motionthrough
      @motionthrough 27 днів тому

      Ça fait plaisir, content d'être utile ! :)

  • @noemiemartineau4499
    @noemiemartineau4499 2 місяці тому

    Merci du partage!!

    • @motionthrough
      @motionthrough 2 місяці тому

      Mais avec plaisir ! Merci à toi pour le commentaire, bon courage !

  • @Thestudiomillenium
    @Thestudiomillenium 3 місяці тому

    Super🙌

  • @LE_DEMONTEUR
    @LE_DEMONTEUR 6 місяців тому

    Banger

    • @motionthrough
      @motionthrough 6 місяців тому

      Hahaha merci beaucoup pour le soutien mec, ça fait trop plaisir venant de toi ✊❤️

  • @Visualindiscretion
    @Visualindiscretion 6 місяців тому

    Merci

  • @defoulariummalvvior4332
    @defoulariummalvvior4332 7 місяців тому

    salut, tes tutos sont super, mais tu vas un peu vite dans les explications.

    • @motionthrough
      @motionthrough 7 місяців тому

      Merci, c'est gentil ! Je suis bien obligé de trouver un entre deux pour que ça reste intéressant pour les utilisateurs plus avancés :) S'il y a une partie que tu as mal comprise, n'hésite pas à me le faire savoir, je peux te réexpliquer ici !

  • @olivierdeplas
    @olivierdeplas 8 місяців тому

    Super pratique. Merci!

    • @motionthrough
      @motionthrough 8 місяців тому

      Mais avec plaisir ! Content de pouvoir être utile :)

  • @UncleBarnabieInspecteurDerick
    @UncleBarnabieInspecteurDerick 8 місяців тому

    super tuto merci mec

    • @motionthrough
      @motionthrough 8 місяців тому

      Ça fait plaisir, merci beaucoup pour le soutien ! :)

  • @MONS1
    @MONS1 8 місяців тому

    Merci pour ce tutoriel omgg

    • @motionthrough
      @motionthrough 8 місяців тому

      Haha merci beaucoup à toi :D

  • @astrantv367
    @astrantv367 9 місяців тому

    jtm

    • @motionthrough
      @motionthrough 9 місяців тому

      Haha merci pour le soutien, content de pouvoir être utile :)

  • @gary.k463
    @gary.k463 9 місяців тому

    Tu gères !!! MERCI mec

    • @motionthrough
      @motionthrough 9 місяців тому

      Haha merci beaucoup ! Avec plaisir :)

  • @edinekarol1854
    @edinekarol1854 10 місяців тому

    Merci beaucoup !

    • @motionthrough
      @motionthrough 10 місяців тому

      Mais avec plaisir ! Merci à toi pour le commentaire :)

  • @anaisfavre6902
    @anaisfavre6902 10 місяців тому

    Merci beaucoup, ce tuto est vraiment top!!! tu vas vite mais c'est hyper clair... ça donne envie de tout texturer!

    • @motionthrough
      @motionthrough 10 місяців тому

      Merci beaucoup d'avoir pris le temps d'écrire un commentaire, je suis heureux de lire que le tutoriel t'a été utile ! :)

  • @YGuillerault
    @YGuillerault 11 місяців тому

    Super !! Merci beaucoup pour ce tuto clair, net et précis !

    • @motionthrough
      @motionthrough 11 місяців тому

      Mais avec plaisir, content d'être utile !

  • @edding3000fr
    @edding3000fr 11 місяців тому

    gg ! bon tuto ! merci chef !

  • @motionthrough
    @motionthrough 11 місяців тому

    Hello ! 👋 Ce tutoriel est beaucoup plus rapide et beaucoup plus monté que d'habitude car je l'ai créé dans le cadre d'un concours de tutoriels où les règles imposaient de ne pas dépasser une durée de 5 minutes. Pour celles et ceux qui cherchent à reproduire l'animation étape par étape, j'ai donc rédigé un guide écrit en parallèle pour que vous puissiez approfondir le début du processus - vous le retrouverez sur mon site : motionthrough.com/blog/tutoriels-video/animer-un-graphique-a-barres. ✍ Pour l'examiner de votre côté et en apprendre encore davantage, vous pouvez également télécharger gratuitement le projet source, comme d'habitude - en l'occurrence, vous retrouverez le fichier SVG, le fichier Illustrator et le fichier After Effects juste ici : motionthrough.com/b/graphique-a-barres. 👀 N'hésitez pas à me dire ce que vous pensez de ce format, et de ce que vous préférez entre des tutoriels vidéos plus complets mais plus mous, ou plus dynamiques mais non exhaustifs et donc accompagnés d'une marche à suivre écrite. 💭 Merci de votre fidélité ! Bonne soirée tout le monde :)

  • @axelfaure8971
    @axelfaure8971 11 місяців тому

    Ton travail mérite tellement plus de visibilité ! Merci pour le tutoriel

    • @motionthrough
      @motionthrough 11 місяців тому

      Merci à toi pour ton soutien qui me fait chaud au cœur ! :)

  • @Carnipain
    @Carnipain 11 місяців тому

    Superbe vidéo, comme d'habitude !! :D

  • @Casipery
    @Casipery 11 місяців тому

    Cette vidéo est d’utilité publique ! Merci à toi

    • @motionthrough
      @motionthrough 11 місяців тому

      Très heureux d'aider ! Merci pour ton commentaire sympathique :)

  • @ilyass.8706
    @ilyass.8706 11 місяців тому

    Legends of runettera

  • @AngounouDarryl
    @AngounouDarryl 11 місяців тому

    merci sois bénis au nom de Jésus.

  • @juan.m4a238
    @juan.m4a238 Рік тому

    Merci infiniment tes vidéos sont juste incroyable, heureusement que t'es là pour m'apprendre énormément sur AE

    • @motionthrough
      @motionthrough Рік тому

      Merci beaucoup à toi pour ce très gentil commentaire qui me fait très plaisir ! :)

  • @Flo-sj2pb
    @Flo-sj2pb Рік тому

    Une chaîne de Motion oui !

  • @OhhYevel
    @OhhYevel Рік тому

    Ca faisait longtemps qu'on a pas eu de tuto mais encore un tuto de qualité MERCI ! même si c'est du "basique" ça permet d'apprendre ou re voir des techniques différentes que j'utilise. (est-il possible de discuter en mp ou autre, j'aimerai avoir quelques conseils sur une vidéo que j'ai vu mais je me demande comment c'est fait)

    • @motionthrough
      @motionthrough Рік тому

      Haha ouais c'est sûr, j'ai moins de temps en ce moment malheureusement... mais merci pour le commentaire, ça me fait plaisir ! Content de pouvoir aider ! Yes ! Je propose des cours individuels en appel si ça t'intéresse d'approfondir vraiment un sujet précis, mais tu peux simplement m'envoyer un mail depuis mon site pour en discuter à l'écrit si tu veux que je check rapidement : motionthrough.com/contact :)

  • @YGuillerault
    @YGuillerault Рік тому

    Super ! Merci beaucoup pour ce tuto clair, net et précis.

    • @motionthrough
      @motionthrough Рік тому

      Merci à toi pour ton soutien très apprécié ! :)

  • @Donizz0_0
    @Donizz0_0 Рік тому

    Merci infiniment, c'est une richesse de nous partager ça!

    • @motionthrough
      @motionthrough Рік тому

      Un grand merci à toi pour le soutien, je suis content que ça te soit utile ! :D

  • @crazythings4485
    @crazythings4485 Рік тому

    Merci

  • @JUSTINBUISSON
    @JUSTINBUISSON Рік тому

    ça fait mega plaisir ! Merci beaucoup pour ton S/O

    • @motionthrough
      @motionthrough Рік тому

      Woaaa mais quel honneur, merci à toi pour le commentaire t'es une giga source d'inspiration je te suis depuis genre 2019, c'est ta première vidéo avec Balo qui m'a décidé à ouvrir AE ! Big force <3

    • @JUSTINBUISSON
      @JUSTINBUISSON Рік тому

      @@motionthrough Incroyable, ça me régale encore plus alors !

  • @videoris
    @videoris Рік тому

    Merci, ça va beaucoup m'aidé ! Ça serait bien une vidéo sur les templates.

    • @motionthrough
      @motionthrough Рік тому

      Merci pour ton commentaire, ça fait plaisir ! D'autres présentations de sites utiles pour se faciliter la vie sont prévues, mais pas de templates ; comme précisé en fin de vidéo, ce n'est, à mon sens, pas une bonne manière d'apprendre à travailler correctement, donc je préfère ne pas en faire la promotion :) Bon courage pour ta chaîne !

  • @elpaulo7314
    @elpaulo7314 Рік тому

    super tuto !

  • @pinata227
    @pinata227 Рік тому

    Excellente vidéo et montage Franchement ça mérite bien plus de vues!

    • @motionthrough
      @motionthrough Рік тому

      Un grand merci, ça fait très plaisir ! Hésite pas à partager à ton entourage ! :D

  • @eircrak5024
    @eircrak5024 Рік тому

    Super format. Merci

  • @Carnipain
    @Carnipain Рік тому

    Woow, merci pour toutes ces présentations !!

  • @julienlefebvre2109
    @julienlefebvre2109 Рік тому

    Merci beaucoup pour ce partage de site !! Ça me sera très utile 😊

  • @Zozonut
    @Zozonut Рік тому

    Du plaisir en ligne de mire 🎯

  • @astrantv367
    @astrantv367 Рік тому

    cimer

  • @antoinejeffton8828
    @antoinejeffton8828 Рік тому

    Super

  • @eustacheyoyo1813
    @eustacheyoyo1813 Рік тому

    La vidéo est masterclass vraiment un grand merci, je pense que un petit timecode aurait été cool, comme ça quand on a un trou, si on sait pas trop ou est l'astuce on peut cliquer directement.

    • @motionthrough
      @motionthrough Рік тому

      Merci beaucoup pour ton commentaire, je suis super content que la vidéo plaise autant :) Bien vu pour les chapitres, c'est une bonne idée ; je viens de les rajouter dans la description ! Enjoy !

  • @axelfaure8971
    @axelfaure8971 Рік тому

    Vidéo absolument incroyable, j’ai énormément appris je vais essayer d’en utiliser le maximum sur mes prochains projets ! Je rajouterai aussi la fonctionnalité de calcul d’AE que je trouve très pratique, pour par exemple multiplier par 2 une échelle de 42,68%, au lieu de s’embêter a faire le calcul de tête, simplement rajouter 42,68*2, et le calcul s’effectue automatiquement ! Ça marche pour toutes les opérations et ça peut (parfois) être bien pratique ! Merci encore !

    • @motionthrough
      @motionthrough Рік тому

      Un grand merci pour ton soutien, ça fait vraiment plaisir ! En effet c'est une fonctionnalité très utile ; je l'ai déjà mentionnée dans une autre vidéo, mais je pourrais éventuellement faire un épisode 2 de ce format pour l'inclure ! :)

  • @Carnipain
    @Carnipain Рік тому

    Superbe vidéo, comme d'hab! Elle est très enrichissante, merci!!

  • @OhhYevel
    @OhhYevel Рік тому

    Apprenant After effect pour mes montages , tes vidéos m'aident beaucoup !

    • @motionthrough
      @motionthrough Рік тому

      Let's go, c'est le but ! Merci pour ton message :)

  • @anaalzx1767
    @anaalzx1767 Рік тому

    Ton contenue est au top, tu détaille tout c'est trop bien. Merci, continue comme ça 👍🏾

    • @motionthrough
      @motionthrough Рік тому

      Un grand merci pour ton commentaire, c'est trop gentil 🥺 De nouveaux tutoriels long format arrivent dans quelques semaines ! :)

  • @Scaphandresque
    @Scaphandresque Рік тому

    J'ai vraiment gagné énormément de temps au quotidien merci 🙏