Une fois que vous avez créé un symbole, vous pouvez créer des occurrences de ce symbole aux emplacements de votre choix dans votre document, voire dans d’autres symboles. Lorsque vous modifiez le symbole, Animate CC (anciennement Flash Professional CC) met automatiquement à jour toutes ses occurrences.
Les noms d’occurrences des objets se créent dans l’inspecteur des propriétés. Le nom ainsi attribué permet de désigner les occurrences d’un même symbole dans ActionScript. Pour pouvoir contrôler les occurrences avec ActionScript®, il est impératif que leur nom soit unique.
Vous pouvez spécifier des effets de couleur, affecter des actions, définir un mode d’affichage graphique et changer le comportement de nouvelles occurrences dans l’inspecteur des propriétés. Le comportement de l’occurrence est, sauf indication contraire, identique au comportement du symbole. Toute modification effectuée affecte uniquement l’occurrence, pas le symbole.
-
Sélectionnez un calque dans le scénario. Animate peut placer des occurrences dans les images-clés uniquement, toujours sur le calque courant. Si vous ne sélectionnez pas d’image-clé, l’occurrence sera ajoutée par Animate à la première image-clé située à gauche de l’image en cours.
Remarque :
une image-clé est une image dans laquelle vous définissez les changements d’un effet d’animation. Pour plus d’informations, voir Insertion d’images dans le scénario.
Chaque occurrence de symbole possède ses propres propriétés, distinctes de celles du symbole. Vous pouvez modifier la teinte, la transparence et la luminosité d’une occurrence, redéfinir son comportement (convertir, par exemple, un graphique en clip) et indiquer le mode de lecture de l’animation dans une occurrence de graphique. Vous pouvez également incliner, faire pivoter ou redimensionner une occurrence sans affecter le symbole.
Vous pouvez en outre nommer une occurrence de clip ou de bouton pour permettre la modification de ses propriétés avec ActionScript. Pour en savoir plus, voir Objets et classes dans Formation à ActionScript 3.0. Pour modifier les propriétés d’une occurrence, utilisez l’inspecteur des propriétés (Fenêtre > Propriétés).
Les propriétés d’une occurrence sont enregistrées avec cette dernière. Si vous modifiez un symbole ou reliez une occurrence à un autre symbole, les propriétés que vous avez modifiées s’appliquent toujours à l’occurrence.
Vous pouvez rendre invisible une occurrence de symbole sur la scène en désactivant la propriété Visible. Pour de meilleures performances de rendu, utilisez la propriété Visible au lieu de définir la propriété Alpha du symbole sur 0.
Pour utiliser la propriété Visible, vous devez définir le lecteur sur Flash Player 10.2 ou une version ultérieure. Par ailleurs, cette propriété est uniquement compatible avec les occurrences de clip, de bouton et de composant.
Chaque occurrence d’un symbole peut avoir son propre effet de couleur. Pour définir les options de couleur et de transparence des occurrences, vous utiliserez l’inspecteur des propriétés. Les paramètres de l’inspecteur des propriétés s’appliquent également aux bitmaps placés dans les symboles.
Lorsque vous modifiez la couleur et la transparence d’une occurrence dans une image donnée, Animate effectue la modification dès qu’il affiche cette image. Pour effectuer des modifications de couleur progressives, vous devez appliquer une interpolation de mouvement. Lors de l’interpolation des couleurs, vous entrez différents paramètres d’effet dans les images-clés de début et de fin d’une occurrence, puis interpolez les paramètres pour faire évoluer les couleurs de l’occurrence au fil du temps.
Remarque :
si vous appliquez un effet de couleur à un symbole de clip contenant plusieurs images, Animate applique l’effet à chaque image du symbole.
-
Dans l’inspecteur des propriétés, sélectionnez l’une des options suivantes dans le menu Style de la section Effets de couleur :
Luminosité
Règle l’aspect clair ou sombre relatif de l’image, mesuré sur une échelle allant du noir (–100 %) au blanc (100 %). Pour régler la luminosité, cliquez sur le triangle et faites glisser le curseur de défilement ou saisissez une valeur dans la zone de texte.
Teinte
Colore l’occurrence avec la même nuance. Utilisez le curseur Teinte de l’inspecteur des propriétés pour sélectionner le pourcentage de teinte qui va de transparent (0 %) à entièrement saturé (100 %). Pour régler la teinte, cliquez sur le triangle et faites glisser le curseur de défilement ou saisissez une valeur dans la zone de texte. Pour sélectionner une couleur, saisissez les valeurs de rouge, de vert et de bleu dans les champs respectifs. Vous pouvez également cliquer sur la puce de couleur et sélectionner l’une des couleurs dans le Sélecteur de couleur.
Alpha
Ajuste la transparence de l’occurrence, de transparente (0 %) à complètement saturée (100 %). Pour définir la valeur alpha, cliquez sur le triangle et faites glisser le curseur de défilement ou saisissez une valeur dans la zone de texte.
Avancé
Permet d’ajuster séparément les valeurs de rouge, vert et bleu, ainsi que la transparence d’une occurrence. Cela est très utile lorsque vous voulez créer et animer des effets de couleur subtils dans des objets tels que les bitmaps. Les commandes situées à gauche permettent de réduire les valeurs de couleur ou de transparence d’un pourcentage spécifique. Les commandes de droite permettent de réduire ou d’augmenter les valeurs de couleur ou de transparence d’une valeur constante.
Les valeurs de couleur rouge, vert, bleu et alpha en cours sont multipliées par les valeurs de pourcentage, puis ajoutées aux valeurs constantes dans la colonne de droite pour obtenir les nouvelles valeurs de couleur. Par exemple, si la valeur de rouge actuelle est égale à 100, le réglage du curseur de gauche à 50 % et du curseur de droite à 100 % donne une nouvelle valeur de rouge égale à 150 ([100 x 0,5] + 100 = 150).
Remarque : Les paramètres avancés du panneau Effet implémentent la fonction (a * y+ b)= x, où a est le pourcentage spécifié dans l’ensemble de champs de gauche, y est la couleur du bitmap d’origine, b est la valeur spécifiée dans l’ensemble des champs de droite et x est l’effet obtenu (entre 0 et 255 pour RVB et entre 0 et 100 pour la transparence alpha).
Vous pouvez aussi modifier la couleur d’une occurrence à l’aide de l’objet ColorTransform d’ActionScript. Pour des informations détaillées sur l’objet Color, voir ColorTransform dans le Guide de référence du langage ActionScript 2.0 ou dans le Guide de référence du langage et des composants ActionScript 3.0.
Vous pouvez affecter un symbole différent à une occurrence pour afficher une occurrence qui, tout en préservant les propriétés d’origine de l’occurrence (effets de couleur, actions des boutons, etc.), sera différente.
Par exemple, imaginons que vous créez un dessin animé avec un symbole de rat comme personnage, mais que vous décidez de remplacer le personnage par un chat. Vous pouvez remplacer le symbole de rat par celui du chat et afficher le personnage mis à jour approximativement au même endroit dans toutes les images.
-
Sélectionnez le symbole par lequel vous souhaitez remplacer celui actuellement affecté à l’occurrence. Pour dupliquer un symbole sélectionné, cliquez sur Dupliquer le symbole, puis sur OK.
La duplication vous permet de créer un nouveau symbole à partir d’un symbole existant dans la bibliothèque et réduit les opérations de copie si vous créez plusieurs symboles qui ont très peu de différences.
-
Faites glisser un symbole ayant le même nom que celui devant être remplacé d’un panneau Bibliothèque dans celui du fichier FLA que vous êtes en train de modifier, puis cliquez sur Remplacer. Si vous avez des dossiers dans la bibliothèque, vous devez faire glisser le nouveau symbole dans le même dossier que celui qui contient le symbole que vous remplacez.
Vous pouvez changer le type d’une occurrence afin d’en redéfinir le comportement dans une application Animate. Par exemple, si une occurrence graphique contient un effet d’animation que vous souhaitez exécuter indépendamment du scénario de l’animation principale, vous pouvez redéfinir cette occurrence en tant qu’occurrence de clip.
Vous pouvez déterminer l’exécution des séquences de l’animation à l’intérieur d’une occurrence graphique dans l’application Animate en définissant des options dans l’inspecteur des propriétés.
Un symbole graphique animé est lié au scénario du document dans lequel il est placé. En revanche, un symbole de clip possède son propre scénario indépendant. L’animation des symboles graphiques animés, qui utilisent le même scénario que le document principal, est affichée en mode d’édition d’animation. Les symboles de clip s’affichent sous la forme d’objets statiques sur la scène et non sous la forme d’animations dans l’environnement de création d’Animate.
Utilisez le sélecteur d’image pour prévisualiser et choisir la première image d’un symbole graphique. Dans les versions précédentes, vous ne pouviez pas prévisualiser les images sans modifier le symbole en mode Édition. Cette fonction améliore l’expérience des utilisateurs qui travaillent sur des workflows d’animations du type Synchronisation des lèvres.
Remarque :
Le panneau Sélecteur d’image fonctionne uniquement avec des symboles graphiques ; il est désactivé pour les clips ou les symboles de type bouton. Assurez-vous que vous avez converti vos actifs en symboles avant d’utiliser cette fonction.
-
Dans le panneau Sélecteur d’image, sélectionnez le mode Liste ou Vignette pour afficher tous les aperçus d’image du symbole sélectionné. Vous pouvez également afficher les numéros d’image et leurs libellés.
Liste Présente les images dans une liste verticale.
Vignette Affiche les images en mode grille et les réajuste lorsque le panneau est redimensionné.
Créer l’image-clé Cette option permet de créer une image-clé automatiquement lorsque vous sélectionnez une position dans le panneau Sélecteur d’image.
Boucle Présente les différentes options de lecture en boucle des images, telles que Lecture en boucle, Lire une fois et Image unique.
Curseur Ajuste la taille de l’aperçu.
Bouton à gauche du curseur La vue contient davantage d’images.
Bouton à droite du curseur La vue contient moins d’images.
Liste déroulante des options de filtre Présente les différentes options permettant de filtrer les images.
Vue Liste
Vue Vignettes
Dans le panneau Sélecteur d’image, activez la case à cocher Créer l’image-clé pour créer automatiquement des images-clés lorsque vous sélectionnez une image dans ce panneau. Dans ce panneau, vous pouvez aussi définir l’option de lecture en boucle des symboles graphiques.
Pour ouvrir le panneau Sélecteur d’image, sélectionnez un symbole graphique > onglet Propriétés >Lecture en boucle > Utiliser le sélecteur d’image(bouton) pour afficher le panneau Sélecteur d’image ou sélectionner Fenêtre > Sélecteur d’image.
Animate permet de filtrer les images dans le panneau, comme suit :
- Toutes les images : affiche toutes les images.
- Images-clés : affiche uniquement les images-clés que vous avez sélectionnées.
- Étiquettes : affiche uniquement les images avec étiquette.
La synchronisation des lèvres automatique permet de placer plus facilement et rapidement les formes de bouche appropriées sur le scénario, en fonction du calque audio sélectionné. Vous pouvez y parvenir à l’aide d’une liste existante de poses de bouche, dessinées dans un symbole graphique. Lorsque vous appliquez la synchronisation des lèvres automatique sur un symbole graphique, les images-clés sont automatiquement créées à différentes positions correspondant aux visèmes audio, après analyse du calque audio spécifié. Une fois l’opération terminée, vous pouvez effectuer des réglages supplémentaires en utilisant des workflows standard et le sélecteur d’images.
Un visème est une image faciale générique qui peut être utilisée pour indiquer un son.
-
Sélectionnez le symbole graphique de la bouche. Dans l’inspecteur des propriétés, cliquez sur Synchronisation des lèvres.
Synchronisation labiale dans l’inspecteur des propriétésLa boîte de dialogue Créer une synchronisation des lèvres s’ouvre. Par défaut, les douze types de visèmes de base s’affichent comme illustré dans la capture d’écran ci-dessous :
Créer une synchronisation des lèvres -
Cliquez sur n’importe quel visème pour modifier son mappage de pose de bouche. Une fenêtre contextuelle s’affiche alors avec toutes les poses figurant dans le symbole graphique. Sélectionnez l’image appropriée dans la fenêtre contextuelle pour la définir pour le visème en cours.
Modification de la pose de bouche pour chaque visème -
Sélectionnez le calque audio pour lequel les lèvres doivent être synchronisées. Cliquez sur le bouton Synchroniser.
Capture d’écran du scénario après application de la synchronisation labialeRemarque :
La synchronisation labiale automatique s’applique à la plage d’images sur laquelle le symbole graphique sélectionné est présent. Vous pouvez également sélectionner plusieurs images-clés pour appliquer la synchronisation labiale sur l’ensemble de la plage d’images sélectionnée.
Pour rompre le lien entre une occurrence et un symbole et transformer cette dernière en une collection de formes et de lignes dissociées, vous devez dissocier l’occurrence. Cela est particulièrement utile lorsque vous souhaitez effectuer des modifications importantes sur l’occurrence sans affecter d’autres occurrences.
Les modifications apportées au symbole source d’une occurrence n’ont aucune incidence sur l’occurrence après que celle-ci ait été séparée.
L’inspecteur des propriétés et le panneau Info affichent les informations suivantes sur les occurrences sur la scène :
L’inspecteur des propriétés permet d’afficher le comportement et les paramètres d’une occurrence : pour tous les types d’occurrences, les paramètres de couleur, l’emplacement et la taille ; pour les graphiques, le mode de boucle et la première image contenant le graphique ; pour les boutons, le nom de l’occurrence (s’il a été affecté) et l’option de suivi ; pour les clips, le nom d’occurrence (s’il a été affecté). Pour l’emplacement, l’inspecteur des propriétés affiche les coordonnées x et y du point d’alignement du symbole.
Dans le panneau Info, vous pouvez afficher l’emplacement et la taille de l’occurrence sélectionnée, l’emplacement de son point d’alignement, les valeurs de rouge (R), de vert (V), de bleu (B) et alpha (A) affectées (si le remplissage de l’occurrence est uni) et l’emplacement du pointeur. La section Position et taille de l’inspecteur des propriétés affiche les coordonnées x et y du point d’alignement ou de transformation du symbole. Vous pouvez basculer entre l’affichage des coordonnées du point d’alignement ou de transformation.
Dans l’explorateur d’animations, vous pouvez afficher le contenu du document en cours, y compris les occurrences et les symboles.
Vous pouvez afficher dans le panneau Actions toute action affectée à un bouton ou un clip.
-
Cliquez avec le bouton droit de la souris de la souris (Windows) ou appuyez sur la touche Contrôle (Macintosh), puis sélectionnez Afficher les occurrences de symboles et Atteindre la définition de symbole. Vous pouvez également sélectionner ces options dans le menu de l’explorateur d’animations (coin supérieur droit).
-
Cliquez avec le bouton droit de la souris de la souris (Windows) ou appuyez sur la touche Contrôle (Macintosh), puis sélectionnez Afficher les éléments de l’animation et Atteindre la définition de symbole. Vous pouvez également sélectionner ces options dans le menu de l’explorateur d’animations (coin supérieur droit).
Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.