{"id":1129,"date":"2023-01-03T08:35:04","date_gmt":"2023-01-03T08:35:04","guid":{"rendered":"https:\/\/help.mangoanimate.com\/?post_type=docs&#038;p=1129"},"modified":"2023-01-30T09:23:18","modified_gmt":"2023-01-30T09:23:18","slug":"animation-timeline","status":"publish","type":"docs","link":"https:\/\/help.mangoanimate.com\/vi\/docs\/dong-thoi-gian-hoat-hinh\/","title":{"rendered":"D\u00f2ng th\u1eddi gian ho\u1ea1t \u1ea3nh"},"content":{"rendered":"<p>Sau khi th\u00eam b\u1ed9 x\u01b0\u01a1ng cho nh\u00e2n v\u1eadt, b\u1ea1n c\u00f3 th\u1ec3 chuy\u1ec3n sang tr\u00ecnh ch\u1ec9nh s\u1eeda ho\u1ea1t h\u00ecnh \u0111\u1ec3 t\u1ea1o ho\u1ea1t \u1ea3nh cho nh\u00e2n v\u1eadt. H\u00f4m nay ch\u00fang ta s\u1ebd xem x\u00e9t k\u1ef9 h\u01a1n v\u1ec1 d\u00f2ng th\u1eddi gian ho\u1ea1t \u1ea3nh trong tr\u00ecnh ch\u1ec9nh s\u1eeda ho\u1ea1t \u1ea3nh.<\/p>\n\n\n\n<p>Trong d\u00f2ng th\u1eddi gian ho\u1ea1t h\u00ecnh, b\u1ea1n c\u00f3 th\u1ec3 th\u00eam chuy\u1ec3n \u0111\u1ed9ng, bi\u1ec3u c\u1ea3m, v.v. b\u1eb1ng c\u00e1ch th\u00eam c\u00e1c l\u1edbp khung v\u00e0 khung x\u01b0\u01a1ng; xem tr\u01b0\u1edbc chuy\u1ec3n \u0111\u1ed9ng c\u1ee7a nh\u00e2n v\u1eadt; t\u00f9y ch\u1ec9nh t\u1ed1c \u0111\u1ed9 khung h\u00ecnh v\u00e0 th\u1eddi l\u01b0\u1ee3ng c\u1ee7a ho\u1ea1t \u1ea3nh nh\u00e2n v\u1eadt, v.v.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"573\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3.png\" alt=\"\" class=\"wp-image-1132\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3-300x199.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3-768x509.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3-360x239.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3-18x12.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p><strong>1. Thanh c\u00e0i \u0111\u1eb7t c\u1ee7a d\u00f2ng th\u1eddi gian<\/strong><\/p>\n\n\n\n<p>Trong khu v\u1ef1c n\u00e0y, b\u1ea1n c\u00f3 th\u1ec3 \u0111\u1eb7t ph\u00e1t l\u1ea1i v\u00f2ng l\u1eb7p; \u1ea9n\/hi\u1ec3n th\u1ecb c\u00e1c d\u1ea5u v\u1ebft chuy\u1ec3n \u0111\u1ed9ng c\u1ee7a nh\u00e2n v\u1eadt v\u00e0 x\u01b0\u01a1ng; \u0111\u1eb7t khung h\u00ecnh ch\u00ednh t\u1ef1 \u0111\u1ed9ng; \u1ea9n\/hi\u1ec7n b\u00e0i h\u00e1t; n\u1eafm b\u1eaft h\u00e0nh \u0111\u1ed9ng; ki\u1ec3m so\u00e1t ph\u00e1t l\u1ea1i h\u00ecnh \u1ea3nh \u0111\u1ed9ng; \u0111\u1eb7t t\u1ed5ng th\u1eddi l\u01b0\u1ee3ng v\u00e0 t\u1ed1c \u0111\u1ed9 khung h\u00ecnh c\u1ee7a c\u00e1c h\u00e0nh \u0111\u1ed9ng c\u1ee7a nh\u00e2n v\u1eadt; l\u01b0u chuy\u1ec3n \u0111\u1ed9ng.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"197\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-4.png\" alt=\"\" class=\"wp-image-1133\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-4.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-4-300x68.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-4-768x175.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-4-360x82.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-4-18x4.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p><strong>(1) B\u1eaft \u0111\u1ea7u\/K\u1ebft th\u00fac v\u00f2ng l\u1eb7p:<\/strong> \u0110\u1eb7t kho\u1ea3ng th\u1eddi gian khung h\u00ecnh \u0111\u01b0\u1ee3c l\u1eb7p l\u1ea1i, c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c hi\u1ec3u l\u00e0 \u0111\u1eb7t ph\u1ea1m vi ho\u1ea1t \u1ea3nh xem tr\u01b0\u1edbc. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-loop-start-end\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Click \u0111\u1ec3 xem: C\u00e1ch s\u1eed d\u1ee5ng Loop Start\/End?)<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"195\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-5.png\" alt=\"\" class=\"wp-image-1134\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-5.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-5-300x68.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-5-768x173.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-5-360x81.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-5-18x4.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p><strong>(2) Ch\u1ec9nh s\u1eeda:<\/strong> B\u1ea1n c\u00f3 th\u1ec3 \u0111\u00e1nh d\u1ea5u chuy\u1ec3n \u0111\u1ed9ng, x\u01b0\u01a1ng, v\u00f2ng l\u1eb7p v\u00e0 khung h\u00ecnh ch\u00ednh t\u1ef1 \u0111\u1ed9ng.<\/p>\n\n\n\n<ul>\n<li>Chuy\u1ec3n \u0111\u1ed9ng: Khi \u0111\u00e1nh d\u1ea5u, v\u1ec7t chuy\u1ec3n \u0111\u1ed9ng s\u1ebd xu\u1ea5t hi\u1ec7n khi xem tr\u01b0\u1edbc chuy\u1ec3n \u0111\u1ed9ng c\u1ee7a x\u01b0\u01a1ng, h\u1ed7 tr\u1ee3 ch\u1ec9nh s\u1eeda chuy\u1ec3n \u0111\u1ed9ng c\u1ee7a x\u01b0\u01a1ng ch\u00ednh x\u00e1c h\u01a1n.<\/li>\n\n\n\n<li>X\u01b0\u01a1ng: Khi \u0111\u00e1nh d\u1ea5u v\u00e0o, khung x\u01b0\u01a1ng s\u1ebd hi\u1ec3n th\u1ecb tr\u00ean nh\u00e2n v\u1eadt, gi\u00fap b\u1ea1n d\u1ec5 d\u00e0ng thi\u1ebft l\u1eadp c\u00e1c thu\u1ed9c t\u00ednh c\u1ee7a x\u01b0\u01a1ng h\u01a1n. (Click \u0111\u1ec3 xem: L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 \u1ea9n ho\u1eb7c hi\u1ec7n \u0111\u01b0\u1eddng di chuy\u1ec3n v\u00e0 x\u01b0\u01a1ng c\u1ee7a nh\u00e2n v\u1eadt?)<\/li>\n\n\n\n<li>V\u00f2ng l\u1eb7p: Khi \u0111\u01b0\u1ee3c ch\u1ecdn, ho\u1ea1t \u1ea3nh c\u00f3 th\u1ec3 l\u1eb7p l\u1ea1i v\u00f4 th\u1eddi h\u1ea1n khi xem tr\u01b0\u1edbc.<\/li>\n\n\n\n<li>Khung h\u00ecnh ch\u00ednh t\u1ef1 \u0111\u1ed9ng: Khi \u0111\u01b0\u1ee3c ch\u1ecdn, m\u1ed9t khung h\u00ecnh ch\u00ednh m\u1edbi s\u1ebd t\u1ef1 \u0111\u1ed9ng \u0111\u01b0\u1ee3c th\u00eam v\u00e0o v\u1ecb tr\u00ed c\u1ee7a \u0111\u1ea7u ph\u00e1t khi s\u1eeda \u0111\u1ed5i chuy\u1ec3n \u0111\u1ed9ng c\u1ee7a nh\u00e2n v\u1eadt trong canvas. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-auto-keyframe\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Nh\u1ea5p \u0111\u1ec3 xem: C\u00e1ch s\u1eed d\u1ee5ng auto keyframe?)<\/a><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"295\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-6.png\" alt=\"\" class=\"wp-image-1135\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-6.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-6-300x102.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-6-768x262.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-6-360x123.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-6-18x6.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p><strong>(3) Theo d\u00f5i:<\/strong> Ch\u1ecdn h\u1ed9p \u0111\u1ec3 hi\u1ec3n th\u1ecb c\u00e1c r\u00e3nh \u00e2m thanh, GIF v\u00e0 MP4 n\u01a1i b\u1ea1n c\u00f3 th\u1ec3 th\u00eam \u00e2m thanh, GIF v\u00e0 MP4. C\u00e1c b\u1ea3n nh\u1ea1c kh\u00f4ng b\u1eaft bu\u1ed9c c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c b\u1ecf ch\u1ecdn.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"256\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-7.png\" alt=\"\" class=\"wp-image-1136\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-7.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-7-300x89.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-7-768x228.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-7-360x107.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-7-18x5.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p><strong>(4) Ch\u1ee5p:<\/strong> T\u00ednh n\u0103ng [Ch\u1ee5p] c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng khi b\u1ea1n mu\u1ed1n l\u01b0u chuy\u1ec3n \u0111\u1ed9ng c\u1ee7a m\u1ed9t khung h\u00ecnh c\u1ee5 th\u1ec3 c\u1ee7a nh\u00e2n v\u1eadt. Nh\u1ea5p v\u00e0o n\u00f3 \u0111\u1ec3 ch\u1ee5p \u1ea3nh m\u00e0n h\u00ecnh chuy\u1ec3n \u0111\u1ed9ng trong khung n\u01a1i \u0111\u1eb7t \u0111\u1ea7u ph\u00e1t d\u01b0\u1edbi d\u1ea1ng t\u1ec7p PNG v\u00e0 l\u01b0u n\u00f3 v\u00e0o m\u1ed9t th\u01b0 m\u1ee5c c\u1ee5c b\u1ed9.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"586\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-8.png\" alt=\"\" class=\"wp-image-1137\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-8.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-8-300x203.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-8-768x521.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-8-360x244.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-8-18x12.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p><strong>(5) Xem tr\u01b0\u1edbc h\u00ecnh \u1ea3nh \u0111\u1ed9ng<\/strong><\/p>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 \u0111i\u1ec1u khi\u1ec3n ph\u00e1t l\u1ea1i ho\u1ea1t \u1ea3nh: ph\u00e1t t\u1eeb \u0111\u1ea7u, khung h\u00ecnh tr\u01b0\u1edbc \u0111\u00f3, ph\u00e1t t\u1eeb khung h\u00ecnh hi\u1ec7n t\u1ea1i, khung h\u00ecnh ti\u1ebfp theo.<\/p>\n\n\n\n<p><strong>(6) V\u00f9ng hi\u1ec3n th\u1ecb th\u1eddi l\u01b0\u1ee3ng ho\u1ea1t \u1ea3nh v\u00e0 s\u1ed1 khung h\u00ecnh<\/strong><\/p>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 xem th\u1eddi gian khi \u0111\u1ea7u ph\u00e1t \u0111\u01b0\u1ee3c \u0111\u1ecbnh v\u1ecb, t\u1ed5ng th\u1eddi l\u01b0\u1ee3ng c\u1ee7a ho\u1ea1t \u1ea3nh, khung h\u00ecnh khi \u0111\u1ea7u ph\u00e1t \u0111\u01b0\u1ee3c \u0111\u1ecbnh v\u1ecb v\u00e0 t\u1ed5ng s\u1ed1 khung h\u00ecnh.<\/p>\n\n\n\n<p><strong>(7) C\u00e0i \u0111\u1eb7t t\u1ed1c \u0111\u1ed9 khung h\u00ecnh:<\/strong> B\u1ea1n c\u00f3 th\u1ec3 \u0111\u1eb7t s\u1ed1 khung h\u00ecnh tr\u00ean gi\u00e2y c\u1ee7a ho\u1ea1t \u1ea3nh, t\u1ed1c \u0111\u1ed9 khung h\u00ecnh c\u00e0ng cao th\u00ec chuy\u1ec3n \u0111\u1ed9ng thay \u0111\u1ed5i c\u00e0ng nhanh v\u00e0 ng\u01b0\u1ee3c l\u1ea1i.<\/p>\n\n\n\n<p><strong>(8) L\u01b0u chuy\u1ec3n \u0111\u1ed9ng:<\/strong> Sau khi th\u00eam chuy\u1ec3n \u0111\u1ed9ng t\u00f9y ch\u1ec9nh cho nh\u00e2n v\u1eadt, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng [L\u01b0u chuy\u1ec3n \u0111\u1ed9ng] \u0111\u1ec3 k\u1ebft h\u1ee3p chuy\u1ec3n \u0111\u1ed9ng t\u00f9y ch\u1ec9nh v\u00e0 l\u01b0u n\u00f3 v\u00e0o th\u01b0 vi\u1ec7n chuy\u1ec3n \u0111\u1ed9ng t\u00f9y ch\u1ec9nh c\u1ee7a ph\u1ea7n m\u1ec1m. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-save-custom-motion\/\" target=\"_blank\" rel=\"noreferrer noopener\">(B\u1ea5m \u0111\u1ec3 xem: C\u00e1ch l\u01b0u chuy\u1ec3n \u0111\u1ed9ng t\u00f9y ch\u1ec9nh?)<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"195\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-9.png\" alt=\"\" class=\"wp-image-1138\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-9.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-9-300x68.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-9-768x173.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-9-360x81.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-9-18x4.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p><strong>2. Khu v\u1ef1c ch\u1ec9nh s\u1eeda ho\u1ea1t \u1ea3nh c\u1ee7a d\u00f2ng th\u1eddi gian<\/strong><\/p>\n\n\n\n<p>Trong khu v\u1ef1c n\u00e0y, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng khung l\u1edbp v\u00e0 khung x\u01b0\u01a1ng \u0111\u1ec3 th\u00eam bi\u1ec3u c\u1ea3m v\u00e0 h\u00e0nh \u0111\u1ed9ng cho nh\u00e2n v\u1eadt c\u1ee7a m\u00ecnh; th\u00eam \u00e2m thanh, GIF v\u00e0 MP4 \u0111\u1ec3 xem tr\u01b0\u1edbc hi\u1ec7u \u1ee9ng khi sau \u0111\u00f3 b\u1ea1n s\u1eed d\u1ee5ng c\u00e1c k\u00fd t\u1ef1 c\u1ee7a m\u00ecnh \u0111\u1ec3 t\u1ea1o ho\u1ea1t \u1ea3nh cho video; ch\u1ecdn m\u1ed9t \u0111o\u1ea1n ho\u1ea1t h\u00ecnh \u0111\u1ec3 xu\u1ea5t b\u1ea3n b\u1eb1ng t\u00ednh n\u0103ng [Xu\u1ea5t].<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"198\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-10.png\" alt=\"\" class=\"wp-image-1139\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-10.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-10-300x69.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-10-768x176.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-10-360x82.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-10-18x4.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p><strong>(1) Theo d\u00f5i l\u1edbp:<\/strong> T\u1ea1i \u0111\u00e2y b\u1ea1n c\u00f3 th\u1ec3 th\u00eam, ch\u1ec9nh s\u1eeda v\u00e0 di chuy\u1ec3n c\u00e1c khung l\u1edbp. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-layer-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Nh\u1ea5p \u0111\u1ec3 xem: C\u00e1ch s\u1eed d\u1ee5ng khung l\u1edbp?)<\/a><\/p>\n\n\n\n<p><strong>(2) \u0110\u01b0\u1eddng x\u01b0\u01a1ng:<\/strong> T\u1ea1i \u0111\u00e2y b\u1ea1n c\u00f3 th\u1ec3 th\u00eam, ch\u1ec9nh s\u1eeda v\u00e0 di chuy\u1ec3n c\u00e1c khung x\u01b0\u01a1ng. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-bone-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Click \u0111\u1ec3 xem: S\u1eed d\u1ee5ng khung x\u01b0\u01a1ng nh\u01b0 th\u1ebf n\u00e0o?)<\/a><\/p>\n\n\n\n<p><strong>(3) B\u1ea3n nh\u1ea1c \u00e2m thanh, GIF, MP4:<\/strong> B\u1ea1n c\u00f3 th\u1ec3 th\u00eam \u00e2m thanh, GIF v\u00e0 MP4 t\u1ea1i \u0111\u00e2y \u0111\u1ec3 cung c\u1ea5p t\u00e0i li\u1ec7u tham kh\u1ea3o cho vi\u1ec7c s\u1eed d\u1ee5ng nh\u00e2n v\u1eadt sau n\u00e0y trong video ho\u1ea1t h\u00ecnh.<\/p>\n\n\n\n<p><strong>(4) Xu\u1ea5t kh\u1ea9u:<\/strong> Khi b\u1ea1n ch\u1ec9 mu\u1ed1n xu\u1ea5t b\u1ea3n m\u1ed9t ph\u1ea7n chuy\u1ec3n \u0111\u1ed9ng c\u1ee7a nh\u00e2n v\u1eadt, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng [Xu\u1ea5t] \u0111\u1ec3 ch\u1ecdn b\u1ea5t k\u1ef3 ph\u00e2n \u0111o\u1ea1n ho\u1ea1t \u1ea3nh n\u00e0o \u0111\u1ec3 xu\u1ea5t b\u1ea3n. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-publish-a-piece-of-animation\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Click \u0111\u1ec3 xem: L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 xu\u1ea5t m\u1ed9t \u0111o\u1ea1n phim ho\u1ea1t h\u00ecnh?)<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"197\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-11.png\" alt=\"\" class=\"wp-image-1140\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-11.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-11-300x68.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-11-768x175.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-11-360x82.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-11-18x4.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p><strong>\uff085\uff09S\u1eeda \u0111\u1ed5i t\u00ean chuy\u1ec3n \u0111\u1ed9ng:<\/strong> B\u1ea1n c\u00f3 th\u1ec3 nh\u1ea5p v\u00e0o m\u1ed9t nh\u00f3m chuy\u1ec3n \u0111\u1ed9ng \u0111\u1ec3 \u0111\u1ed5i t\u00ean n\u00f3.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"197\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-12.png\" alt=\"\" class=\"wp-image-1141\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-12.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-12-300x68.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-12-768x175.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-12-360x82.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-12-18x4.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p><strong>3. Thanh c\u00f4ng c\u1ee5 timeline<\/strong><\/p>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 ph\u00f3ng to v\u00e0 di chuy\u1ec3n d\u00f2ng th\u1eddi gian \u0111\u1ec3 th\u1ef1c hi\u1ec7n c\u00e1c ch\u1ec9nh s\u1eeda ch\u00ednh x\u00e1c h\u01a1n \u0111\u1ed1i v\u1edbi chuy\u1ec3n \u0111\u1ed9ng c\u1ee7a nh\u00e2n v\u1eadt; b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 sao ch\u00e9p, d\u00e1n v\u00e0 x\u00f3a c\u00e1c khung l\u1edbp v\u00e0 khung x\u01b0\u01a1ng.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"195\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-13.png\" alt=\"\" class=\"wp-image-1142\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-13.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-13-300x68.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-13-768x173.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-13-360x81.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-13-18x4.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p><strong>(1) Chia t\u1ef7 l\u1ec7 d\u00f2ng th\u1eddi gian:<\/strong> D\u1ec5 d\u00e0ng ch\u1ec9nh s\u1eeda chi ti\u1ebft khung l\u1edbp v\u00e0 khung x\u01b0\u01a1ng tr\u00ean d\u00f2ng th\u1eddi gian. K\u00e9o n\u00fat tr\u01b0\u1ee3t ho\u1eb7c nh\u1ea5p v\u00e0o [-]\/[+] \u0111\u1ec3 chia t\u1ef7 l\u1ec7 d\u00f2ng th\u1eddi gian.<\/p>\n\n\n\n<p><strong>(2) Sao ch\u00e9p\/d\u00e1n\/x\u00f3a khung h\u00ecnh ch\u00ednh:<\/strong> Nh\u1ea5p v\u00e0o khung l\u1edbp\/khung x\u01b0\u01a1ng v\u00e0 nh\u1ea5p v\u00e0o n\u00fat [Sao ch\u00e9p]\/[D\u00e1n]\/[X\u00f3a].<\/p>\n\n\n\n<p><strong>(3) Xem d\u00f2ng th\u1eddi gian:<\/strong> K\u00e9o thanh tr\u01b0\u1ee3t \u0111\u1ec3 xem d\u00f2ng th\u1eddi gian.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"195\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-14.png\" alt=\"\" class=\"wp-image-1143\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-14.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-14-300x68.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-14-768x173.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-14-360x81.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-14-18x4.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p><strong>4. Thao t\u00e1c chu\u1ed9t ph\u1ea3i trong timeline<\/strong><\/p>\n\n\n\n<p>S\u1eed d\u1ee5ng c\u00e1c thao t\u00e1c nh\u1ea5p chu\u1ed9t ph\u1ea3i gi\u00fap t\u1ea1o ho\u1ea1t \u1ea3nh cho nh\u00e2n v\u1eadt d\u1ec5 d\u00e0ng v\u00e0 nhanh h\u01a1n.<\/p>\n\n\n\n<p>(1) Nh\u1ea5p v\u00e0o m\u1ed9t khung l\u1edbp\/khung x\u01b0\u01a1ng v\u00e0 nh\u1ea5p chu\u1ed9t ph\u1ea3i \u0111\u1ec3 th\u1ef1c hi\u1ec7n c\u00e1c thao t\u00e1c sau: Sao ch\u00e9p, x\u00f3a, x\u00f3a t\u1ea5t c\u1ea3 c\u00e1c khung, \u0111\u1eb7t l\u1ea1i v\u1ec1 khung ban \u0111\u1ea7u, ti\u1ebfn m\u1ed9t khung, l\u00f9i m\u1ed9t khung, l\u00f9i m\u1ed9t khung v\u1ec1 ph\u00eda tr\u01b0\u1edbc, th\u1ee5t m\u1ed9t khung l\u00f9i l\u1ea1i, thay th\u1ebf l\u1edbp, \u00e1p d\u1ee5ng u\u1ed1n cong cho t\u1ea5t c\u1ea3, th\u00eam khung x\u01b0\u01a1ng, th\u00eam khung l\u1edbp.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"866\" height=\"356\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-15.png\" alt=\"\" class=\"wp-image-1144\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-15.png 866w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-15-300x123.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-15-768x316.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-15-360x148.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-15-18x7.png 18w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/figure>\n\n\n\n<p>(2) Ch\u1ecdn nhi\u1ec1u khung l\u1edbp\/khung x\u01b0\u01a1ng, nh\u1ea5p chu\u1ed9t ph\u1ea3i v\u00e0 ch\u1ecdn [Nh\u00f3m] \u0111\u1ec3 k\u1ebft h\u1ee3p ch\u00fang; ch\u1ecdn m\u1ed9t nh\u00f3m v\u00e0 nh\u1ea5p chu\u1ed9t ph\u1ea3i v\u00e0 ch\u1ecdn [Ungroup] \u0111\u1ec3 ph\u00e2n t\u00e1ch n\u00f3. <a href=\"https:\/\/help.mangoanimate.com\/docs\/group-and-ungroup-layer-frames-or-bone-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(B\u1ea5m \u0111\u1ec3 xem: Nh\u00f3m v\u00e0 h\u1ee7y nh\u00f3m c\u00e1c khung l\u1edbp ho\u1eb7c khung x\u01b0\u01a1ng)<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>After adding a skeleton to the character, you can proceed to the animation editor to animate it. Today we&#8217;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 &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/help.mangoanimate.com\/vi\/docs\/dong-thoi-gian-hoat-hinh\/\"> <span class=\"screen-reader-text\">D\u00f2ng th\u1eddi gian ho\u1ea1t \u1ea3nh<\/span> Read More &raquo;<\/a><\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"doc_category":[60],"doc_tag":[],"knowledge_base":[40],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.2.1 (Yoast SEO v20.10) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Animation Timeline - Mango Animate Help Center<\/title>\n<meta name=\"description\" content=\"After adding a skeleton to the character, you can proceed to the animation editor to animate it. Today we&#039;re going to take a closer look at the animation timeline in the animation editor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/help.mangoanimate.com\/vi\/docs\/animation-timeline\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Animation Timeline\" \/>\n<meta property=\"og:description\" content=\"After adding a skeleton to the character, you can proceed to the animation editor to animate it. Today we&#039;re going to take a closer look at the animation timeline in the animation editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.mangoanimate.com\/vi\/docs\/animation-timeline\/\" \/>\n<meta property=\"og:site_name\" content=\"Mango Animate Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-30T09:23:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/\",\"url\":\"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/\",\"name\":\"Animation Timeline - Mango Animate Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#website\"},\"datePublished\":\"2023-01-03T08:35:04+00:00\",\"dateModified\":\"2023-01-30T09:23:18+00:00\",\"description\":\"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.\",\"breadcrumb\":{\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/help.mangoanimate.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animation Timeline\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/help.mangoanimate.com\/#website\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"name\":\"Mango Animate Help Center\",\"description\":\"Just another WordPress site\",\"publisher\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/help.mangoanimate.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"contentUrl\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"width\":240,\"height\":32,\"caption\":\"Mango Animate Help Center\"},\"image\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Animation Timeline - Mango Animate Help Center","description":"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.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/help.mangoanimate.com\/vi\/docs\/animation-timeline\/","og_locale":"vi_VN","og_type":"article","og_title":"Animation Timeline","og_description":"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.","og_url":"https:\/\/help.mangoanimate.com\/vi\/docs\/animation-timeline\/","og_site_name":"Mango Animate Help Center","article_modified_time":"2023-01-30T09:23:18+00:00","og_image":[{"url":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2023\/01\/image-3.png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"7 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/","url":"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/","name":"Animation Timeline - Mango Animate Help Center","isPartOf":{"@id":"https:\/\/help.mangoanimate.com\/#website"},"datePublished":"2023-01-03T08:35:04+00:00","dateModified":"2023-01-30T09:23:18+00:00","description":"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.","breadcrumb":{"@id":"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/help.mangoanimate.com\/docs\/animation-timeline\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/help.mangoanimate.com\/"},{"@type":"ListItem","position":2,"name":"Animation Timeline"}]},{"@type":"WebSite","@id":"https:\/\/help.mangoanimate.com\/#website","url":"https:\/\/help.mangoanimate.com\/","name":"Mango Animate Help Center","description":"Just another WordPress site","publisher":{"@id":"https:\/\/help.mangoanimate.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/help.mangoanimate.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/","url":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","contentUrl":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","width":240,"height":32,"caption":"Mango Animate Help Center"},"image":{"@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/help.mangoanimate.com\/vi\/wp-json\/wp\/v2\/docs\/1129"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/vi\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/vi\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/vi\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/vi\/wp-json\/wp\/v2\/comments?post=1129"}],"version-history":[{"count":3,"href":"https:\/\/help.mangoanimate.com\/vi\/wp-json\/wp\/v2\/docs\/1129\/revisions"}],"predecessor-version":[{"id":1332,"href":"https:\/\/help.mangoanimate.com\/vi\/wp-json\/wp\/v2\/docs\/1129\/revisions\/1332"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/vi\/wp-json\/wp\/v2\/media?parent=1129"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/vi\/wp-json\/wp\/v2\/doc_category?post=1129"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/vi\/wp-json\/wp\/v2\/doc_tag?post=1129"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/vi\/wp-json\/wp\/v2\/knowledge_base?post=1129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}