Difference between revisions of "Keyframe/fr"

From Synfig Studio :: Documentation
Jump to: navigation, search
(Remove the "traduction in progress" baner)
m (add link)
 
(24 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Title|Image clé}}
 
{{Title|Image clé}}
 
{{Category|Glossary}}
 
{{Category|Glossary}}
 +
{{NewTerminology}}
  
    A FAIRE, Des captures d'écrans en français seraient le bienvenue.
+
          Cette page à besoin d'être traduite, soyez patient et/ou participez!
  
 
== Une image clé, c'est quoi ? ==
 
== Une image clé, c'est quoi ? ==
Line 14: Line 15:
 
Une image clé ressemble, dans le {{l|Timetrack Panel}}, à une ligne verticale pointillé de couleur marron clair situé à l'image correspondante. Vous pouvez la différencier du curseur de temps grâce à sa couleur (le curseur de temps est bleu).  
 
Une image clé ressemble, dans le {{l|Timetrack Panel}}, à une ligne verticale pointillé de couleur marron clair situé à l'image correspondante. Vous pouvez la différencier du curseur de temps grâce à sa couleur (le curseur de temps est bleu).  
  
{{l|Image: KeyframesLookTimeLine.png}}
+
[[File:KeyframesLook-TimeTrack 0.63.06.png|frame|none]]
  
Les points vert que l'on voit dans l'image sont des {{l|Waypoints|points de passage}}.
+
Les points que l'on voit dans l'image sont des {{l|Waypoints|points de passage}}.
 +
 
 +
The keyframe representation in the {{l|Timebar}} change according their states : {{literal|Normal}}, {{literal|Selected}} or {{literal|Deactivated}}
 +
[[File:Keyframe State Representation.png|frame|none|Three keyframes with three different states : '''Normal''', '''Selected''' and '''Deactivated''']]
  
 
Les images clés apparaissent également sous forme de liste dans le {{l|Keyframes Panel}}
 
Les images clés apparaissent également sous forme de liste dans le {{l|Keyframes Panel}}
  
{{l|Image: KeyframesLookList.png}}
+
[[File:KeyframesLook-KeyframePanel 0.63.06.png|frame|none]]
 +
 
 +
  '''Remarque pour les rédacteurs de documentation:''' Vous pouvez télécharger le projet pour faire des copies d'écrans : {{l|File:Keyframe-lookslike.sifz}}
  
 
== Images clés et points de passages ==
 
== Images clés et points de passages ==
Line 35: Line 41:
  
 
===Ajouter une image clé===
 
===Ajouter une image clé===
{{l|Image: AddNewKeyframeButton.png}}
+
[[File:KeyframeButton AddNew 0.63.06.png|frame|none]]
  
 
Positionnez le curseur de temps sur une image dans laquelle aucune image clé n'existe. Ensuite, appuyer sur le bouton {{Literal|Ajouter une image clé}}. Si vous positionnez le curseur de temps sur une image dans laquelle une image clé existe, alors le bouton  {{Literal|Ajouter une image clé}} est désactivé. Une fois que vous avez pressé le bouton, une nouvelle entré est ajouté dans la liste des images clé et un ligne pointillé vertical est ajouté dans l'axe de temps.
 
Positionnez le curseur de temps sur une image dans laquelle aucune image clé n'existe. Ensuite, appuyer sur le bouton {{Literal|Ajouter une image clé}}. Si vous positionnez le curseur de temps sur une image dans laquelle une image clé existe, alors le bouton  {{Literal|Ajouter une image clé}} est désactivé. Une fois que vous avez pressé le bouton, une nouvelle entré est ajouté dans la liste des images clé et un ligne pointillé vertical est ajouté dans l'axe de temps.
  
 
===Dupliquer une image clé===
 
===Dupliquer une image clé===
{{l|Image: DuplicateKeyframeButton.png}}
+
[[File:KeyframeButton Duplicate 0.63.06.png|frame|none]]
  
  
Line 51: Line 57:
  
 
Bien entendu, dupliquer une image clé vas produire une nouvelle image clé à l'endroit pointé par le curseur de temps et vas l'ajouter dans la liste d'images clés en bonne place. Dans la liste d'images clés, l'image clé nouvellement venue auras la même description que l'originale, avec un {{Literal|(Dupliquée)}} à la fin.
 
Bien entendu, dupliquer une image clé vas produire une nouvelle image clé à l'endroit pointé par le curseur de temps et vas l'ajouter dans la liste d'images clés en bonne place. Dans la liste d'images clés, l'image clé nouvellement venue auras la même description que l'originale, avec un {{Literal|(Dupliquée)}} à la fin.
 +
 +
[https://youtu.be/qvRt3ITSkrQ explication en vidéo]
  
 
===Supprimer une image clé===
 
===Supprimer une image clé===
{{l|Image:RemoveKeyframeButton.png}}
+
[[File:KeyframeButton Remove 0.63.06.png|frame|none]]
  
 
Dans la liste d'images clé ({{l|Keyframes Panel}}), sélectionnez une image clé et simplement pressez le bouton {{Literal|Supprimer l'image clé}}. Cela aura pour effet de supprimer l'image clé ainsi que tout les points de passages de tout les paramètres de tout les calques positionné à l'instant courant.
 
Dans la liste d'images clé ({{l|Keyframes Panel}}), sélectionnez une image clé et simplement pressez le bouton {{Literal|Supprimer l'image clé}}. Cela aura pour effet de supprimer l'image clé ainsi que tout les points de passages de tout les paramètres de tout les calques positionné à l'instant courant.
Line 63: Line 71:
 
