À propos des symboles

Un symbole est un graphique, un bouton ou un clip créé une seule fois dans l’environnement de création d’Animate CC (anciennement Flash Professional CC) ou à l’aide des classes SimpleButton (AS 3.0) et MovieClip. Vous pouvez ensuite réutiliser le symbole dans le même document ou dans d’autres documents.

Un symbole peut inclure une illustration que vous avez importée d’une autre application. Tout symbole que vous créez devient automatiquement un élément de la bibliothèque du document courant.

Une occurrence est une copie d’un symbole situé sur la scène ou imbriqué dans un autre symbole. Elle peut avoir une couleur, une taille et une fonction différentes de celles de son symbole parent. La manipulation d’un symbole met toutes ses occurrences à jour, mais l’application d’effets sur une occurrence de symbole ne met à jour que cette occurrence.

L’utilisation de symboles dans les documents réduit sensiblement la taille du fichier, l’enregistrement de plusieurs occurrences d’un symbole exigeant en effet moins d’espace disque que l’enregistrement de plusieurs copies du contenu du symbole. Par exemple, vous pouvez réduire la taille de vos documents en convertissant des graphiques statiques (images d’arrière-plan, par exemple) en symboles réutilisables. Dans la mesure où un symbole n’a besoin d’être téléchargé qu’une seule fois dans Flash® Player, l’utilisation de symboles permet également d’accélérer la lecture des fichiers SWF.

Vous pouvez partager les symboles entre les documents en tant que ressources de bibliothèque partagées pendant la création ou à l’exécution. Dans le cas des éléments partagés à l’exécution, vous pouvez lier les éléments d’un document source à tout nombre de documents de destination, sans les y importer. Dans le cas des éléments partagés pendant la création, vous pouvez mettre à jour ou remplacer un symbole avec n’importe quel autre symbole disponible sur votre réseau local.

Si vous importez des éléments dans une bibliothèque contenant déjà des éléments du même nom, vous pouvez résoudre les conflits sans écraser accidentellement les éléments existants.

Les ressources suivantes contiennent d’autres informations de base sur les symboles :

Types de symboles

Chaque symbole possède ses propres scénario, scène et calques. Vous pouvez y ajouter des images, des images-clés et des calques comme dans le scénario principal. Chaque fois que vous créez un symbole, vous devez en déterminer le type en fonction de la façon dont vous souhaitez l’utiliser dans le document.

  • Utilisez les symboles graphiques pour les images statiques et pour créer des éléments d’animation réutilisables liées au scénario principal. Les symboles graphiques fonctionnent de manière synchronisée avec le scénario principal. Les sons et les éléments de contrôle interactifs ne fonctionnent pas dans la séquence d’animation d’un symbole graphique. Les symboles graphiques contribuent moins à la taille du fichier FLA que les boutons et les clips car ils n’ont pas de scénario.

  • Utilisez des symboles de bouton pour créer des boutons interactifs qui réagissent aux clics, au survol ou à d’autres actions de la souris. Vous définissez les graphiques associés aux différents états de bouton, puis affectez des actions à une occurrence de bouton. Pour en savoir plus, voir Gestion des événements dans le guide du développeur d’ActionScript 3.0.

  • Utilisez des symboles de clip pour créer des éléments d’animation réutilisables. Les clips possèdent leur propre scénario à images multiples, qui est lu indépendamment du scénario principal du document ; petites animations à l’intérieur de l’animation principale, ils peuvent contenir des contrôles interactifs, des sons, voire des occurrences d’autres clips. Vous pouvez également placer des occurrences de clip dans le scénario d’un symbole de bouton pour créer des boutons animés. En outre, les clips sont programmables à l’aide du code ActionScript®.

  • Utilisez les symboles de police pour exporter une police et l’utiliser dans d’autres documents Animate.

    Animate fournit des composants intégrés, des clips aux paramètres définis, qui vous permettent d’ajouter facilement des éléments d’interface utilisateur (boutons, cases à cocher, barres de défilement, etc.) dans vos documents. Pour en savoir plus, voir À propos des composants ActionScript 3.0 dans la section Utilisation des composants ActionScript 3.0.

    Remarque : Pour afficher un aperçu d’animation dans des occurrences de composant et la mise à l’échelle de clips à 9 découpes dans l’environnement de création d’Animate, sélectionnez Contrôle > Activer l’aperçu en direct.

