CATALOGUE Vidéo Formation After Effects After Effects 2021 - Atelier flat design

Techniques d'Animation pour iWatch, iPhone et iPad

Retour à la formation
Chapitre 4 Leçon 2
Précédent
Suivant

Apprenez à animer des éléments graphiques par déplacement et modification d'échelle en créant des clés d'animation sur différentes plateformes.

Détails de la leçon

Description de la leçon

Dans cette leçon, vous apprendrez à animer divers éléments graphiques tels que des bracelets et des cadrans en utilisant des techniques de déplacement et de modification d'échelle. Nous commencerons par l'élément iWatch en arrière-plan, puis nous activerons l'élément de référence vers lequel nous devons tendre l'iPhone. En créant des clés d'animation, vous pourrez observer la descente et la montée des objets, tout en utilisant les touches du clavier pour une précision accrue.

Ensuite, nous nous concentrerons sur le cadran blanc de la montre, en ajustant sa hauteur et sa largeur pour le faire correspondre à celui de l'iPhone. Nous examinerons également comment désactiver certains éléments de référence pour mieux visualiser l'animation.

Enfin, nous aborderons la transition de l'iPhone vers l'iPad, en adaptant les éléments graphiques à la taille de l'iPad et en animant des éléments supplémentaires tels que les petites boules, tout en gérant les plans de superposition pour un rendu fluide et professionnel.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :
1. Apprendre à créer des clés d'animation pour des éléments graphiques.
2. Comprendre comment modifier l'échelle et déplacer des objets.
3. Maîtriser les transitions entre différents appareils (iWatch, iPhone, iPad).

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en animation graphique et en utilisation de logiciels de conception tels que Adobe Illustrator ou Adobe After Effects.

Métiers concernés

Les principales applications professionnelles de cette technique incluent les métiers de l'animation 2D, du design UX/UI, et du graphisme vectoriel pour le développement d'interfaces et d'éléments visuels interactifs.

Alternatives et ressources

Les alternatives possibles incluent l'usage de logiciels comme CorelDRAW, Sketch, ou Figma pour les animations graphiques et les transitions.

Questions & Réponses

Pour créer une clé d'animation, sélectionnez l'élément graphique, cliquez sur l'icône de chronomètre et placez la clé à l'emplacement souhaité sur la ligne de temps.
Valider une transformation, par exemple en appuyant sur la touche Entrée, permet d'enregistrer les modifications et d'assurer une transition fluide entre les différentes clés d'animation.
Les éléments de référence en arrière-plan servent de guide pour aligner et placer correctement les animations, garantissant une cohérence visuelle entre les différents appareils et étapes de l'animation.