finalclap
Tutoriaux gratuits pour
Photoshop
After Effects
3D Studio Max
Pseudo
Password  
Auto

Inscription à la newsletter :

What's UP ?

Blog


Living...
Un billet qui pourrait intéresser ceux[...]
Test permalien point URL rewriting
[...]

Tutoriaux


Vignetage
Le vignetage est un assombrissement des coins d'une image.

Old VU meter
Réaliser un compteur de volume (VU Meter) avec les expressions.

Annuaire


Une grue motorisée maison !
Encore un tuto génial de Yann[...]
Signature smudge c4d
UN tuto pour vous expliquer les bases[...]

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 :

VU Volume Meter

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) :

point d'ancrage

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 :

thisComp.layer("clés son").effect("Les deux couches")("Curseur")

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 :

thisComp.layer("clés son").effect("Les deux couches")("Curseur")*1.6

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) :

signal

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 :

Galdon - dimanche 1 mars 2009, 23:19 - site
Hello

Laisser un commentaire

Pseudo
Adresse Mail
Site web
(facultatif)
Commentaire
hit parade n'en a rien a foutre du W3C Positionnement et Statistiques Gratuites