Keyframe - Revision history

D.j.a.y: /* Adding, duplicating and removing keyframes */ use template

2015-10-04T14:59:05Z

‎Adding, duplicating and removing keyframes: use template

Berteh: /* Advanced uses of keyframes */ + link to keyframes import tutorial

2015-09-20T21:06:17Z

‎Advanced uses of keyframes: + link to keyframes import tutorial

D.j.a.y: template TOCright

2015-04-19T12:26:57Z

template TOCright

D.j.a.y: /* Edit a keyframe from the timebar */ use of template

2015-04-19T12:02:03Z

‎Edit a keyframe from the timebar: use of template

D.j.a.y: move "Edit a keyframe from the timebar" to a better place

2015-02-28T16:06:33Z

move "Edit a keyframe from the timebar" to a better place

D.j.a.y: /* Editing keyframes: time, length & description */ add section : Edit keyframe from the timebar

2015-02-28T16:04:32Z

‎Editing keyframes: time, length & description: add section : Edit keyframe from the timebar

D.j.a.y: change {{l| to [[ for screenshots

2015-02-28T15:52:27Z

change {{l| to [[ for screenshots

D.j.a.y: /* What does a keyframe looks like? */ change {{l| to [[ for scfreenshot

2015-02-28T15:48:47Z

‎What does a keyframe looks like?: change {{l| to [[ for scfreenshot

Ciaran: replace normal links with template:L

2015-01-02T11:44:09Z

replace normal links with template:L

Show changes

Ciaran: replace use of template:L with normal links

2014-12-31T06:07:55Z

replace use of template:L with normal links

Show changes

@@ Line 31: / Line 31: @@
 == Adding, duplicating and removing keyframes ==
+<!-- Use of Template:KeyframeAddRemoveDuplicate -->
-===Add a keyframe===
+{{KeyframeAddRemoveDuplicate}}
-[[File:KeyframeButton AddNew 0.63.06.png|frame|none]]
-−
-Place the time cursor at a frame where there isn't currently any keyframe. Then press the  {{Literal|Add new Keyframe}} button. If you place the time cursor at a frame where there is currently an existing keyframe or if animation Start Time egals animation End Time (animation Duration is 0m 0s 1f) then the {{Literal|Add new Keyframe}} button is disabled. Once you press the button then a new entry is added to the list of keyframes and a vertical dashed line is added in the time line. No waypoint is created.
-−
-===Duplicate a keyframe===
-[[File:KeyframeButton Duplicate 0.63.06.png|frame|none]]
-−
-Select a keyframe in the keyframe list of the {{l|Keyframes Panel}} and place the cursor at a frame where there isn't currently any keyframe. Then press the {{Literal|Duplicate Keyframe}} button. This would have two separated effects:
-−
-# If there is a waypoint at the original keyframe then the waypoint is duplicated. Its duplication includes the parameter value and its interpolation types.
-# If there is no waypoint in the original keyframe for any particular parameter then two things could happen:
-#*There is no waypoint for that parameter at ANY frame in the time line: Then NO waypoint is created.
-#*If there is a waypoint in the time line for that parameter, but not in the keyframe that is going to be duplicated, then in the duplicated keyframe is created a new waypoint with a value for the parameter of the result of the current value at the original keyframe and a {{Literal|TCB Smooth}} interpolation type for both {{Literal|In}} and {{Literal|Out}}.
-−
-Of course, duplicate a keyframe will produce a new keyframe at the place pointed by the time cursor and will add a new one to the keyframe list in the proper place. In the keyframe list, the new added keyframe have the same description than the original, plus a {{Literal|(Duplicate)}} at the end.
-−
-===Remove a keyframe===
-[[File:KeyframeButton Remove 0.63.06.png|frame|none]]
-−
-Just select a keyframe from the keyframe list and press the Remove keyframe button. It will remove the keyframe and all the waypoints for all parameters for all layers that are currently there.
-−
-<cite>''NOTE: If you move a keyframe by modifying its {{l|#Time|time}} in the keyframe list dialog and immediately press the Remove Keyframe button then the waypoints are not deleted. It seems to be a bug but also can be considered a feature if you really want to keep the waypoints and not the keyframe.''</cite>
 == Editing keyframes: time, length & description ==

← Older revision		Revision as of 21:06, 20 September 2015
Line 297:		Line 297:

	See {{l\|Onion Skin\|Onion Skin}} for more detail.		See {{l\|Onion Skin\|Onion Skin}} for more detail.
		+
		+	===Quickly creating/importing Keyframes===
		+	Using a [https://github.com/berteh/import-audacity-labels-keyframes 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.

@@ Line 1: / Line 1: @@
 {{NewTerminology}}
 {{Category|Glossary}}
 == What is a keyframe? ==
 A keyframe is a basically a "mark" in the timeline. This mark allows the user to make Synfig remember the state of the animation at that point (frame). It means that the keyframe is like a label that tell Synfig that this frame should be taken into account when creating waypoints.  It also indicates that the marked frame is a special frame where the information of ''every parameter of every layer is stored in order to be reused later''.
 Each keyframe is associated with a particular frame and a frame can only have one keyframe.
 == What does a keyframe looks like? ==
 A keyframe looks like a light brown vertical dashed line in the {{l|Timetrack Panel}} placed at the corresponding frame. You can distinguish it from the {{l|Time_Cursor}} by its color (the time cursor is blue).

@@ Line 131: / Line 131: @@
 == Edit a keyframe from the timebar ==
+<!-- Use of Template:KeyframesInTheTimebar -->
-From the {{l|Timebar}}, you can adjust the {{l|Keyframe#Time|Time}} of the keyframe by drag and drop or his {{l|Keyframe#Length|Length}} by holding {{shortcut|Alt}} key when releasing the mouse button.
+{{KeyframesInTheTimebar}}
-−
-During a keyframe drag and drop operation a tooltip indicator is displayed indicating time informations.
-−
-Right click over a keyframes in the {{l|Timebar}} open the {{l|Keyframe Menu|keyframe contextual menu}}.
 ==Examples ==

@@ Line 106: / Line 106: @@
 This cell allow the user insert a short description of the meaning of the keyframe. Just make click on it and change the text.
 == Editing Keyframe Properties ==
@@ Line 137: / Line 129: @@
 See the {{l|#Examples|examples}} to understand better how it works.
 ==Examples ==

← Older revision		Revision as of 16:04, 28 February 2015
Line 106:		Line 106:

	This cell allow the user insert a short description of the meaning of the keyframe. Just make click on it and change the text.		This cell allow the user insert a short description of the meaning of the keyframe. Just make click on it and change the text.
		+
		+	== Edit a keyframe from the timebar ==
		+
		+	From the {{l\|Timebar}}, you can adjust the {{l\|Keyframe#Time\|Time}} of the keyframe by drag and drop or his {{l\|Keyframe#Length\|Length}} by holding {{shortcut\|Alt}} key when releasing the mouse button.
		+
		+	During a keyframe drag and drop operation a tooltip indicator is displayed indicating time informations.
		+
		+	Right click over a keyframes in the {{l\|Timebar}} open the {{l\|Keyframe Menu\|keyframe contextual menu}}.

	== Editing Keyframe Properties ==		== Editing Keyframe Properties ==

@@ Line 37: / Line 37: @@
 ===Add a keyframe===
-{{l|File:KeyframeButton AddNew 0.63.06.png|frame|none}}
+[[File:KeyframeButton AddNew 0.63.06.png|frame|none]]
 Place the time cursor at a frame where there isn't currently any keyframe. Then press the  {{Literal|Add new Keyframe}} button. If you place the time cursor at a frame where there is currently an existing keyframe or if animation Start Time egals animation End Time (animation Duration is 0m 0s 1f) then the {{Literal|Add new Keyframe}} button is disabled. Once you press the button then a new entry is added to the list of keyframes and a vertical dashed line is added in the time line. No waypoint is created.
 ===Duplicate a keyframe===
-{{l|File:KeyframeButton Duplicate 0.63.06.png|frame|none}}
+[[File:KeyframeButton Duplicate 0.63.06.png|frame|none]]
 Select a keyframe in the keyframe list of the {{l|Keyframes Panel}} and place the cursor at a frame where there isn't currently any keyframe. Then press the {{Literal|Duplicate Keyframe}} button. This would have two separated effects:
@@ Line 54: / Line 54: @@
 ===Remove a keyframe===
-{{l|File:KeyframeButton Remove 0.63.06.png|frame|none}}
+[[File:KeyframeButton Remove 0.63.06.png|frame|none]]
 Just select a keyframe from the keyframe list and press the Remove keyframe button. It will remove the keyframe and all the waypoints for all parameters for all layers that are currently there.
@@ Line 64: / Line 64: @@
 You can see in the Keyframe list dialog that there are four headers and before that, an empty column. This empty column maintain checkboxs related to keyframe activation : enabled or disabled.
-{{l|File:KeyframesLook-KeyframePanel 0.63.06.png|frame|none}}
+[[File:KeyframesLook-KeyframePanel 0.63.06.png|frame|none]]
 * "Empty" [CheckBox]
@@ Line 108: / Line 108: @@
 == Editing Keyframe Properties ==
-{{l|File:KeyframeButton Properties 0.63.06.png|frame|none}}
+[[File:KeyframeButton Properties 0.63.06.png|frame|none]]
 Hitting the keyframe Properties button, the {{Literal|Keyframe Properties}} dialog will appear. This dialog allows change the interpolation method for all the waypoints on the keyframe at the same time. Even if, for a certain parameter, there is no waypoint on the keyframe but the parameter have other waypoints in the time line, then when you apply the {{Literal|Keyframe Properties}} you will add a waypoint at that keyframe were there aren't currently any waypoint. The added waypoints have the interpolation methods stated by the dialog. It means that the {{Literal|Keyframe Properties}} dialog will modify the interpolation methods for all the parameters that have any waypoint in the time line.
@@ Line 114: / Line 114: @@
 The dialog have the following parameters:
-{{l|File:KeyframeDialog 0.63.06.png|frame|none}}
+[[File:KeyframeDialog 0.63.06.png|frame|none]]
 * In: Checking this value you can change the interpolation method of the left part of the waypoints of the current selected keyframe of all the layers of the canvas to the selected {{l|Waypoints#Interpolation|interpolation method}} in the drop down menu.
 * Out: Same but for the right part of the waypoint.
@@ Line 124: / Line 124: @@
 You can check only one of both {{Literal|In}} or {{Literal|Out}} check boxes to only affect the change to the left or right part of the waypoints. The non checked part would not be modified. Same comment applies for the Manual interpolation method parameters ({{Literal|Tension}}, {{Literal|Bias}}, {{Literal|Continuity}} and {{Literal|Temporal Tension}})
-{{l|File:KeyframeDialog2 0.63.06.png|frame|none}}
+[[File:KeyframeDialog2 0.63.06.png|frame|none]]
 This dialog would not affect what's the interpolation method for a new waypoint created by the user, automatically created by the {{l|Keyframe#Duplicate_a_keyframe|keyframe duplication}} or by the {{l|Lock_Keyframes|lock keyframe}} state. The interpolation methods for new waypoints created in those cases will be both the same ({{Literal|In}} and {{Literal|Out}} or Left and Right) and depend only on the {{l|New_Layer_Defaults#Default_Interpolation|Default interpolation}} method of the {{l|:Category:Toolbox|Toolbox}} window.
@@ Line 149: / Line 149: @@
-{{l|File:Keyframe-GraphBeforeDuplicate 0.63.06.png|frame|none}}
+[[File:Keyframe-GraphBeforeDuplicate 0.63.06.png|frame|none]]
   notice that although the interpolation between 0s and 8s is TCB Smooth the real result
@@ Line 172: / Line 172: @@
-{{l|File:Keyframe-GraphAfterDuplicate 0.63.06.png|frame|none}}
+[[File:Keyframe-GraphAfterDuplicate 0.63.06.png|frame|none]]
 You can see that:
@@ Line 199: / Line 199: @@
-{{l|File:Keyframe-GraphAfterDuplicateConstant 0.63.06.png|frame|none}}
+[[File:Keyframe-GraphAfterDuplicateConstant 0.63.06.png|frame|none]]
@@ Line 210: / Line 210: @@
 Consider this situation for a certain layer:
-{{l|File:KeyframeProperties-BeforeChange 0.63.06.png|frame|none}}
+[[File:KeyframeProperties-BeforeChange 0.63.06.png|frame|none]]
 In the sample the animation duration is 10 seconds so the image shows all the existing waypoints and keyframes. The time cursor isn't over any keyframe.
@@ Line 221: / Line 221: @@
 Now select the keyframe at frame 4s in the keyframe list. Press the {{Literal|Keyframe Properties}} button and set the following interpolation method:
-{{l|File:KeyframeDialog3 0.63.06.png|frame|none}}
+[[File:KeyframeDialog3 0.63.06.png|frame|none]]
 and press {{Literal|Apply}} button. The result will be this:
-{{l|File:KeyframeProperties-After 0.63.06.png|frame|none}}
+[[File:KeyframeProperties-After 0.63.06.png|frame|none]]
 You can see the following effects:
@@ Line 238: / Line 238: @@
 # The new added waypoints will have the interpolation method set to {{Literal|TCB Smooth}} method where the check box is off and the interpolation method set by the {{Literal|keyframe properties}} dialog where the check box is on.
-{{l|File:KeyframeProperties-After2 0.63.06.png|frame|none}}
+[[File:KeyframeProperties-After2 0.63.06.png|frame|none]]
 In this sample it was only checked on the {{Literal|In}} check box.
@@ Line 250: / Line 250: @@
 Consider again this situation for a certain layer:
-{{l|File:KeyframeProperties-BeforeChange 0.63.06.png|frame|none}}
+[[File:KeyframeProperties-BeforeChange 0.63.06.png|frame|none]]
 Now consider that you have the following default values:
@@ Line 259: / Line 259: @@
 Now select the keyframe at frame 4s in the keyframe list. Make a click in the {{Literal|Time}} cell and modify the time to be 3s. The result will be this:
-{{l|File:KeyframeTime-After 0.63.06.png|frame|none}}
+[[File:KeyframeTime-After 0.63.06.png|frame|none]]
 ==== With waypoints between keyframes ====
@@ Line 265: / Line 265: @@
 Consider now this situation for a certain layer:
-{{l|File:KeyframeWaypointTime-BeforeChange 0.63.06.png|frame|none}}
+[[File:KeyframeWaypointTime-BeforeChange 0.63.06.png|frame|none]]
 Now consider that you have the following default values:
@@ Line 275: / Line 275: @@
 Now select the keyframe at 4s in the keyframe list. Make a click in the {{Literal|Time}} cell and modify the time to be 2s. The result is this:
-{{l|File:KeyframeWaypointTime-After 0.63.06.png|frame|none}}
+[[File:KeyframeWaypointTime-After 0.63.06.png|frame|none]]
 You can see how the waypoints at right and left of the moved keyframe have been compressed and expanded in the time line. Also notice that any waypoint has been formed in the moved keyframe at the paramter at the bottom of the list but yes in the static keyframes.

@@ Line 13: / Line 13: @@
 A keyframe looks like a light brown vertical dashed line in the {{l|Timetrack Panel}} placed at the corresponding frame. You can distinguish it from the {{l|Time_Cursor}} by its color (the time cursor is blue).
-{{l|File:KeyframesLook-TimeTrack 0.63.06.png|frame|none}}
+[[File:KeyframesLook-TimeTrack 0.63.06.png|frame|none]]
 The symbols shown in the image are {{l|Waypoints|waypoints}}.
 The keyframe representation in the {{l|Timebar}} change according their states : {{literal|Normal}}, {{literal|Selected}} or {{literal|Deactivated}}
-{{l|File:Keyframe State Representation.png|frame|none}}
+[[File:Keyframe State Representation.png|frame|none|Three keyframes with three different states : '''Normal''', '''Selected''' and '''Deactivated''']]
 Keyframes also appear as entries in a list in the {{l|Keyframes Panel}}
-{{l|File:KeyframesLook-KeyframePanel 0.63.06.png|frame|none}}
+[[File:KeyframesLook-KeyframePanel 0.63.06.png|frame|none]]
     '''Documentation writers note:''' You can download the project to generate the screenshot : {{l|File:Keyframe-lookslike.sifz}}