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

Avant de commencer

Avant de créer des interpolations, il est très utile de comprendre les concepts suivants associés à Animate :

• Réalisation de dessins sur la scène

• Calques de scénario et ordre d’empilement des objets dans un calque ou à travers les calques

• Déplacement et transformation d’objets sur la scène et dans l’inspecteur des propriétés

• Utilisation du scénario, y compris durée de vie des objets et sélection des objets, à des points temporels spécifiques. Voir Images et images-clés pour connaître les principes de base.

• Symboles et propriétés des symboles. Les types de symboles interpolables comprennent les clips, les boutons et les graphiques. Le texte n'est pas interpolable.

• Symboles imbriqués. Il est possible d'imbriquer des occurrences de symboles dans d'autres symboles.

• Facultatif : modification de la courbe de Bézier avec les outils Sélection et Sous-sélection. Ces outils permettent également de modifier les trajectoires de mouvement d’interpolation. Pour plus d’informations, reportez-vous à la section Modification des interpolations de mouvement avec l’Éditeur de mouvement.

Pour plus d’informations sur ces concepts, voir la liste des liens au bas de cette page.

Fonctionnement des interpolations de mouvement

Une interpolation de mouvement est une animation créée en spécifiant plusieurs valeurs pour la propriété d’un objet dans plusieurs images. Animate calcule les valeurs de cette propriété entre ces deux images. Le terme interpolation (« tween » en anglais) est la contraction de l’anglais « in between » qui signifie « au milieu » ou « dans l’intervalle ».

Par exemple, vous pouvez placer un symbole à gauche de la scène dans l’image 1 et le déplacer à droite de la scène dans l’image 20. Lorsque vous créez une interpolation, Animate calcule toutes les positions intermédiaires du clip. Le résultat est une animation du symbole qui se déplace de gauche à droite, de l’image 1 à l’image 20. Dans chaque image intermédiaire, Animate déplace le clip à travers la scène d’un vingtième de la distance.

Une plage d’interpolation est un groupe d’images du scénario dans lequel une ou plusieurs propriétés d’un objet peuvent changer avec le temps. Dans le scénario, la plage d’interpolation prend la forme d’un groupe d’images placé dans un même calque sur fond bleu. Ces plages d’interpolation peuvent être sélectionnées séparément sous la forme d’un seul objet, puis déplacées d’un emplacement à l’autre dans le scénario, y compris vers un autre calque. Chaque plage d’interpolation permet d’animer un seul objet de la scène. Cet objet est appelé objet cible de la plage d’interpolation.

Une image-clé de propriété est une 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é que vous définissez 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. Vous pouvez afficher chaque propriété d’une plage d’interpolation et ses images-clés de propriété dans l’Éditeur de mouvement. Vous pouvez également choisir quels types d’images-clés de propriété afficher dans le scénario à partir du menu contextuel de la plage d’interpolation.

Dans l’exemple précédent d’interpolation d’un clip de l’image 1 à l’image 20, les images 1 et 20 sont des images-clés de propriété. Vous pouvez utiliser l’inspecteur des propriétés, l’éditeur de mouvement et de nombreux autres outils dans Animate pour définir les valeurs des propriétés que vous souhaitez animer. Vous spécifiez ces valeurs de propriété dans les images de votre choix, et Animate ajoute les images-clés de propriété requises à la plage d’interpolation. Animate interpole alors les valeurs de chaque propriété des images placées entre les images-clés de propriété que vous avez créées.

Si un objet interpolé change d’emplacement sur la scène au cours de l’interpolation, une trajectoire de mouvement est associée à la plage d’interpolation. Cette trajectoire de mouvement montre la trajectoire suivie par l’objet interpolé à travers la scène. Vous pouvez modifier la trajectoire du mouvement sur la scène avec les outils Sélection, Sous-sélection, Convertir un point d’ancrage, Retirer un point d’ancrage et Transformation libre, ainsi qu’avec les commandes du menu Modification. Si vous n’interpolez pas la position, aucune trajectoire de mouvement n’apparaît sur la scène. Vous pouvez également appliquer une trajectoire existante en la collant sur une plage d’interpolation dans le scénario.

L’animation interpolée est un moyen efficace de créer du mouvement et des modifications de façon progressive tout en réduisant la taille du fichier. Dans l’animation interpolée, seules les valeurs des images-clés de propriété que vous spécifiez sont stockées dans le fichier FLA et le fichier SWF publié.

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

