Changer l’interpolation d’animation entre les images clés

L’interpolation d’images clés décrit le mode d’animation des changements de propriétés dans un intervalle de temps entre deux images clés. Modifier l’interpolation entre les images clés vous permet d’obtenir des animations plus réalistes. Par exemple, si vous animez le rebond d’une balle, vous pouvez modifier l’interpolation entre les images clés pour ralentir la transition lorsque la balle rebondit et l’accélérer lorsqu’elle touche le sol.

Le tableau suivant décrit les trois façons de définir l'interpolation des images clés.

Méthode d'interpolation des images clés.

Description

Sélectionnez une valeur Atténuer + ou Atténuer -

Ne s'applique qu'aux projets Windows Presentation Foundation (WPF).

Cc295256.6194a099-fac7-4048-9abf-f3c2c25fc719(FR-FR,Expression.30).png

Vous pouvez modifier l'interpolation qui se produit depuis et vers une image clé en utilisant le menu déroulant qui apparaît lorsque vous cliquez avec le bouton droit sur l'image clé.

Le menu déroulant contient les options d'interpolation suivantes :

  • Atténuer + Modifie la façon dont la valeur de la propriété change lorsque la tête de lecture de la chronologie s'approche de l’image clé. Vous pouvez définir le degré d’atténuation en spécifiant une valeur comprise entre 0 % (aucune atténuation) et 100 % (atténuation totale, qui représente la moitié de l’intervalle de temps entre l’image clé modifiée et l’image clé précédente).

  • Atténuer - Modifie la façon dont les valeurs de propriété changent lorsque le temps s’éloigne de l’image clé. Vous pouvez définir le degré d’atténuation en spécifiant une valeur comprise entre 0 % (aucune atténuation) et 100 % (atténuation totale, qui représente la moitié de l’intervalle de temps entre l’image clé modifiée et l’image clé suivante).

L’interpolation entre deux images clés est linéaire si la valeur Atténue est 0 % pour la première image clé et la valeur Atténuer + est 0 % pour la seconde image clé. L’interpolation linéaire modifie la valeur de la propriété par incréments égaux entre les images clés.

Utilisez le graphique KeySpline

Cc295256.d0752aac-3556-466e-957e-cf06010c0b57(FR-FR,Expression.30).png

Vous pouvez modifier l'interpolation lorsque la tête de lecture de la chronologie s'approche d'une image clé en utilisant le graphique KeySpline.

Ce graphique trace les valeurs de la propriété animée sur l’intervalle de temps entre l'image clé sélectionnée et l'image clé précédente. En règle générale, plus la ligne est droite, plus la modification de valeur est rapide à ce stade.

Lorsque le graphique est une ligne droite à partir du coin inférieur gauche vers le coin supérieur droit, l'interpolation est linéaire.

Cc295256.f5cb5969-446e-44c9-bf61-a23e8b026e6a(FR-FR,Expression.30).png

Vous pouvez faire glisser un point de contrôle jaune pour modifier la vitesse à laquelle la valeur de la propriété change après avoir quitté l’image clé précédente pour accéder à l’image clé sélectionnée.

Cc295256.alert_note(FR-FR,Expression.30).gifRemarque :
Le graphique KeySpline et les valeurs Atténuer + et Atténuer - sont synchronisés. La modification de la valeur Atténuer + aura un effet sur le point de contrôle supérieur droit du graphique KeySpline de l'image clé sélectionnée. La modification de la valeur Atténuer - aura un effet sur le point de contrôle inférieur gauche du graphique KeySpline de l'image clé qui suit l'image clé sélectionnée.

Sélectionnez une EasingFunction

Ne s'applique qu'aux projets Microsoft Silverlight.

Cc295256.85f020f5-4ac1-4b75-a63d-a5c5d0ece242(FR-FR,Expression.30).png

Vous pouvez modifier l'interpolation lorsque la tête de lecture de la chronologie s'approche d'une image clé en utilisant le menu déroulant EasingFunction qui apparaît dans le panneau Propriétés lorsque vous sélectionnez l'image clé.

Microsoft Expression Blend contient plusieurs fonctions d'accélération présélectionnées que vous pouvez choisir. Comme pour le graphique KeySpline, la fonction d'accélération est appliquée à l'interpolation qui se produit lorsque la tête de lecture de la chronologie s'approche de l'image clé sélectionnée. Utilisez les images des boutons sous les colonnes +, -, et +/- pour savoir quelle fonction d'accélération utiliser. Les boutons sous la colonne + appliqueront l'effet sélectionné au début du graphique KeySpline, les boutons sous la colonne - appliqueront l'effet sélectionné à la fin du graphique KeySpline, et les boutons sous +/- appliqueront les effets aux deux. Choisissez le bouton qui représente l'apparence du graphique KeySpline désirée.

