Modification de la trajectoire de mouvement d’une animation d’interpolation

  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

Lorsque vous placez une instance d’interpolation sur la scène, une trajectoire de mouvement pour cette animation apparaît sur la scène. La trajectoire est une ligne qui représente le mouvement spatial de l’occurrence interpolée. Ses points (parfois appelés « points d’interpolation » ou « points d’image ») représentent la position de l’objet cible le long de la trajectoire sur le scénario. La position de l’objet cible est représentée comme une seule image ou comme des groupes d’images. 

Vous pouvez modifier la trajectoire de mouvement d’une interpolation de mouvement en procédant comme suit :

  • Modifiez la position de l’objet dans l’une des images de la plage d’interpolation.

  • Déplacez l’ensemble de la trajectoire de mouvement vers un autre emplacement sur la scène.

  • Changez la forme ou la taille de la trajectoire avec les outils Sélection, Sous-sélection ou Transformation libre.

  • Changez la forme ou la taille de la trajectoire avec le panneau Transformer ou l’inspecteur des propriétés.

  • Servez-vous des commandes du menu Modification > Transformer.

  • Appliquez un trait personnalisé sous forme de trajectoire de mouvement.

  • Utilisez l’Éditeur de mouvement.

Pour afficher simultanément toutes les trajectoires de mouvement sur tous les calques de la scène, utilisez l’option Toujours afficher les trajectoires de mouvement. Cet affichage se révèle très utile lorsque l’on conçoit de nombreuses animations sur des trajectoires de mouvement qui se recoupent. Si une trajectoire de mouvement ou une plage d’interpolation est sélectionnée, choisissez cette option dans le menu d’options de l’inspecteur des propriétés.

Voir aussi

Modification de la forme d’une trajectoire de mouvement avec les outils Sélection et Sous-sélection

Les outils Sélection et Sous-sélection permettent de modifier la forme d’une trajectoire de mouvement. L’outil Sélection permet de modifier la forme d’un segment par glissement. Les images-clés de propriété apparaissent sur le tracé sous forme de points de contrôle dans l’interpolation. L’outil Sous-sélection permet d’afficher les points de contrôle et les poignées Bezier de la trajectoire correspondant à chaque image-clé de propriété de position. Vous pouvez alors déplacer ces poignées pour modifier la forme de la trajectoire autour des points des images-clés de propriété.

Lorsque vous créez une trajectoire de mouvement non linéaire, telle qu’un cercle, vous pouvez faire en sorte que l’objet interpolé pivote lors de son déplacement le long de la trajectoire. Pour conserver une orientation constante par rapport à la trajectoire, sélectionnez Orienter vers la trajectoire dans l’inspecteur des propriétés.

Objet interpolé non orienté vers la trajectoire du mouvement (à gauche) et orienté vers la trajectoire de mouvement (à droite).

  1. Cliquez sur l’outil Sélection dans le panneau Outils.

  2. Cliquez sur l’occurrence cible de l’interpolation de façon à ce que la trajectoire de mouvement soit visible sur la scène.

  3. Avec l’outil Sélection, faites glisser l’un des segments de la trajectoire de mouvement pour en modifier la forme. Ne cliquez pas pour sélectionner d’abord le segment.

  4. Pour afficher les points de contrôle Bézier d’un point d’image-clé de propriété sur la trajectoire, cliquez sur l’outil Sous-sélection, puis sur la trajectoire.

    Sur la trajectoire de mouvement, les points d’image-clé de propriété s’affichent sous forme de points de contrôle (petits losanges).

  5. Pour déplacer un point de contrôle, faites-le glisser avec l’outil Sous-sélection.

  6. Pour ajuster la courbe de la trajectoire autour d’un point de contrôle, faites glisser les poignées de Bézier du point de contrôle avec l’outil Sous-sélection.

    Si les poignées ne sont pas développées, faites glisser le point de contrôle en maintenant la touche Alt (Windows) ou Option (Macintosh) enfoncée pour les développer.

  1. Pour supprimer un point d’ancrage, sélectionnez l’outil Supprimer un point d’ancrage. La plupart des points d’ancrage générés avec l’outil Sélection sont des points lisses. Pour convertir un point d’ancrage, sélectionnez l’outil Convertir un point d’ancrage. Le point d'ancrage se transforme en point d'angle.
  1. Vous pouvez également faire glisser de nouvelles poignées de Bézier d'un point et les positionner, comme vous le feriez pour un point d'ancrage standard.