Dans la liste du {{l|Keyframes Panel|panneau d'images clés}}, vous pouvez voir qu'il y a quatre catégories :
 
Dans la liste du {{l|Keyframes Panel|panneau d'images clés}}, vous pouvez voir qu'il y a quatre catégories :
  
{{l|Image:KeyframesLookList.png}}
+
[[File:KeyframesLook-KeyframePanel 0.63.06.png|frame|none]]
  
 
* Temps
 
* Temps
Line 70: Line 78:
 
* Description
 
* Description
  
La colonne {{Literal|Aller à}} est simplement un raccourci pour placer le curseur de temps à l'image clé lorsque vous cliquez sur un {{Literal|(Saut)}} correspondant.
+
=== Activation ===
 +
By changing the state of the checkbox you can activate or disable the keyframe. A visual information about the keyframe state is displayed in the {{l|Timebar}}.
  
 
=== Temps ===
 
=== Temps ===
Line 82: Line 91:
 
# Les points de passages existants dans l'image clé vont être déplacés à la nouvelle position.
 
# Les points de passages existants dans l'image clé vont être déplacés à la nouvelle position.
 
# Quelque soit le paramètre que possède le point de passage dans l'axe de temps, alors l'image clé déplacée vas recevoir un nouveau point de passage positionné en TCB avec le(s) paramètre(s).
 
# Quelque soit le paramètre que possède le point de passage dans l'axe de temps, alors l'image clé déplacée vas recevoir un nouveau point de passage positionné en TCB avec le(s) paramètre(s).
# En accord avec la méthode d'interpolation par défaut, le statu {{l|Lock Keyframes}} et les paramètres que possèdent n'importe quelles images clés sur l'axe de temps, les nouveaux points de passages seront créés dans le voisinage de l'image clé au temps (l'image) de destination. Le voisinage original de l'image clé ne seras pas touché si il ne coïncide pas avec le voisinage de destination de l'image clé.
+
# En accord avec la méthode d'interpolation par défaut, le statut {{l|Lock Keyframes}} et les paramètres que possèdent n'importe quelles images clés sur l'axe de temps, les nouveaux points de passages seront créés dans le voisinage de l'image clé au temps (l'image) de destination. Le voisinage original de l'image clé ne seras pas touché si il ne coïncide pas avec le voisinage de destination de l'image clé.
 
# Si une image clé est déplacé et ne fait pas un {{literal|saut}} par dessus une autre image clé existante, alors les points de passages environnants à la position originale de l'image clé déplacé sont compressés et / ou étendus sur l'axe de temps en fonction du déplacement de l'image clé. Voir les exemples. <cite>Ceci est une découverte récente</cite>
 
# Si une image clé est déplacé et ne fait pas un {{literal|saut}} par dessus une autre image clé existante, alors les points de passages environnants à la position originale de l'image clé déplacé sont compressés et / ou étendus sur l'axe de temps en fonction du déplacement de l'image clé. Voir les exemples. <cite>Ceci est une découverte récente</cite>
  
Voir {{l|#Change Keyframe Time|l'exemple}} pour un aperçu de comment cela fonctionne.
+
Voir {{l|#Changer le Temps de l'Image Clé|l'exemple}} pour un aperçu de comment cela fonctionne.
  
 
=== Longueur ===
 
=== Longueur ===
  
 
Le paramètre {{Literal|Longueur}} détermine le temps d'exposition de l'image clé jusqu'à la prochaine image clé. En modifiant ce paramètre toutes les images clé et tout les points de passages qui suivent vont être déplacés en avant ou en arrière.
 
Le paramètre {{Literal|Longueur}} détermine le temps d'exposition de l'image clé jusqu'à la prochaine image clé. En modifiant ce paramètre toutes les images clé et tout les points de passages qui suivent vont être déplacés en avant ou en arrière.
 +
 +
=== Aller à ===
 +
 +
La colonne {{literal|Aller à}} est simplement un raccourci pour placer le {{l|Time_Cursor}} à l'image clé lorsque vous cliquez sur un {{literal|(Saut)}} correspondant.
  
 
=== Description ===
 
=== Description ===
Line 96: Line 109:
  
 
== Édition des propriétés d'une image clé ==
 
== Édition des propriétés d'une image clé ==
{{l|Image: KeyframePropertiesButton.png}}
+
[[File:KeyframeButton Properties 0.63.06.png|frame|none]]
  
 
La boite de dialogue {{Literal|Propriétés de l'image clé}} permet de changer la méthode d'interpolation pour tout les points de passage de l'image clé d'un coup. Même si, pour un certain paramètre, il n'y a pas de point de passage sur l'image clé mais le paramètre en possède sur le même axe de temps, alors appliquez les nouvelle {{Literal|Propriétés de l'image clé}} ajoutera une nouveau point de passage dans l'image clé là ou il n'y en avait pas. Les points de passages ajoutés ont la méthode sélectionné dans la boite de dialogue. Cela signifie que la boite de dialogue {{Literal|Propriétés de l'image clé}} modifieras la méthode d'interpolation pour tout les paramètres qui possèdent un point de passage sur l'axe de temps.
 
La boite de dialogue {{Literal|Propriétés de l'image clé}} permet de changer la méthode d'interpolation pour tout les points de passage de l'image clé d'un coup. Même si, pour un certain paramètre, il n'y a pas de point de passage sur l'image clé mais le paramètre en possède sur le même axe de temps, alors appliquez les nouvelle {{Literal|Propriétés de l'image clé}} ajoutera une nouveau point de passage dans l'image clé là ou il n'y en avait pas. Les points de passages ajoutés ont la méthode sélectionné dans la boite de dialogue. Cela signifie que la boite de dialogue {{Literal|Propriétés de l'image clé}} modifieras la méthode d'interpolation pour tout les paramètres qui possèdent un point de passage sur l'axe de temps.
Line 102: Line 115:
 
Les paramètres de la boite de dialogue :
 
Les paramètres de la boite de dialogue :
  
{{l|Image: KeyframeDialog.png}}
+
[[File:KeyframeDialog 0.63.06.png|frame|none]]
 
* Entrée : En cochant cette case, vous pouvez changer la méthode d'interpolation de la partie gauche des points de passage de l'image clé sélectionnée sur tout les calques du canevas à la {{l|Waypoints#Interpolation|méthode d'interpolation}} dans le menu déroulant associé.
 
* Entrée : En cochant cette case, vous pouvez changer la méthode d'interpolation de la partie gauche des points de passage de l'image clé sélectionnée sur tout les calques du canevas à la {{l|Waypoints#Interpolation|méthode d'interpolation}} dans le menu déroulant associé.
 
* Sortie : Idem, mais pour la partie droite des points de passage.
 
* Sortie : Idem, mais pour la partie droite des points de passage.
Line 112: Line 125:
 
Vous pouvez cocher uniquement la case {{Literal|Entrée}} ou {{Literal|Sortie}} pour affecter la partie gauche ou droite des points de passages. Si une case n'est pas cochée, le paramètre correspondant n'est pas affecté. Idem pour les paramètres d'interpolation ({{Literal|Tension}}, {{Literal|Biais}}, {{Literal|Continuité}} et {{Literal|Tension temporelle}})
 
Vous pouvez cocher uniquement la case {{Literal|Entrée}} ou {{Literal|Sortie}} pour affecter la partie gauche ou droite des points de passages. Si une case n'est pas cochée, le paramètre correspondant n'est pas affecté. Idem pour les paramètres d'interpolation ({{Literal|Tension}}, {{Literal|Biais}}, {{Literal|Continuité}} et {{Literal|Tension temporelle}})
  
{{l|Image: KeyframeDialog2.png}}
+
[[File:KeyframeDialog2 0.63.06.png|frame|none]]
  
 
Cette boite de dialogue n'affectera pas quelle seras la méthode d'interpolation pour les nouveaux points de passages crées par l'utilisateur, ni ceux automatiquement crées lors d'une copie d'images clé et ni le statut du verrouillage de l'image clé. La méthode d'interpolation pour les nouveaux points crées dans ces cas seront des paires identiques ({{Literal|Entrée}} et {{Literal|Sortie}} ou Gauche et Droite) qui dépendent uniquement de l'{{Literal|Interpolation par défaut}} de la fenêtre {{l|Toolbox}}.
 
Cette boite de dialogue n'affectera pas quelle seras la méthode d'interpolation pour les nouveaux points de passages crées par l'utilisateur, ni ceux automatiquement crées lors d'une copie d'images clé et ni le statut du verrouillage de l'image clé. La méthode d'interpolation pour les nouveaux points crées dans ces cas seront des paires identiques ({{Literal|Entrée}} et {{Literal|Sortie}} ou Gauche et Droite) qui dépendent uniquement de l'{{Literal|Interpolation par défaut}} de la fenêtre {{l|Toolbox}}.
  
 
Voir les {{l|#Exemples|exemples}} afin de mieux comprendre comment cela se déroule.
 
Voir les {{l|#Exemples|exemples}} afin de mieux comprendre comment cela se déroule.
 +
 +
== Edit a keyframe from the timebar ==
 +
<!-- Use of Template:KeyframesInTheTimebar -->
 +
{{KeyframesInTheTimebar}}
  
 
==Exemples ==
 
==Exemples ==
Line 135: Line 152:
 
|8s||Non||Oui||40.0||TCB
 
|8s||Non||Oui||40.0||TCB
 
|}  
 
|}  
{{l|Image: GraphBeforeDuplicate.png}}
+
 
 +
 
 +
[[File:Keyframe-GraphBeforeDuplicate 0.63.06.png|frame|none]]
  
 
  Bien que l'interpolation entre 0s et 8s est de type TCB, on peut noter que le résultat
 
  Bien que l'interpolation entre 0s et 8s est de type TCB, on peut noter que le résultat
Line 157: Line 176:
 
|8s||Non||Oui||40.0||TCB
 
|8s||Non||Oui||40.0||TCB
 
|}
 
|}
{{l|Image: GraphAfterDuplicate.png}}
+
 
 +
 
 +
[[File:Keyframe-GraphAfterDuplicate 0.63.06.png|frame|none]]
  
 
Vous pouvez voir que :
 
Vous pouvez voir que :
Line 182: Line 203:
 
|8s||Non||Oui||40.0||TCB
 
|8s||Non||Oui||40.0||TCB
 
|}
 
|}
{{l|Image: GraphAfterDuplicateConstant.png}}
+
 
 +
 
 +
[[File:Keyframe-GraphAfterDuplicateConstant 0.63.06.png|frame|none]]
  
 
Maintenant vous pouvez voir que l'image clé à 2s ne contient pas la valeur du paramètre par elle même. Elle enregistre uniquement la valeur du point de passage crée sur elle, c'est le résultat de l'insertion d'un point de passage dans le voisinage, ou de la duplication d'un image clé, avec le verrouillage d'image clé, qui affecte cette image clé. Dans cette exemple la valeur à 2s a changé de façon drastique du au fait des différentes méthodes d'interpolations du point de passage créé à 4s. Si, dans cette situation, vous dupliquez encore l'image clé 2s vers une autre image (par ex. 10s) alors cela copieras une image clé avec un point de passage sur elle ayant pour valeur de rayon 20.0, correspondant à la valeur courant de ce paramètre dans l'image clé avant la duplication.
 
Maintenant vous pouvez voir que l'image clé à 2s ne contient pas la valeur du paramètre par elle même. Elle enregistre uniquement la valeur du point de passage crée sur elle, c'est le résultat de l'insertion d'un point de passage dans le voisinage, ou de la duplication d'un image clé, avec le verrouillage d'image clé, qui affecte cette image clé. Dans cette exemple la valeur à 2s a changé de façon drastique du au fait des différentes méthodes d'interpolations du point de passage créé à 4s. Si, dans cette situation, vous dupliquez encore l'image clé 2s vers une autre image (par ex. 10s) alors cela copieras une image clé avec un point de passage sur elle ayant pour valeur de rayon 20.0, correspondant à la valeur courant de ce paramètre dans l'image clé avant la duplication.
Line 190: Line 213:
 
Imaginez la situation suivante pour un calque :
 
Imaginez la situation suivante pour un calque :
  
{{l|Image:BeforeChangeKeyframeProperties.png}}
+
[[File:KeyframeProperties-BeforeChange 0.63.06.png|frame|none]]
  
 
Dans cet exemple l"animation dure 10 secondes, l'image montre toutes les images clés et points de passages existants. Le curseur de temps n'est au dessus d'aucune images clés.
 
Dans cet exemple l"animation dure 10 secondes, l'image montre toutes les images clés et points de passages existants. Le curseur de temps n'est au dessus d'aucune images clés.
Line 201: Line 224:
 
Alors sélectionnez l'image clé à 4s dans la liste d'images clés. Cliquez sur le bouton {{Literal|Propriétés de l'image clé}} et réglez la méthode d'interpolation ci dessous :
 
Alors sélectionnez l'image clé à 4s dans la liste d'images clés. Cliquez sur le bouton {{Literal|Propriétés de l'image clé}} et réglez la méthode d'interpolation ci dessous :
  
{{l|Image: KeyframeProperties2.png}}
+
[[File:KeyframeDialog3 0.63.06.png|frame|none]]
  
 
Puis appuyez sur le bouton {{Literal|Appliquer}}. Le résultat vas ressembler à cela :
 
Puis appuyez sur le bouton {{Literal|Appliquer}}. Le résultat vas ressembler à cela :
  
{{l|Image:AfterChangeKeyframeProperties.png}}
+
[[File:KeyframeProperties-After 0.63.06.png|frame|none]]
  
 
Vous pouvez noter les changements suivants :
 
Vous pouvez noter les changements suivants :
Line 218: Line 241:
 
# Les nouveaux points de passages ajoutés ont leur méthode d'interpolation positionnée à TCB là ou la case à cocher n'est pas coché, la méthode d'interpolation est choisit par la boite de dialogue {{Literal|Propriétés de l'image clé}} là ou la case est coché.
 
# Les nouveaux points de passages ajoutés ont leur méthode d'interpolation positionnée à TCB là ou la case à cocher n'est pas coché, la méthode d'interpolation est choisit par la boite de dialogue {{Literal|Propriétés de l'image clé}} là ou la case est coché.
  
{{l|Image:AfterChangeKeyframeProperties2.png}}
+
[[File:KeyframeProperties-After2 0.63.06.png|frame|none]]
  
 
Dans cette exemple, uniquement {{Literal|Entrée}} à été coché.
 
Dans cette exemple, uniquement {{Literal|Entrée}} à été coché.
 +
 +
  '''Remarque pour les rédacteurs de documentation:''' Vous pouvez télécharger le projet pour faire des copies d'écrans : {{l|File:Keyframe-example2.sifz}}
  
 
=== Changer le Temps de l'Image Clé ===
 
=== Changer le Temps de l'Image Clé ===
Line 228: Line 253:
 
Imaginez encore la situation suivante pour un calque :
 
Imaginez encore la situation suivante pour un calque :
  
{{l|Image:BeforeChangeKeyframeProperties.png}}
+
[[File:KeyframeProperties-BeforeChange 0.63.06.png|frame|none]]
  
 
Maintenant, considérez que vous avez les valeurs suivantes par défaut :
 
Maintenant, considérez que vous avez les valeurs suivantes par défaut :
Line 237: Line 262:
 
Maintenant, sélectionnez l'image clé à 4s dans la liste d'images clés. Cliquez dans la case {{Literal|Temps}} et changez le temps pour 3s. Le résultat sera alors :
 
Maintenant, sélectionnez l'image clé à 4s dans la liste d'images clés. Cliquez dans la case {{Literal|Temps}} et changez le temps pour 3s. Le résultat sera alors :
  
{{l|Image:AfterChangeKeyframeTime.png}}
+
[[File:KeyframeTime-After 0.63.06.png|frame|none]]
  
 
==== Avec des points de passages entre les images clés ====
 
==== Avec des points de passages entre les images clés ====
Line 243: Line 268:
 
Imaginez maintenant la situation suivante pour le calque :
 
Imaginez maintenant la situation suivante pour le calque :
  
{{l|Image:timetrackbefore.png}}
+
[[File:KeyframeWaypointTime-BeforeChange 0.63.06.png|frame|none]]
  
 
Considérez que vous avez, par défaut, les valeurs suivantes :
 
Considérez que vous avez, par défaut, les valeurs suivantes :
Line 252: Line 277:
 
Maintenant, dans la liste d'images clés sélectionnez l'image clé à 4s. Cliquez dans la case {{Literal|Temps}} et changez le temps pour 2s. Le résultat sera alors :
 
Maintenant, dans la liste d'images clés sélectionnez l'image clé à 4s. Cliquez dans la case {{Literal|Temps}} et changez le temps pour 2s. Le résultat sera alors :
  
{{l|Image:timetrackafter.png}}
+
[[File:KeyframeWaypointTime-After 0.63.06.png|frame|none]]
  
 
Vous pouvez noter que les points de passages ont été compressés et étendus sur l'axe de temps de part et d'autre de l'image clé déplacée. Vous pouvez aussi noter que aucun point de passage n'as été crées dans l'image clé déplacé pour le paramètre en bas de la liste mais dans l'image clé statique.  
 
Vous pouvez noter que les points de passages ont été compressés et étendus sur l'axe de temps de part et d'autre de l'image clé déplacée. Vous pouvez aussi noter que aucun point de passage n'as été crées dans l'image clé déplacé pour le paramètre en bas de la liste mais dans l'image clé statique.  
Line 259: Line 284:
  
 
En tentant de comprendre ce fonctionnement, j'ai remarqué que les images clés garde leurs points de passages entre deux images clés adjacentes alors que vous les déplacez, tout en maintenant la répartition des points de passages entre les images clés. Cela ne fonctionne pas si l'image clé déplacés  "saute" par dessus d'autre images clés durant le déplacement. <cite> Merci d'ajouter autant d'informations que vous pouvez en découvrir sur le fonctionnement des images clés. Il semble qu'il y ait quelques bugs et toute information est le bienvenue</cite>
 
En tentant de comprendre ce fonctionnement, j'ai remarqué que les images clés garde leurs points de passages entre deux images clés adjacentes alors que vous les déplacez, tout en maintenant la répartition des points de passages entre les images clés. Cela ne fonctionne pas si l'image clé déplacés  "saute" par dessus d'autre images clés durant le déplacement. <cite> Merci d'ajouter autant d'informations que vous pouvez en découvrir sur le fonctionnement des images clés. Il semble qu'il y ait quelques bugs et toute information est le bienvenue</cite>
 +
 +
  '''Remarque pour les rédacteurs de documentation:''' Vous pouvez télécharger le projet pour faire des copies d'écrans : {{l|File:Keyframe-example3.sifz}}
  
 
== Usage avancé des images clés ==
 
== Usage avancé des images clés ==
Line 272: Line 299:
  
 
Voir {{l|Onion Skin}} pour plus d'informations.
 
Voir {{l|Onion Skin}} pour plus d'informations.
 +
 +
===Quickly creating/importing Keyframes===
 +
Using a [voir page anglaise pour le lien Synfig plug-in] it is possible to quickly import keyframes from a list of timings, as explained in the [[Doc:Audio Synchronisation|Audio Synchronisation]] tutorial.

Latest revision as of 21:45, 11 March 2019

Languages Language: 

English • français • română



         Cette page à besoin d'être traduite, soyez patient et/ou participez!

Une image clé, c'est quoi ?

Basiquement, une image clé c'est un "repère" dans l'axe de temps. Ce repère permet à l'utilisateur de signaler à Synfig de se souvenir de l'état de l'animation à ce point précis (image). Cela signifie que l'image clé est comme une étiquette qui indique à Synfig que cette image doit être prise en compte lors de la création des points de passages. Cela indique aussi que cette image qui à été repérée est une image spéciale dans laquelle les informations de tout les paramètres de chaque calque sont enregistrés dans le but de les utiliser ultérieurement.

Chaque image clé est associé avec sa propre image et une image peut avoir uniquement une seule image clé.

A quoi ressemble une image clé ?

Une image clé ressemble, dans le Time Track Panel, à une ligne verticale pointillé de couleur marron clair situé à l'image correspondante. Vous pouvez la différencier du curseur de temps grâce à sa couleur (le curseur de temps est bleu).

KeyframesLook-TimeTrack 0.63.06.png

Les points que l'on voit dans l'image sont des points de passage.

The keyframe representation in the Axe de temps change according their states : "Normal", "Selected" or "Deactivated"

Three keyframes with three different states : Normal, Selected and Deactivated

Les images clés apparaissent également sous forme de liste dans le Keyframes Panel

KeyframesLook-KeyframePanel 0.63.06.png
  Remarque pour les rédacteurs de documentation: Vous pouvez télécharger le projet pour faire des copies d'écrans : File:Keyframe-lookslike.sifz

Images clés et points de passages

Une image clé n'implique pas nécessairement un point de passage, et inversement (un point de passage n'implique pas forcement une image clé) .

Une image clé peut vivre sa vie sans aucun point de passage, elle enregistre toutes les valeurs des paramètres de cette image spécifique. Si il y a un point de passage à cette endroit, alors l'information (uniquement la valeur paramètre) du point de passage est aussi enregistrée. Si aucun point de passage n'est présent à l'endroit de l'image clé alors les valeurs "stockée" sont le résultat des points de passages environnants, valeurs des paramètres et valeurs d'interpolation que les points de passage possèdent. Cela signifie qu'une image clé se souvient de la valeurs des paramètres à l'endroit de l'image mais ne les conserve pas statiquement. Pour maintenir statique une valeur de paramètre dans une certaine image, vous devez utiliser un point de passage.

La création d'un point de passage peut provoquer la création de nouveaux points de passages dans l'image clé voisine suivant la valeur de la condition Editing Lock Keyframes. Ainsi, possiblement, la création d'un point de passage (en modifiant un paramètre, en collant ou déplaçant un point de passage ou même en dupliquant une image clé) peut entrainer la création d'un point de passage dans l'image clé immédiatement avant ou après l'image possédant le point de passage. Les points de passages crées dans le voisinage d'images clés le sont en accord avec les valeurs d'interpolation par défaut de la fenêtre d'outils.

Voir les exemples afin de comprendre comment cela fonctionne.

Ajouter, dupliquer et supprimer des images clés

Ajouter une image clé

KeyframeButton AddNew 0.63.06.png

Positionnez le curseur de temps sur une image dans laquelle aucune image clé n'existe. Ensuite, appuyer sur le bouton "Ajouter une image clé". Si vous positionnez le curseur de temps sur une image dans laquelle une image clé existe, alors le bouton "Ajouter une image clé" est désactivé. Une fois que vous avez pressé le bouton, une nouvelle entré est ajouté dans la liste des images clé et un ligne pointillé vertical est ajouté dans l'axe de temps.

Dupliquer une image clé

KeyframeButton Duplicate 0.63.06.png


Sélectionnez une image clé dans la liste des images clés du Keyframes Panel et positionnez votre curseur sur une image ne possédant pas un image clé. Puis pressez le bouton "Dupliquer l'image clé". Cela peut engendrer deux résultat différents :

  1. Si il y a un point de passage à l'image clé originel, alors ce point de passage est dupliqué. Cette copie inclut les valeurs de paramètres ainsi que ses types d'interpolations.
  2. Si il n'y a aucun point de passage dans l'image clé originel pour aucun paramètre particulier, deux choses peuvent arriver :
    • Il n'y a aucun point de passage à AUCUNE images dans l'axe temporel : Alors, AUCUN point de passage n'est créé.
    • Si il y a un point de passage dans l'axe temporel, mais dans l'image clé qui vas être dupliqué, alors la copie de l'image clé est créé, un nouveau point de passage est créé avec une valeur pour la paramètre qui seras le résultat de la valeur courante de l'image clé originel avec une interpolation de type "TCB" à la fois en "Entrée" et "Sortie".

Bien entendu, dupliquer une image clé vas produire une nouvelle image clé à l'endroit pointé par le curseur de temps et vas l'ajouter dans la liste d'images clés en bonne place. Dans la liste d'images clés, l'image clé nouvellement venue auras la même description que l'originale, avec un "(Dupliquée)" à la fin.

explication en vidéo

Supprimer une image clé

KeyframeButton Remove 0.63.06.png

Dans la liste d'images clé (Keyframes Panel), sélectionnez une image clé et simplement pressez le bouton "Supprimer l'image clé". Cela aura pour effet de supprimer l'image clé ainsi que tout les points de passages de tout les paramètres de tout les calques positionné à l'instant courant.

NOTE: Si vous déplacez le temps d'une image clé en le modifiant dans le panneau d'images clés et appuyez immédiatement sur le bouton "Supprimer l'image clé" alors les points de passages ne sont pas supprimés. Cela peut sembler être un dysfonctionnement, mais aussi peut être considéré comme une fonctionnalité si vous désirez garder les points de passages mais pas l'image clé.

Édition des images clés : temps, longueur & description

Dans la liste du panneau d'images clés, vous pouvez voir qu'il y a quatre catégories :

KeyframesLook-KeyframePanel 0.63.06.png
  • Temps
  • Longueur
  • Aller à
  • Description

Activation

By changing the state of the checkbox you can activate or disable the keyframe. A visual information about the keyframe state is displayed in the Axe de temps.

Temps

Vous pouvez modifier le temps (l'image) sur lequel l'image clé est positionnée en cliquant sur la case "Temps" correspondante. Cela vous permettras de changer le temps en arrière ou en avant. Si vous positionnez le temps d'une image clé sur le même Temps que celui d'une image clé existante, le programme affichera alors ce message :

Configurer l'image clé : Impossible de déplacer l'image clé car une autre image clé
existe déjà à cet endroit.

Modifier le "Temps" d'une image clé à les effets suivants :

  1. Les points de passages existants dans l'image clé vont être déplacés à la nouvelle position.
  2. Quelque soit le paramètre que possède le point de passage dans l'axe de temps, alors l'image clé déplacée vas recevoir un nouveau point de passage positionné en TCB avec le(s) paramètre(s).
  3. En accord avec la méthode d'interpolation par défaut, le statut Editing Lock Keyframes et les paramètres que possèdent n'importe quelles images clés sur l'axe de temps, les nouveaux points de passages seront créés dans le voisinage de l'image clé au temps (l'image) de destination. Le voisinage original de l'image clé ne seras pas touché si il ne coïncide pas avec le voisinage de destination de l'image clé.
  4. Si une image clé est déplacé et ne fait pas un "saut" par dessus une autre image clé existante, alors les points de passages environnants à la position originale de l'image clé déplacé sont compressés et / ou étendus sur l'axe de temps en fonction du déplacement de l'image clé. Voir les exemples. Ceci est une découverte récente

Voir l'exemple pour un aperçu de comment cela fonctionne.

Longueur

Le paramètre "Longueur" détermine le temps d'exposition de l'image clé jusqu'à la prochaine image clé. En modifiant ce paramètre toutes les images clé et tout les points de passages qui suivent vont être déplacés en avant ou en arrière.

Aller à

La colonne "Aller à" est simplement un raccourci pour placer le Curseur de Temps à l'image clé lorsque vous cliquez sur un "(Saut)" correspondant.

Description

Cette case permet à l'utilisateur d'insérer une courte description de la raison de l'image clé. Cliquez simplement dessus et changez le texte.

Édition des propriétés d'une image clé

KeyframeButton Properties 0.63.06.png

La boite de dialogue "Propriétés de l'image clé" permet de changer la méthode d'interpolation pour tout les points de passage de l'image clé d'un coup. Même si, pour un certain paramètre, il n'y a pas de point de passage sur l'image clé mais le paramètre en possède sur le même axe de temps, alors appliquez les nouvelle "Propriétés de l'image clé" ajoutera une nouveau point de passage dans l'image clé là ou il n'y en avait pas. Les points de passages ajoutés ont la méthode sélectionné dans la boite de dialogue. Cela signifie que la boite de dialogue "Propriétés de l'image clé" modifieras la méthode d'interpolation pour tout les paramètres qui possèdent un point de passage sur l'axe de temps.

Les paramètres de la boite de dialogue :

KeyframeDialog 0.63.06.png
  • Entrée : En cochant cette case, vous pouvez changer la méthode d'interpolation de la partie gauche des points de passage de l'image clé sélectionnée sur tout les calques du canevas à la méthode d'interpolation dans le menu déroulant associé.
  • Sortie : Idem, mais pour la partie droite des points de passage.
  • Tension : Voir TCB
  • Biais : Voir TCB
  • Continuité : Voir TCB
  • Tension temporelle : Voir TCB

Vous pouvez cocher uniquement la case "Entrée" ou "Sortie" pour affecter la partie gauche ou droite des points de passages. Si une case n'est pas cochée, le paramètre correspondant n'est pas affecté. Idem pour les paramètres d'interpolation ("Tension", "Biais", "Continuité" et "Tension temporelle")

KeyframeDialog2 0.63.06.png

Cette boite de dialogue n'affectera pas quelle seras la méthode d'interpolation pour les nouveaux points de passages crées par l'utilisateur, ni ceux automatiquement crées lors d'une copie d'images clé et ni le statut du verrouillage de l'image clé. La méthode d'interpolation pour les nouveaux points crées dans ces cas seront des paires identiques ("Entrée" et "Sortie" ou Gauche et Droite) qui dépendent uniquement de l'"Interpolation par défaut" de la fenêtre Boite à Outils.

Voir les exemples afin de mieux comprendre comment cela se déroule.

Edit a keyframe from the timebar

Three keyframes with three different states : Normal, Selected and Deactivated

You can adjust the Time of a keyframe by a normal drag and drop. To adjust it's Length, hold Alt key when releasing the mouse button.

During a keyframe drag and drop operation a tooltip indicator will be displayed with some time informations.

Right click over a keyframe or in upper part of the "Timebar" open the keyframe contextual menu giving access to the keyframes actions.

Exemples

Dupliquer une image clé ne contenant pas de point de passage

Par exemple, imaginez que vous avez une suite d'images clés et de points de passages ainsi que les paramètres suivants comme rayon d'un cercle :

Avant, image clé dupliquée 2s vers 6s
Image Image clé Point de passage Rayon Interpolation
0s Oui Oui 20.0 TCB
2s Oui Non 25.0 n/a
4s Oui Non 30.0 n/a
8s Non Oui 40.0 TCB


Keyframe-GraphBeforeDuplicate 0.63.06.png
Bien que l'interpolation entre 0s et 8s est de type TCB, on peut noter que le résultat
réel est linéaire. Cela est du au fait que, dans l'animation, il y a uniquement deux
points de passages pour ce paramètre.

Si vous sélectionnez l'image clé à 2s, puis placer le curseur de temps à 6s (là ou il n'y a pas d'image clé), et positionner l'interpolation par défaut à TCB, ainsi que le verrouillage d'image clé à "Toutes images clés verrouillées". En cliquant sur le bouton "Dupliquer l'image clé", le résultat seras le suivant :

Après, image clé dupliquée 2s vers 6s
Image Image clé Point de passage Rayon Interpolation
0s Oui Oui 20.0 TCB
2s Oui Non 25,78125 n/a
4s Oui Oui 30.0 TCB
6s Oui Oui 25.0 TCB
8s Non Oui 40.0 TCB


Keyframe-GraphAfterDuplicate 0.63.06.png

Vous pouvez voir que :

  1. À 0s aucun changement. N'as pas été affecté par l'insertion de l'image clé. Elle est deux images clés plus loin de celle positionné à 6s et aussi possède un point de passage.
  2. À 2s il y avait une image clé et elle est toujours là. Mais, avant la création de l'image clé à 6s la valeur courante d'interpolation du "rayon" était 25.0. Après la création de l'image clé à 6s le rayon est le résultat d'une interpolation entre les points de passages des images de 0s et 4s avec les valeurs de rayon et les méthodes d'interpolation. Cela donne 25.78125. Cette image clé est à plus d'une image clé de la nouvelle image clé à 6s, ainsi aucun point de passage n'est créé.
  3. À 4s il y a une image clé, elle est toujours là. Mais dans ce cas, l'image clé 4s est voisine de la nouvelle image clé 6s. Également le verrouillage d'image clé a été positionné à "Toutes images clés verrouillées", donc l'image clé à 4s a été verrouillée en lui ajoutant un point de passage. La valeur du rayon n'as pas changée (toujours à 30.0) car elle a été verrouillée en lui ajoutant un point de passage avec la valeur courante). Le mode d'Interpolation du point de passage a été assigné à "TCB" comme cela est paramétré comme valeur par défaut.
  4. À 6s il y a une nouvelle image clé avec un nouveau point de passage positionné à l'ancienne valeur d'interpolation de l'image clé à 2s. Un "rayon" de 25.0.
  5. À 8s rien n'as changé. Il n'y avait aucune image clé et il y avait un point de passage, on ne s'attendait pas à ce que cela change.

Imaginez maintenant que vous répétiez la même opération mais que vous choisissiez l'interpolation par défaut à "Constant". Alors le résultat seras le suivant :

Après duplication image clé 2s vers 6s (interpolation constante)
Image Image clé Point de passage Rayon Interpolation
0s Oui Oui 20.0 TCB
2s Oui Non 20.0 n/a
4s Oui Oui 30.0 Constant
6s Oui Oui 25.0 TCB
8s Non Oui 40.0 TCB


Keyframe-GraphAfterDuplicateConstant 0.63.06.png

Maintenant vous pouvez voir que l'image clé à 2s ne contient pas la valeur du paramètre par elle même. Elle enregistre uniquement la valeur du point de passage crée sur elle, c'est le résultat de l'insertion d'un point de passage dans le voisinage, ou de la duplication d'un image clé, avec le verrouillage d'image clé, qui affecte cette image clé. Dans cette exemple la valeur à 2s a changé de façon drastique du au fait des différentes méthodes d'interpolations du point de passage créé à 4s. Si, dans cette situation, vous dupliquez encore l'image clé 2s vers une autre image (par ex. 10s) alors cela copieras une image clé avec un point de passage sur elle ayant pour valeur de rayon 20.0, correspondant à la valeur courant de ce paramètre dans l'image clé avant la duplication.

Édition des propriétés d'une image clé

Imaginez la situation suivante pour un calque :

KeyframeProperties-BeforeChange 0.63.06.png

Dans cet exemple l"animation dure 10 secondes, l'image montre toutes les images clés et points de passages existants. Le curseur de temps n'est au dessus d'aucune images clés.

Maintenant, considérez que par défaut vous avez les valeurs suivantes :

Alors sélectionnez l'image clé à 4s dans la liste d'images clés. Cliquez sur le bouton "Propriétés de l'image clé" et réglez la méthode d'interpolation ci dessous :

KeyframeDialog3 0.63.06.png

Puis appuyez sur le bouton "Appliquer". Le résultat vas ressembler à cela :

KeyframeProperties-After 0.63.06.png

Vous pouvez noter les changements suivants :

  1. Les points de passages existants à l'image clé 4s ont vus leur méthode d'interpolation changée selon la boite de dialogue "Propriétés de l'image clé".
  2. De nouveaux points de passages ont été ajoutés à l'image clé 4s. Les points de passages ont été ajoutés aux paramètres qui avaient au moins un point de passage sur l'axe de temps (par exemple celui qui avait uniquement un point de passage à 9s). Les points de passages ajoutés a l'image clé 4s ont vu leur paramètre d'interpolation déterminé selon les choix effectués dans la boite de dialogue "Propriétés de l'image clé".
  3. De nouveaux points de passages ont été ajoutés aux image clé voisines de 4s (image clé 2s et 6s) pour tout les paramètres ayant un point de passage sur l'axe de temps. Les points de passages crées dans le voisinage des images clés le sont en accords avec l'état du Verrou d'Images Clés. Aussi, la méthode d'interpolation des points de passages crées est en en accords avec la méthode d'interpolation par défaut que vous avez choisit.

Si dans la boite de dialogue "Propriétés de l'image clé" vous aviez décoché "Sortie" ou "Entrée", alors deux choses ce seraient passées :

  1. Le point de passage existant à 4s aurait subit un changement de méthode d'interpolation uniquement du coté duquel ou la case à cocher aurait été coché. L'autre coté ne subissant aucun changement.
  2. Les nouveaux points de passages ajoutés ont leur méthode d'interpolation positionnée à TCB là ou la case à cocher n'est pas coché, la méthode d'interpolation est choisit par la boite de dialogue "Propriétés de l'image clé" là ou la case est coché.
KeyframeProperties-After2 0.63.06.png

Dans cette exemple, uniquement "Entrée" à été coché.

  Remarque pour les rédacteurs de documentation: Vous pouvez télécharger le projet pour faire des copies d'écrans : File:Keyframe-example2.sifz

Changer le Temps de l'Image Clé

Sans points de passages entre les images clés

Imaginez encore la situation suivante pour un calque :

KeyframeProperties-BeforeChange 0.63.06.png

Maintenant, considérez que vous avez les valeurs suivantes par défaut :

Maintenant, sélectionnez l'image clé à 4s dans la liste d'images clés. Cliquez dans la case "Temps" et changez le temps pour 3s. Le résultat sera alors :

KeyframeTime-After 0.63.06.png

Avec des points de passages entre les images clés

Imaginez maintenant la situation suivante pour le calque :

KeyframeWaypointTime-BeforeChange 0.63.06.png

Considérez que vous avez, par défaut, les valeurs suivantes :

Maintenant, dans la liste d'images clés sélectionnez l'image clé à 4s. Cliquez dans la case "Temps" et changez le temps pour 2s. Le résultat sera alors :

KeyframeWaypointTime-After 0.63.06.png

Vous pouvez noter que les points de passages ont été compressés et étendus sur l'axe de temps de part et d'autre de l'image clé déplacée. Vous pouvez aussi noter que aucun point de passage n'as été crées dans l'image clé déplacé pour le paramètre en bas de la liste mais dans l'image clé statique.

  Cela semble être un bug (?).

En tentant de comprendre ce fonctionnement, j'ai remarqué que les images clés garde leurs points de passages entre deux images clés adjacentes alors que vous les déplacez, tout en maintenant la répartition des points de passages entre les images clés. Cela ne fonctionne pas si l'image clé déplacés "saute" par dessus d'autre images clés durant le déplacement. Merci d'ajouter autant d'informations que vous pouvez en découvrir sur le fonctionnement des images clés. Il semble qu'il y ait quelques bugs et toute information est le bienvenue

  Remarque pour les rédacteurs de documentation: Vous pouvez télécharger le projet pour faire des copies d'écrans : File:Keyframe-example3.sifz

Usage avancé des images clés

Réutiliser des images clés

Si vous voulez en apprendre plus sur les usages avancés des images clés, allez voir ce tutoriel sur la réutilisations d'animations. Les images clés peuvent être comme des "pauses" enregistrées qui peuvent être utilisés plusieurs fois dans l'animation. Cela est bien pratique pour une synchronisation de mouvement de lèvres.

Reuse Animations

Utilisation de la pelure d'oignon

Pour bien utiliser la fonctionnalité pelure d'oignon (onion skin) (AltO ou "<Menu Chevron> → <Affichage> → Afficher la pelure d'oignon") vous devez prendre en considération les images sur lesquelles sont posées vos images clés. Pelure d'oignon, vas faire apparaître, dans la vue courante, les images clés précédentes et suivantes avec un opacité à 50%. L'image courante vas également apparaître avec une opacité de 50%.

Voir Onion Skin - Pelure d'Oignon pour plus d'informations.

Quickly creating/importing Keyframes

Using a [voir page anglaise pour le lien Synfig plug-in] it is possible to quickly import keyframes from a list of timings, as explained in the Audio Synchronisation tutorial.


Languages Language: 

English • français • română