Comment animer avec des masques dans Fireworks CS5 - dummies

Si vous utilisez Photoshop, vous connaissez probablement les masques. Vous pouvez approfondir le masquage dans Adobe Fireworks Creative Suite 5 en animant un masque.

Les masques vous permettent de choisir la zone visible d'une image. Le processus ressemble beaucoup à couper un trou dans un morceau de papier et ensuite placer une image en dessous. Le trou dans le papier montre seulement la zone de l'image ci-dessous que vous voulez exposer; le reste du papier masque les parties de l'image que vous ne voulez pas exposer.

Voici comment créer un objet et un masque simples, puis animer le masque.

Créer une image et un masque

Pour créer l'image et le masque de votre animation, procédez comme suit:

1. Créez un nouveau document mesurant 500 pixels sur 500 pixels.

2. Avec l'outil Étoile (caché dans l'outil Rectangle), créez beaucoup d'étoiles rapprochées.

   Utilisez les couleurs et les tailles souhaitées pour les étoiles. Cette étape crée plusieurs couches.

3. Choisissez Fenêtre → Calques pour ouvrir le panneau Calques.

4. Cliquez sur le calque supérieur répertorié dans le panneau Calques, puis sur le calque inférieur pour sélectionner tous les calques que vous avez créés.

5. Dans le menu du panneau du panneau Calques, choisissez Aplatir la sélection.

   Les calques sont aplatis en une couche bitmap.

6. Sélectionnez l'outil Zone de sélection dans la section Bitmap du panneau Outils, effectuez une sélection rectangulaire étroite au milieu des étoiles, puis cliquez sur le bouton Ajouter un masque en bas du panneau Calques.

   Fireworks crée un masque basé sur la zone d'image sélectionnée.

   

Animer le masque

Pour animer le masque mais pas les étoiles, procédez comme suit:

1. Dans le panneau Calques, cliquez sur l'icône représentant une chaîne qui apparaît entre le calque des étoiles et le masque.

   

   Cette chaîne vous permet de déplacer le calque et le masque indépendamment.

2. Dans le panneau Calques, cliquez sur le masque pour le sélectionner.

3. Dans le panneau du panneau Etats, choisissez Dupliquer l'état.

   La boîte de dialogue Etat en double apparaît.

4. Sélectionnez le bouton radio État actuel après et cliquez sur OK.

   L'état 2 apparaît.

5. Avec l'outil Pointeur, sélectionnez le masque, puis faites glisser légèrement le masque sur le canevas.

   Les étoiles restent en place; seul le masque se déplace.

6. Répétez les étapes 3 à 5 au moins une fois.

7. Testez votre animation en cliquant sur le bouton Lecture dans la section inférieure droite de l'espace de travail Fireworks.

Vous pouvez créer des animations créatives en utilisant cette technique, en utilisant peut-être un logo ou un autre texte comme masque.