CATALOGUE Code & Data Formation Animate CC Animate CC 2019 - Les fondamentaux

Utilisation des Masques en HTML5 et ActionScript 3

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

Voyons l'utilisation avancée des masques pour créer des animations, à la fois en HTML5 et ActionScript 3, en utilisant Adobe Animate.

Détails de la leçon

Description de la leçon

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.

Objectifs de cette leçon

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.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez :
- Avoir des connaissances de base en animation et en utilisation d'Adobe Animate.
- Comprendre les concepts de masques et d'interpolations d'images.

Métiers concernés

Les compétences abordées dans cette vidéo sont pertinentes pour les métiers suivants :
- Animateur Multimédia
- Graphiste
- Développeur Front-end spécialisé en animatique

Alternatives et ressources

En tant qu'alternatives, vous pouvez utiliser d'autres logiciels d'animation comme Blender ou After Effects qui offrent également des fonctions avancées de masquage et d'animation.

Questions & Réponses

Les masques en mode HTML5 sont limités en termes de fonctionnalités et de complexité par rapport à ActionScript 3, offrant moins de possibilités pour des animations sophistiquées.
Pour redimensionner une image tout en conservant ses proportions dans Adobe Animate, utilisez l'outil Transformation libre en maintenant les touches Alt et Shift enfoncées.
Avec ActionScript 3, un exemple d'effet visuel est l'animation de fermeture 'iris', où un cercle rétrécit pour révéler progressivement une image, simulant un effet cinématographique.