Création de symboles

Vous pouvez créer un symbole à partir d’une sélection d’objets sur la scène ou créer un symbole vide et créer ou importer son contenu en mode d’édition de symbole. Vous pouvez également créer des symboles de police dans Animate. Les symboles peuvent contenir toutes les fonctions qu’Animate peut créer, y compris l’animation.

L’utilisation de symboles dotés d’animation permet de créer des applications Animate avec beaucoup de mouvement, tout en limitant la taille des fichiers correspondants. Pensez à créer de l’animation dans un symbole lorsque l’action est répétitive ou cyclique, comme les battements d’ailes d’un oiseau, par exemple.

Vous pouvez également ajouter des symboles à votre document en utilisant les éléments de la bibliothèque partagée, pendant la création ou à l’exécution.

Conversion des éléments sélectionnés en symboles

  1. Sélectionnez un ou plusieurs éléments sur la scène, Effectuez l’une des opérations suivantes :
    • Choisissez Modification > Convertir en symbole.

    • Faites glisser la sélection vers le panneau Bibliothèque.

    • Cliquez avec le bouton droit de la souris (Windows) ou en appuyant sur la touche Contrôle (Macintosh), puis sélectionnez Convertir en symbole dans le menu contextuel.

  2. Dans la boîte de dialogue Convertir en symbole, tapez le nom du symbole, puis sélectionnez son comportement.
  3. Cliquez dans la grille d’alignement afin de positionner le point d’alignement du symbole.
  4. Cliquez sur OK.

    Animate ajoute le symbole à la bibliothèque. La sélection sur la scène devient une occurrence du symbole. Après avoir créé un symbole, vous pouvez le modifier en mode de modification de symbole en choisissant Modifier > Modifier les symboles, ou le modifier dans le contexte de la scène en choisissant Modifier > Modifier en place. Vous pouvez également modifier le point d’alignement d’un symbole.

Création d’un symbole vide

  1. Effectuez l’une des opérations suivantes :
    • Sélectionnez Insertion> Nouveau symbole.

    • Cliquez sur le bouton Nouveau symbole, en bas à gauche du panneau Bibliothèque.

    • Sélectionnez Nouveau symbole dans le menu d’options du panneau Bibliothèque (coin supérieur droit).

  2. Dans la boîte de dialogue Créer un symbole, saisissez le nom du symbole, puis sélectionnez son comportement.
  3. Cliquez sur OK.

    Animate ajoute le symbole à la bibliothèque et passe en mode d’édition de symbole. En mode d’édition de symbole, le nom du symbole apparaît au-dessus de l’angle supérieur gauche de la scène et une mire indique le point d’alignement du symbole.

  4. Pour créer le contenu du symbole, utilisez le scénario, dessinez à l’aide des outils de dessin, importez un média ou créez des occurrences d’autres symboles.
  5. Effectuez l’une des opérations suivantes pour revenir au mode d’édition de document :
    • Cliquez sur le bouton Précédent.

    • Choisissez Modifier > Modifier le document.

    • Cliquez le nom de la séquence dans la barre Modification.

      Lorsque vous créez un symbole, son point d’alignement se positionne au centre de la fenêtre en mode d’édition des symboles. Le point d’alignement sert de repère pour le positionnement du contenu du symbole dans la fenêtre. Vous pouvez également modifier l’emplacement du point d’alignement en déplaçant le symbole en mode d’édition.

  6. Dans la section Liaison ActionScript, vous pouvez choisir d’exporter pour ActionScript en sélectionnant l’option Exporter pour ActionScript. La classe et la classe de base sont automatiquement affichées (vous pouvez choisir de renommer les classes). Animate recherche les définitions de classe dans un fichier AS externe ou un fichier SWC associé. Si les définitions de classe ne se trouvent pas à ces emplacements, Animate génère automatiquement des fichiers de classe. Pour plus d'informations, lisez cet article.

