Guide d'utilisation Annuler

Utilisation des panneaux de création Animate

  1. Guide d’utilisation 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. Utiliser 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. Utiliser 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 interpolée 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. Utiliser un 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. Dessin et création d’objets avec Animate
    9. Remodelage des lignes et des formes
    10. Traits, remplissages et dégradés avec Animate CC
    11. Utilisation d’Adobe Premiere Pro et d’After Effects
    12. Panneaux Couleur dans Animate CC
    13. Ouverture de fichiers Flash CS6 à l’aide d’Animate
    14. Utilisation de texte classique dans Animate
    15. Placement d’illustrations dans Animate
    16. Images bitmap importées dans Animate
    17. Graphiques 3D
    18. Utilisation de symboles dans Animate
    19. Dessin de traits et de formes avec Adobe Animate
    20. Utilisation de bibliothèques dans Animate
    21. Exportation de sons
    22. Sélection d’objets dans Animate CC
    23. Utilisation de fichiers AI d’Illustrator dans Animate
    24. Application de modes de fusion
    25. Disposition d’objets
    26. Automatisation des tâches à l’aide du menu Commandes
    27. Texte multilingue
    28. Utilisation de la caméra dans Animate
    29. Filtres graphiques
    30. Sons et ActionScript
    31. Préférences de dessin
    32. 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. Accessibilité dans l’espace de travail Animate
    12. Écriture et gestion des scripts
    13. Activation de la prise en charge des plateformes personnalisées
    14. Présentation de la prise en charge des plateformes personnalisées
    15. Utilisation du plug-in de prise en charge des plateformes personnalisées
    16. Débogage du code ActionScript 3.0
    17. 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. Pratiques recommandées – Conseils pour la création de contenu pour appareils mobiles
    9. Pratiques recommandées – Conventions des vidéos
    10. Pratiques recommandées – Recommandations sur la création d’applications SWF
    11. Pratiques recommandées – Structuration des fichiers FLA
    12. Pratiques recommandées d’optimisation des fichiers FLA pour Animate
    13. Paramètres de publication d’ActionScript
    14. Spécification des paramètres de publication pour Animate
    15. Exportation de fichiers de projection
    16. Exportation d’images et de GIF animés
    17. Modèles de publication HTML
    18. Utilisation d’Adobe Premiere Pro et d’After Effects
    19. Partage et publication rapides de vos animations

Dans l’espace de travail Animate, les panneaux de création contiennent des commandes de création et de publication que vous pouvez organiser selon vos préférences. Vous pouvez également faire glisser un panneau hors de son emplacement, le redimensionner, puis le placer n’importe où sur l’écran pour un accès rapide. Il est également possible de verrouiller le panneau des menus contextuels d’Animate à un emplacement donné de l’écran. Si vous le verrouillez, le panneau ne se déplace pas lorsque vous le faites glisser par inadvertance pendant que vous travaillez. 

Panneaux Animate avec l’option de verrouillage
Panneaux Animate avec l’option de verrouillage

Présentation de l’inspecteur des propriétés

L’inspecteur des propriétés facilite l’accès aux attributs les plus fréquemment utilisés de la sélection actuelle, que ce soit sur la scène ou dans le scénario. Il vous permet de modifier les attributs d’un document ou d’un objet dans l’inspecteur des propriétés sans avoir à accéder aux menus ou aux panneaux qui déterminent ces attributs.

En fonction de la sélection, l’inspecteur des propriétés affiche les informations et les paramètres du document, du texte, du symbole, de la forme, du bitmap, de la vidéo, du groupe, de l’image ou de l’outil actuel. Lorsque plusieurs types d’objets sont sélectionnés, il affiche le nombre total d’objets sélectionnés.

Pour afficher l’inspecteur des propriétés, sélectionnez Fenêtre > Propriétés ou appuyez sur Ctrl+F3 (Windows) ou sur Commande+F3 (Macintosh).

