Old VU meter
Dans ce tutoriel, nous allons animer l'aiguille et la LED d'un VU Meter à l'aide des expressions. J'ai regroupé tout le nécessaire dans ce fichier Photoshop, il contient 3 calques :
- Led ON : la led allumée
- Aiguille
- VU Meter : le fond
Voilà à quoi ça ressemble :
Vous pouvez télécharger le projet final sur Stockmotion :
Bien entendu il vous faut aussi une musique, mais je vais éviter de vous la fournir, ça risquerait de m'attirer quelques ennuis...
La première chose à faire est d'importer le fichier Photoshop dans After Effects (la version CS3 permet créer automatiquement une composition et vous ne perdez pas les calques, par contre si vous utilisez une version antérieure, il faudra importer les 3 calques un par un).
Point d'ancrage
Il ne faut pas oublier d'ajuster le point d'ancrage de l'aiguille à peu près comme ceci (faites varier la rotation pour voir si ça colle) :
Création des clés à partir du son
L'aiguille
Commencez par convertir les données audio de votre musique en images clés (cf le cours si vous ne savez pas comment faire), et renommez le null object nouvellement créé en clés son.
Ensuite, nous allons créer une expression sur le paramètre Rotation de l'aiguille (Alt + clic sur le chrono), et utiliser l'outil spirale en sélectionnant le paramètre Curseur de clés son. Vous devriez avoir ceci :
Si vous lancez une prévisulation maintenant, vous allez voir que l'aiguille bouge au rythme de la musique, mais parfois l'amplitude n'est pas bonne : l'aiguille ne bouge que sur la partie gauche du cadran, elle ne vas jamais plus loin.
Pour remédier à ce problème, nous allons multiplier l'amplitude (l'expression) par un coefficient x :
La LED
L'animation de la LED est légèrement plus complexe, on ne va pas utiliser le null object clés son car la LED ne doit s'allumer que pour les fortes amplitudes. Dupliquez donc clés son et renommez la copie Passe haut. Passez en mode graphe et arrangez-vous pour qu'il y ai des clés en haut, des clés en bas, mais pas de clé au milieu (descendez-les toutes) :
Maintenant, utilisez l'outil spirale pour lier le paramètre Opacité de Led ON au curseur de Passe haut, et procédez à une correction par coefficient si c'est nécessaire.
Voici le résultat final :
Vous pouvez télécharger le projet final sur Stockmotion :
Si c'est ça, After Effects ne peut pas le faire, c'est pas à ça que ça sert.
Ça fonctionne comment?
Merci pour vos tutos.
JY / Martinique
ps : je suis debutant sur Ae
LedOn = thisComp.layer("Passe haut").effect("Les deux couches")("Curseur") ;
if (LedOn > 14)
{opacity=100}
else
{opacity=0}
Avec cette formule plus besoin de toucher aux clès!
Pour ceux qui ne savent pas comment ajouter une expression :
https://www.finalclap.com/tuto/countdown-timer-clock-51/