Dans ce Quick Tip, il est question du curseur de la souris. Aujourd'hui, je vais vous montrer comment animer le curseur de la souris.
Ce qui est particulièrement difficile dans l'animation du curseur de la souris, ce sont ces mouvements intuitifs que l'on fait tout naturellement en naviguant avec la souris sur un site web. En principe, on pourrait faire quelque chose comme un "captage" de la souris. Je bouge la souris - il devrait donc être tout à fait possible d'animer ce mouvement immédiatement, n'est-ce pas ? Nous pouvons le faire.
Pour commencer, nous créons un curseur de souris dans After Effects. Pour ce faire, je m'assure d'abord qu'aucune couche n'est sélectionnée et je crée un rectangle blanc avec l'outil de forme.
Ensuite, nous ajoutons un polygone. Le polygone a encore 5 côtés - mais nous pouvons les modifier en changeant les sommets en 3 dans le groupe d'étoiles.
Et au lieu d'ajouter à nouveau des contours et des remplissages, je l'ajoute directement dans le chemin du rectangle.
Maintenant, nous les avons tous les deux dans un groupe et ils seront maintenant traités avec un contour et un remplissage, et le chemin du groupe d'étoiles peut être déplacé vers le haut.
Nous pouvons maintenant personnaliser davantage notre curseur de souris. Une fois satisfaits du curseur de souris, nous pouvons maintenant ajouter les contours. Pour éviter d'ajouter un contour individuel à chaque forme, nous devons effectuer une modification et ajouter un chemin composite. Celui-ci, comme indiqué dans la capture d'écran, est placé entre le groupe d'étoiles et le contour.
Le curseur de souris n'est pas encore parfait ici - mais pour montrer le véritable truc, cela suffit largement. En le faisant pivoter de -22,5°, nous plaçons la souris dans sa position inclinée typique.
Passons maintenant à l'animation : nous ouvrons la capture d'écran du site web et ouvrons tracer le mouvement dans l'onglet Fenêtre.
Avec tracer le mouvement, nous pouvons enregistrer des mouvements sans avoir à tout animer immédiatement, et tout ce que nous faisons avec la souris est enregistré.
En cliquant sur Commencer l'enregistrement, le curseur change et nous pouvons enregistrer les mouvements que nous faisons avec la souris.
Pour pouvoir voir l'arrière-plan, nous activons l'arrière-plan dans le menu tracer le mouvement. Nous pouvons également changer le point d'ancrage de la souris vers le sommet avec Y.
Nous sommes désormais en mesure d'enregistrer un mouvement authentique de la souris. Toutes les interactions telles que les clics de souris devront bien sûr être animées ultérieurement - dans ce tutoriel, il s'agit uniquement du mouvement de la souris.