Les types d’objets pouvant être interpolés comprennent 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)

  Le mouvement en 3D exige que le fichier FLA cible ActionScript 3.0 et Flash Player 10 ou une 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

  Les 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)

Différences entre interpolations de mouvement et interpolations classiques

Animate prend en charge deux différents types d’interpolations pour créer du mouvement. Les interpolations de mouvement sont puissantes et faciles à créer. Les interpolations de mouvement offrent le plus grand contrôle sur une animation interpolée. Les interpolations classiques, qui incluent toutes les interpolations créées dans les versions antérieures d’Animate, sont plus complexes à créer. Alors que les interpolations de mouvement offrent beaucoup plus de contrôle sur une interpolation, les interpolations classiques fournissent des capacités spécifiques susceptibles d’intéresser certains utilisateurs.

Différences entre interpolations de mouvement et interpolations classiques :

• Les interpolations classiques utilisent des images-clés. Les images-clés sont les images dans lesquelles apparaît une nouvelle occurrence d’un objet. Les interpolations de mouvement ne peuvent avoir qu’une seule occurrence d’objet associée et utilisent des images-clés de propriété au lieu d’images-clés.

• Une interpolation de mouvement est composée d’un seul objet sur la plage d’interpolation entière. Une interpolation classique autorise l'interpolation entre deux images-clés contenant des occurrences des mêmes symboles ou de symboles différents.

• Les interpolations de mouvement et les interpolations classiques autorisent uniquement l’interpolation de certains types d’objets. Lorsque vous appliquez une interpolation de mouvement à des types d’objets non autorisés, Animate vous invite à les convertir en clip lors de la création de l’interpolation. L’application d’une interpolation classique les convertit en symboles graphiques.

• Les interpolations de mouvement considèrent le texte comme un type interpolable et ne convertissent pas les objets texte en animations. Les interpolations classiques convertissent les objets texte en symboles graphiques.

• Les scripts d’image ne sont pas autorisés sur une plage d’interpolation de mouvement. Les interpolations classiques autorisent les scripts d’image.

• Sur une cible d’interpolation, les scripts d’objet ne peuvent pas changer pendant le déroulement de la plage d’interpolation de mouvement.

• Les plages d’interpolation de mouvement peuvent être étirées et redimensionnées dans le scénario ; elles sont traitées comme un seul objet. Les interpolations classiques sont composées de groupes d’images individuellement sélectionnables dans le scénario.

• Pour sélectionner des images individuelles dans une plage d’interpolation de mouvement, cliquez sur les images tout en appuyant sur la touche Ctrl (Windows) ou Commande (Macintosh).

• Avec les interpolations classiques, les accélérations peuvent être appliquées aux groupes d’images situées entre les images-clés de l’interpolation. Avec les interpolations de mouvement, les accélérations s’appliquent sur toute la longueur de la plage d’interpolation de mouvement. L’accélération uniquement des images spécifiques d’une interpolation de mouvement requiert la création d’une courbe d’accélération personnalisée.

• Vous pouvez utiliser des interpolations classiques pour appliquer deux effets de couleur différents, tels que la transparence alpha et la teinte. Les interpolations de mouvement ne peuvent appliquer qu’un seul effet de couleur par interpolation.

• Pour animer des objets 3D, vous ne pouvez utiliser que des interpolations de mouvement. Vous ne pouvez pas animer un objet 3D à l’aide d’une interpolation classique.

• Seules les interpolations de mouvement peuvent être enregistrées en tant que présélections de mouvement.

• Avec les interpolations de mouvement, vous ne pouvez pas permuter des symboles ni définir le nombre d’images d’un symbole graphique à afficher dans une image-clé de propriété. Les animations qui comprennent ces techniques requièrent des interpolations classiques.

• Il peut exister plusieurs interpolations classiques ou de mouvement sur le même calque, mais pas les deux types d'interpolation à la fois.

Ressources supplémentaires

Les articles et ressources suivants concernant les différences entre les interpolations de mouvement et les interpolations classiques sont disponibles :

• Création d’une animation simple dans Animate (Adobe.com)

• Guide de migration du mouvement pour Animate (Adobe.com)

• Jen DeHaan a écrit un article très intéressant sur le modèle de mouvement dans Animate, et les différences entre les interpolations de mouvement et les interpolations classiques sur son site Flashthusiast.com (disponible en anglais uniquement).

Application de présélections de mouvement

Les présélections de mouvement sont des interpolations de mouvement préconfigurées que vous pouvez appliquer à un objet sur la scène. Il suffit de sélectionner cet objet et de cliquer sur le bouton Appliquer du panneau Présélections de mouvement.

