Flash CS4 - Calques de masque
Cet article est incomplet.
Il est jugé trop incomplet dans son développement ou dans l'expression des concepts et des idées. Son contenu est donc à considérer avec précaution.
Introduction
Objectifs d'apprentissage
- Apprendre à faire à créer des calques de masques avec Flash CS4/CS3
Prérequis
- Univers Flash CS4
- Flash CS3 - Créer et modifier les calques et les images
- Flash CS4 - Créer des dessins avec les outils de dessin
- Flash CS4 - Arranger des dessins (une partie)
- Flash CS4 - Interpolation de mouvement
- Flash CS4 - Morphing
Matériel (fichiers *.fla à manipuler)
Qualité et niveau
Ce tutoriel aidera les adeptes de la technique à démarrer. Le niveau de ce tutoriel est un peu haut pour les novices, mais peut servir comme des fiches pratiques dans un atelier.
Prochaines étapes
Autres versions
“Pour les effets de projecteur et les transitions, vous pouvez utiliser un calque de masque pour créer un trou qui laisse apparaître le contenu d'un ou de plusieurs calques situés en dessous. Un élément de masque peut être une forme remplie, un texte, une occurrence de symbole graphique ou un clip. Vous pouvez grouper plusieurs calques sous un calque de masque unique pour créer des effets élaborés.” (Adobe)
Les masques sont des couches qui vous permettra de voir ce qui est en dessous par une sorte de trou (à savoir un dessin). Vous pouvez ensuite animer ce trou avec une interpolation de mouvement par exemple. Les calques masqués sont les calques en dessous.
Le principe
Durant l'exécution du clip, Flash affiche les objets des calques masqués qui se trouvent sous le graphisme du layer Mask (calque masque). Normalement, on fait bouger ce graphisme pour obtenir un effet de projecteur par exemple.
Si vous faites des interpolations (usage typique):
- Dans le calque de masque vous devez mettre un seul objet graphique, c.a.d. dire un symbole pour une interpolation de movement ou de movement classic ou encore un simple objet pour une interpolation de forme. Autrement dit, vous créez simplement une interpolation comme il faut. Evidément il faut choisir un graphique approprié, par exemple un circle de taille moyenne pour créer une animation de type "trailer pour James Bond".
- Pour un animation frame by frame, vous mettez ce que vous voulez ....
NOTE: Faire des interpolations guidées dans CS3 n'est pas totalement facile.
Exemple - Masque avec interpolation de movement
Dans l'image suivante, un masque vous permet de voir une partie de bibliothèque grâce à un ovale.
Étape 1 - Créez des dessins
- Autant de layers que vous voulez ....
Étape 2 - Ajouter un calque de masque:
- Par dessus ces couches, créez un nouveau calque
- Faites un clic droit sur le nom du calque et sélectionnez Mask. Cette couche servira à masquer les autres et il devrait contenir un seul élément graphique (forme, symbole graphique ou un groupe).
Étape 3 (CS3) - Définir les calques masquées
- La couche juste sous la couche masque devrait déjà être masquée. Si elle ne l'est pas, clic-droit sur le nom du calque et sélectionnez Masked.
- Vous pouvez rendre masquées d'autres couches en dessous avec la même procédure. Déplacer toutes les calques à masquer dans une position après le calque de masque ou une couche déjà masquée. Ensuite les rendre Masked aussi.
Étape 3 (CS4/5/6) - Définir les calques masquées
- Glissez les layers à masquer sous le layer Mask (si c'est pas déjà le cas)
Étape 4 - Ajouter une interpolation de mouvement dans le calque de masque
- Sélectionnez le calque de masque
- Dessinez un objet non modifiable (objet graphique, symbole)
- Ajoutez une interpolation de mouvement ...
Vous pouvez utiliser n'importe quel type d'interpolation, y compris une interpolation de forme ....
Les résultat devrait ressembler à cela (enfin dans CS3):
Ceci dit: Dans CS4 n'utilisez pas les guided motion tweens (le tween normal fait la même chose), car c'est trop difficile à comprendre. Dans CS3 vous n'avez pas le choix, lisez le tutoriel en Anglais (English à gauche dans le menu).
Example:
- flash-cs3-mask.html
- Source: flash-cs3-mask.fla
- Directory: http://tecfa.unige.ch/guides/flash/ex/special-effects