(Animate CC uniquement) Permutation de plusieurs symboles

L’option Permuter le symbole permet de remplacer un symbole par un symbole ou un bitmap sélectionné.

  1. Sélectionnez plusieurs symboles sur la scène dans votre document Animate.

  2. Dans le panneau Propriétés, cliquez sur Permuter.
  3. Dans la boîte de dialogue Permuter le symbole, sélectionnez le symbole par lequel vous souhaitez remplacer tous les symboles/bitmaps sélectionnés.
  4. Cliquez sur OK.

Conversion d’un effet d’animation sur scène en clip symbole

Si vous avez créé sur la scène une séquence animée que vous voulez réutiliser ailleurs dans le document ou si vous voulez le manipuler en tant qu’occurrence, sélectionnez-la pour l’enregistrer en tant que symbole de clip.

  1. Dans le scénario principal, sélectionnez chaque image de chaque calque de l’effet d’animation sur la scène que vous souhaitez utiliser. Pour des informations sur la sélection d’images, voir Insertion d’images dans le scénario.
  2. Copiez les images en effectuant l’une des opérations suivantes :
    • Cliquez avec le bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur l’image sélectionnée, puis sélectionnez Copier les images dans le menu contextuel. Sélectionnez Couper pour supprimer la séquence après l’avoir convertie en clip.

    • Choisissez Modifier > Scénario > Copier les images. Sélectionnez Couper pour supprimer la séquence après l’avoir convertie en clip.

  3. Annulez votre sélection et assurez-vous que rien n’est sélectionné sur la scène. Sélectionnez Insertion> Nouveau symbole.
  4. Nommez le symbole. Pour Comportement, choisissez Clip, puis cliquez sur OK.
  5. Cliquez sur l’Image 1 du calque 1 dans le scénario, puis choisissez Modifier > Scénario > Coller les images.

    Les images (et les calques et noms de calques) que vous aviez copiées dans le scénario principal sont alors collées dans le scénario de ce symbole de clip. L’animation, le bouton ou l’interactivité des images que vous avez copiées devient une animation indépendante (un symbole de clip) que vous pouvez réutiliser tout au long de l’animation.

  6. Effectuez l’une des opérations suivantes pour revenir au mode d’édition de document :
    • Cliquez sur le bouton Précédent.

    • Choisissez Modifier > Modifier le document.

    • Cliquez sur le nom de la séquence, dans la barre d’information située au-dessus de la scène.

Duplication des symboles

La duplication d’un symbole vous permet d’utiliser un symbole existant comme point de départ pour la création d’un symbole.

Vous pouvez également utiliser des occurrences pour créer des versions aux apparences différentes du symbole.

Duplication d’un symbole dans le panneau Bibliothèque

  1. Sélectionnez un symbole dans le panneau Bibliothèque, puis effectuez l’une des actions suivantes :
    • Cliquez avec le bouton droit de la souris (Windows) ou appuyez sur la touche Contrôle (Macintosh), puis sélectionnez Dupliquer dans le menu contextuel.

    • Sélectionnez Dupliquer dans le menu Panneau de bibliothèque.

Duplication d’un symbole en sélectionnant une occurrence

  1. Sélectionnez une occurrence du symbole sur la scène.
  2. Sélectionnez Modification > Symbole > Dupliquer le symbole.

    Le symbole est dupliqué et l’occurrence est remplacée par une occurrence du symbole dupliqué.

Manipulation des symboles