L’utilisation de présélections de mouvement permet d’apprendre rapidement les bases de l’ajout d’animations dans Animate. Lorsque vous avez compris le fonctionnement des présélections, créer vos propres animations devient encore plus facile.

Vous pouvez également créer et enregistrer vos propres présélections personnalisées. Ces dernières peuvent provenir de présélections de mouvement existantes précédemment modifiées ou d’interpolations personnalisées que vous avez vous-même créées.

Le panneau Présélections de mouvement permet également d’importer et d’exporter des présélections. Vous pouvez alors partager des présélections avec vos collègues ou profiter des présélections partagées par les membres de la communauté de conception Animate.

L’utilisation de présélections peut vous faire gagner du temps lors de la conception et du développement de vos projets, particulièrement si vous utilisez souvent les mêmes types d’interpolation.

Aperçu d’une présélection de mouvement

Chaque présélection de mouvement fournie avec Animate s’accompagne d’un aperçu que vous pouvez visionner dans le panneau Présélections de mouvement. Cet aperçu vous permet de voir à quoi ressemble l’animation une fois appliquée à un objet dans votre document. Vous pouvez également ajouter votre propre aperçu aux présélections personnalisées que vous créez ou que vous importez.

Application d’une présélection de mouvement

Lorsqu’un objet interpolable (occurrence de symbole ou champ de texte) est sélectionné sur la scène, vous pouvez cliquer sur le bouton Appliquer pour lui appliquer une présélection. Vous ne pouvez appliquer qu’une seule présélection par objet. Si vous appliquez une seconde présélection au même objet, celle-ci remplace la première.

Lorsqu’une présélection est appliquée à un objet sur la scène, l’interpolation créée dans le scénario n’est plus reliée au panneau Présélections de mouvement. Si vous supprimez ou renommez une présélection dans le panneau Présélections de mouvement, l’opération n’affecte pas les interpolations créées précédemment avec cette présélection. Si vous enregistrez une nouvelle présélection sur une présélection présente dans le panneau, l’opération n’affecte pas les interpolations créées précédemment avec la présélection d’origine.

Chaque présélection de mouvement contient un nombre spécifique d’images. Lorsque vous appliquez une présélection, la plage d’interpolation créée dans le scénario contient ce nombre d’images. Si une interpolation de longueur différente est déjà appliquée à l’objet cible, la plage d’interpolation est ajustée en fonction de la longueur de la présélection de mouvement. Vous pouvez également ajuster la longueur de la plage d’interpolation dans le scénario après application de la présélection.

Les présélections de mouvement qui contiennent un mouvement en 3D ne peuvent être appliquées qu’à des occurrences de clip. Les propriétés 3D interpolées ne s’appliquent pas aux symboles de bouton ou de graphique, ni aux champs de texte classique. Vous pouvez appliquer des présélections de mouvement 2D ou 3D à tout clip 2D ou 3D.

Pour appliquer la présélection de mouvement, procédez comme suit :

Vous pouvez également appliquer une présélection de mouvement à plusieurs images sélectionnées sur des calques distincts, pour autant que chaque image sélectionnée ne contienne qu’un seul objet interpolable.

Enregistrement d’une interpolation en tant que présélection de mouvement personnalisée

Si vous créez votre propre interpolation ou si vous modifiez une interpolation appliquée à partir du panneau Présélections de mouvement, vous pouvez l’enregistrer en tant que nouvelle présélection de mouvement. La nouvelle présélection apparaît dans le dossier Présélectionspersonnalisées du panneau Présélections de mouvement.

Pour enregistrer une interpolation personnalisée en tant que présélection :

Importation d’une présélection de mouvement

Les présélections de mouvement sont stockées sous forme de fichiers XML. Pour ajouter une présélection dans le panneau Présélections de mouvement, importez un fichier d’interpolation XML. Notez que les présélections de mouvement importées en tant que fichiers XML peuvent être ajoutées uniquement à des interpolations classiques.

Animate ouvre le fichier XML et ajoute la présélection de mouvement dans le panneau.

Exportation d’une présélection de mouvement

Vous pouvez exporter les présélections de mouvement enregistrées sous forme de fichiers XML pour les partager avec d’autres utilisateurs Animate.

Suppression d’une présélection de mouvement

Vous pouvez supprimer des présélections du panneau Présélections de mouvement. Lorsque vous supprimez une présélection, Animate efface son fichier XML sur le disque. Pensez à sauvegarder les présélections que vous souhaitez réutiliser en en exportant d’abord des copies.

