{"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\/fr\/docs\/animation-chronologie\/","title":{"rendered":"Chronologie des animations"},"content":{"rendered":"<p>Apr\u00e8s avoir ajout\u00e9 un squelette au personnage, vous pouvez passer \u00e0 l&#039;\u00e9diteur d&#039;animation pour l&#039;animer. Aujourd&#039;hui, nous allons examiner de plus pr\u00e8s la chronologie de l&#039;animation dans l&#039;\u00e9diteur d&#039;animation.<\/p>\n\n\n\n<p>Dans la chronologie de l&#039;animation, vous pouvez ajouter des mouvements, des expressions, etc. en ajoutant des images de calques et des images d&#039;os\u00a0; pr\u00e9visualiser les mouvements des personnages\u00a0; personnaliser la fr\u00e9quence d&#039;images et la dur\u00e9e des animations des personnages, etc.<\/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. Barre de param\u00e8tres de la timeline<\/strong><\/p>\n\n\n\n<p>Dans cette zone, vous pouvez d\u00e9finir la lecture en boucle ; masquer\/afficher les pistes de mouvement des personnages et les os\u00a0; d\u00e9finir des images cl\u00e9s automatiques\u00a0; masquer\/afficher les pistes\u00a0; capture d&#039;action\u00a0; contr\u00f4ler la lecture de l&#039;animation\u00a0; d\u00e9finir la dur\u00e9e totale et la fr\u00e9quence d&#039;images des actions des personnages\u00a0; enregistrer les mouvements.<\/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) D\u00e9but\/Fin de boucle\u00a0:<\/strong> D\u00e9finissez l&#039;intervalle d&#039;image \u00e0 boucler, ce qui peut \u00eatre interpr\u00e9t\u00e9 comme d\u00e9finissant la plage de l&#039;animation d&#039;aper\u00e7u. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-loop-start-end\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Cliquez pour voir\u00a0: Comment utiliser le d\u00e9but\/la fin de la boucle\u00a0?)<\/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) Modifier\u00a0:<\/strong> Vous pouvez cocher le mouvement, l&#039;os, la boucle et l&#039;image cl\u00e9 automatique.<\/p>\n\n\n\n<ul>\n<li>Mouvement\u00a0: lorsque cette option est coch\u00e9e, la piste de mouvement appara\u00eetra lors de la pr\u00e9visualisation du mouvement de l&#039;os, ce qui vous aidera \u00e0 modifier le mouvement de l&#039;os avec plus de pr\u00e9cision.<\/li>\n\n\n\n<li>Os : Lorsque cette case est coch\u00e9e, le squelette s&#039;affiche sur le personnage, ce qui facilite la d\u00e9finition des propri\u00e9t\u00e9s de l&#039;os. (Cliquez pour voir\u00a0: comment masquer ou afficher les traces de mouvement et les os du personnage\u00a0?)<\/li>\n\n\n\n<li>Boucle : Lorsque cette case est coch\u00e9e, l&#039;animation peut boucler ind\u00e9finiment lors de la pr\u00e9visualisation.<\/li>\n\n\n\n<li>Image cl\u00e9 automatique\u00a0: lorsque cette case est coch\u00e9e, une nouvelle image cl\u00e9 sera automatiquement ajout\u00e9e \u00e0 l&#039;emplacement de la t\u00eate de lecture lors de la modification des mouvements du personnage dans le canevas. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-auto-keyframe\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Cliquez pour voir\u00a0: Comment utiliser l&#039;image cl\u00e9 automatique\u00a0?)<\/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) Piste\u00a0:<\/strong> Cochez la case pour afficher les pistes audio, GIF et MP4 o\u00f9 vous pouvez ajouter de l&#039;audio, du GIF et du MP4. Les pistes qui ne sont pas n\u00e9cessaires peuvent \u00eatre d\u00e9coch\u00e9es.<\/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) Capture\u00a0:<\/strong> La fonction [Capture] peut \u00eatre utilis\u00e9e lorsque vous souhaitez enregistrer le mouvement d&#039;une image particuli\u00e8re de votre personnage. Cliquez dessus pour prendre une capture d&#039;\u00e9cran du mouvement dans le cadre o\u00f9 se trouve la t\u00eate de lecture sous forme de fichier PNG et enregistrez-le dans un dossier local.<\/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) Aper\u00e7u de l&#039;animation<\/strong><\/p>\n\n\n\n<p>Vous pouvez contr\u00f4ler la lecture de l&#039;animation\u00a0: lire depuis le d\u00e9but, l&#039;image pr\u00e9c\u00e9dente, lire depuis l&#039;image actuelle, l&#039;image suivante.<\/p>\n\n\n\n<p><strong>(6) Zone d&#039;affichage de la dur\u00e9e de l&#039;animation et du num\u00e9ro d&#039;image<\/strong><\/p>\n\n\n\n<p>Vous pouvez afficher l&#039;heure \u00e0 laquelle la t\u00eate de lecture est localis\u00e9e, la dur\u00e9e totale de l&#039;animation, l&#039;image \u00e0 laquelle la t\u00eate de lecture est localis\u00e9e et le nombre total d&#039;images.<\/p>\n\n\n\n<p><strong>(7) R\u00e9glage de la fr\u00e9quence d&#039;images\u00a0:<\/strong> Vous pouvez d\u00e9finir le nombre d&#039;images par seconde de l&#039;animation, plus la fr\u00e9quence d&#039;images est \u00e9lev\u00e9e, plus le changement de mouvement est rapide, et vice versa.<\/p>\n\n\n\n<p><strong>(8) Enregistrer le mouvement\u00a0:<\/strong> Apr\u00e8s avoir ajout\u00e9 un mouvement personnalis\u00e9 au personnage, vous pouvez utiliser [Enregistrer le mouvement] pour combiner le mouvement personnalis\u00e9 et l&#039;enregistrer dans la biblioth\u00e8que de mouvements personnalis\u00e9s du logiciel. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-save-custom-motion\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Cliquez pour voir\u00a0: comment enregistrer un mouvement personnalis\u00e9\u00a0?)<\/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. Zone d&#039;\u00e9dition d&#039;animation de la timeline<\/strong><\/p>\n\n\n\n<p>Dans cette zone, vous pouvez utiliser des cadres de calque et des cadres d&#039;os pour ajouter des expressions et des actions \u00e0 vos personnages\u00a0; ajoutez de l&#039;audio, du GIF et du MP4 pour pr\u00e9visualiser l&#039;effet lorsque vous utiliserez ensuite vos personnages pour animer des vid\u00e9os\u00a0; s\u00e9lectionnez une animation \u00e0 publier \u00e0 l&#039;aide de la fonction [Exporter].<\/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) Piste de calque\u00a0:<\/strong> Ici, vous pouvez ajouter, modifier et d\u00e9placer des cadres de calque. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-layer-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Cliquez pour voir\u00a0: Comment utiliser les cadres de calque\u00a0?)<\/a><\/p>\n\n\n\n<p><strong>(2) Trace osseuse\u00a0:<\/strong> Ici, vous pouvez ajouter, modifier et d\u00e9placer des cadres d&#039;os. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-bone-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Cliquez pour voir\u00a0: Comment utiliser les cadres en os\u00a0?)<\/a><\/p>\n\n\n\n<p><strong>(3) Piste audio, GIF, MP4\u00a0:<\/strong> Vous pouvez ajouter ici de l&#039;audio, du GIF et du MP4 pour fournir une r\u00e9f\u00e9rence pour une utilisation ult\u00e9rieure du personnage dans des vid\u00e9os anim\u00e9es.<\/p>\n\n\n\n<p><strong>(4) Exporter\u00a0:<\/strong> Lorsque vous ne souhaitez publier qu&#039;une partie du mouvement de votre personnage, vous pouvez utiliser [Exporter] pour s\u00e9lectionner n&#039;importe quel segment d&#039;animation \u00e0 publier. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-publish-a-piece-of-animation\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Cliquez pour voir\u00a0: Comment exporter un morceau d&#039;animation\u00a0?)<\/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\uff09Modifier le nom du mouvement\u00a0:<\/strong> Vous pouvez cliquer sur un groupe de mouvements pour le renommer.<\/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. Barre d&#039;outils de la timeline<\/strong><\/p>\n\n\n\n<p>Vous pouvez zoomer et d\u00e9placer la chronologie pour apporter des modifications plus pr\u00e9cises aux mouvements des personnages\u00a0; vous pouvez \u00e9galement copier, coller et supprimer des cadres de calque et des cadres d&#039;os.<\/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) Mettez \u00e0 l&#039;\u00e9chelle la chronologie\u00a0:<\/strong> Modification facile des d\u00e9tails des images de calque et des images d&#039;os sur la chronologie. Faites glisser le bouton de diapositive ou cliquez sur [-]\/[+] pour mettre \u00e0 l&#039;\u00e9chelle la chronologie.<\/p>\n\n\n\n<p><strong>(2) Copier\/coller\/supprimer des images cl\u00e9s\u00a0:<\/strong> Cliquez sur un cadre de calque\/cadre d&#039;os et cliquez sur le bouton [Copier]\/[Coller]\/[Supprimer].<\/p>\n\n\n\n<p><strong>(3) Afficher la chronologie\u00a0:<\/strong> Faites glisser le curseur pour afficher la chronologie.<\/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. Op\u00e9rations de clic droit dans la chronologie<\/strong><\/p>\n\n\n\n<p>L&#039;utilisation des op\u00e9rations de clic droit facilite et acc\u00e9l\u00e8re l&#039;animation du personnage.<\/p>\n\n\n\n<p>(1) Cliquez sur un cadre de calque\/cadre osseux et cliquez avec le bouton droit pour effectuer les op\u00e9rations suivantes\u00a0: copier, supprimer, supprimer tous les cadres, r\u00e9initialiser le cadre d&#039;origine, avancer d&#039;un cadre, reculer d&#039;un cadre, mettre en retrait un cadre en avant, mettre en retrait un cadre en arri\u00e8re, remplacer le calque, appliquer une courbure \u00e0 tous, ajouter un cadre osseux, ajouter un cadre de calque.<\/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) S\u00e9lectionnez plusieurs cadres de calque\/cadres osseux, cliquez avec le bouton droit de la souris et s\u00e9lectionnez [Grouper] pour les combiner\u00a0; s\u00e9lectionnez un groupe et faites un clic droit et s\u00e9lectionnez [Dissocier] pour le d\u00e9composer. <a href=\"https:\/\/help.mangoanimate.com\/docs\/group-and-ungroup-layer-frames-or-bone-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Cliquez pour afficher\u00a0: regrouper et dissocier les cadres de calque ou les cadres d&#039;os)<\/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\/fr\/docs\/animation-chronologie\/\"> <span class=\"screen-reader-text\">Chronologie des animations<\/span> Lire la suite\u00a0\u00bb<\/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\/fr\/docs\/animation-timeline\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/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=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\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\":\"fr-FR\",\"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\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\/fr\/docs\/animation-timeline\/","og_locale":"fr_FR","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\/fr\/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":{"Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"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":"fr-FR","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":"fr-FR"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@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\/fr\/wp-json\/wp\/v2\/docs\/1129"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/comments?post=1129"}],"version-history":[{"count":3,"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/docs\/1129\/revisions"}],"predecessor-version":[{"id":1332,"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/docs\/1129\/revisions\/1332"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/media?parent=1129"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/doc_category?post=1129"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=1129"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/knowledge_base?post=1129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}