{"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\/da\/docs\/animation-tidslinje\/","title":{"rendered":"Animation tidslinje"},"content":{"rendered":"<p>Efter at have tilf\u00f8jet et skelet til karakteren, kan du forts\u00e6tte til animationseditoren for at animere den. I dag skal vi se n\u00e6rmere p\u00e5 animationstidslinjen i animationseditoren.<\/p>\n\n\n\n<p>I animationstidslinjen kan du tilf\u00f8je bev\u00e6gelser, udtryk osv. ved at tilf\u00f8je lagrammer og knoglerammer; forh\u00e5ndsvisning af karakterbev\u00e6gelser; tilpasse billedhastigheden og varigheden af karakteranimationer osv.<\/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. Indstillingslinje p\u00e5 tidslinjen<\/strong><\/p>\n\n\n\n<p>I dette omr\u00e5de kan du indstille loop-afspilning; skjul\/vis karakterbev\u00e6gelsesspor og knogler; s\u00e6t auto keyframes; skjul\/vis spor; action capture; styre animationsafspilning; indstille den samlede varighed og billedhastighed for karakterhandlinger; gemme bev\u00e6gelser.<\/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) Sl\u00f8jfe start\/slut:<\/strong> Indstil det billedinterval, der skal loopes, hvilket kan fortolkes som at indstille r\u00e6kkevidden af forh\u00e5ndsvisningsanimationen. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-loop-start-end\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Klik for at se: Hvordan bruger man 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) Rediger:<\/strong> Du kan markere bev\u00e6gelse, knogle, sl\u00f8jfe og automatisk keyframe.<\/p>\n\n\n\n<ul>\n<li>Bev\u00e6gelse: N\u00e5r afkrydsningsfeltet er markeret, vises bev\u00e6gelsessporet, n\u00e5r du forh\u00e5ndsviser knoglebev\u00e6gelsen, hvilket giver hj\u00e6lp til at redigere knoglebev\u00e6gelsen mere pr\u00e6cist.<\/li>\n\n\n\n<li>Knogle: N\u00e5r afkrydset, vises skelettet p\u00e5 karakteren, hvilket g\u00f8r det lettere at indstille knogleegenskaberne. (Klik for at se: Hvordan skjuler eller viser karakterens bev\u00e6gelsesspor og knogler?)<\/li>\n\n\n\n<li>Loop: N\u00e5r afkrydset, kan animationen loope p\u00e5 ubestemt tid, n\u00e5r der vises forh\u00e5ndsvisning.<\/li>\n\n\n\n<li>Auto keyframe: N\u00e5r afkrydset, vil en ny keyframe automatisk blive tilf\u00f8jet til placeringen af afspilningshovedet, n\u00e5r karakterens bev\u00e6gelser p\u00e5 l\u00e6rredet \u00e6ndres. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-auto-keyframe\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Klik for at se: Hvordan bruger man 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) Spor:<\/strong> Marker afkrydsningsfeltet for at vise lyd-, GIF- og MP4-numre, hvor du kan tilf\u00f8je lyd, GIF og MP4. Spor, der ikke er p\u00e5kr\u00e6vet, kan frav\u00e6lges.<\/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) Optagelse:<\/strong> [Capture]-funktionen kan bruges, n\u00e5r du vil gemme bev\u00e6gelsen af en bestemt ramme af din karakter. Klik p\u00e5 den for at tage et sk\u00e6rmbillede af bev\u00e6gelsen i rammen, hvor afspilningshovedet er placeret som en PNG-fil og gemme det i en lokal mappe.<\/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) Forh\u00e5ndsvisning af animation<\/strong><\/p>\n\n\n\n<p>Du kan styre animationsafspilningen: afspil fra start, det forrige billede, afspil fra det aktuelle billede, n\u00e6ste billede.<\/p>\n\n\n\n<p><strong>(6) Visningsomr\u00e5de for animationsvarighed og billednummer<\/strong><\/p>\n\n\n\n<p>Du kan se tidspunktet, hvor afspilningshovedet er placeret, den samlede varighed af animationen, billedet, n\u00e5r afspilningshovedet er placeret, og det samlede antal billeder.<\/p>\n\n\n\n<p><strong>(7) Indstilling af billedhastighed:<\/strong> Du kan indstille antallet af billeder pr. sekund af animationen, jo h\u00f8jere billedhastighed, jo hurtigere bev\u00e6gelses\u00e6ndring og omvendt.<\/p>\n\n\n\n<p><strong>(8) Gem bev\u00e6gelse:<\/strong> N\u00e5r du har tilf\u00f8jet brugerdefineret bev\u00e6gelse til karakteren, kan du bruge [Save Motion] til at kombinere den brugerdefinerede bev\u00e6gelse og gemme den i softwarens brugerdefinerede bev\u00e6gelsesbibliotek. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-save-custom-motion\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Klik for at se: Hvordan gemmer brugerdefineret bev\u00e6gelse?)<\/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. Animationsredigeringsomr\u00e5de p\u00e5 tidslinjen<\/strong><\/p>\n\n\n\n<p>I dette omr\u00e5de kan du bruge lagrammer og knoglerammer til at tilf\u00f8je udtryk og handlinger til dine karakterer; tilf\u00f8j lyd, GIF og MP4 for at f\u00e5 vist effekten, n\u00e5r du efterf\u00f8lgende bruger dine figurer til at animere videoer; v\u00e6lg et stykke animation, der skal publiceres ved hj\u00e6lp af funktionen [Eksporter].<\/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) Lagspor:<\/strong> Her kan du tilf\u00f8je, redigere og flytte lagrammer. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-layer-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Klik for at se: Hvordan bruger man lagrammer?)<\/a><\/p>\n\n\n\n<p><strong>(2) Knoglespor:<\/strong> Her kan du tilf\u00f8je, redigere og flytte knoglerammer. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-bone-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Klik for at se: Hvordan bruger man knoglerammer?)<\/a><\/p>\n\n\n\n<p><strong>(3) Lyd, GIF, MP4 spor:<\/strong> Du kan tilf\u00f8je lyd, GIF og MP4 her for at give en reference til efterf\u00f8lgende brug af karakteren i animerede videoer.<\/p>\n\n\n\n<p><strong>(4) Eksport:<\/strong> N\u00e5r du kun vil udgive en del af din karakters bev\u00e6gelse, kan du bruge [Eksporter] til at v\u00e6lge et hvilket som helst animationssegment, der skal publiceres. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-publish-a-piece-of-animation\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Klik for at se: Hvordan eksporterer man et stykke animation?)<\/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\uff09Rediger bev\u00e6gelsesnavn:<\/strong> Du kan klikke p\u00e5 en bev\u00e6gelsesgruppe for at omd\u00f8be den.<\/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. V\u00e6rkt\u00f8jslinje for tidslinjen<\/strong><\/p>\n\n\n\n<p>Du kan zoome og flytte tidslinjen for at foretage mere pr\u00e6cise redigeringer af karakterbev\u00e6gelser; du kan ogs\u00e5 kopiere, inds\u00e6tte og slette lagrammer og knoglerammer.<\/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) Skaler tidslinjen:<\/strong> Nem detaljeredigering af lagrammer og knoglerammer p\u00e5 tidslinjen. Tr\u00e6k glideknappen, eller klik p\u00e5 [-]\/[+] for at skalere tidslinjen.<\/p>\n\n\n\n<p><strong>(2) Kopi\u00e9r\/inds\u00e6t\/slet keyframes:<\/strong> Klik p\u00e5 en lagramme\/knogleramme, og klik p\u00e5 knappen [Kopier]\/[S\u00e6t ind]\/[Slet].<\/p>\n\n\n\n<p><strong>(3) Se tidslinje:<\/strong> Tr\u00e6k skyderen for at se tidslinjen.<\/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. H\u00f8jreklik p\u00e5 handlinger p\u00e5 tidslinjen<\/strong><\/p>\n\n\n\n<p>Brug af h\u00f8jreklik-handlingerne g\u00f8r det nemmere og hurtigere at animere karakteren.<\/p>\n\n\n\n<p>(1) Klik p\u00e5 en lagramme\/knogleramme, og h\u00f8jreklik for at g\u00f8re f\u00f8lgende: Kopier, slet, slet alle rammer, nulstil til original ramme, trin \u00e9n ramme frem, trin \u00e9n ramme tilbage, indryk \u00e9n ramme frem, indryk \u00e9n ramme bagl\u00e6ns, udskift lag, anvend b\u00f8jning p\u00e5 alle, tilf\u00f8j knogleramme, tilf\u00f8j lagramme.<\/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) Multi-v\u00e6lg lagrammer\/knoglerammer, h\u00f8jreklik og v\u00e6lg [Gruppe] for at kombinere dem; v\u00e6lg en gruppe og h\u00f8jreklik og v\u00e6lg [Ungroup] for at dekomponere den. <a href=\"https:\/\/help.mangoanimate.com\/docs\/group-and-ungroup-layer-frames-or-bone-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Klik for at se: Grupper og oph\u00e6v gruppering af lagrammer eller knoglerammer)<\/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\/da\/docs\/animation-tidslinje\/\"> <span class=\"screen-reader-text\">Animation tidslinje<\/span> L\u00e6s mere &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\/da\/docs\/animation-timeline\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\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\/da\/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=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutter\" \/>\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\":\"da-DK\",\"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\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@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\/da\/docs\/animation-timeline\/","og_locale":"da_DK","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\/da\/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":{"Estimeret l\u00e6setid":"7 minutter"},"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":"da-DK","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":"da-DK"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@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\/da\/wp-json\/wp\/v2\/docs\/1129"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/da\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/da\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/da\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/da\/wp-json\/wp\/v2\/comments?post=1129"}],"version-history":[{"count":3,"href":"https:\/\/help.mangoanimate.com\/da\/wp-json\/wp\/v2\/docs\/1129\/revisions"}],"predecessor-version":[{"id":1332,"href":"https:\/\/help.mangoanimate.com\/da\/wp-json\/wp\/v2\/docs\/1129\/revisions\/1332"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/da\/wp-json\/wp\/v2\/media?parent=1129"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/da\/wp-json\/wp\/v2\/doc_category?post=1129"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/da\/wp-json\/wp\/v2\/doc_tag?post=1129"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/da\/wp-json\/wp\/v2\/knowledge_base?post=1129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}