La version Animate 2020 offre un inspecteur des propriétés modernisé comprenant quatre onglets, Outils, Objets, Image et Document.  Chaque onglet correspond aux propriétés de la sélection actuelle. 

Outil -  Indique l’outil actuellement sélectionné. Si un outil ne comporte pas d’inspecteur des propriétés valide, l’inspecteur des propriétés Doc s’affiche et l’onglet Inspecteur de propriété Outil est désactivé. Cet onglet fait référence aux propriétés de l'outil actuellement sélectionné.

Objet - Indique l’objet actuel sélectionné sur la scène. Si aucun objet n'est sélectionné, cet onglet est désactivé. Cet onglet fait référence aux propriétés de l'objet actuellement sélectionné.

Image - Indique l’image actuelle sélectionnée dans le scénario. Si aucune image n'est sélectionnée, cet onglet est désactivé. Cet onglet fait référence aux propriétés de l’image actuellement sélectionnée.

Document - Indique le document actuel sur lequel vous travaillez. Cet onglet décrit les propriétés spécifiques au document actuellement ouvert.

IP de document
Inspecteur de propriété de document

Inspecteur de propriété d'outil
Inspecteur de propriété d'outil

IP d’image
Inspecteur de propriété d’image

IP d’objet
Inspecteur de propriété d'objet

Propriétés supplémentaires du panneau Propriétés

Pince
Sections pouvant glisser

Sections pouvant glisser

Les sections de l'inspecteur des propriétés peuvent à présent glisser et être réarrangées. Une pince s’affiche lorsque la souris survole une section pouvant glisser.

Section Action rapide
Section Action rapide

Barre d’outils Action rapide

Le panneau Propriété dispose d'une nouvelle section Action rapide et d'une section d'en-tête actualisée pour permettre de découvrir les modes et les fonctionnalités connexes et d’y accéder rapidement.

Section d'en-tête actualisée
Section d’en-tête actualisée pour Bitmap

Paramètres de filtre modernisés
Paramètres de filtre modernisés

Paramètres de filtre modernisés

La section Filtre a été mise à niveau pour faciliter l'application de combinaisons de filtres. En outre, l'ordre des filtres peut être modifié en faisant glisser un filtre au-dessus ou au-dessous des autres filtres.  

Couleur et style
Couleur et style

Section Remplissage et trait modernisée

  • La section Remplissage et trait s’appelle à présent Couleur et style. 
  • L'option Alpha pour les couleurs de remplissage et de trait s’ajoute immédiatement pour une accessibilité facile.
  • Pour une expérience harmonieuse, les options relativement moins utilisées dans les paramètres Trait ont été déplacées vers l'icône Ellipse pour les options Profil de style et Profil de largeur. Cliquez sur l'icône Ellipse pour sélectionner ces options.
  • Les options Extrémité et Joints sont accessibles immédiatement.
  • L'option Trait et/ou l’option Remplissage s’affiche en fonction de la partie de l'objet qui est sélectionnée. 

Option Supprimer l’interpolation

Supprimer l’interpolation
Supprimer l’interpolation

La section Interpolation offre maintenant la possibilité de supprimer l’interpolation dans l’inspecteur de propriété.

Option Ajuster au contenu

Option Correspondance du contenu
Option Correspondance du contenu

L'option Ajuster au contenu est maintenant disponible en un seul clic dans la section de réglage de documents.

IP d’outil Caméra mis à jour

Options de caméra mises à jour
Options de caméra mises à jour

La caméra dispose désormais de tous les effets et filtres de couleur.

Propriétés des outils PolyEtoile, Rectangle, Ovale, Texte et Baguette magique mises à jour

Le panneau de l'inspecteur des propriétés a été modernisé pour les outils PolyEtoile, Rectangle, Ovale, Texte et Baguette magique afin de favoriser l'accessibilité et l’expérience harmonieuse de l’utilisateur.

Polystar
Polystar

Texte statique
Texte statique

Présentation du panneau Bibliothèque

