Création d’une animation d’interpolation de mouvement

  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

Avant de commencer

 Avant de commencer l’animation, quelques connaissances préalables sont requises :

Prérequis

Description

Avant de créer des interpolations de mouvement, familiarisez-vous avec l’utilisation du scénario et la modification des propriétés. Vous pouvez modifier les images-clés de propriété individuelles sur la scène, dans l’inspecteur des propriétés ou à l’aide de la nouvelle version de l’Éditeur de mouvement.

Dans Animate, seules les occurrences de symbole et les champs de texte sont interpolées. Tous les autres types d’objets sont enveloppés dans un symbole lorsque vous leur appliquez une interpolation. L’occurrence de symbole peut contenir des symboles imbriqués, pouvant eux-mêmes être interpolés sur leurs propres scénarios.

Le bloc de construction minimal d’un calque d’interpolation est une plage d’interpolations. Une plage d’interpolation de calque d’interpolation ne peut contenir qu’une seule occurrence de symbole ou qu’un seul champ de texte. L’occurrence de symbole est appelée la cible de la plage d’interpolation. Néanmoins, un seul symbole peut contenir plusieurs objets.

L’ajout d’un second symbole ou champ de texte dans la plage d’interpolation remplace le symbole d’origine dans l’interpolation. Pour modifier l’objet cible d’une interpolation, procédez de l’une des manières suivantes :

  • Faites glisser un autre symbole de la bibliothèque sur la plage d’interpolation dans le scénario.
  • Sélectionnez Modification > Symbole > Permuter le symbole.

Vous pouvez supprimer le symbole d’un calque d’interpolation sans supprimer ni diviser l’interpolation. Vous pourrez ajouter ultérieurement une occurrence de symbole différente à l’interpolation. Par ailleurs, vous pouvez à tout moment changer de type de symbole cible ou modifier le symbole.

Lorsqu’une interpolation contient un mouvement, une trajectoire de mouvement apparaît sur la scène. Cette trajectoire indique la position de l’objet interpolé dans chaque image. Vous pouvez modifier la trajectoire de mouvement sur la scène en déplaçant ses points de contrôle. Vous ne pouvez pas ajouter de guide de mouvement à un calque d’interpolation ou de cinématique inverse. 

Voir aussi

Composants des interpolations de mouvement

Plage d’interpolation :

  • Séquence d’images du scénario dans laquelle une ou plusieurs propriétés d’un objet peuvent changer avec le temps.
  • Dans le scénario, la plage d’interpolation de mouvement prend la forme d’un groupe d’images placé dans un même calque sur fond coloré.
  • Les plages d’interpolation peuvent être sélectionnées séparément sous la forme d’un seul objet, puis déplacées d’un point du scénario à un autre, y compris vers un autre calque.
  • Vous ne pouvez animer qu’un seul objet de la scène dans chaque plage d’interpolation. Cet objet est appelé objet cible de la plage d’interpolation.

Image-clé de propriété :

  • Image d’une plage d’interpolation dans laquelle vous définissez explicitement une ou plusieurs valeurs de propriétés pour l’objet cible de l’interpolation.
  • Ces propriétés peuvent inclure la position, la valeur alpha (transparence), la teinte, etc.
  • Chaque propriété définie possède ses propres images-clés de propriété.
  • Si vous définissez plusieurs propriétés pour une même image, les images-clés de propriété de chacune de ces propriétés résident dans cette image.
  • Dans l’éditeur de mouvement, affichez chaque propriété d’une plage d’interpolation et ses images-clés de propriété.
  • Pour choisir le type des images-clés de propriété à afficher dans le scénario à partir du menu contextuel de la plage d’interpolation, cliquez avec le bouton droit sur une image-clé de propriété et sélectionnez ensuite « Afficher les images-clés ». 

Objet cible d’une interpolation

Une interpolation de mouvement comprend un seul objet dans une plage d’interpolation, appelé objet cible de l’interpolation. Le fait qu’une interpolation comporte un seul objet cible présente plusieurs avantages :

  • Vous pouvez enregistrer une interpolation en tant que présélection en vue de la réutiliser. 
  • Vous pouvez facilement déplacer les interpolations de mouvement sur le scénario (en faisant glisser la plage d’interpolation) ou sur la scène.
  • Pour appliquer une nouvelle occurrence à une interpolation existante :
    • Collez-la sur une interpolation pour remplacer l’interpolation existante.
    • Faites glisser une nouvelle occurrence de la bibliothèque.
    • Cliquez sur le bouton Permuter le symbole. 

Objets et propriétés pouvant faire l’objet d’une interpolation

