Introduction aux Masques pour Animer en HTML5
Objectifs
Les objectifs de cette vidéo sont de :
- Expliquer comment utiliser des masques pour créer des animations en HTML5 et ActionScript 3.
- Comparer les capacités des masques entre HTML5 et ActionScript 3.
- Fournir des techniques pratiques pour créer des effets visuels avancés.
Résumé
Voyons l'utilisation avancée des masques pour créer des animations, à la fois en HTML5 et ActionScript 3, en utilisant Adobe Animate.
Description
Dans cette leçon, nous explorons l'utilisation des masques pour améliorer les animations en HTML5 et ActionScript 3. Les masques permettent de créer des effets visuels sophistiqués en limitant l'affichage des éléments graphiques à des formes prédéfinies. Nous débutons avec une démonstration sur HTML5, où nous importons une image bitmap que nous redimensionnons pour l'adapter à notre scène. Ensuite, nous créons un masque animé pour révéler progressivement l'image de bas en haut au travers d'une interpolation de forme.
Nous abordons également les limitations des masques en mode HTML5 et soulignons les capacités plus avancées offertes par ActionScript 3. Par exemple, nous présentons une transition de type 'iris' pour simuler un effet de fermeture, courant dans le cinéma muet. Cette comparaison entre les deux technologies met en évidence les différentes possibilités et les choix techniques à considérer pour l'animation dans Adobe Animate.