Création d’un aperçu pour une présélection personnalisée

Vous pouvez créer un aperçu pour toutes vos présélections de mouvement personnalisées. Pour ce faire, stockez un fichier SWF de démonstration de l’animation interpolée dans le même répertoire que le fichier XML de la présélection de mouvement.

L’aperçu s’affiche à présent lorsque l’interpolation personnalisée est sélectionnée dans le panneau Présélections de mouvement.

Création d’une animation interpolée

Avant de commencer

Avant de commencer à animer des propriétés, notez les points suivants :

Le langage ActionScript n’est pas nécessaire. Comme de nombreux éléments dans Animate, les animations n’impliquent pas l’utilisation du langage ActionScript. Vous pouvez néanmoins utiliser ActionScript si tel est votre choix.

Principes de base du scénario et de la modification des propriétés. Avant de faire appel aux interpolations de mouvement, vous devez vous familiariser avec l’utilisation de base du scénario et la modification des propriétés. Voir Images et images-clés pour connaître les principes de base.

Vous pouvez modifier les images-clés de propriété individuelles sur la scène, dans l’inspecteur des propriétés ou dans l’Éditeur de mouvement. Notez cependant qu’il n’est pas impératif d’utiliser ce dernier pour créer de nombreux types d’interpolations de mouvement simples.

L’Éditeur de mouvement a été abandonné dans Animate CC.

Occurrences de symbole et champs de texte uniquement. 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.

Un seul objet par interpolation. Le bloc de construction minimal d’un calque d’interpolation est une plage d’interpolation. 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.

Modification de la cible. L’ajout d’un second symbole ou champ de texte dans la plage d’interpolation remplace le symbole d’origine dans l’interpolation. Vous pouvez modifier l’objet cible d’une interpolation en faisant glisser un autre symbole de la bibliothèque vers la plage d’interpolation dans le scénario ou en utilisant la commande Modification > Symbole > Permuter le symbole. Vous pouvez supprimer le symbole d’un calque d’interpolation sans supprimer ni diviser l’interpolation. Vous pouvez ensuite 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.

Modification des trajectoires de mouvement. 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.

Pour plus d’informations sur l’interpolation avec la cinématique inverse, reportez-vous à la section Animation d’un squelette.

Procédure d’ajout d’interpolations au scénario

Lorsque vous ajoutez une interpolation à un objet sur un calque, Animate effectue l’une des opérations suivantes :

• Il convertit le calque en calque d’interpolation.

• Il crée un nouveau calque pour préserver l’ordre d’empilement original des objets sur le calque.

L’ajout de calques obéit aux règles suivantes :

• Si le calque ne contient pas d’autre objet que la sélection, il est converti en calque d’interpolation.

• Si la sélection se trouve au bas de l’ordre d’empilement du calque (sous tous les autres objets), Animate crée un calque au-dessus du calque original. Ce nouveau calque contient les éléments non sélectionnés. Le calque original devient un calque d’interpolation.

• Si la sélection se trouve en haut de l’ordre d’empilement du calque (au-dessus de tous les autres objets), Animate crée un calque. La sélection est déplacée vers le nouveau calque et ce dernier devient un calque d’interpolation.

• Si la sélection se trouve au milieu de l’ordre d’empilement du calque (des objets se trouvent au-dessus et en dessous de la sélection), Animate crée deux calques. Un calque contient la nouvelle interpolation et un autre au-dessus de lui les éléments sélectionnés en haut de l’ordre d’empilement. Les éléments non sélectionnés situés au bas de l’ordre d’empilement demeurent sur le calque d’origine, au-dessous des nouveaux calques insérés.

Un calque d’interpolation peut contenir des plages d’interpolations, ainsi que des images statiques et du code ActionScript. Toutefois, les images d’un calque d’interpolation contenant une plage d’interpolation ne peuvent pas contenir d’autres objets que l’objet interpolé. Pour ajouter d’autres objets dans la même image, placez-les sur des calques distincts.

Animation d’une position à l’aide d’une interpolation

Pour déplacer un objet ou le faire glisser sur la scène :

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

La commande Créer une interpolation de mouvement permet d’animer la plupart des propriétés d’une occurrence de symbole ou d’un champ de texte, notamment la rotation, l’échelle, la transparence ou la 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.

Ajout d’une interpolation supplémentaire dans un calque d’interpolation existant

