![\"\"](\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3.png\")
<\/figure>\n\n\n\n1. Settings bar of the timeline<\/strong><\/p>\n\n\n\n In this area you can set loop playback; hide\/show character movement tracks, and bones; set auto keyframes; hide\/show tracks; action capture; control animation playback; set the total duration and frame rate of character actions; save motions.<\/p>\n\n\n\n (1)\u00a0 Loop Start\/End:<\/strong> Set the frame interval to be looped, which can be interpreted as setting the range of the preview animation. (Click to view: How to use Loop Start\/End?)<\/a><\/p>\n\n\n\n (2) Edit:<\/strong> You can tick movement, bone, loop, and auto keyframe.<\/p>\n\n\n\n (3) Track:<\/strong> Tick the box to display audio, GIF, and MP4 tracks where you can add audio, GIF, and MP4. Tracks that are not required can be unticked.<\/p>\n\n\n\n (4) Capture:<\/strong> The [Capture] feature can be used when you want to save the motion of a particular frame of your character. Click on it to take a screenshot of the motion in the frame where the playhead is located as a PNG file and save it in a local folder.<\/p>\n\n\n\n (5) Preview animation<\/strong><\/p>\n\n\n\n You can control the animation playback: play from start, the previous frame, play from the current frame, next frame.<\/p>\n\n\n\n (6) Animation duration and frame number display area<\/strong><\/p>\n\n\n\n You can view the time when the playhead is located, the total duration of the animation, the frame when the playhead is located and the total number of frames.<\/p>\n\n\n\n (7) Frame rate setting:<\/strong> You can set the number of frames per second of the animation, the higher the frame rate, the faster the movement change, and vice versa.<\/p>\n\n\n\n (8) Save motion:<\/strong> After adding custom motion to the character, you can use the [Save Motion] to combine the custom motion and save it to the software’s custom motion library. (Click to view: How save custom motion?)<\/a><\/p>\n\n\n\n 2. Animation edit area of the timeline<\/strong><\/p>\n\n\n\n In this area, you can use layer frames and bone frames to add expressions and actions to your characters; add audio, GIF, and MP4 to preview the effect when you subsequently use your characters to animate videos; select a piece of animation to publish using the [Export] feature.<\/p>\n\n\n\n (1) Layer track:<\/strong> Here you can add, edit and move layer frames. (Click to view: How to use layer frames?)<\/a><\/p>\n\n\n\n (2) Bone track:<\/strong> Here you can add, edit and move bone frames. (Click to view: How to use bone frames?)<\/a><\/p>\n\n\n\n (3) Audio, GIF, MP4 track:<\/strong> You can add audio, GIF, and MP4 here to provide a reference for subsequent use of the character in animated videos.<\/p>\n\n\n\n (4) Export:<\/strong> When you only want to publish a part of your character’s motion, you can use [Export] to select any animation segment to publish. (Click to view: How to export a piece of animation?)<\/a><\/p>\n\n\n\n \uff085\uff09Modify motion name:<\/strong> You can click on a motion group to rename it.<\/p>\n\n\n\n 3. Toolbar of the timeline<\/strong><\/p>\n\n\n\n You can zoom and move the timeline to make more precise edits to character motions; you can also copy, paste and delete layer frames and bone frames.<\/p>\n\n\n\n (1) Scale the timeline:<\/strong> Easy detail editing of layer frames and bone frames on the timeline. Drag the slide button or click [-]\/[+] to scale the timeline.<\/p>\n\n\n\n (2) Copy\/paste\/delete keyframes:<\/strong> Click a layer frame\/bone frame and click the [Copy]\/[Paste]\/[Delete] button.<\/p>\n\n\n\n (3) View timeline:<\/strong> Drag the slider to view the timeline.<\/p>\n\n\n\n 4. Right-click operations in the timeline<\/strong><\/p>\n\n\n\n Using the right-click operations makes it easier and faster to animate the character.<\/p>\n\n\n\n (1) Click a layer frame\/bone frame and right-click to do the following: Copy, delete, delete all frames, reset to original frame, step forward one frame, step backward one frame, indent one frame forward, indent one frame backward, replace layer, apply bend to all, add bone frame, add layer frame.<\/p>\n\n\n\n (2) Multi-select layer frames\/bone frames, right-click and select [Group] to combine them; select a group and right-click and select [Ungroup] to decompose it. (Click to view: Group and ungroup layer frames or bone frames)<\/a><\/p>","protected":false},"excerpt":{"rendered":" After adding a skeleton to the character, you can proceed to the animation editor to animate it. Today we’re going to take a closer look at the animation timeline in the animation editor. In the animation timeline you can add motions, expressions, etc. by adding layers frames and bone frames; preview character motions; customize the …<\/p>\n![\"\"](\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-4.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-5.png\")
<\/figure>\n\n\n\n\n
![\"\"](\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-6.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-7.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-8.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-9.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-10.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-11.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-12.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-13.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-14.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-15.png\")
<\/figure>\n\n\n\n