Des fonctions d'accélération personnalisées peuvent être programmées en utilisant le Kit de développement logiciel Silverlight.

Pour plus d'informations, voir Classe EasingFunctionBase (System.Windows.Media.Animation) sur MSDN.

Pour des informations sur le Kit de développement logiciel Silverlight, cliquez sur Démarrer, puis sur Tous les programmes, sur Kit de développement logiciel Microsoft Silverlight 3 et sur Accueil.

Cc295256.alert_note(FR-FR,Expression.30).gifRemarque :
Sélectionner une EasingFunction supprime tout effet d'interpolation précédent appliqué à l'image clé.

L'option d'interpolation Mettre en attente permet d'exécuter une transition instantanée entre les images clés plutôt que dans le temps.

Cc295256.alert_note(FR-FR,Expression.30).gifRemarque :

Les procédures suivantes supposent que vous avez ouvert une table de montage séquentiel qui contient des images clés.

Pour plus d’informations, voir Ouvrir ou fermer une table de montage séquentiel ou Créer, modifier ou supprimer une table de montage séquentiel.

Cc295256.alert_tip(FR-FR,Expression.30).gifConseil :

Les procédures suivantes peuvent être utilisées lorsqu'une seule image clé est sélectionnée ou lorsque plusieurs images clés sont sélectionnées en maintenant la touche Ctrl appuyée.

Pour modifier la transition depuis une image clé

Effectuez l’une des opérations suivantes :

  • Sur la barre de chronologie, cliquez avec le bouton droit sur l'image clé Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(FR-FR,Expression.30).png depuis laquelle vous souhaitez effectuer une transition graduelle, pointez sur Atténuer - dans le menu déroulant qui apparaît puis sélectionnez une valeur dans la liste.

  • Sur la barre de chronologie, sélectionnez l'image clé Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(FR-FR,Expression.30).png qui suit celle depuis laquelle vous souhaitez effectuer la transition graduelle puis, sous Accélération dans le panneau Propriétés, cliquez sur KeySpline. Déplacez le point de contrôle jaune dans le coin inférieur gauche du graphique KeySpline.

  • Sur la barre de chronologie, sélectionnez l'image clé Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(FR-FR,Expression.30).png qui suit celle depuis laquelle vous souhaitez effectuer la transition graduelle puis, sous Accélération dans le panneau Propriétés, cliquez sur EasingFunction. Cliquez sur la flèche du menu déroulant à côté de Aucun, puis sélectionnez un des boutons à côté d'une fonction d'accélération.

Pour modifier la transition vers une image clé

  1. Sur la barre de chronologie, cliquez avec le bouton droit sur l'image clé Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(FR-FR,Expression.30).png vers laquelle effectuer une transition graduelle.

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

    • Pointez sur Atténuer + dans le menu déroulant qui apparaît puis sélectionnez une valeur dans la liste.

    • Sous Accélération dans le panneau Propriétés, cliquez sur KeySpline. Déplacez le point de contrôle jaune dans le coin supérieur droit du graphique KeySpline.

    • Sous Accélération dans le panneau Propriétés, cliquez sur EasingFunction. Cliquez sur la flèche du menu déroulant à côté de Aucun, puis sélectionnez un des boutons à côté d'une fonction d'accélération.

Pour créer une transition abrupte vers une image clé

La transition entre les images clés peut se produire instantanément plutôt que dans le temps. L'option d'interpolation Mettre en attente crée une modification abrupte sur une nouvelle valeur de propriété lorsque la tête de lecture atteint l'image clé où la nouvelle valeur de propriété est enregistrée.

Effectuez l’une des opérations suivantes :

  • Sur la barre de chronologie, sélectionnez l'image clé Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(FR-FR,Expression.30).png vers laquelle vous souhaitez effectuer la modification abrupte, puis sous Accélération dans le panneau Propriétés, cliquez sur Mettre en attente.

  • Sur la barre de chronologie, cliquez avec le bouton droit sur l'image clé Cc295256.fa3c696d-5463-4000-8a6b-650fe6759bf7(FR-FR,Expression.30).png vers laquelle vous souhaitez effectuer la modification abrupte puis cliquez sur Mettre en attente dans le menu déroulant qui apparaît. Une case à cocher apparaît à côté de Mettre en attente dans le menu déroulant.

    Cc295256.alert_note(FR-FR,Expression.30).gifRemarque :

    Sélectionner Mettre en attente supprime tout effet d'interpolation précédent appliqué à l'image clé et tout effet d'interpolation sortant antérieur appliqué à l'image clé précédente sur la barre de chronologie. L'effet d'interpolation entrant appliqué à l'image clé suivante sur la barre de chronologie n'est pas modifié.

Voir aussi

Tâches

Supprimer une image clé

Créer une image clé

Coller ou déplacer une image clé

Réutiliser les valeurs d’interpolation sur d’autres images clés