Vous pouvez ajouter des interpolations supplémentaires dans un calque d’interpolation existant. Cela vous permet d’utiliser moins de calques lors de la création de contenu Animate avec une animation.

Modification de la trajectoire de mouvement d’une animation interpolée

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.

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.

Modification de la position de l’objet interpolé

Pour modifier une trajectoire de mouvement, la méthode la plus simple consiste à déplacer 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.

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.

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

Étant donné que la tête de lecture se trouve sur la première image des interpolations, la mise à l'échelle s'applique à toutes les images interpolées. Aucune nouvelle image-clé de propriété n'est créée.

Suppression d’une trajectoire de mouvement dans une interpolation

Copie d’une trajectoire de mouvement sous forme de trait

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.

Utilisation d’images-clés de propriété itinérantes

Une image-clé de propriété itinérante est une image-clé qui n’est pas reliée à une image spécifique du scénario. Animate ajuste la position des images-clés itinérantes de sorte que la vitesse du mouvement soit cohérente tout au long de l’interpolation.

Les images-clés itinérantes sont disponibles uniquement pour les propriétés spatiales X, Y et Z. Elles s’avèrent pratiques lorsque vous avez modifié une trajectoire de mouvement sur la scène en faisant glisser l’objet interpolé vers différents emplacements dans différentes images. Une telle modification des trajectoires de mouvement crée souvent des segments de tracé dans lesquels le mouvement est plus rapide ou plus lent que dans les autres segments. Ceci se produit car le segment du tracé contient plus ou moins d’images que les autres segments.

L’utilisation des images-clés de propriété itinérantes permet d’adapter la vitesse d’une animation pour qu’elle soit égale dans toute l’interpolation. Lorsque les images-clés de propriété sont réglées pour être itinérantes, Animate ajuste leur position dans la plage d’interpolation de sorte que l’objet interpolé se déplace sur la même distance dans chaque image de l’interpolation. Vous pouvez alors utiliser l’accélération pour ajuster le mouvement afin que l’accélération soit réaliste du début à la fin de l’interpolation.

Lorsque vous collez une trajectoire personnalisée sur une interpolation, Animate définit les images-clés de propriété sur « itinérant » par défaut.

Pour activer les images-clés itinérantes pour toute une interpolation, procédez comme suit :

• Cliquez avec le bouton droit de la souris (Windows) ou avec la touche Commande (Macintosh) sur la plage d’interpolation dans le scénario, puis choisissez Trajectoire de mouvement > Définir les images-clés sur itinérant dans le menu contextuel.

Pour activer l’itinérance d’une image-clé de propriété individuelle dans une interpolation, procédez comme suit :

• Cliquez avec le bouton droit de la souris (Windows) ou avec le bouton Commande (Macintosh) sur l’image-clé de propriété dans l’Éditeur de mouvement, puis choisissez Itinérant dans le menu contextuel. Pour plus d’informations sur l’Éditeur de mouvement, reportez-vous à la section Modification des courbes de propriété avec l’Éditeur de mouvement.

Lorsque les images-clés de propriété sont définies sur Itinérant, elles apparaissent sous forme de points ronds au lieu de carrés dans l’Éditeur de mouvement.

Modification des plages d’interpolation d’une animation dans le scénario

Lors de la création d’une animation dans Animate, il est souvent approprié de commencer par définir des plages d’interpolation dans le scénario. En établissant la disposition initiale des objets dans des images et des calques, vous pouvez alors terminer les interpolations en modifiant les valeurs des propriétés interpolées dans l’inspecteur des propriétés ou dans l’Éditeur de mouvement.

Pour sélectionner des plages d’interpolation et des images dans le scénario, effectuez l’une des opérations suivantes : Vérifiez que l’option Sélection basée sur plages est activée dans le panneau Préférences générales (Modifier > Préférences).

• Pour sélectionner l’ensemble d’une plage d’interpolation, cliquez sur cette dernière.

• Pour sélectionner plusieurs plages d’interpolation, y compris des plages non contiguës, cliquez sur chaque plage en maintenant la touche Maj enfoncée.

• Pour sélectionner une seule image dans une plage d’interpolation, cliquez sur cette image tout en appuyant sur les touches Ctrl+Alt (Windows) ou Commande+Option (Macintosh).

• Pour sélectionner plusieurs images contiguës dans une plage, faites glisser la souris à l’intérieur de la plage tout en appuyant sur les touches Ctrl+Alt (Windows) ou Commande+Option (Macintosh).

