Tutoriel: Animation d'écrans d'appareils Apple

Gérer le passage d'une forme primitive à un tracé Bézier
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
After Effects 2021 - Atelier flat design
Revoir le teaser Je m'abonne
5,0
Transcription

Cette leçon fait partie de la formation
59,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
5,0
Cette leçon fait partie de la formation
59,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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.

Découvrez comment animer l'arrivée de l'écran de l'iPad après celui de l'iWatch et de l'iPhone. Parfait pour les amateurs de rotoscopie.

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.

Voir plus
Questions réponses
Quelle est la première étape pour animer l'écran de l'iPad?
La première étape est de masquer provisoirement l'iWatch et d'activer l'iPad.
Pourquoi faut-il désactiver le chaînage homothétique?
Il faut désactiver le chaînage homothétique pour redimensionner l'objet sans préserver le ratio.
Quel est l'objectif final de cette animation?
L'objectif final est de faire disparaître progressivement l'écran en utilisant des clés d'opacité.

Programme détaillé

8 commentaires
5,0
8 votes
5
4
3
2
1
mathieufournier
Il y a 1 an
Très bien expliqué, ce pendant je souhaiterai faire l'exercice de Morphing, est-il possible d'avoir les fichier Illustrator? Merci.
abdelhakimaittaleb
Il y a 3 ans
Atelier très bien expliqué par contre je ne trouve pas les fichiers associés a cet atelier, est ce normal ?
cyril.ponti
Il y a 3 ans
Répond à toutes mes attentes ! Bravo au formateur, conception et présentation !
maximetarrier
Il y a 3 ans
Je suis encore au début (réduire les tracés) j'ai un petit soucis soucis même si je connais déjà l'outil j'ai l'impression qu'il manque une partie de la vidéo pour ceux qui ne connaissent pas et qui explique comment on la met en place .... sinon niquel
ablyssem
Il y a 3 ans
Très bonne formation et l'intervenant explique clairement.
maurice.lepagnier
Il y a 4 ans
bonne formation, de nombreuses astuces glissées dans les exemples. La voix de l'intervenant est particulièrement agréable et à un rythme qui me convient.
J'apprécie particulièrement l'utilisation au strict nécessaire de la souris, qui nous évite de voir le curseur faire des ronds en continue sur l'écran.
Je ferai tout pour suivre ce formateur, félicitations.
ericmichoux
Il y a 4 ans
très explicite
fbdadesign
Il y a 4 ans
perfect