Création d'animations d'horloge dans After Effects

Dans ce tutoriel, je vais vous montrer comment animer une horloge Effets secondaires à l'aide d'expressions simples. Ceci est un tutoriel de suivi des tutoriels Création d'une horloge animée dans 3ds Max à l'aide d'expressions et d'attributs personnalisés, et Animer une horloge dans Maya à l'aide d'expressions

Ce que vous allez créer

1. Créer le modèle d'horloge dans Photoshop

Étape 1

Ouvrir Photoshop. Importer le BG.jpg fichier qui a été fourni avec le tutoriel. J'ai fait ce modèle pour la référence qui aiderait à faire l'horloge.

Ouvrez Photoshop

Étape 2

presse Maj-Ctrl-N créer un nouveau calque. Renommez cette couche en BG.

Créer un nouveau calque

Étape 3

Avec le Chapiteau elliptique Outil sélectionné, trace une sélection circulaire.

Outil de chapiteau elliptique

Étape 4

Remplir la couleur blanche à l'intérieur de la sélection.

Remplir la couleur blanche 

Étape 5

Sélectionner Texte outil et type 12 en couleur noire. Gardez-le aligné sur le pic de fond.

Outil texte

Étape 6

De la même manière, tapez tous les chiffres et placez-les en conséquence.

Outil texte

Étape 7

presse Maj-Ctrl-N créer un nouveau calque. Renommez cette couche en Grande aiguille.

Créer un nouveau calque

Étape 8

Avec le Outil Rectangle de sélection, dessiner une sélection de l'aiguille des minutes et la remplir de couleur noire.

Outil Rectangle de sélection

Étape 9

Avec le Grande aiguille couche sélectionnée, appuyez sur Ctrl-J en faire une couche dupliquée. Renommez cette couche en Petite aiguille. 

Petite aiguille

Étape 10

Avec le calque Hour Hand sélectionné, appuyez sur Ctrl-T pour Transformation libre.Tournez l'aiguille des heures et alignez-la sur 3.

Transformation libre

Étape 11

Avec l'aide de Transformation libre, raccourcir la longueur de l'aiguille des heures.

Raccourcir la longueur de l'aiguille des heures

Étape 12

Avec le BG couche sélectionnée, cliquez sur Ajouter un style de calque icône (fx) sur le bas. Sélectionner Accident vasculaire cérébral option dans le menu fly out.

Option de course

Étape 13

Il ouvre le Style de calque la fenêtre. Sélectionnez la couleur et la largeur souhaitées pour le trait. Il crée la frontière autour de l'horloge.

Fenêtre Style de calque

Étape 14

Ajouter un Biseau et estampe style de calque également et suivez les paramètres indiqués dans l'image suivante.

Biseau et estampe

Étape 15

Enregistrez le fichier sous clock.psd. Enregistrer un fichier dans PSD format assure que vous pouvez contrôler chaque couche dans Effets secondaires. S'il vous plaît noter, ceci est une configuration d'horloge très simple et de base juste pour des fins de démonstration. Vous pouvez ajouter des détails et le rendre plus sophistiqué selon vos besoins.

Sauvegarder le fichier

2. Créer une animation d'horloge dans After Effects

Étape 1

Ouvrir Effets secondaires. Importer le clock.psd fichier.

Ouvrez After Effects

Étape 2

Importez-le en tant que Composition avec Fusionner les styles de calque dans l'option Images.

Fusionner les styles de calque

Étape 3

La composition contient tous les calques dans l'ordre, comme dans Photoshop.

Toutes les couches

Étape 4

Ouvrir Rotation propriétés des aiguilles des minutes et des heures.

Propriété de rotation

Étape 5

Je veux que l'aiguille des minutes doit contrôler l'aiguille des heures. Avec le Alt touche enfoncée, cliquez sur le Rotation arrêter de regarder. Il ouvre l'éditeur d'expression. Ici écrire, thisComp.layer ("Minute Hand"). transform.rotation

La méthode alternative consiste à cliquer sur le fouet de la Petite aiguillela rotation de et laissez-le à la Grande aiguillela rotation de. 

Expression 

Étape 6

En ce moment, quand le Grande aiguille tourne 360 degrés ou effectue une rotation complète, la Petite aiguille tourne juste comme ça. je veux le Grande aiguille Faire tourner 360 degrés et les Petite aiguille devrait tourner seulement 30 degrés. Dans l'éditeur d'expression, divisez l'expression par 12. 

Edition d'expression

Étape 7

C'est fait. Animez l'aiguille des minutes et voyez. Lorsque l'aiguille des minutes effectue un tour complet, l'aiguille des heures passe d'un chiffre à l'autre. Il suffit d'animer la valeur de rotation de l'aiguille des minutes et l'aiguille des heures tourne automatiquement.

Final

Conclusion

J'espère que vous avez apprécié le tutoriel. Les expressions peuvent faire des miracles et vous faire gagner beaucoup de temps. Vous pouvez facilement réaliser des œuvres étonnantes et complexes à l'aide d'expressions.. 

Cependant, un peu de mathématiques est nécessaire. J'essaierais de trouver d'autres tutoriels basés sur des expressions.