• Pour sélectionner des images de plusieurs plages d'interpolation dans des calques différents, faites glisser la souris sur plusieurs calques tout en appuyant sur les touches Ctrl+Alt (Windows) ou Commande+Option (Macintosh).

• Pour sélectionner une image-clé de propriété individuelle dans une plage d'interpolation, cliquez sur cette image-clé de propriété tout en appuyant sur les touches Ctrl+Alt (Windows) ou Commande+Option (Macintosh). Vous pouvez ensuite la faire glisser vers un nouvel emplacement.

Une liste complète de modificateurs de clavier à utiliser avec les plages d’interpolation dans le scénario est disponible sur Flashthusiast.com.

Déplacement, duplication ou suppression de plages d’interpolation

• Pour déplacer une plage vers un nouvel emplacement du même calque, faites-la glisser.

  Remarque : Le verrouillage d’un calque empêche de modifier la scène, mais pas le scénario. Le déplacement d’une plage au-dessus d’une autre détruit les images qui se chevauchent dans la seconde plage.

• Pour déplacer une plage d’interpolation vers un autre calque, faites-la glisser vers le calque ou copiez-la et collez-la dans le nouveau calque.

  Vous pouvez faire glisser une plage d’interpolation vers un calque normal, un calque d’interpolation, un calque de guide, un calque de masque ou un calque masqué. Si le nouveau calque est un calque normal et vide, il devient un calque d’interpolation.

• Pour dupliquer une plage, faites-la glisser vers son nouvel emplacement dans le scénario en maintenant la touche Maj enfoncée (Windows) ou Commande (Macintosh), ou copiez-la et collez-la.

• Pour supprimer une plage, sélectionnez-la et choisissez Supprimer les images ou Effacer les images dans le menu contextuel de la plage.

Modification de plages d’interpolation adjacentes

• Pour déplacer la ligne séparant deux plages d’interpolation contiguës, faites glisser cette ligne de séparation.

  Chaque interpolation est alors recalculée.

• Pour séparer les images adjacentes de début et de fin de deux plages d’interpolation contiguës, faites glisser l’image de début de la seconde plage en maintenant la touche Alt enfoncée (Windows) ou Commande (Macintosh).

  Cette opération vous permet d’ajouter d’autres images entre les deux plages.

• Pour diviser une plage d’interpolation en deux plages distinctes, cliquez en maintenant la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée sur une image dans la plage, puis choisissez Diviser le mouvement dans le menu contextuel de la plage.

  Les deux plages d’interpolation ont alors la même occurrence cible.

  Remarque : Vous ne pouvez pas diviser un mouvement si plusieurs images sont sélectionnées. Si une accélération était appliquée à l’interpolation divisée, il est possible que le mouvement des deux interpolations plus petites ne soit pas exactement le même que l’original.

• Pour relier deux plages d’interpolation contiguës, sélectionnez-les et choisissez Joindre les mouvements dans le menu contextuel de la plage.

Modification de la longueur d’une plage d’interpolation

• Pour modifier la longueur d’une animation, faites glisser l’extrémité (droite ou gauche) de la plage d’interpolation.

  Le glissement de l’extrémité d’une plage dans les images d’une autre plage remplace ces dernières dans la seconde plage.

• Pour étendre la présence d’un objet interpolé sur la scène au-delà de l’une des extrémités de son interpolation, faites glisser l’image d’une des extrémités de sa plage d’interpolation en maintenant la touche Maj enfoncée. Animate ajoute des images à la fin de la plage sans les interpoler.

  Vous pouvez également sélectionner une image située après la plage d’interpolation dans le même calque et appuyer sur F6.Animate étend la plage d’interpolation et ajoute une image-clé de propriété pour toutes les propriétés de l’image sélectionnée. Si vous appuyez sur la touche F5, Animate ajoute des images, mais pas d’image-clé de propriété à l’image-clé sélectionnée.

  Remarque : Pour ajouter des images statiques à la fin d’une plage concomitante à une autre plage, commencez par déplacer la plage adjacente pour faire de la place aux nouvelles images.

Ajout ou suppression d’images dans une plage d’interpolation

• Pour supprimer des images dans une plage, faites glisser la souris en maintenant la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée pour sélectionner des images, puis choisissez Supprimer les images dans le menu contextuel de la plage.

• Pour couper des images dans une plage, faites glisser la souris en maintenant la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée pour sélectionner les images, puis choisissez Couper les images dans le menu contextuel de la plage.

