Utilisation de Tweening dans Fireworks CS5 - Les mannequins

Le tweening est fourni comme outil pour affiner les animations dans Adobe Fireworks Creative Suite 5. Le tweening est le processus de création d'un état entre deux autres, généralement comme point de départ ou d'arrêt de l'animation. Utilisez l'interpolation pour simuler un objet en mouvement, comme une balle qui rebondit ou une image disparaissant dans ou hors d'une animation.

Créer un symbole

Pour utiliser la fonction d'interpolation dans Fireworks, vous devez avoir un symbole - pour cet exemple, une flèche. Pour créer ce symbole, procédez comme suit:

1. Choisissez Fichier → Nouveau et créez un nouveau document suffisamment grand pour contenir votre animation.

   Pour cet exemple, créez un document mesurant 500 pixels sur 500 pixels.

2. Cliquez sur l'outil Rectangle et maintenez-le enfoncé, puis sélectionnez l'outil Flèche dans la section Vecteur du panneau Outils.

3. Dans le coin supérieur gauche du canevas, cliquez et faites glisser pour créer une petite flèche.

4. Choisissez Modifier → Symbole → Convertir en symbole.

   La boîte de dialogue Convertir en symbole apparaît.

5. Saisissez un nom approprié (tel que Flèche) pour le symbole dans la zone de texte Nom, sélectionnez le bouton d'option Graphique et cliquez sur OK.

   Fireworks convertit le graphique de votre flèche en symbole.

Cloner le symbole

Après avoir créé un symbole, vous devez cloner le symbole pour créer les points de début et de fin de l'animation. Suivez ces étapes:

1. Sélectionnez le symbole de la flèche sur le canevas.

2. Maintenez la touche Alt (Windows) ou Option (Mac) enfoncée et faites glisser la flèche vers le coin inférieur droit du canevas.

   En maintenant la touche Alt ou Option enfoncée pendant que vous faites glisser, vous clonez la flèche.

   

3. Choisissez l'outil Échelle dans la section Sélectionner du panneau Outils et agrandissez la flèche clonée (dans le coin inférieur droit) par rapport à l'original.

4. A l'aide de l'outil Pointeur, placez les deux symboles de flèche sur la toile comme vous le souhaitez.

   Ces symboles sont les points de départ et de fin de votre animation, placez-les là où vous voulez que l'animation commence et se termine.

Tweening les symboles

Lorsque vous avez deux occurrences du symbole sur le plan de travail, vous êtes prêt à interpoler les symboles pour créer une animation. Procédez comme suit:

1. Utilisez l'outil Pointeur pour sélectionner l'un des flèches, puis cliquez sur l'autre en maintenant la touche Maj enfoncée pour sélectionner les deux en même temps.

2. Choisissez Modifier → Symbole → Instances d'interpolation.

   La boîte de dialogue Tween Instances apparaît.

3. Entrez une valeur dans la zone de texte Étapes.

   Pour cet exemple, entrez 5 pour créer cinq nouveaux états (ou cadres) pour transformer la petite flèche en grande flèche.

   

4. Si vous souhaitez que les symboles apparaissent un à la fois, vous souhaitez que ces états soient répartis dans des états distincts dans le panneau Etats, cochez la case Distribution aux états.

5. Cliquez sur OK.

6. Testez votre animation en cliquant sur le bouton Lire dans la section inférieure droite de l'espace de travail Fireworks, puis enregistrez le fichier.