I’m Ayana, a Vtuber!
Today, I will explain how to use the Graph Editor !
Use the Graph Editor to adjust animation behavior in detail. If you switch the view to the Graph Editor, you can edit it intuitively while viewing the graph.
Show Graph Editor
Click on the Graph Editor button above the Timeline panel to show the Graph Editor.
Note that the graph will not appear unless this property has no keyframe!
When you select a property with a keyframe created, the Graph Editor appears like this.
If the Graph Editor displays a Speed Graph, click the Choose graph type and options button and select Edit Value Graph to change to the value graph.
The interface of Graph Editor
Next, let’s look at the Graph Editor interface!
ⒶIf you click “Choose which properties are shown in the graph editor” button: You can select the properties that appear in the Graph Editor
ⒷIf you click “Choose graph type and options” button: You can select and change between Value Graph, Speed Graph, and Reference Graph. Also, you can change what you want to be displayed in the Graph Editor.
ⒸIf you click “Show Transform Box” button: when multiple keyframes are selected, the Transform box will appear, and we can move as well as edit the keyframes at the same time.
ⒹIf you turn on “Snap” button: it is snapped at the point when editing keyframes or graphs.
ⒺIf you turn on “Auto-zoom Graph Height” button, it automatically zooms in to make it easier to see when you change the graph height.
ⒻIf you click “Fit Selection to view” button, the selected range will be enlarged.
ⒼIf you click “Fit all graphs to view” button , you can adjust the view so that all graphs are visible.
ⒽClick “Separate dimensions” button to divide the selected property into X-axis and Y-axis dimensions and edit the X-axis and Y-axis graphs individually.
ⒾIf you click “Edit Selected Keyframes”: You can change the interpolation method, speed, and use keyframe assistant.
ⒿIf you click “Convert Selected Keyframe to Hold”: you can convert the interpolation method of the selected keyframe to Hold.
ⓀIf you click “Convert Selected Keyframe to Linear: you can to convert the interpolation method of the selected keyframe to Linear.
ⓁIf you click “Convert Selected Keyframe to Auto Bezier”: you can convert the interpolation method of the selected keyframes to Auto Bezier.
ⓂIf you click Easy Ease button, you can change the keyframe assistant to Easy Ease.
ⓃIf you click Easy Ease In button, you can change the keyframe assistant to Easy Ease In.
ⓄIf you click Easy Ease Out button, you can change the keyframe assistant to Easy Ease Out.
Adjust Graph Editor
Switch between graph types
When you click the “Choose Graph Type and Options” button in the Graph Editor, a menu of graph types will appear, allowing you to switch between Value Graph, Speed Graph and Reference Graph.
A value graph represents a graph in which the value of a layer property changes.The red line in the graph represents the X-position change graph and the green line represents the Y-position change graph.
In the Speed Graph, you can adjust the speed while looking at the graph. The horizontal axis of the graph represents time and the vertical axis represents speed changes; the higher the graph, the faster the speed. The horizontal part of the graph has a constant speed, and the lower the graph, the slower it is.
You can also check the animation speed on the composition panel. The narrower the distance between the points in the motion path, the faster the speed, and the same speed when the distance is constant.
If you check the Reference Graph, you can edit it while checking both the Value Graph and Speed Graph.
If you check the Speed Graph and Reference Graph, you can display both the Speed Graph and Reference Graph, and edit the Speed Graph while checking both graphs.
Adjust the points
In the Value Graph, the graph changes at the points with keyframe created. Curves and straight lines show how the values change, so let’s adjust the points while looking at the graph!
①To adjust a point, first select the point you want to edit in the Graph Editor.
②When you select a point, keyframe assistant buttons appear, so you can adjust the point by selecting them.
If you click Easy Ease, the graph appears like this. The point starts moving slowly and stops slowly.
If you click Easy Ease Out, the graph appears like this. It moves smoothly immediately after the start keyframe and slowly accelerates.
When you click Easy Ease In, the graph appears like this. It moves smoothly immediately before the terminating keyframe and slow down slowly.
When you click Convert Selected Keyframe to Hold button, the chart appears like this. The values of the keyframe are kept until the next keyframe.
When you click Convert Selected Keyframe to Auto Bezier, the graph appears like this. The keyframes are connected with a smooth curve and change smoothly.
When you click Convert Selected Keyframe to Linear, the chart appears like this. It interpolates between keyframes at a constant rate of change, and the lines connecting the keyframes are shown as straight lines.
This is the end of the lecture on how to use the Graph Editor!
How is everyone doing?
Did you understand today’s lecture?
See you again for the next lecture!
See you soon! Bye bye!