Remarque :

Vous ne pouvez pas ajouter de points d’ancrage à la trajectoire avec l’outil Ajouter un point d’ancrage.

Changement de la position de l’objet interpolé

Pour modifier une trajectoire de mouvement, déplacez l’occurrence cible de l’interpolation sur la scène dans l’une des images de la plage d’interpolation. Si l’image actuelle ne contient pas encore d’image-clé de propriété, Animate lui en ajoute une.

  1. Placez la tête de lecture dans l’image vers laquelle vous souhaitez déplacer l’occurrence cible.
  2. Avec l’outil Sélection, faites glisser l’occurrence cible vers un nouvel emplacement de la scène.

La trajectoire de mouvement s’actualise pour inclure le nouvel emplacement. Toutes les autres images-clés de propriété de la trajectoire de mouvement conservent leur emplacement d’origine.

Modification de l’emplacement d’une trajectoire de mouvement sur la scène

Vous pouvez faire glisser l’ensemble de la trajectoire de mouvement sur la scène ou définir son emplacement dans l’inspecteur des propriétés.

  1. Cliquez sur l’outil Sélection dans le panneau Outils.

  2. Sélectionnez la trajectoire de mouvement par l’une des opérations suivantes :

    • Cliquez sur la plage d’interpolation dans le scénario, puis sur la trajectoire de mouvement sur la scène.
    • Cliquez sur l’objet interpolé sur la scène, puis sur la trajectoire de mouvement.
    • Faites glisser un cadre de sélection autour de la trajectoire de mouvement et de l’occurrence cible pour les sélectionner.
    • (CS5.5 uniquement) Sélectionnez plusieurs trajectoires de mouvement en cliquant sur la trajectoire de mouvement de chaque interpolation à modifier tout en maintenant enfoncée la touche Maj. Vous pouvez également faire glisser un cadre autour des trajectoires de mouvement.
  3. Déplacez la trajectoire de mouvement par l’une des opérations suivantes :

    • Faites glisser la trajectoire vers l’emplacement souhaité sur la scène.
    • Dans l’inspecteur des propriétés, définissez les valeurs X et Y de la trajectoire. Les valeurs X et Y correspondent au coin supérieur gauche du cadre de sélection de la trajectoire de mouvement.
    • Vous pouvez déplacer la trajectoire de mouvement à l’aide des touches fléchées.

Modification d’une trajectoire de mouvement avec l’outil Transformation libre

  1. Cliquez sur l’outil Transformation libre dans le panneau Outils.
  2. Avec l’outil Transformation libre, cliquez sur la trajectoire de mouvement. Ne cliquez pas sur l’occurrence cible de l’interpolation.
  3. Toujours avec l’outil Transformation libre, modifiez l’échelle, inclinez ou faites pivoter la trajectoire.

Suppression d’une trajectoire de mouvement dans une interpolation

  1. Sélectionnez la trajectoire du mouvement sur la scène en cliquant dessus avec l’outil Sélection.
  2. Appuyez sur la touche Suppr.

Copie d’une trajectoire de mouvement sous forme de trait

  1. Cliquez sur la trajectoire de mouvement sur la scène pour la sélectionner.
  2. Choisissez la commande Modifier > Copier.

Vous pouvez ensuite coller la trajectoire dans un autre calque sous forme de trait ou de trajectoire de mouvement pour une autre interpolation de mouvement.

Application d’un trait personnalisé sous forme de trajectoire de mouvement

Vous pouvez appliquer un trait de calque ou de scénario distinct en tant que trajectoire de mouvement d’une interpolation.

  1. Sélectionnez un trait sur un calque autre que celui d’interpolation et copiez-le dans le Presse-papiers.
    Ce trait ne doit pas être fermé. Seuls les traits ininterrompus peuvent être utilisés.
  2. Sélectionnez une plage d’interpolation dans le scénario,, puis collez le trait. Animate applique le trait en tant que nouvelle trajectoire de mouvement pour la plage d’interpolation sélectionnée. L’occurrence cible de l’interpolation se déplace à présent le long du nouveau trait.
  3. Pour inverser les points de début et de fin de l’interpolation, cliquez sur la plage d’interpolation avec le bouton droit de la souris (Windows) ou en appuyant sur la touche Commande (Macintosh), puis, dans le menu contextuel de la plage d’interpolation, sélectionnez Trajectoire de mouvement > Inverser le tracé.
Logo Adobe

Accéder à votre compte