{"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\/cs\/docs\/animace-casova-osa\/","title":{"rendered":"\u010casov\u00e1 osa animace"},"content":{"rendered":"<p>Po p\u0159id\u00e1n\u00ed kostry k postav\u011b m\u016f\u017eete p\u0159ej\u00edt do editoru animac\u00ed a animovat ji. Dnes se bl\u00ed\u017ee pod\u00edv\u00e1me na \u010dasovou osu animace v editoru animac\u00ed.<\/p>\n\n\n\n<p>V \u010dasov\u00e9 ose animace m\u016f\u017eete p\u0159id\u00e1vat pohyby, v\u00fdrazy atd. p\u0159id\u00e1n\u00edm sn\u00edmk\u016f vrstev a sn\u00edmk\u016f kost\u00ed; n\u00e1hled pohyb\u016f postav; p\u0159izp\u016fsobit sn\u00edmkovou frekvenci a trv\u00e1n\u00ed animac\u00ed postav atd.<\/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. Li\u0161ta nastaven\u00ed \u010dasov\u00e9 osy<\/strong><\/p>\n\n\n\n<p>V t\u00e9to oblasti m\u016f\u017eete nastavit p\u0159ehr\u00e1v\u00e1n\u00ed ve smy\u010dce; skr\u00fdt\/uk\u00e1zat stopy pohybu postav a kosti; nastavit automatick\u00e9 kl\u00ed\u010dov\u00e9 sn\u00edmky; skr\u00fdt\/zobrazit stopy; zachycen\u00ed akce; ovl\u00e1d\u00e1n\u00ed p\u0159ehr\u00e1v\u00e1n\u00ed animac\u00ed; nastavit celkovou dobu trv\u00e1n\u00ed a sn\u00edmkovou frekvenci akc\u00ed postavy; ulo\u017eit pohyby.<\/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) Za\u010d\u00e1tek\/konec smy\u010dky:<\/strong> Nastavte interval sn\u00edmk\u016f, kter\u00e9 se maj\u00ed opakovat, co\u017e lze interpretovat jako nastaven\u00ed rozsahu animace n\u00e1hledu. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-loop-start-end\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknut\u00edm zobraz\u00edte: Jak pou\u017e\u00edvat za\u010d\u00e1tek\/konec smy\u010dky?)<\/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) Upravit:<\/strong> M\u016f\u017eete za\u0161krtnout pohyb, kost, smy\u010dku a automatick\u00fd kl\u00ed\u010dov\u00fd sn\u00edmek.<\/p>\n\n\n\n<ul>\n<li>Pohyb: Po za\u0161krtnut\u00ed se p\u0159i n\u00e1hledu pohybu kosti zobraz\u00ed stopa pohybu, co\u017e poskytuje pomoc p\u0159i p\u0159esn\u011bj\u0161\u00ed \u00faprav\u011b pohybu kosti.<\/li>\n\n\n\n<li>Kost: Po za\u0161krtnut\u00ed se na postav\u011b zobraz\u00ed kostra, co\u017e usnad\u0148uje nastaven\u00ed vlastnost\u00ed kosti. (Kliknut\u00edm zobraz\u00edte: Jak skr\u00fdt nebo zobrazit stopy pohybu a kosti postavy?)<\/li>\n\n\n\n<li>Smy\u010dka: Kdy\u017e je za\u0161krtnuto, animace se m\u016f\u017ee p\u0159i n\u00e1hledu donekone\u010dna opakovat.<\/li>\n\n\n\n<li>Automatick\u00fd kl\u00ed\u010dov\u00fd sn\u00edmek: Kdy\u017e je za\u0161krtnuto, nov\u00fd kl\u00ed\u010dov\u00fd sn\u00edmek bude automaticky p\u0159id\u00e1n do um\u00edst\u011bn\u00ed p\u0159ehr\u00e1vac\u00ed hlavy p\u0159i \u00faprav\u011b pohyb\u016f postavy na pl\u00e1tn\u011b. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-auto-keyframe\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknut\u00edm zobraz\u00edte: Jak pou\u017e\u00edvat automatick\u00fd kl\u00ed\u010dov\u00fd sn\u00edmek?)<\/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) Stopa:<\/strong> Za\u0161krtnut\u00edm pol\u00ed\u010dka zobraz\u00edte zvukov\u00e9 stopy, stopy GIF a MP4, kam m\u016f\u017eete p\u0159idat zvuk, GIF a MP4. Skladby, kter\u00e9 nejsou povinn\u00e9, lze zru\u0161it.<\/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) Zachy\u0165te:<\/strong> Funkci [Capture] lze pou\u017e\u00edt, kdy\u017e chcete ulo\u017eit pohyb ur\u010dit\u00e9ho sn\u00edmku va\u0161\u00ed postavy. Kliknut\u00edm na n\u011bj po\u0159\u00edd\u00edte sn\u00edmek obrazovky pohybu ve sn\u00edmku, kde je um\u00edst\u011bna p\u0159ehr\u00e1vac\u00ed hlava, jako soubor PNG a ulo\u017e\u00edte jej do m\u00edstn\u00ed slo\u017eky.<\/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) N\u00e1hled animace<\/strong><\/p>\n\n\n\n<p>P\u0159ehr\u00e1v\u00e1n\u00ed animace m\u016f\u017eete ovl\u00e1dat: p\u0159ehr\u00e1v\u00e1n\u00ed od za\u010d\u00e1tku, p\u0159edchoz\u00ed sn\u00edmek, p\u0159ehr\u00e1v\u00e1n\u00ed od aktu\u00e1ln\u00edho sn\u00edmku, dal\u0161\u00ed sn\u00edmek.<\/p>\n\n\n\n<p><strong>(6) Oblast zobrazen\u00ed d\u00e9lky animace a \u010d\u00edsla sn\u00edmku<\/strong><\/p>\n\n\n\n<p>M\u016f\u017eete zobrazit \u010das, kdy je p\u0159ehr\u00e1vac\u00ed hlava um\u00edst\u011bna, celkovou dobu trv\u00e1n\u00ed animace, sn\u00edmek, kdy je um\u00edst\u011bna p\u0159ehr\u00e1vac\u00ed hlava, a celkov\u00fd po\u010det sn\u00edmk\u016f.<\/p>\n\n\n\n<p><strong>(7) Nastaven\u00ed sn\u00edmkov\u00e9 frekvence:<\/strong> M\u016f\u017eete nastavit po\u010det sn\u00edmk\u016f za sekundu animace, \u010d\u00edm vy\u0161\u0161\u00ed sn\u00edmkov\u00e1 frekvence, t\u00edm rychlej\u0161\u00ed zm\u011bna pohybu a naopak.<\/p>\n\n\n\n<p><strong>(8) Ulo\u017eit pohyb:<\/strong> Po p\u0159id\u00e1n\u00ed vlastn\u00edho pohybu k postav\u011b m\u016f\u017eete pou\u017e\u00edt [Ulo\u017eit pohyb] ke zkombinov\u00e1n\u00ed vlastn\u00edho pohybu a ulo\u017een\u00ed do vlastn\u00ed knihovny pohybu softwaru. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-save-custom-motion\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknut\u00edm zobraz\u00edte: Jak ulo\u017eit vlastn\u00ed pohyb?)<\/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. Oblast \u00fapravy animace na \u010dasov\u00e9 ose<\/strong><\/p>\n\n\n\n<p>V t\u00e9to oblasti m\u016f\u017eete pou\u017e\u00edt r\u00e1my vrstev a kost\u011bn\u00e9 r\u00e1me\u010dky k p\u0159id\u00e1n\u00ed v\u00fdraz\u016f a akc\u00ed k va\u0161im postav\u00e1m; p\u0159idat zvuk, GIF a MP4 pro n\u00e1hled efektu, kdy\u017e n\u00e1sledn\u011b pou\u017eijete sv\u00e9 postavy k animaci vide\u00ed; pomoc\u00ed funkce [Export] vyberte \u010d\u00e1st animace, kterou chcete publikovat.<\/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) Skladba vrstvy:<\/strong> Zde m\u016f\u017eete p\u0159id\u00e1vat, upravovat a p\u0159esouvat r\u00e1me\u010dky vrstev. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-layer-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknut\u00edm zobraz\u00edte: Jak pou\u017e\u00edvat r\u00e1my vrstev?)<\/a><\/p>\n\n\n\n<p><strong>(2) Kostn\u00ed dr\u00e1ha:<\/strong> Zde m\u016f\u017eete p\u0159id\u00e1vat, upravovat a p\u0159esouvat kostn\u00ed sn\u00edmky. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-use-bone-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknut\u00edm zobraz\u00edte: Jak pou\u017e\u00edvat kost\u011bn\u00e9 r\u00e1my?)<\/a><\/p>\n\n\n\n<p><strong>(3) Zvuk, GIF, MP4 stopa:<\/strong> Zde m\u016f\u017eete p\u0159idat zvuk, GIF a MP4 a poskytnout tak odkaz pro n\u00e1sledn\u00e9 pou\u017eit\u00ed postavy v animovan\u00fdch vide\u00edch.<\/p>\n\n\n\n<p><strong>(4) Export:<\/strong> Pokud chcete publikovat pouze \u010d\u00e1st pohybu va\u0161\u00ed postavy, m\u016f\u017eete pou\u017e\u00edt [Export] k v\u00fdb\u011bru libovoln\u00e9ho segmentu animace, kter\u00fd chcete publikovat. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-publish-a-piece-of-animation\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknut\u00edm zobraz\u00edte: Jak exportovat \u010d\u00e1st animace?)<\/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\uff09Upravit n\u00e1zev pohybu:<\/strong> M\u016f\u017eete kliknout na skupinu pohybu a p\u0159ejmenovat ji.<\/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. Panel n\u00e1stroj\u016f \u010dasov\u00e9 osy<\/strong><\/p>\n\n\n\n<p>M\u016f\u017eete p\u0159ibl\u00ed\u017eit a posouvat \u010dasovou osu a prov\u00e1d\u011bt p\u0159esn\u011bj\u0161\u00ed \u00fapravy pohyb\u016f postav; m\u016f\u017eete tak\u00e9 kop\u00edrovat, vkl\u00e1dat a odstra\u0148ovat sn\u00edmky vrstev a kost\u011bn\u00e9 sn\u00edmky.<\/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) M\u011b\u0159\u00edtko \u010dasov\u00e9 osy:<\/strong> Snadn\u00e1 \u00faprava detail\u016f sn\u00edmk\u016f vrstev a sn\u00edmk\u016f kost\u00ed na \u010dasov\u00e9 ose. P\u0159et\u00e1hn\u011bte posuvn\u00e9 tla\u010d\u00edtko nebo klikn\u011bte na [-]\/[+] pro zm\u011bnu m\u011b\u0159\u00edtka \u010dasov\u00e9 osy.<\/p>\n\n\n\n<p><strong>(2) Kop\u00edrov\u00e1n\u00ed\/vkl\u00e1d\u00e1n\u00ed\/maz\u00e1n\u00ed kl\u00ed\u010dov\u00fdch sn\u00edmk\u016f:<\/strong> Klikn\u011bte na r\u00e1me\u010dek vrstvy\/r\u00e1m kosti a klikn\u011bte na tla\u010d\u00edtko [Kop\u00edrovat]\/[Vlo\u017eit]\/[Odstranit].<\/p>\n\n\n\n<p><strong>(3) Zobrazit \u010dasovou osu:<\/strong> P\u0159eta\u017een\u00edm posuvn\u00edku zobraz\u00edte \u010dasovou osu.<\/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. Klepn\u011bte prav\u00fdm tla\u010d\u00edtkem my\u0161i na \u010dasovou osu<\/strong><\/p>\n\n\n\n<p>Pou\u017eit\u00ed operac\u00ed prav\u00e9ho tla\u010d\u00edtka my\u0161i usnad\u0148uje a urychluje animaci postavy.<\/p>\n\n\n\n<p>(1) Klikn\u011bte na sn\u00edmek vrstvy\/sn\u00edmek kosti a kliknut\u00edm prav\u00fdm tla\u010d\u00edtkem prove\u010fte n\u00e1sleduj\u00edc\u00ed: Kop\u00edrovat, odstranit, odstranit v\u0161echny sn\u00edmky, obnovit p\u016fvodn\u00ed sn\u00edmek, krok vp\u0159ed o jeden sn\u00edmek, krok zp\u011bt o sn\u00edmek, odsazen\u00ed o jeden sn\u00edmek vp\u0159ed, odsazen\u00ed jednoho sn\u00edmku dozadu, nahradit vrstvu, aplikovat ohyb na v\u0161echny, p\u0159idat kost\u011bn\u00fd r\u00e1m, p\u0159idat r\u00e1me\u010dek vrstvy.<\/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) V\u00edcen\u00e1sobn\u00fd v\u00fdb\u011br r\u00e1me\u010dk\u016f vrstev\/r\u00e1mc\u016f kost\u00ed, klepn\u011bte prav\u00fdm tla\u010d\u00edtkem my\u0161i a vyberte [Skupina], abyste je spojili; vyberte skupinu a klikn\u011bte prav\u00fdm tla\u010d\u00edtkem a vyberte [Ungroup], abyste ji rozlo\u017eili. <a href=\"https:\/\/help.mangoanimate.com\/docs\/group-and-ungroup-layer-frames-or-bone-frames\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknut\u00edm zobraz\u00edte: Seskupen\u00ed a zru\u0161en\u00ed seskupen\u00ed sn\u00edmk\u016f vrstev nebo kost\u011bn\u00fdch sn\u00edmk\u016f)<\/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\/cs\/docs\/animace-casova-osa\/\"> <span class=\"screen-reader-text\">\u010casov\u00e1 osa animace<\/span> Pokra\u010dovat ve \u010dten\u00ed &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\/cs\/docs\/animation-timeline\/\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\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\/cs\/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=\"Odhadovan\u00e1 doba \u010dten\u00ed\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minut\" \/>\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\":\"cs\",\"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\":\"cs\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@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\/cs\/docs\/animation-timeline\/","og_locale":"cs_CZ","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\/cs\/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":{"Odhadovan\u00e1 doba \u010dten\u00ed":"7 minut"},"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":"cs","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":"cs"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"cs","@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\/cs\/wp-json\/wp\/v2\/docs\/1129"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/cs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/cs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/cs\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/cs\/wp-json\/wp\/v2\/comments?post=1129"}],"version-history":[{"count":3,"href":"https:\/\/help.mangoanimate.com\/cs\/wp-json\/wp\/v2\/docs\/1129\/revisions"}],"predecessor-version":[{"id":1332,"href":"https:\/\/help.mangoanimate.com\/cs\/wp-json\/wp\/v2\/docs\/1129\/revisions\/1332"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/cs\/wp-json\/wp\/v2\/media?parent=1129"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/cs\/wp-json\/wp\/v2\/doc_category?post=1129"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/cs\/wp-json\/wp\/v2\/doc_tag?post=1129"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/cs\/wp-json\/wp\/v2\/knowledge_base?post=1129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}