Utilisation de symboles dans Animate

  1. Guide de l’utilisateur d’Adobe Animate
  2. Présentation d’Animate
    1. Nouveautés d’Adobe Animate
    2. Glossaire visuel
    3. Configuration requise pour Animate
    4. Raccourcis clavier d’Animate
    5. Utilisation de plusieurs types de fichiers dans Animate
  3. Animation
    1. Principes de base de l’animation dans Animate
    2. Utilisation des images et des images-clés dans Animate
    3. Animation image par image dans Animate
    4. Utilisation d’une animation interpolée classique dans Animate
    5. Outil Pinceau
    6. Guide du mouvement
    7. Interpolation de mouvement et ActionScript 3.0
    8. À propos de l’animation d’une interpolation de mouvement
    9. Animation d’une interpolation de mouvement
    10. Création d’une animation d’interpolation de mouvement
    11. Utilisation des images-clés de propriété
    12. Animation d’une position à l’aide d’une interpolation
    13. Modification des interpolations de mouvement avec l’Éditeur de mouvement
    14. Modification de la trajectoire de mouvement d’une animation d’interpolation
    15. Manipulation d’interpolations de mouvement
    16. Ajout d’accélérations personnalisées
    17. Création et application de présélections de mouvement
    18. Configuration de plages d’interpolation d’une animation
    19. Utilisation d’interpolations de mouvement enregistrées au format XML
    20. Interpolations de mouvement et interpolations classiques : comparatif
    21. Interpolation de forme
    22. Utilisation de l’animation de l’outil de segment dans Animate
    23. Utilisation du squelettage de personnage dans Animate
    24. Utilisation de calques de masque dans Adobe Animate
    25. Utilisation de séquences dans Animate
  4. Interactivité
    1. Création de boutons avec Animate
    2. Conversion de projets Animate en d’autres formats de document
    3. Création et publication de documents HTML5 Canvas dans Animate
    4. Ajout d’interactivité à l’aide de fragments de code dans Animate
    5. Création de composants HTML5 personnalisés
    6. Utilisation de composants dans HTML5 Canvas
    7. Création de composants personnalisés : exemples
    8. Fragments de code des composants personnalisés
    9. Pratiques recommandées – Publicité avec Animate
    10. Création et publication de contenu de réalité virtuelle
  5. Espace de travail et workflow
    1. Création et gestion des pinceaux
    2. Utilisation de polices Google Fonts dans les documents HTML5 Canvas
    3. Utilisation des bibliothèques Creative Cloud et d’Adobe Animate
    4. Utilisation de la scène et du panneau Outils pour Animate
    5. Workflow et espace de travail Animate
    6. Utilisation de polices web dans les documents HTML5 Canvas
    7. Scénarios et ActionScript
    8. Utilisation de plusieurs scénarios
    9. Définition des préférences
    10. Utilisation des panneaux de création Animate
    11. Création de calques de scénario avec Animate
    12. Exportation d’animations pour les applications mobiles et les moteurs de jeu
    13. Déplacement et copie d’objets
    14. Modèles
    15. Recherche et remplacement de contenu dans Animate
    16. Commandes Annuler et Rétablir, et panneau Historique
    17. Raccourcis clavier
    18. Utilisation du scénario dans Animate
    19. Création d’extensions HTML
    20. Options d’optimisation des images et des GIF animés
    21. Paramètres d’exportation des images et des fichiers GIF
    22. Panneau Éléments dans Animate
  6. Multimédia et vidéo
    1. Transformation et combinaison d’objets graphiques dans Animate
    2. Création et utilisation d’instances de symboles dans Animate
    3. Vectorisation de l’image
    4. Utilisation du son dans Adobe Animate
    5. Exportation de fichiers SVG
    6. Création de fichiers vidéo en vue de les utiliser dans Animate
    7. Comment ajouter une vidéo dans Animate
    8. Utilisation des points de repère vidéo
    9. Dessin et création d’objets avec Animate
    10. Remodelage des lignes et des formes
    11. Traits, remplissages et dégradés avec Animate CC
    12. Utilisation d’Adobe Premiere Pro et d’After Effects
    13. Panneaux Couleur dans Animate CC
    14. Ouverture de fichiers Flash CS6 à l’aide d’Animate
    15. Utilisation de texte classique dans Animate
    16. Placement d’illustrations dans Animate
    17. Images bitmap importées dans Animate
    18. Graphiques 3D
    19. Utilisation de symboles dans Animate
    20. Dessin de traits et de formes avec Adobe Animate
    21. Utilisation de bibliothèques dans Animate
    22. Exportation de sons
    23. Sélection d’objets dans Animate CC
    24. Utilisation de fichiers AI d’Illustrator dans Animate
    25. Application de motifs avec l’outil Pinceau pulvérisateur
    26. Application de modes de fusion
    27. Disposition d’objets
    28. Automatisation des tâches à l’aide du menu Commandes
    29. Texte multilingue
    30. Utilisation de la caméra dans Animate
    31. Utilisation d’Animate avec Adobe Scout
    32. Utilisation de fichiers Fireworks
    33. Filtres graphiques
    34. Sons et ActionScript
    35. Préférences de dessin
    36. Dessin avec l’outil Plume
  7. Plateformes
    1. Conversion de projets Animate en d’autres formats de document
    2. Prise en charge des plateformes personnalisées
    3. Création et publication de documents HTML5 Canvas dans Animate
    4. Création et publication d’un document WebGL
    5. Assemblage d’applications AIR pour iOS
    6. Publication d’applications AIR pour Android
    7. Publication pour Adobe AIR for Desktop
    8. Paramètres de publication d’ActionScript
    9. Pratiques recommandées – Organisation du code ActionScript dans une application
    10. Utilisation d’ActionScript avec Animate
    11. Pratiques recommandées – Recommandations sur l’accessibilité
    12. Accessibilité dans l’espace de travail Animate
    13. Écriture et gestion des scripts
    14. Activation de la prise en charge des plateformes personnalisées
    15. Présentation de la prise en charge des plateformes personnalisées
    16. Création de contenu accessible
    17. Utilisation du plug-in de prise en charge des plateformes personnalisées
    18. Débogage du code ActionScript 3.0
    19. Activation de la prise en charge des plateformes personnalisées
  8. Exportation et publication
    1. Exportation de fichiers d’Animate CC
    2. Publication OAM
    3. Exportation de fichiers SVG
    4. Exportation d’images et de vidéos avec Animate
    5. Publication de documents AS3
    6. Exportation d’animations pour les applications mobiles et les moteurs de jeu
    7. Exportation de sons
    8. Exportation de fichiers vidéo QuickTime
    9. Contrôle de la lecture vidéo externe à l’aide d’ActionScript
    10. Pratiques recommandées – Conseils pour la création de contenu pour appareils mobiles
    11. Pratiques recommandées – Conventions des vidéos
    12. Pratiques recommandées – Recommandations sur la création d’applications SWF
    13. Pratiques recommandées – Structuration des fichiers FLA
    14. Pratiques recommandées d’optimisation des fichiers FLA pour Animate
    15. Paramètres de publication d’ActionScript
    16. Spécification des paramètres de publication pour Animate
    17. Exportation de fichiers de projection
    18. Exportation d’images et de GIF animés
    19. Modèles de publication HTML
    20. Utilisation d’Adobe Premiere Pro et d’After Effects
    21. Partage et publication rapides de vos animations

À 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 (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 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.

Logo Adobe

Accéder à votre compte