• Pour coller des images dans une plage d’interpolation existante, faites glisser la souris en maintenant la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée pour sélectionner les images à remplacer, puis choisissez Coller les images dans le menu contextuel de la plage.

  Le fait de coller simplement l’ensemble d’une plage sur une autre remplace la totalité de la seconde plage.

Remplacement ou suppression de l’occurrence cible d’une interpolation

Pour remplacer l’occurrence cible d’une plage d’interpolation, effectuez l’une des opérations suivantes :

• Sélectionnez la plage et faites glisser le nouveau symbole du panneau Bibliothèque vers la scène.

• Sélectionnez le nouveau symbole dans le panneau Bibliothèque et l’occurrence cible de l’interpolation sur la scènescène, puis choisissez Modification > Symbole > Permuter le symbole.

• Sélectionnez la plage, puis collez une occurrence de symbole ou du texte depuis le Presse-papiers.

Pour supprimer l’occurrence cible d’une plage d’interpolation sans supprimer l’interpolation elle-même, sélectionnez la plage et appuyez sur la touche Suppr.

Affichage et modification des images-clés de propriété d’une plage d’interpolation

• Pour afficher les images-clés de propriété contenant des images dans une plage pour différentes propriétés, sélectionnez la plage et choisissez Afficher les images-clés dans le menu contextuel de la plage, puis le type de propriété dans le sous-menu.

• Pour supprimer une image-clé de propriété dans une plage, cliquez sur l’image-clé de propriété en appuyant sur la touche Ctrl (Windows) ou Commande (Macintosh) pour la sélectionner, puis avec le bouton droit de la souris (Windows) ou avec la touche Contrôle (Macintosh) et choisissez Supprimer l’image-clé pour le type de propriété dont vous souhaitez supprimer l’image-clé.

• Pour ajouter des images-clés de propriété d’un type spécifique à une plage, appuyez sur la touche Ctrl (Windows) ou Commande (Macintosh), puis cliquez sur une ou plusieurs images de la plage pour les sélectionner. Cliquez ensuite avec le bouton droit de la souris (Windows) ou avec la touche Ctrl (Macintosh) et choisissez Insérer une image-clé > type de propriété dans le menu contextuel de la plage. Animate ajoute des images-clés de propriété aux images sélectionnées. Vous pouvez également définir une propriété d’une occurrence cible dans une image sélectionnée pour ajouter une image-clé de propriété.

• Pour ajouter une image-clé de propriété pour tous les types de propriété à une plage, placez la tête de lecture dans l’image qui doit recevoir l’image-clé, puis choisissez Insérer > Scénario > Image-clé ou appuyez sur F6.

• Pour inverser le sens d’une interpolation, choisissez Trajectoire de mouvement > Inverser le tracé dans le menu contextuel de la plage.

• Pour transformer une plage d’interpolation en images statiques, sélectionnez la plage et choisissez Annuler l’interpolation dans le menu contextuel.

• Pour convertir une plage d’interpolation en animation image par image, sélectionnez la plage, puis choisissez Convertir en animation image par image dans le menu contextuel de la plage.

• Pour déplacer une image-clé de propriété vers une autre image de la même plage d’interpolation ou vers une autre plage d’interpolation, cliquez sur l’image-clé de propriété en appuyant sur Ctrl (Windows) ou Commande (Macintosh) pour la sélectionner, puis faites-la glisser vers son nouvel emplacement.

• Pour copier une image-clé de propriété vers un autre emplacement dans la plage d’interpolation, cliquez sur son entrée en maintenant la touche Ctrl (Windows) ou Commande (Macintosh) pour la sélectionner, puis faites-la glisser en maintenant la touche Alt enfoncée (Windows) ou Option (Macintosh) vers son nouvel emplacement.

Ajout ou retrait d’images-clés de propriété 3D dans une interpolation

Déplacement ou duplication d'une plage d'interpolation

Vous pouvez déplacer ou dupliquer des plages d’interpolation ou des parties de plages d’interpolation en les faisant glisser vers le panneau Scénario.

• Faites glisser une plage d’interpolation pour la déplacer vers un autre emplacement dans le scénario.

• Faites glisser une plage d’interpolation tout en appuyant sur la touche Alt pour la dupliquer sur un autre emplacement dans le scénario.

Copie et collage d’une interpolation de mouvement

Vous pouvez copier les propriétés interpolées d’une plage d’interpolation vers une autre. Les propriétés interpolées sont appliquées au nouvel objet cible, sans modifier l’emplacement de celui-ci. Vous pouvez ainsi appliquer une interpolation d’une zone de la scène à un objet d’une autre zone sans repositionner le nouvel objet cible.