Les types d’objets auxquels vous pouvez appliquer une interpolation de mouvement sont notamment les clips, les symboles graphiques et de bouton, et les champs de texte. Les propriétés pouvant être interpolées pour ces objets comprennent :

  • La position 2D X et Y
  • La position 3D Z (clips uniquement)

  • Rotation 2D (autour de l’axe z)

  • La rotation 3D X, Y et Z (clips uniquement): définit le fichier FLA cible sur ActionScript 3.0 et Flash Player 10 ou version ultérieure dans les Paramètres de publication. Adobe AIR prend également en charge le mouvement 3D.

  • L’inclinaison X et Y

  • L’échelle X et Y

  • Effets de couleur: comprennent les paramètres alpha (transparence), luminosité, teinte et les paramètres de couleur avancés. Les effets de couleur peuvent être interpolés uniquement sur des symboles et du texte TLF. En interpolant ces propriétés, vous pouvez faire apparaître les objets en fondu ou effectuer des transitions de couleur d’un objet à l’autre. Pour interpoler un effet de couleur sur du texte classique, convertissez ce texte en symbole.

  • Propriétés de filtre (il est impossible d'appliquer des filtres aux symboles de graphique)

Création d’une animation d’interpolation de mouvement

Vous pouvez créer une interpolation de mouvement en utilisant l’une des trois méthodes suivantes :

  • Créez un graphique ou une occurrence que vous souhaitez interpoler, puis cliquez avec le bouton droit de la souris sur une image et sélectionnezCréer une interpolation de mouvement.
  • Sélectionnez le graphique ou l’occurrence que vous souhaitez interpoler, puis sélectionnez Insérer > Interpolation de mouvement dans le menu principal.
  • Créez un graphique ou une occurrence que vous souhaitez interpoler, puis cliquez avec le bouton droit de la souris sur l’occurrence sur la Scène et sélectionnez Créer une interpolation de mouvement.
Remarque :

L’utilisation d’ActionScript dans l’animation est facultative.

Création d’une animation d’interpolation de mouvement

Interpolation d’autres propriétés avec l’inspecteur des propriétés

À l’aide de la commande Créer une interpolation de mouvement, animez les propriétés d’une occurrence de symbole ou d’un champ de texte comme suit : rotation, échelle, transparence ou teinte (symboles et texte TLF uniquement). Par exemple, vous pouvez modifier la propriété alpha (transparence) d’une occurrence de symbole en vue de l’estomper à l’écran. Pour obtenir la liste des propriétés que vous pouvez animer avec des interpolations de mouvement, voir Objets et propriétés pouvant faire l’objet d’une interpolation.

  1. Sélectionnez une occurrence de symbole ou un champ de texte sur la scène.

    Si la sélection contient d’autres objets ou si elle contient plusieurs objets du calque, Animate vous propose de la convertir en symbole de clip.

  2. Choisissez Insertion > Interpolation de mouvement.

    Si la boîte de dialogue « Convertir la sélection en symbole en vue de l’interpolation » s’affiche, cliquez sur OK pour convertir la sélection en occurrence de clip.

    Lorsque vous appliquez une interpolation à un objet présent dans une seule image, la tête de lecture se déplace jusqu’à la dernière image de la nouvelle interpolation. Sinon, la tête de lecture ne se déplace pas.

  3. Placez la tête de lecture dans l’image de la plage d’interpolation à l’emplacement où vous souhaitez spécifier une valeur de propriété.

    Vous pouvez placer la tête de lecture dans une autre image de la plage d’interpolation. L’interpolation commence avec les valeurs des propriétés de la première image de la plage, correspondant toujours à une image-clé de propriété.

  4. Lorsque l’objet est sélectionné sur la scène, définissez la valeur d’une propriété de non position, telle que la transparence alpha, la rotation ou l’inclinaison. Définissez la valeur avec l’inspecteur des propriétés ou avec l’un des outils du panneau Outils.

    L’image active de la plage devient une image-clé de propriété.

    Remarque :

    Vous pouvez afficher divers types d’images-clés de propriété dans des plages d’interpolation. Cliquez sur une plage d’interpolation avec le bouton droit de la souris (Windows) ou en maintenant enfoncée la touche Commande (Macintosh) et choisissez Afficher les images-clés > type de propriété dans le menu contextuel.

  5. Faites défiler la tête de lecture dans le scénario pour afficher un aperçu de l’interpolation sur la scène.

  6. Pour ajouter d’autres images-clés de propriété, déplacez la tête de lecture vers l’image souhaitée dans la plage et définissez la valeur de la propriété dans l’inspecteur des propriétés.

Ajout d’une interpolation à un calque d’interpolation

Vous pouvez ajouter des interpolations supplémentaires dans un calque d’interpolation existant. Ajoutez d’autres interpolations afin d’utiliser moins de calques lorsque vous créez du contenu Animate avec une animation.

  1. Effectuez l’une des opérations suivantes :

    • Ajoutez une image-clé vide dans le calque (Insertion > Scénario > Image-clé vide), ajoutez des éléments dans l’image-clé, puis interpolez les éléments.
    • Créez une interpolation sur un calque distinct et faites glisser la plage vers le calque désiré.
    • Faites glisser une image statique d’un autre calque vers le calque d’interpolation, puis ajoutez une interpolation à un objet de l’image statique.
    • Faites glisser une plage existante vers le même calque ou vers un autre calque tout en appuyant sur la touche Alt (Windows) ou Option (Macintosh) pour la dupliquer.
    • Copiez-collez une plage d'interpolation du même calque ou d'un calque différent.
Logo Adobe

Accéder à votre compte