Fine-Tune Flash CS5 Forme Tweens avec Shape Hinting - dummies

Parfois, Adobe Flash Creative Suite 5 peut surcharger les choses et effectuer plus de morphing que nécessaire, en particulier lorsque deux formes ont des caractéristiques communes. Dans ces cas, vous pouvez utiliser des indicateurs de forme - ensembles de marqueurs correspondants qui peuvent indiquer à Flash CS5 que deux points sur deux formes différentes sont liés.

Vous pouvez ajouter des conseils de forme aux contours des formes sur les images de début et de fin d'une interpolation de forme pour permettre à Flash de savoir quels points communs existent entre les deux.

Deux bons exemples de formes apparentées sont les lettres F et T. Les deux lettres ont de nombreux angles communs. Une forme tween entre les deux est un excellent moyen d'utiliser des conseils de forme.

Avant de commencer, créez un nouveau document. Sélectionnez l'outil Texte et, à l'aide de l'inspecteur des propriétés, définissez le style de police sur Arial Black (ou équivalent) et définissez la taille de la police sur 200. Procédez comme suit:

1. Sur la première image d'un nouveau calque au milieu de la scène.

2. Sélectionnez la lettre à l'aide de l'outil Sélection et choisissez Modifier → Séparer pour répartir le type sur ses contours bruts.

3. Dans l'image 20 du même calque, créez une nouvelle image-clé vide à l'aide du raccourci clavier F7.

4. Tapez T sur la nouvelle image clé et placez-la au même endroit que le F sur la première image.

   Vous pouvez utiliser l'inspecteur des propriétés pour faire correspondre les positions X et Y, si nécessaire.

5. Séparer le T en choisissant Modifier → Séparer.

6. Créez une interpolation de forme en cliquant avec le bouton droit de la souris (Windows) ou en maintenant la touche Ctrl enfoncée (Mac) sur la première image, puis en choisissant Créer une interpolation de forme dans le menu contextuel qui s'affiche.

   Une flèche et une zone verte apparaissent, indiquant que l'interpolation a été créée avec succès.

7. Appuyez sur Entrée ou Retour pour prévisualiser votre film.

   Le F se transforme en T.

Même si l'interpolation de forme a réussi, le résultat n'a peut-être pas été ce que vous attendiez. Les chances sont bonnes que le F semble être écrasé (au lieu de terminer une transition en douceur) avant d'être complètement reconstruit dans le T parce que Flash ne peut pas voir les angles communs entre les deux formes (même si vous le pouvez). C'est là qu'interviennent les conseils de forme: vous pouvez les ajouter pour suggérer des points communs à Flash et lisser l'interpolation.

Avant de commencer, assurez-vous que Accrochage aux objets est activé en choisissant Affichage → Accrochage → Accrocher aux objets. Ensuite, procédez comme suit:

1. Sélectionnez l'image 1 de votre interpolation de forme et choisissez Affichage → Afficher les indications de forme pour activer l'indication de forme.

2. Choisissez Modifier → Forme → Ajouter un indice de forme pour créer un nouvel indice de forme sur la scène.

   Un bouton rouge, identifié par la lettre a, apparaît.

3. Répétez l'étape 2 pour ajouter un autre indice de forme.

   Cette fois, l'indice de forme apparaît marqué de la lettre b.

   Parfois, les astuces de forme s'empilent les unes sur les autres; déplacez-en un pour révéler les autres en dessous si un seul est visible.

4. Positionnez les deux conseils de forme sur le contour du F.

   Pour ce faire, déplacez légèrement l'indice de forme (b) afin de voir l'allure de forme (a). Puis déplacez (a) et enclenchez-le dans le coin inférieur gauche de F. Placez le deuxième indice de forme (b) dans le coin supérieur gauche du F.

5. Sélectionnez l'image 20.

   Vous voyez les compagnons de la astuces de forme que vous avez créées, en attente d'être positionné.

6. Positionnez les astuces de forme (a) et (b).

   Cette étape fait correspondre les coins inférieur gauche et supérieur gauche du T avec ceux de F, comme indiqué sur la figure. Les boutons deviennent verts pour indiquer une correspondance réussie.

   Si vous ne parvenez pas à aligner parfaitement les repères sur le bord (les repères apparaissent en rouge), assurez-vous que l'accrochage est activé en choisissant Affichage → Accrochage → Accrocher aux objets.

   

7. Appuyez sur Entrée ou Retour pour prévisualiser votre animation.

   Si vous regardez attentivement, vous voyez que les conseils de forme gardent ces deux coins ancrés pendant que le reste de la forme se transforme, créant une transition plus douce.

Remarque: Tout comme les guides de mouvement, les conseils de forme font leur travail sans apparaître dans votre film final publié.

Ajouter des indications de forme avec la combinaison de touches de raccourci Maj + Ctrl + H (Windows) ou Maj + @@ cmd + H (Mac).

Vous pouvez également ajouter d'autres astuces pour finaliser votre interpolation en procédant comme suit:

1. Sélectionnez l'image 1 de votre interpolation de forme et assurez-vous que les indications de forme sont toujours visibles en choisissant Affichage → Afficher les indications de forme.

   S'ils sont déjà activés, vous verrez une coche.

2. Créez un nouvel indice de forme avec le raccourci clavier Maj + Ctrl + H (Windows) ou Maj + @@ cmd + H (Mac).

   L'indication de forme est automatiquement marquée avec la lettre c.

3. Positionnez l'indice de forme (c) sur le F dans le coin supérieur droit.

4. Sélectionnez l'image 20 et vous voyez le compagnon à la nouvelle indication de forme en attente d'être placé.

5. Positionnez l'indice de forme sur le T pour qu'il corresponde à l'angle que vous avez marqué sur le F.

6. Appuyez sur Entrée ou Retour pour lire votre animation.

   Vous constatez que les conseils de forme ont permis une transition beaucoup plus douce par rapport à ce que vous avez commencé.

   

Les conseils de forme possèdent leur propre menu contextuel qui s'affiche lorsque vous cliquez avec le bouton droit de la souris (Windows) ou en maintenant la touche Contrôle enfoncée (Mac) sur un indice de forme de la première image d'une interpolation de forme. Pour effacer un indice de forme sélectionné, choisissez Supprimer l'indice de forme ou choisissez Supprimer tous les conseils pour effacer tous les indices sur la scène et recommencer.

Bien qu'il ne soit souvent pas nécessaire d'ajouter plus d'une poignée de conseils de forme, vous pouvez vous demander: Combien de conseils de forme sont autorisés? La réponse est 26 - le nombre exact de lettres dans l'alphabet. Une fois que Flash n'a plus de lettres pour indiquer les conseils de forme, cela ne vous permet pas d'en créer d'autres.