Lorsque vous modifiez un symbole, Animate met à jour toutes ses occurrences dans le document. Il vous permet de manipuler les symboles de trois manières différentes :

  • Vous pouvez modifier le symbole par rapport aux autres objets de la scène à l’aide de la commande Modifier en place. Les autres objets apparaissent en grisé pour les distinguer du symbole que vous modifiez. Le nom du symbole que vous manipulez est affiché dans une barre d’information, située en haut de la scène, à droite du nom de la séquence courante.

  • Vous pouvez aussi modifier un symbole dans une autre fenêtre, à l’aide de la commande Modifier dans une nouvelle fenêtre. La modification d’un symbole dans une autre fenêtre vous permet de visualiser le symbole et le scénario principal de façon simultanée. Le nom du symbole que vous manipulez est affiché dans une barre d’information, en haut de la scène.

    Vous modifiez le symbole en changeant la fenêtre de façon à ne plus afficher la scène mais seulement le symbole (dans le mode d’édition de symbole). Le nom du symbole que vous manipulez est affiché dans une barre d’information, située en haut de la scène, à droite du nom de la séquence courante.

    Lorsque vous modifiez un symbole, Animate met jour toutes ses occurrences dans le document, de manière à afficher les modifications effectuées. Lors de la modification d’un symbole, vous pouvez utiliser des outils de dessin, importer un média ou créer des occurrences d’autres symboles.

  • Vous pouvez modifier le point d’alignement d’un symbole (point identifié par les coordonnées 0, 0) ; pour cela, modifiez le symbole en recourant à l’une des méthodes de modification de symbole.

 

Pour modifier un symbole en place :

  1. Effectuez l’une des opérations suivantes :
    • Double-cliquez sur une occurrence du symbole sur la scène.

    • Sélectionnez une occurrence du symbole sur la scène et cliquez dessus avec le bouton droit de la souris (Windows) ou appuyez sur la touche Contrôle (Macintosh), puis sélectionnez Modifier en place.

    • Sélectionnez une occurrence du symbole sur la scène, puis choisissez Modifier > Modifier en place.

  2. Modifiez le symbole.
  3. Pour quitter le mode de modification sur place et revenir en mode d’édition de document, effectuez l’une des opérations suivantes :
    • Cliquez sur le bouton Précédent.

    • Sélectionnez le nom de la séquence courante dans le menu Séquence de la barre d’information.

    • Choisissez Modifier > Modifier le document.

    • Double-cliquez à l’extérieur du contenu du symbole.

Modification d’un symbole dans une nouvelle fenêtre

  1. Sélectionnez une occurrence du symbole sur la scène et cliquez sur son entrée avec le bouton droit de la souris de la souris (Windows) ou appuyez sur la touche Contrôle (Macintosh), puis sélectionnez Modifier dans le menu contextuel.
  2. Modifiez le symbole.
  3. Cliquez sur Fermer, dans le coin supérieur droit (Windows) ou gauche (Macintosh), pour fermer la nouvelle fenêtre, puis cliquez sur la fenêtre de document principale pour reprendre votre travail.

Modification d’un symbole en mode d’édition de symbole

  1. Pour sélectionner le symbole, effectuez l’une des opérations suivantes :
    • Double-cliquez sur l’icône du symbole dans le panneau Bibliothèque.

    • Sélectionnez une occurrence du symbole sur la scène et cliquez sur son entrée avec le bouton droit de la souris de la souris (Windows) ou en appuyant sur la touche Contrôle (Macintosh), puis sélectionnez Modifier dans le menu contextuel.

    • Sélectionnez une occurrence du symbole sur la scène, puis choisissez Modifier > Modifier les symboles.

    • Sélectionnez le symbole dans le panneau Bibliothèque, puis sélectionnez Modifier dans le menu Panneau de bibliothèque ; vous pouvez également cliquer sur le symbole du panneau Bibliothèque avec le bouton droit de la souris (Windows) ou appuyez sur la touche Contrôle (Macintosh), puis sélectionner Modifier.

  2. Modifiez le symbole.
  3. Pour quitter le mode d’édition de symbole et revenir au mode d’édition du document, effectuez l’une des opérations suivantes :
    • Cliquez sur le bouton de retour, situé du côté gauche de la barre d’information au-dessus de la scène.

    • Choisissez Modifier > Modifier le document.

    • Cliquez sur le nom de la séquence, dans la barre d’information située au-dessus de la scène.

    • Double-cliquez à l’extérieur du contenu du symbole.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne