{"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\/hr\/docs\/animacija-timeline\/","title":{"rendered":"Vremenska traka animacije"},"content":{"rendered":"<p>Nakon dodavanja kostura liku, mo\u017eete nastaviti do ure\u0111iva\u010da animacije kako biste ga animirali. Danas \u0107emo pobli\u017ee pogledati vremensku traku animacije u ure\u0111iva\u010du animacije.<\/p>\n\n\n\n<p>Na vremenskoj traci animacije mo\u017eete dodati pokrete, izraze itd. dodavanjem okvira slojeva i okvira kostiju; pregled kretanja likova; prilagoditi broj sli\u010dica u sekundi i trajanje animacija likova itd.<\/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. Traka postavki vremenske trake<\/strong><\/p>\n\n\n\n<p>U ovom podru\u010dju mo\u017eete postaviti reprodukciju u petlji; sakrij\/prika\u017ei tragove kretanja lika i kosti; postavljanje automatskih klju\u010dnih sli\u010dica; sakriti\/prikazati tragove; akcijsko snimanje; upravljanje reprodukcijom animacije; postaviti ukupno trajanje i broj sli\u010dica u sekundi radnji likova; spremiti pokrete.<\/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) Po\u010detak\/kraj petlje:<\/strong> Postavite interval okvira koji \u0107e se ponavljati, \u0161to se mo\u017ee protuma\u010diti kao postavljanje raspona animacije pregleda. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-loop-start-end\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknite za prikaz: Kako koristiti po\u010detak\/kraj petlje?)<\/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) Uredi:<\/strong> Mo\u017eete ozna\u010diti pokret, kost, petlju i automatski klju\u010dni okvir.<\/p>\n\n\n\n<ul>\n<li>Kretanje: kada je ozna\u010deno, trag kretanja pojavit \u0107e se prilikom pregleda pomaka kosti, pru\u017eaju\u0107i pomo\u0107 pri to\u010dnijem ure\u0111ivanju pomaka kosti.<\/li>\n\n\n\n<li>Kost: kada je ozna\u010deno, kostur se prikazuje na liku, \u0161to olak\u0161ava postavljanje svojstava kosti. (Kliknite za prikaz: Kako sakriti ili prikazati tragove kretanja i kosti lika?)<\/li>\n\n\n\n<li>Petlja: kada je ozna\u010deno, animacija se mo\u017ee beskona\u010dno ponavljati tijekom pregleda.<\/li>\n\n\n\n<li>Automatska klju\u010dna sli\u010dica: kada se ozna\u010di, nova klju\u010dna sli\u010dica automatski \u0107e se dodati na lokaciju glave reprodukcije kada se mijenjaju pokreti lika na platnu. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-auto-keyframe\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknite za prikaz: Kako koristiti automatski klju\u010dni okvir?)<\/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) Staza:<\/strong> Ozna\u010dite okvir za prikaz audio, GIF i MP4 zapisa gdje mo\u017eete dodati audio, GIF i MP4. Zapisi koji nisu potrebni mogu se poni\u0161titi.<\/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) Snimanje:<\/strong> Zna\u010dajka [Capture] mo\u017ee se koristiti kada \u017eelite spremiti kretanje odre\u0111enog kadra va\u0161eg lika. Kliknite na nju da napravite snimku zaslona kretanja u okviru u kojem se nalazi playhead kao PNG datoteku i spremite je u lokalnu mapu.<\/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) Pregled animacije<\/strong><\/p>\n\n\n\n<p>Mo\u017eete kontrolirati reprodukciju animacije: reprodukcija od po\u010detka, prethodni okvir, reprodukcija od trenutnog okvira, sljede\u0107i okvir.<\/p>\n\n\n\n<p><strong>(6) Trajanje animacije i podru\u010dje prikaza broja okvira<\/strong><\/p>\n\n\n\n<p>Mo\u017eete vidjeti vrijeme kada se nalazi glava reprodukcije, ukupno trajanje animacije, kadar kada se nalazi glava reprodukcije i ukupan broj okvira.<\/p>\n\n\n\n<p><strong>(7) Postavka broja sli\u010dica u sekundi:<\/strong> Mo\u017eete postaviti broj okvira u sekundi animacije, \u0161to je ve\u0107i broj okvira, to je br\u017ea promjena pokreta i obrnuto.<\/p>\n\n\n\n<p><strong>(8) Spremi kretanje:<\/strong> Nakon dodavanja prilago\u0111enog pokreta liku, mo\u017eete upotrijebiti [Save Motion] za kombiniranje prilago\u0111enog pokreta i spremanje u prilago\u0111enu biblioteku pokreta softvera. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-save-custom-motion\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknite za prikaz: Kako spremiti prilago\u0111eno kretanje?)<\/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. Podru\u010dje za ure\u0111ivanje animacije na vremenskoj crti<\/strong><\/p>\n\n\n\n<p>U ovom podru\u010dju mo\u017eete koristiti okvire slojeva i okvire kostiju za dodavanje izraza i radnji svojim likovima; dodajte audio, GIF i MP4 za pregled u\u010dinka kada kasnije koristite svoje likove za animiranje videozapisa; odaberite dio animacije za objavu pomo\u0107u zna\u010dajke [Izvoz].<\/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) Trasa slojeva:<\/strong> Ovdje mo\u017eete dodavati, ure\u0111ivati i premje\u0161tati okvire slojeva. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-layer-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknite za prikaz: Kako koristiti okvire slojeva?)<\/a><\/p>\n\n\n\n<p><strong>(2) Staza kostiju:<\/strong> Ovdje mo\u017eete dodavati, ure\u0111ivati i premje\u0161tati okvire kostiju. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-bone-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknite za prikaz: Kako koristiti ko\u0161tane okvire?)<\/a><\/p>\n\n\n\n<p><strong>(3) Audio, GIF, MP4 zapis:<\/strong> Ovdje mo\u017eete dodati audio, GIF i MP4 kako biste pru\u017eili referencu za kasniju upotrebu lika u animiranim videozapisima.<\/p>\n\n\n\n<p><strong>(4) Izvoz:<\/strong> Kada \u017eelite objaviti samo dio pokreta svog lika, mo\u017eete upotrijebiti [Izvoz] za odabir bilo kojeg segmenta animacije za objavu. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-publish-a-piece-of-animation\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknite za prikaz: Kako izvesti dio animacije?)<\/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\uff09Promijeni naziv pokreta:<\/strong> Mo\u017eete kliknuti na grupu pokreta da biste je preimenovali.<\/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. Alatna traka vremenske trake<\/strong><\/p>\n\n\n\n<p>Mo\u017eete zumirati i pomicati vremensku traku kako biste preciznije uredili kretanje znakova; tako\u0111er mo\u017eete kopirati, lijepiti i brisati okvire slojeva i okvire kostiju.<\/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) Skalirajte vremensku traku:<\/strong> Jednostavno ure\u0111ivanje detalja okvira slojeva i okvira kostiju na vremenskoj traci. Povucite gumb kliza\u010da ili kliknite [-]\/[+] za skaliranje vremenske trake.<\/p>\n\n\n\n<p><strong>(2) Kopiraj\/zalijepi\/bri\u0161i klju\u010dne kadrove:<\/strong> Pritisnite okvir sloja\/okvir kosti i kliknite gumb [Kopiraj]\/[Zalijepi]\/[Izbri\u0161i].<\/p>\n\n\n\n<p><strong>(3) Prikaz vremenske trake:<\/strong> Povucite kliza\u010d za prikaz vremenske trake.<\/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. Operacije desnog klika na vremenskoj traci<\/strong><\/p>\n\n\n\n<p>Kori\u0161tenje operacija desnom tipkom mi\u0161a olak\u0161ava i ubrzava animiranje lika.<\/p>\n\n\n\n<p>(1) Kliknite okvir sloja\/okvir kosti i desnom tipkom mi\u0161a u\u010dinite sljede\u0107e: Kopiraj, izbri\u0161i, izbri\u0161i sve okvire, vrati na izvorni okvir, korak naprijed jedan okvir, korak unatrag jedan okvir, uvla\u010denje jedan okvir naprijed, uvla\u010denje jednog okvira unatrag, zamijeni sloj, primijeni zavoj na sve, dodaj okvir kosti, dodaj okvir sloja.<\/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) Vi\u0161estruki odabir okvira slojeva\/okvira kostiju, kliknite desnom tipkom mi\u0161a i odaberite [Grupiraj] da ih kombinirate; odaberite grupu i desnom tipkom mi\u0161a kliknite i odaberite [Razgrupiraj] da biste je rastavili. <a href=\"https:\/\/help.mangoanimate.com\/docs\/group-and-ungroup-layer-frames-or-bone-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknite za prikaz: Grupirajte i razgrupirajte okvire slojeva ili okvire kostiju)<\/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\/hr\/docs\/animacija-timeline\/\"> <span class=\"screen-reader-text\">Vremenska traka animacije<\/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\/hr\/docs\/animation-timeline\/\" \/>\n<meta property=\"og:locale\" content=\"hr_HR\" \/>\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\/hr\/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=\"Procijenjeno vrijeme \u010ditanja\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minuta\" \/>\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\":\"hr\",\"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\":\"hr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@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\/hr\/docs\/animation-timeline\/","og_locale":"hr_HR","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\/hr\/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":{"Procijenjeno vrijeme \u010ditanja":"7 minuta"},"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":"hr","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":"hr"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"hr","@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\/hr\/wp-json\/wp\/v2\/docs\/1129"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/comments?post=1129"}],"version-history":[{"count":3,"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/docs\/1129\/revisions"}],"predecessor-version":[{"id":1332,"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/docs\/1129\/revisions\/1332"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/media?parent=1129"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/doc_category?post=1129"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/doc_tag?post=1129"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/knowledge_base?post=1129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}