0$ C'est gratuit

Tuto Gratuit : Animer une horloge avec des expressions dans After Effects avec After Effects

0$ C'est gratuit

  • Une formation vidéo de 09m49s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Cette tuto gratuit en vidéo a pour objectif de vous présenter les expressions dans After Effects.

Pour ce faire, nous animerons les aiguilles d'une horloge, en fonction du temps.

Nous n'allons pas utiliser de notions particulièrement complexes, et il n'est requis aucun plugin en particulier. Toutefois, des scripts gratuits tels que Move Anchor Point peuvent s'avérer très utiles.

Nous nous concentrerons exclusivement sur la fonction Math.floor pour ce cours.


Formateur : Killian Hebert

Killian Hebert a publié 1 tutoriel et obtenu une note moyenne de 4,6/5 sur 748 tutoriels téléchargés. Voir les autres formations de Killian Hebert

4,6
note moyenne

5
avis laissés
5 étoiles
3
4 étoiles
2
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de acgraphiq laissé le 06/08/2019
    Clair, concis et efficace ! Merci :)

  • 5
    avis de membre-6107-8707 laissé le 02/02/2019
    Bonjour, merci ce tuto est très bien fait et il m'est d'une grande aide dans un projet perso mais je dois te dire que le code de l'aiguille des heures est faux, il faut mettre plutot transform.rotation+(Math.floor(time)*6/3600 (remplacer /60/12 par /3600) sinon l'horloge avance de 5h toutes les heures ==> 3600/60/12 = 5.
    "Bonjour, merci pour votre retour :) à propos de votre remarque, je ne suis pas certain de comprendre. L'horloge étant divisée en 12 cadrans, l'aiguille des heures fera 1/12 du cercle en 1 heure. D'où le /12 dans l'expression. Et lorsque pour tester je fais durer ma composition par exemple 3 heures, l'aiguille passe bien de 0° à 90° (le chiffre 3, sur une horloge conventionnelle, étant bien à 90°). L'expression est donc juste. Mais peut-être suis-je passer à côté d'un élément :P Avec votre proposition, l'aiguille ne se déplacerait que de 6° par heure, donc 1/60 de cercle à chaque fois. Cela est valable pour la trotteuse, qui doit bien tourner un tour complet pour être comptabilisée en minute. C'est également le cas avec les minutes, qui doivent faire un tour complet pour être comptabilisées en heure. Mais les heures elles n'avancent que par cran (1/12). Et une fois arriver à 12, rebelote."

  • 5
    avis de Severio laissé le 09/03/2018
    Très bien, j'apprends des choses sur ce tuto. Merci au formateur !
    "Avec plaisir ! J'espère que les prochains seront tout aussi intéressant."

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    After Effects CC, After Effects CS6
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • La fonction Math.floor peut-elle servir dans d'autres cas de figure ?
    Oui, absolument. Toutes les fonctions mathématiques que l'on peut utiliser dans After Effects peuvent s'utiliser, se mélanger et s'imbriquer entre elles de bien des manières.
  • Ne serait-il pas plus rapide/simple d'animer à la main avec des keyframes ?
    Animer avec des keyframes reste une excellente solution. Vous pouvez animer la rotation de 0 à 360° sur une durée de 1 minute pour la trotteuse, et ainsi de suite pour les autres. Mais, très vite, on peut s'apercevoir que si l'on veut créer la "saute" de la trotteuse, ce n'est plus si simple. Alors, je dirai plutôt que cela dépend de votre patience et du nombre de modifications que vous pourriez avoir à réaliser par la suite. Manipuler un série d'images clés peut-être un vrai casse-tête !
  • Expression, fonctions, opérations mathématiques, calcul, JavaScript Math... je suis perdu !?
    Rassurez-vous, nous l'avons tous été au début. Et ensuite, il faut bien se dire que personne ne maîtrise à 100% cette composante d'After Effects. Car elle est sans fin, tout simplement. Il est donc important de partir avec un certain optimisme, et de s'armer de beaucoup de patience.
  • Que contient le fichier source ?
    Le fichier source contient le projet After Effects avec l'animation finale et toutes les expressions évoquées dans le tutoriel.
accédez à plus de 1078 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données