C’est dans le panneau Bibliothèque (Fenêtre > Bibliothèque) que vous stockez et organisez les symboles créés dans Animate. Vous pouvez également stocker des fichiers importés, tels que les graphiques bitmap, les fichiers audio et les clips vidéo. Le panneau Bibliothèque vous permet d’organiser le contenu de la bibliothèque dans des dossiers. Il permet également de voir la fréquence d’utilisation d’un élément dans un document et de trier les éléments par nom, type, date, nombre d’utilisations ou identificateur de liaison ActionScript®. Par exemple, lorsque vous importez un GIF animé dans la bibliothèque, un dossier nommé GIF est créé sous le dossier racine et le fichier y est placé. Vous pouvez également effectuer une recherche dans le panneau Bibliothèque en saisissant un nom de symbole ou de liaison dans le champ de recherche. Vous pouvez également définir des propriétés pour la plupart des sélections d’objets multiples.

Panneau Bibliothèque avec un clip audio sélectionné
Panneau Bibliothèque avec un clip audio sélectionné

Présentation du panneau Actions

Le panneau Actions vous permet de créer et de modifier le code ActionScript pour un objet ou une image. La sélection d’une occurrence de bouton, de clip ou d’image rend le panneau Actions actif. Le titre du panneau Actions devient Actions – Boutons, Actions – Clips ou Actions – Images en fonction de votre sélection.

Panneau Actions montrant une action stop() dans une image.
Panneau Actions montrant une action stop() dans une image.

Pour afficher le panneau Actions, sélectionnez Fenêtre > Actions ou appuyez sur la touche F9. Pour plus d’informations sur le panneau Actions, voir Présentation du panneau Actions

Utilisation de l’Explorateur d’animations (obsolète dans Animate)

L’explorateur d’animations vous permet d’afficher et d’organiser le contenu d’un document et de sélectionner des éléments d’un document pour les modifier. Il contient une liste affichant tous les éléments actuellement utilisés, organisés dans une arborescence hiérarchique navigable.

Vous pouvez utiliser l’explorateur d’animations pour exécuter les actions suivantes :

  • Filtrer les catégories d’éléments d’un document qui apparaissent dans l’explorateur d’animations.

  • Afficher les catégories sélectionnées en tant que séquences, définitions de symboles ou les deux.

  • Développer ou réduire l’arborescence.

  • Rechercher un élément d’un document par son nom.

  • Vous familiariser avec la structure d’un document Animate créé par un autre développeur.

  • Rechercher toutes les occurrences d’un symbole ou d’une action spécifique.

  • Imprimer la liste navigable actuellement affichée dans l’explorateur d’animations.

L’explorateur d’animations possède un menu Panneau, de même qu’un menu contextuel, contenant des options permettant de réaliser des opérations sur des éléments sélectionnés ou de modifier l’affichage de l’explorateur d’animations. Une coche avec un triangle juste en dessous dans le panneau Explorateur d’animations signale le menu Panneau.

Remarque :

les fonctionnalités de l’explorateur d’animations diffèrent légèrement lorsque vous travaillez avec des écrans.

Utilisation de l’explorateur d’animations

  1. Sélectionnez Fenêtre > Explorateur d’animations.

Filtrage des catégories d’éléments qui apparaissent dans l’explorateur d’animations

  • Pour afficher le texte, les symboles, le code ActionScript, les fichiers importés, les images ou les calques, cliquez sur un ou plusieurs boutons de filtre à droite de l’option Afficher. Pour personnaliser les éléments à afficher, cliquez sur le bouton Personnaliser. Sélectionnez des options dans la zone Afficher de la boîte de dialogue Paramètres de l’explorateur d’animations pour afficher ces éléments.

  • Sélectionnez Afficher les éléments de l’animation dans le menu Panneau de l’explorateur d’animations pour afficher des éléments dans des séquences.

  • Sélectionnez Afficher les définitions de symboles dans le menu Panneau de l’explorateur d’animations pour afficher des informations sur les symboles.

