Création de bouton simple et avancée avec Animate CC
Création d'un symbole movieClip
Création d'un symbole movieClip à deux états type switch
Comment coder un comportement bouton sur un movieClip
Création d'une animation complexe avec trajectoire
Création d'une animation complexe
Détails de la leçon
Description de la leçon
Dans cette leçon, nous explorons comment enrichir l'apparence et la sensation des boutons à travers l'ajout d'animations lors du survol. Plutôt que de simplement passer d'un état statique à un autre, nous apprenons à utiliser des movie clips pour créer des transitions plus harmonieuses. Nous verrons comment intègrer une animation de grossissement sur le survol d'un bouton et discuterons des limitations de cette technique, notamment l'absence d'animation lors de la sortie de survol. Nous examinerons également une alternative plus robuste en utilisant des movie clips pour simuler les comportements des boutons, permettant ainsi des animations aussi bien sur l'entrée que sur la sortie du survol. Ce tutoriel vous guidera pas à pas pour maîtriser cette technique et améliorer l'interactivité de vos créations web.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de maîtriser l'ajout d'animations aux boutons, de comprendre les limitations des animations de survol avec des symboles de boutons classiques, et d'apprendre à simuler des comportements de boutons en utilisant des movie clips.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir une connaissance de base des symboles graphiques et des animations dans les logiciels de création d'interfaces utilisateur.
Métiers concernés
Ce sujet est pertinent pour les développeurs front-end, les designers UX/UI, et toute personne travaillant dans les métiers de la création numérique.
Alternatives et ressources
En alternative, on peut utiliser des feuilles de style CSS pour des animations plus simples ou des bibliothèques JavaScript comme GreenSock pour des animations plus complexes.
Questions & Réponses
Je m'abonne