Copier-coller de propriétés d’interpolation de mouvement

Vous pouvez copier les propriétés d’une image sélectionnée vers une autre dans la même plage d’interpolation ou dans une autre. Lorsque les propriétés sont collées, leurs valeurs ne sont ajoutées qu’à l’image sélectionnée. Les valeurs de propriété copiées pour des effets de couleur, des filtres et des propriétés 3D ne sont collées que si ces éléments sont déjà appliqués à l’objet interpolé dans cette image. Les propriétés de position 2D ne peuvent pas être collées dans une interpolation 3D.

Vous devez vous assurer que l’option Sélection basée sur plages est activée dans les préférences (Modifier > Préférences).

Animate crée une image-clé de propriété pour chaque propriété collée dans l’image sélectionnée et recommence l’interpolation de mouvement.

Conversion d’une plage d’interpolation en animation image par image

Vous pouvez convertir une plage d’interpolation classique ou de mouvement en animation image par image. Dans l’animation image par image, chaque image contient des images-clés distinctes (pas des images-clés de propriété), qui contiennent elles-mêmes des occurrences distinctes du symbole animé. Une animation image par image ne contient pas de valeurs de propriété interpolées. Pour plus d’informations, voir Animation image par image.

(Abandonné dans Animate CC) Copier le mouvement au format ActionScript 3.0

Copiez les propriétés qui définissent l’interpolation de mouvement du scénario en tant que code ActionScript 3.0 et appliquez le mouvement à un autre symbole, dans le panneau Actions ou dans les fichiers sources (tels que les fichiers de classe) d’un document Animate qui utilise ActionScript 3.0.

Utilisez les classes fl.motion pour personnaliser le code ActionScript généré par Animate pour votre projet spécifique. Pour plus d’informations, voir les classes fl.motion dans le Guide de référence du langage ActionScript 3.0.

La commande Copier le mouvement en tant qu’ActionScript 3.0 peut capturer les propriétés suivantes d’une interpolation de mouvement :

• Position

• Échelle

• Inclinaison

• Rotation

• Point de transformation

• Couleur

• Mode de fusion

• Orientation vers la trajectoire

• Mise en cache en tant que paramétrage de bitmap

• Accélération

• Filtres

• Rotation 3D et position

Utilisation d’interpolations de mouvement enregistrées au format XML

Animate permet d’utiliser des interpolations de mouvement sous la forme de fichiers XML. Animate permet d’appliquer les commandes suivantes à n’importe quelle interpolation de mouvement :

• Copier le mouvement au format XML
• Exporter le mouvement au format XML
• Importer le mouvement au format XML

Copier le mouvement au format XML   Permet de copier les propriétés du mouvement appliquées à un objet sur la scène sur une image particulière.

1. Créez une interpolation de mouvement.
2. Sélectionnez une image-clé dans le scénario.
3. Sélectionnez Commandes > Copier le mouvement au format XML.

La propriété du mouvement est copiée dans le Presse-papiers sous forme de données XML ; vous pouvez alors utiliser un éditeur de texte pour travailler directement sur le fichier XML.   Exporter le mouvement au format XML   Permet d’exporter les propriétés de mouvement appliquées à un objet sur la scène dans un fichier XML pouvant être enregistré.

1. Créez une interpolation de mouvement.
2. Sélectionnez Commandes > Exporter le mouvement au format XML.
3. Accédez à l’emplacement où vous souhaitez enregistrer le fichier.
4. Attribuez un nom au fichier XML et cliquez sur Enregistrer.

L’interpolation de mouvement est exportée au format XML à l’emplacement spécifié.   Importer le mouvement au format XML   Permet d’importer un fichier XML existant dont les propriétés de mouvement ont été définies.

1. Sélectionnez un objet sur la scène.
2. Sélectionnez Commandes > Importer le mouvement au format XML.
3. Accédez à l’emplacement du fichier XML et sélectionnez ce dernier. Cliquez sur OK.
4. Dans la boîte de dialogue Coller le mouvement spécial, sélectionnez les propriétés que vous souhaitez appliquer à l’objet sélectionné.
5. Cliquez sur OK.

 

Voir aussi

 

• Utilisation d’animations interpolées classiques
• Vidéo : Création d’animations avec l’Éditeur de mouvement
• Modification des interpolations de mouvement avec l’éditeur de mouvement
• Principes de base des animations
• Animation image par image
• Animation de personnages dans Animate