Introduction
Dessin vectoriel
Interpolation de formes
Interpolation d'éléments isolés
Animer une forme sur un tracé
Contrôler le style graphique
Lisser l'animation dans le temps
Détails de la leçon
Description de la leçon
Cette leçon vous guide à travers le processus d'animation de l'interface utilisateur en passant d'un écran d'appareil Apple à un autre. Vous apprendrez à manipuler les éléments pour le passage de l'écran de l'iWatch vers l'iPhone, puis vers l'iPad.
On commence par masquer temporairement les éléments liés à l'iWatch et à activer ceux de l'iPad. En raison du passage de formes primitives à des tracés vectoriels tels que les tracés Bézier, les propriétés diffèrent. Deux techniques principales sont possibles : la conversion en tracé ou la rotoscopie, cette dernière étant utilisée ici.
La vidéo montre comment ajuster la taille, neutraliser les coins arrondis, et copier les clés d'animation pour créer des latences identiques. Nous procédons de la même manière pour les autres écrans, jusqu'à ce que l'animation se termine par la transition vers le HomePod, en utilisant des clés d'opacité pour faire disparaître l'objet.
Objectifs de cette leçon
L'objectif de cette vidéo est d'apprendre à animer de manière fluide le passage entre différents écrans d'appareils Apple en utilisant des tracés vectoriels et des techniques de rotoscopie.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en animation et une certaine familiarité avec les outils de création graphique.
Métiers concernés
Les compétences abordées sont particulièrement utiles pour les artistes d'effets visuels, les développeurs d'interfaces utilisateur, et les créateurs de contenu multimédia.
Alternatives et ressources
En plus des techniques présentées, des logiciels tels que After Effects ou Blender peuvent être utilisés pour réaliser des animations similaires.
Questions & Réponses
Je m'abonne