Remarque :

Les options Éléments d’animation et Définitions de symbole peuvent être sélectionnées simultanément.

Recherche d’un élément dans le champ Rechercher 

  1. Saisissez un nom d’élément, un nom de police, une chaîne ActionScript ou un numéro d’image dans le champ Rechercher. La fonction de recherche effectue la recherche sur tous les éléments actuellement affichés dans l’explorateur d’animations.

Sélection d’un élément dans l’explorateur d’animations

  1. Cliquez sur l’élément dans l’arborescence. Pour sélectionner plusieurs éléments, cliquez sur chacun d’eux tout en maintenant la touche Maj enfoncée.

    Le chemin complet de l’élément sélectionné apparaît en bas de l’explorateur d’animations. Lorsque vous sélectionnez une séquence dans l’explorateur d’animations, la première image de cette séquence s’affiche sur la scène. Lorsque vous sélectionnez un élément dans l’explorateur d’animations, cet élément est sélectionné sur la scène si le calque contenant l’élément n’est pas verrouillé.

Utilisation des commandes du menu Panneau de l’explorateur d’animations ou du menu contextuel

  1. Effectuez l’une des opérations suivantes :
    • Pour afficher le menu Panneau, cliquez sur sa commande dans le panneau Explorateur d’animations.

    • Pour afficher le menu contextuel, cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfoncée (Macintosh) sur un élément dans l’arborescence de l’explorateur d’animations.

  2. Sélectionnez une option dans le menu :

    Atteindre l’emplacement

    permet d’accéder au calque, à la séquence ou à l’image sélectionné(e) dans le document.

    Atteindre la définition du symbole

    permet d’accéder à la définition du symbole sélectionné dans la zone des éléments d’animation de l’explorateur d’animations. La définition de symbole répertorie tous les fichiers associés au symbole. L’option Afficher les définitions de symbole doit être sélectionnée. Sa définition figure dans cette liste.

    Sélectionner les occurrences de symbole

    permet d’accéder à la séquence contenant les occurrences d’un symbole sélectionné dans la zone des définitions de symbole de l’explorateur d’animations. L’option Afficher les éléments d’animation doit être sélectionnée.

    Afficher dans la bibliothèque

    souligne le symbole sélectionné dans la bibliothèque du document. (Animate ouvre le panneau Bibliothèque s’il n’est pas déjà visible.)

    Renommer

    vous permet de changer le nom d’un élément sélectionné.

    Modifier en place

    vous permet de modifier un symbole sélectionné sur la scène.

    Modifier dans une nouvelle fenêtre

    vous permet de modifier un symbole dans une nouvelle fenêtre.

    Afficher les éléments de l’animation

    affiche les éléments de votre document organisés en séquences.

    Afficher les définitions de symbole

    affiche tous les éléments associés à un symbole.

    Copier le texte entier dans le Presse-papiers

    copie le texte sélectionné dans le Presse-papiers. Vous pouvez coller le texte dans un éditeur de texte externe en vue de vérifier l’orthographe ou d’apporter d’autres modifications.

    Couper, copier, coller et Effacer

    exécute ces fonctions courantes sur un élément sélectionné. Si vous modifiez un élément dans la liste, l’élément correspondant dans le document est modifié.

    Développer la branche

    développe l’arborescence au niveau de l’élément sélectionné.

    Réduire la branche

    réduit l’arborescence au niveau de l’élément sélectionné.

    Réduire les autres

    réduit les branches de l’arborescence qui ne contiennent pas l’élément sélectionné

    Imprimer

    imprime la liste actuellement affichée dans l’explorateur d’animations.

Utilisation des composants Animate et du panneau composants

Dans Animate, un composant est un module préparé et réutilisable qui ajoute une fonctionnalité particulière à un document Animate. Les composants peuvent inclure des graphiques, ainsi que du code. Ils contiennent donc des fonctionnalités prédéfinies que vous pouvez aisément ajouter à vos projets Animate. Il peut s’agir par exemple d’un bouton radio, d’une boîte de dialogue ou d’une barre de chargement. Il peut même s’agir d’un élément sans aucun graphique, tel qu’un minuteur, un utilitaire de connexion au serveur ou un analyseur XML personnalisé.

Si vous avez peu d’expérience en écriture de code ActionScript, vous pouvez ajouter des composants à un document, définir leurs paramètres dans l’inspecteur des propriétés ou dans l’inspecteur des composants. Utilisez le panneau Comportements afin de gérer leurs événements. Par exemple, vous pouvez affecter un comportement Atteindre la page web à un composant Bouton. Une adresse URL s’ouvre dans un navigateur web lorsque l’utilisateur clique sur ce bouton. sans écrire aucun code ActionScript.

Si vous êtes programmeur et que vous souhaitez créer des applications plus robustes, vous pouvez créer des composants de manière dynamique. Utilisez ActionScript pour définir les propriétés et appeler les méthodes à l’exécution. Vous pouvez également exploiter le modèle à écouteur d’événement pour gérer les événements.

Insertion d’un composant à l’aide du panneau Composants

Lorsque vous ajoutez un composant à un document pour la première fois, Animate l’importe en tant que clip dans le panneau Bibliothèque. Vous pouvez également faire glisser un composant du panneau Composants directement vers le panneau Bibliothèque, puis en ajouter une occurrence sur la scène. Vous devez à chaque fois ajouter un composant à la bibliothèque pour pouvoir accéder aux éléments de sa classe.

  1. Sélectionnez Fenêtre > Panneau Composants.

  2. Sélectionnez une occurrence de composant dans le panneau Composant, puis faites-la glisser sur la scène ou sur le panneau Bibliothèque. Après l’ajout d’un composant dans la bibliothèque, vous pouvez en faire glisser plusieurs occurrences sur la scène.
  3. Configurez le composant selon vos besoins à l’aide de l’inspecteur des propriétés ou de l’Inspecteur des composants. Pour plus d’informations sur les paramètres utilisés par le composant, consultez la documentation du composant concerné pour la version d’ActionScript que vous utilisez dans votre document Animate.

Utilisation du panneau Paramètres de composant

Les concepteurs peuvent importer leurs composants externes dans Animate pour les utiliser lorsqu’ils créent des animations. Pour faciliter ce workflow, Animate propose la section des paramètres de composant sous la forme d’un panneau. Cette fonctionnalité vous permet de redimensionner ou de déplacer ce panneau dans l’environnement de scène d’Animate. Vous pouvez également verrouiller le panneau dans sa position en cliquant sur l’icône en forme de hamburger dans le coin supérieur droit du panneau. Sélectionnez l’option de verrouillage dans le menu.

Vous pouvez ouvrir ce panneau en utilisant le bouton Afficher les paramètres dans l’inspecteur des propriétés ou en sélectionnant Fenêtre > Paramètres de composant. Vous pouvez ajouter des valeurs aux paramètres dans la boîte de dialogue.

Bouton Afficher les paramètres
Bouton Afficher les paramètres

Panneau Paramètres de composant
Panneau Paramètres de composant

En outre, les développeurs de composants personnalisés HTML5 peuvent désormais utiliser l’interface utilisateur HTML/CSS pour leurs paramètres.

Panneau Services web

(Obsolète dans Animate) Vous pouvez afficher une liste des services web, les actualiser et en ajouter ou en supprimer à l’aide du panneau Services web. Cliquez sur Fenêtre > Autres panneaux > Services web . Une fois que vous l’avez ajouté au panneau Services web, vous pouvez utiliser le service web pour toutes les applications que vous créez.

Pour actualiser tous les services web en même temps, dans le panneau Services web, cliquez sur le bouton Actualiser les services web. Si, au lieu d’utiliser la scène, vous rédigez du code ActionScript, vous pouvez utiliser le panneau Services web pour gérer ces services.

 Adobe

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?