{"id":1724,"date":"2023-03-02T07:09:00","date_gmt":"2023-03-02T07:09:00","guid":{"rendered":"https:\/\/mangoanimate.com\/blog\/?p=1724"},"modified":"2024-10-10T06:53:37","modified_gmt":"2024-10-10T06:53:37","slug":"make-an-animated-explainer-video-in-adobe-after-effects","status":"publish","type":"post","link":"https:\/\/mangoanimate.com\/blog\/cs\/make-an-an-explainer-video-in-adobe-after-effects\/1724\/","title":{"rendered":"Vytvo\u0159te animovan\u00e9 vysv\u011btluj\u00edc\u00ed video v Adobe After Effects"},"content":{"rendered":"<p><a href=\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/\" target=\"_blank\" rel=\"noreferrer noopener\">Animovan\u00e1 vysv\u011btluj\u00edc\u00ed videa <\/a>pomoci zv\u00fd\u0161it n\u00e1v\u0161t\u011bvnost a zv\u00fd\u0161it pov\u011bdom\u00ed o va\u0161ich produktech a slu\u017eb\u00e1ch. Z tohoto d\u016fvodu je animovan\u00e1 vysv\u011btluj\u00edc\u00ed videa nejd\u016fle\u017eit\u011bj\u0161\u00ed a jsou velmi \u017e\u00e1dan\u00e1. Potenci\u00e1ln\u00edm z\u00e1kazn\u00edk\u016fm mus\u00edte zprost\u0159edkovat hodnoty sv\u00e9ho podnik\u00e1n\u00ed. M\u016f\u017ee to b\u00fdt mo\u017en\u00e9 pomoc\u00ed zaj\u00edmav\u00e9ho anima\u010dn\u00edho videa. <\/p>\n\n\n\n<p>Chcete-li efektivn\u011b komunikovat s publikem, m\u016f\u017eete se rozhodnout pro Adobe After Effects a vytvo\u0159it animovan\u00e9 vysv\u011btluj\u00edc\u00ed video. V tomto \u010dl\u00e1nku v\u00e1s provedeme vytvo\u0159en\u00edm animovan\u00e9ho vysv\u011btluj\u00edc\u00edho videa pomoc\u00ed Adobe After Effects. Pokra\u010dujte v posouv\u00e1n\u00ed dol\u016f a z\u00edskejte informace o d\u016fle\u017eit\u00fdch kroc\u00edch produkce animovan\u00e9ho videa pro vytvo\u0159en\u00ed vysv\u011btluj\u00edc\u00edho videa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">How to Make Animated Explainer Video in Adobe After Effects<\/h2>\n\n\n\n<div class=\"schema-how-to wp-block-yoast-how-to-block\"><p class=\"schema-how-to-description\"><\/p> <ol class=\"schema-how-to-steps\"><li class=\"schema-how-to-step\" id=\"how-to-step-1598409608661\"><strong class=\"schema-how-to-step-name\">Import soubor\u016f z Photoshopu<\/strong> <p class=\"schema-how-to-step-text\">Za\u010dn\u011bte s importem soubor\u016f do kompozice pro video s vysv\u011btlen\u00edm animace. M\u011bjte na pam\u011bti, \u017ee vrstvy maj\u00ed tendenci zachovat si sv\u00e9 individu\u00e1ln\u00ed kvality, kdy\u017e takov\u00e9 soubory importujete. Tyto soubory se objev\u00ed na \u010dasov\u00e9 ose animace a mus\u00edte jeden jednodu\u0161e p\u0159et\u00e1hnout na kompozici.<br\/>\u00b7 Otev\u0159ete Nov\u00fd projekt z panelu nab\u00eddek, nap\u0159\u00edklad Soubor &gt; Nov\u00fd &gt; Nov\u00fd projekt.<br\/>\u00b7 Jakmile otev\u0159ete nov\u00fd projekt, nezapome\u0148te importovat soubor \u2013 Soubor &lt; Import &lt; Soubor.<br\/>\u00b7 Rozhodn\u011bte se o sv\u00e9m souboru Photoshopu a klikn\u011bte na tla\u010d\u00edtko Otev\u0159\u00edt. M\u011bjte na pam\u011bti, \u017ee druh importu by m\u011bl b\u00fdt kompozice a pe\u010dliv\u011b zkontrolujte, zda je vybr\u00e1no tla\u010d\u00edtko Upraviteln\u00e9 styly vrstev.<br\/>\u00b7 Pot\u00e9 si budete moci zobrazit novou slo\u017eku kompozice na panelu prohl\u00ed\u017ee\u010de projektu. Pokud panel nevid\u00edte, stiskn\u011bte ve Windows Ctrl + O.<img decoding=\"async\" alt=\"Vytvo\u0159te animovan\u00e9 vysv\u011btluj\u00edc\u00ed video v Adobe After Effects Krok 1\" src=\"\/\/school2.mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-1.png\"\/><\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1598410428469\"><strong class=\"schema-how-to-step-name\">P\u0159idat kl\u00ed\u010dov\u00e9 sn\u00edmky<\/strong> <p class=\"schema-how-to-step-text\">Pro produkci animovan\u00e9ho vysv\u011btluj\u00edc\u00edho videa mus\u00edte v dal\u0161\u00edm kroku p\u0159idat kl\u00ed\u010dov\u00e9 sn\u00edmky. Skl\u00e1d\u00e1 se z polohy, m\u011b\u0159\u00edtka, rotace a mnoha dal\u0161\u00edch. Kliknut\u00edm na troj\u00faheln\u00edk vedle transformace uvid\u00edte v\u0161echny aspekty kl\u00ed\u010dov\u00e9ho sn\u00edmku. M\u011bjte na pam\u011bti, \u017ee je to za\u010d\u00e1tek a konec p\u0159echodu. Rozhodn\u011bte se o vybran\u00fdch charakteristik\u00e1ch a kliknut\u00edm na tla\u010d\u00edtko vp\u0159ed p\u0159idejte kl\u00ed\u010dov\u00e9 sn\u00edmky.<br\/>Nap\u0159\u00edklad p\u0159eta\u017een\u00edm po kompozici m\u016f\u017eete zm\u011bnit pozici z jednoho kl\u00ed\u010dov\u00e9ho sn\u00edmku na jin\u00fd pro va\u0161e animovan\u00e9 vysv\u011btluj\u00edc\u00ed video.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1598410550009\"><strong class=\"schema-how-to-step-name\">K vyhlazen\u00ed p\u0159echod\u016f pou\u017eijte techniku usnadn\u011bn\u00ed<\/strong> <p class=\"schema-how-to-step-text\">Kdy\u017e p\u0159id\u00e1te kl\u00ed\u010dov\u00e9 sn\u00edmky, p\u0159echody budou trhan\u00e9. S pomoc\u00ed techniky n\u00e1b\u011bhu\/dob\u011bhu se to stane m\u00e9n\u011b trhan\u00fdm zpomalen\u00edm animace. Chcete-li za\u010dlenit n\u00e1b\u011bh, nezapome\u0148te pod animac\u00ed naj\u00edt nab\u00eddku asistenta kl\u00ed\u010dov\u00e9ho sn\u00edmku. Jak n\u00e1zev napov\u00edd\u00e1, n\u00e1b\u011bh m\u00e1 tendenci zm\u00edr\u0148ovat prvky kl\u00ed\u010dov\u00e9ho sn\u00edmku na obou stran\u00e1ch.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1598410638356\"><strong class=\"schema-how-to-step-name\">Upravte kotevn\u00ed body<\/strong> <p class=\"schema-how-to-step-text\">P\u0159i vytv\u00e1\u0159en\u00ed animovan\u00e9ho vysv\u011btluj\u00edc\u00edho videa hraj\u00ed z\u00e1sadn\u00ed roli kotevn\u00ed body a je t\u0159eba je spr\u00e1vn\u011b upravit. Ve skute\u010dnosti je to bod, odkud poch\u00e1zej\u00ed v\u0161echny transformace. Tyto body by m\u011bly b\u00fdt nejprve spr\u00e1vn\u011b zarovn\u00e1ny stejn\u011b jako kostra postavy. Mus\u00edte v\u011bd\u011bt o kloubech, tak\u017ee to, co zp\u016fsobuje, \u017ee se n\u011bco ot\u00e1\u010d\u00ed. Zm\u011b\u0148te polohu p\u0159eta\u017een\u00edm kotevn\u00edch bod\u016f.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1598410681108\"><strong class=\"schema-how-to-step-name\">P\u0159ipojte prvky<\/strong> <p class=\"schema-how-to-step-text\">Po \u00faprav\u011b kotevn\u00edch bod\u016f je dal\u0161\u00edm krokem v\u00fdb\u011br pod\u0159\u00edzen\u00e9ho prvku kliknut\u00edm na ikonu spir\u00e1ly pod nad\u0159azen\u00fdm prvkem. Tyto dva prvky by m\u011bly b\u00fdt sp\u00e1rov\u00e1ny p\u0159eta\u017een\u00edm pod\u0159\u00edzen\u00e9ho prvku k nad\u0159azen\u00e9mu prvku. Jakmile to ud\u011bl\u00e1te, kdykoli provedete jak\u00e9koli zm\u011bny, bude to m\u00edt tendenci ovlivnit oba prvky.<br\/><br\/><img decoding=\"async\" alt=\"Vytvo\u0159te animovan\u00e9 vysv\u011btluj\u00edc\u00ed video v Adobe After Effects Krok 5\" src=\"\/\/school2.mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-5.png\"\/><\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1598410728180\"><strong class=\"schema-how-to-step-name\">P\u0159idat pohyb<\/strong> <p class=\"schema-how-to-step-text\">Pomoc\u00ed n\u00e1stroje loutka m\u016f\u017eete d\u00e1t prvk\u016fm pohyb. P\u0159id\u00e1 p\u0159irozen\u00fd pohyb s um\u00edst\u011bn\u00edm kol\u00edk\u016f. Zde jsou kroky pot\u0159ebn\u00e9 k p\u0159id\u00e1n\u00ed pohybu do va\u0161eho vysv\u011btluj\u00edc\u00edho videa pomoc\u00ed softwaru pro animovan\u00e9 vysv\u011btluj\u00edc\u00ed video.<br\/>\u00b7 Kliknut\u00edm na troj\u00faheln\u00edk budete moci vyvolat nab\u00eddku Deformovat.<br\/>\u00b7 Pot\u00e9, co to ud\u011bl\u00e1te, nezapome\u0148te p\u0159idat \u0161pendl\u00edky loutky do oblast\u00ed, kde chcete dos\u00e1hnout efektu pohybu pro va\u0161e video.<br\/>\u00b7 Jakmile um\u00edst\u00edte kol\u00edky na tyto oblasti, pou\u017eijte vlastnost transform k zaji\u0161t\u011bn\u00ed rozta\u017een\u00ed nebo deformace ka\u017ed\u00e9ho kol\u00edku. Ve va\u0161\u00ed animaci se p\u0159edm\u011bt okam\u017eit\u011b za\u010dne pohybovat.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1598410754604\"><strong class=\"schema-how-to-step-name\">Exportujte sv\u00e9 animovan\u00e9 video<\/strong> <p class=\"schema-how-to-step-text\">V posledn\u00edm kroku nezapome\u0148te exportovat animaci do filmu. Chcete-li to umo\u017enit, p\u0159ejd\u011bte na Soubor &lt; Exportovat &lt; P\u0159idat do fronty vykreslen\u00ed.<\/p> <\/li><\/ol><\/div>\n\n\n\n<p>Vytv\u00e1\u0159en\u00ed animovan\u00e9ho vysv\u011btluj\u00edc\u00edho videa v Adobe After Effects se m\u016f\u017ee zd\u00e1t slo\u017eit\u00e9 a \u010dasto v\u00e1s m\u016f\u017ee frustrovat. Mus\u00edte se rozhodnout pro alternativn\u00ed mo\u017enost se snadn\u00fdmi a jednoduch\u00fdmi kroky, ani\u017e byste ohrozili kvalitu sv\u00e9ho vysv\u011btluj\u00edc\u00edho videa. Budete moci snadno vytv\u00e1\u0159et v\u0161echny druhy anima\u010dn\u00edch styl\u016f, pokud si vyberete spr\u00e1vn\u00fd software pro animovan\u00e9 vysv\u011btluj\u00edc\u00ed video. Zde pro v\u00e1s Mango Animation Maker pracuje t\u00edm, \u017ee nab\u00edz\u00ed \u0161irokou \u0161k\u00e1lu online \u0161ablon anima\u010dn\u00edch vide\u00ed a dal\u0161\u00edch nezbytn\u00fdch funkc\u00ed. Umo\u017e\u0148uje v\u00e1m vytvo\u0159it anima\u010dn\u00ed video b\u011bhem n\u011bkolika minut. Poj\u010fme se dozv\u011bd\u011bt o na\u0161em softwaru Mango Animation Maker, co pro v\u00e1s m\u00e1 p\u0159ipraveno.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\"><a href=\"https:\/\/mangoanimate.com\/products\/am\" target=\"_blank\" rel=\"noreferrer noopener\">Animated Explainer Video Maker<\/a> &#8211; Mango AM<\/h2>\n\n\n\n<p>Mango Animation Maker, poskytovan\u00fd spolehlivou spole\u010dnost\u00ed s animovan\u00fdmi vysv\u011btluj\u00edc\u00edmi videy, v\u00e1m umo\u017e\u0148uje snadno vytvo\u0159it poutav\u00e9 animovan\u00e9 vysv\u011btluj\u00edc\u00ed video. Jedn\u00e1 se o dokonal\u00fd software pro animovan\u00e9 vysv\u011btluj\u00edc\u00ed video a d\u00edky v\u00fdkonn\u00fdm funkc\u00edm odstra\u0148uje stres z komplikovan\u00e9ho procesu. P\u0159e\u010dt\u011bte si o d\u016fle\u017eit\u00fdch kl\u00ed\u010dov\u00fdch funkc\u00edch, kter\u00e9 Mango Animation Maker poskytuje pro va\u0161e pohodl\u00ed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Hundreds of Online Animation Video Templates<\/h3>\n\n\n\n<p>Mango Animation Maker v\u00e1m poskytuje spoustu online \u0161ablon anima\u010dn\u00edch vide\u00ed, ze kter\u00fdch si m\u016f\u017eete vybrat pro sv\u00e9 animovan\u00e9 vysv\u011btluj\u00edc\u00ed video. D\u00edky tomu je proces rychl\u00fd, proto\u017ee sta\u010d\u00ed vym\u011bnit obsah. Krom\u011b toho se m\u016f\u017eete tak\u00e9 rozhodnout pro vlastn\u00ed design vytvo\u0159en\u00edm vlastn\u00edho nov\u00e9ho projektu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"450\" src=\"\/\/school2.mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Online-Animation-Video-Templates-of-Mango-Animation-Maker.png\" alt=\"Online anima\u010dn\u00ed video \u0161ablony Mango Animation Maker\" class=\"wp-image-1737\" srcset=\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Online-Animation-Video-Templates-of-Mango-Animation-Maker.png 750w, https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Online-Animation-Video-Templates-of-Mango-Animation-Maker-300x180.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<br>\n\n\n\n<p class=\"has-text-align-center\" style=\"font-size:clamp(14.642px, 0.915rem + ((1vw - 3.2px) * 0.766), 22px);font-style:normal;font-weight:700\">Za\u010dn\u011bte snadno vytv\u00e1\u0159et \u00fa\u017easn\u00e1 animovan\u00e1 videa a GIFy<\/p>\n\n\n\n<br>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.417), 18px);\"><a class=\"wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/mangoanimate.com\/download\/app?appId=1&amp;os=1&amp;bit=64&amp;utm_source=blog&amp;utm_medium=post&amp;utm_campaign=cta\"><strong>St\u00e1hnout pro Windows<\/strong><\/a><\/div>\n\n\n\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.417), 18px);\"><a class=\"wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/mangoanimate.com\/download\/app?appId=8&amp;os=2&amp;bit=64&amp;utm_source=blog&amp;utm_medium=post&amp;utm_campaign=cta\"><strong>St\u00e1hnout pro Mac<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<br>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">3 Types of Animation Effects<\/h2>\n\n\n\n<p>D\u00edky tomu je proces produkce animovan\u00e9ho vysv\u011btluj\u00edc\u00edho videa bezprobl\u00e9mov\u00fd, proto\u017ee nab\u00edz\u00ed 3 typy anima\u010dn\u00edch efekt\u016f. Pomoc\u00ed Mango Animation Maker m\u016f\u017eete vyu\u017e\u00edt vstupn\u00ed, zv\u00fdrazn\u011bn\u00e9 a v\u00fdstupn\u00ed anima\u010dn\u00ed efekty, abyste sv\u016fj obsah o\u017eivili.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">Subtitle &amp; Recording<\/h2>\n\n\n\n<p>Mango Animation Maker v\u00e1m umo\u017en\u00ed nahr\u00e1t sv\u016fj vlastn\u00ed hlas, abyste vysv\u011btlili body a upravili titulky efektivn\u00edm zp\u016fsobem, aby se publikum b\u011bhem videa soust\u0159edilo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">4 Easy Steps to Make an Animated Explainer Video<\/h2>\n\n\n\n<p>Poskytuje v\u00e1m jednoduch\u00fd zp\u016fsob, jak vytvo\u0159it vysv\u011btluj\u00edc\u00ed anima\u010dn\u00ed video podle 4 jednoduch\u00fdch krok\u016f. Za\u010dn\u011bte v\u00fdb\u011brem nebo vytvo\u0159en\u00edm \u0161ablony animovan\u00e9ho videa, p\u0159idejte multimedi\u00e1ln\u00ed obsah, v\u0161e animujte a skon\u010dete publikov\u00e1n\u00edm nebo sd\u00edlen\u00edm animovan\u00e9ho videa, abyste upoutali pozornost publika.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"393\" src=\"\/\/school2.mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/4-Easy-Steps-to-Make-an-Animated-Explainer-Video-with-Mango-Animation-Maker.png\" alt=\"4 snadn\u00e9 kroky k vytvo\u0159en\u00ed animovan\u00e9ho vysv\u011btluj\u00edc\u00edho videa s Mango Animation Maker\" class=\"wp-image-1738\" srcset=\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/4-Easy-Steps-to-Make-an-Animated-Explainer-Video-with-Mango-Animation-Maker.png 750w, https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/4-Easy-Steps-to-Make-an-Animated-Explainer-Video-with-Mango-Animation-Maker-300x157.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">Final Thoughts<\/h2>\n\n\n\n<p>Pomoc\u00ed animovan\u00e9ho vysv\u011btluj\u00edc\u00edho videa m\u016f\u017eete zajistit generov\u00e1n\u00ed v\u011bt\u0161\u00ed n\u00e1v\u0161t\u011bvnosti va\u0161ich produkt\u016f nebo slu\u017eeb. Udr\u017eujte svou produkci vysv\u011btluj\u00edc\u00edch vide\u00ed efektivn\u00ed, abyste zv\u00fd\u0161ili pov\u011bdom\u00ed o sv\u00e9 firm\u011b. Vyberte si spr\u00e1vnou spole\u010dnost pro vysv\u011btluj\u00edc\u00ed video, kter\u00e1 poskytuje r\u016fzn\u00e9 funkce pro vytvo\u0159en\u00ed vysv\u011btluj\u00edc\u00edho videa. Mango Animation Maker je u\u017eivatelsky p\u0159\u00edv\u011btiv\u00fd vysv\u011btluj\u00edc\u00ed video software pro animace, kter\u00fd m\u00e1 tis\u00edce bezplatn\u00fdch prost\u0159edk\u016f a umo\u017e\u0148uje snadno a rychle vytvo\u0159it ohromuj\u00edc\u00ed anima\u010dn\u00ed video.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"\/\/school2.mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Animated-Explainer-Video-Made-by-Mango-Animation-Maker.mp4\"><\/video><figcaption class=\"wp-element-caption\">Vysv\u011btluj\u00edc\u00ed anima\u010dn\u00ed video od Mango Animation Maker<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<br>\n\n\n\n<p class=\"has-text-align-center\" style=\"font-size:clamp(14.642px, 0.915rem + ((1vw - 3.2px) * 0.766), 22px);font-style:normal;font-weight:700\">Za\u010dn\u011bte snadno vytv\u00e1\u0159et \u00fa\u017easn\u00e1 animovan\u00e1 videa a GIFy<\/p>\n\n\n\n<br>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.417), 18px);\"><a class=\"wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/mangoanimate.com\/download\/app?appId=1&amp;os=1&amp;bit=64&amp;utm_source=blog&amp;utm_medium=post&amp;utm_campaign=cta\"><strong>St\u00e1hnout pro Windows<\/strong><\/a><\/div>\n\n\n\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.417), 18px);\"><a class=\"wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/mangoanimate.com\/download\/app?appId=8&amp;os=2&amp;bit=64&amp;utm_source=blog&amp;utm_medium=post&amp;utm_campaign=cta\"><strong>St\u00e1hnout pro Mac<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<br>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Animovan\u00e1 vysv\u011btluj\u00edc\u00ed videa pom\u00e1haj\u00ed zv\u00fd\u0161it n\u00e1v\u0161t\u011bvnost a zv\u00fd\u0161it pov\u011bdom\u00ed o va\u0161ich produktech a slu\u017eb\u00e1ch. Z tohoto d\u016fvodu je animovan\u00e1 vysv\u011btluj\u00edc\u00ed videa nejd\u016fle\u017eit\u011bj\u0161\u00ed a jsou velmi \u017e\u00e1dan\u00e1. Potenci\u00e1ln\u00edm z\u00e1kazn\u00edk\u016fm mus\u00edte zprost\u0159edkovat hodnoty sv\u00e9ho podnik\u00e1n\u00ed. M\u016f\u017ee to b\u00fdt mo\u017en\u00e9 pomoc\u00ed zaj\u00edmav\u00e9ho anima\u010dn\u00edho videa. Do [\u2026]<\/p>","protected":false},"author":3,"featured_media":1748,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[69,167,687,259],"tags":[],"class_list":["post-1724","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation-explainer-videos","category-explainer-video-software","category-whiteboard-explainer-video","category-whiteboard-explainer-video-software"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Make an Animated Explainer Video in Adobe After Effects - Mango Animate<\/title>\n<meta name=\"description\" content=\"Animated explainer videos help in driving more traffic and generating awareness about your products and services. Choose the right animated explainer video company that enables you to make a stunning animation video easily and quickly.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mangoanimate.com\/blog\/cs\/wp-json\/wp\/v2\/posts\/1724\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Make an Animated Explainer Video in Adobe After Effects - Mango Animate\" \/>\n<meta property=\"og:description\" content=\"Animated explainer videos help in driving more traffic and generating awareness about your products and services. Choose the right animated explainer video company that enables you to make a stunning animation video easily and quickly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mangoanimate.com\/blog\/cs\/make-an-an-explainer-video-in-adobe-after-effects\/1724\/\" \/>\n<meta property=\"og:site_name\" content=\"Mango Animate\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MangoAnimate\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-02T07:09:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-10T06:53:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Shaniya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napsal(a)\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shaniya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Odhadovan\u00e1 doba \u010dten\u00ed\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/\"},\"author\":{\"name\":\"Shaniya\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#\/schema\/person\/0f4ec6c9d166c17d8df5f8e85f2def03\"},\"headline\":\"Make an Animated Explainer Video in Adobe After Effects\",\"datePublished\":\"2023-03-02T07:09:00+00:00\",\"dateModified\":\"2024-10-10T06:53:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/\"},\"wordCount\":1129,\"publisher\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png\",\"articleSection\":[\"Animation Explainer Videos\",\"Explainer Video Software\",\"Whiteboard Explainer Video\",\"Whiteboard Explainer Video Software\"],\"inLanguage\":\"cs\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/\",\"name\":\"Make an Animated Explainer Video in Adobe After Effects - Mango Animate\",\"isPartOf\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png\",\"datePublished\":\"2023-03-02T07:09:00+00:00\",\"dateModified\":\"2024-10-10T06:53:37+00:00\",\"description\":\"Animated explainer videos help in driving more traffic and generating awareness about your products and services. Choose the right animated explainer video company that enables you to make a stunning animation video easily and quickly.\",\"breadcrumb\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#breadcrumb\"},\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage\",\"url\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png\",\"contentUrl\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png\",\"width\":1080,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mangoanimate.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Explainer Video\",\"item\":\"https:\/\/mangoanimate.com\/blog\/category\/explainer-video\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Animation Explainer Videos\",\"item\":\"https:\/\/mangoanimate.com\/blog\/category\/explainer-video\/animation-explainer-videos\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Make an Animated Explainer Video in Adobe After Effects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#website\",\"url\":\"https:\/\/mangoanimate.com\/blog\/\",\"name\":\"Mango Animate\",\"description\":\"Animated Businesss Video Tips, Ideas and More\",\"publisher\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mangoanimate.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"cs\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#organization\",\"name\":\"Mango Animate\",\"url\":\"https:\/\/mangoanimate.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2024\/10\/Mango_Animate_logo_.webp\",\"contentUrl\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2024\/10\/Mango_Animate_logo_.webp\",\"width\":240,\"height\":32,\"caption\":\"Mango Animate\"},\"image\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/MangoAnimate\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#\/schema\/person\/0f4ec6c9d166c17d8df5f8e85f2def03\",\"name\":\"Shaniya\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/57e539aa96ea69e4446988a78d0078e0a2e05cbc6496620d43cc4d2b780cd76a?s=96&d=monsterid&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/57e539aa96ea69e4446988a78d0078e0a2e05cbc6496620d43cc4d2b780cd76a?s=96&d=monsterid&r=g\",\"caption\":\"Shaniya\"},\"url\":\"https:\/\/mangoanimate.com\/blog\/cs\/author\/shaniya\/\"},{\"@type\":\"HowTo\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#howto-1\",\"name\":\"Make an Animated Explainer Video in Adobe After Effects\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#article\"},\"description\":\"\",\"step\":[{\"@type\":\"HowToStep\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598409608661\",\"name\":\"Import Files From Photoshop\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"Start with importing your files into your composition for an animation explainer video. Keep in mind that the layers tend to keep their individual qualities when you import such files. These files will appear on the animation timeline and you need to simply drag one onto the composition.<br\/>\u00b7\u00a0Open New Project from the menu bar such as File > New > New Project.<br\/>\u00b7\u00a0Once you\u2019ve opened a new project, make sure to import the file \u2013 File &lt; Import &lt; File.<br\/>\u00b7\u00a0Decide on your Photoshop file and click the Open button. Keep in mind that the import kind should be composition and carefully check that the Editable Layer Styles button is selected.<br\/>\u00b7\u00a0After doing this, you will be able to visualize a new composition folder in your project browser panel. If you\u2019re unable to see the panel, make sure to press Ctrl + O in Windows.\"}],\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#schema-image-3d268a032da5ff6f4bf8aad53c163860\",\"url\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-1.png\",\"contentUrl\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-1.png\"}},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410428469\",\"name\":\"Add Keyframes\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"For animated explainer video production, you need to add keyframes in the very next step. It is comprised of position, scale, rotation, and much more. By clicking on the triangle next to transform, you will see all the aspects of the keyframe. Keep in mind that it is the beginning and end of a transition. Make up your mind on the selected characteristics and click on the forward button to add the keyframes.<br\/>For instance, by dragging it along the composition, you can change the position from one keyframe to another for your animated explainer video.\"}]},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410550009\",\"name\":\"Use Easing Technique to Smooth Out Transitions\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"When you add the keyframes, the transitions become choppy. With the help of easing technique, it becomes less choppy by slowing the animation. To incorporate easing, make sure to find the keyframe assistant menu under animation. As the name suggests, easing tends to ease the key frame\u2019s elements on both sides.\"}]},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410638356\",\"name\":\"Adjust Anchor Points\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"While creating your animated explainer video, anchor points play a vital role and need to be adjusted properly. Actually, it is a point from where all the transformations originate. These points should be correctly aligned first just like a skeleton of the figure. You need to know about the joints such that what makes something rotate. Change the position by dragging the anchor points.\"}]},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410681108\",\"name\":\"Connect Elements\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"After adjusting the anchor points, the next step is to select the child element by clicking on the spiral icon under the parent. These two elements should be paired by dragging the child element to the parent. After doing this, whenever you will make any changes, it will tend to affect both elements.<br\/><br\/>\"}],\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#schema-image-a262720e91922caa7dcb98f02df528e6\",\"url\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-5.png\",\"contentUrl\":\"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-5.png\"}},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410728180\",\"name\":\"Add Motion\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"You can give motion to the elements using the puppet tool. It adds natural motion with the placement of pins. Here are the steps required to add motion for your explainer video by using animated explainer video software.<br\/>\u00b7\u00a0By clicking on the triangle, you will be able to bring up the Deform menu.<br\/>\u00b7\u00a0After doing this, make sure to add the puppet pins on the areas where you want to get the motion effect for your video.<br\/>\u00b7\u00a0Once you have placed the pins on those areas, use the transform property to ensure stretching or distorting each pin. In your animation, the subject matter will start moving in no time.\"}]},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410754604\",\"name\":\"Export Your Animation Video\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"In the last step, make sure to export the animation into a movie. Go to File &lt; Export &lt; Add to render queue to make it possible.\"}]}],\"inLanguage\":\"cs\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Make an Animated Explainer Video in Adobe After Effects - Mango Animate","description":"Animated explainer videos help in driving more traffic and generating awareness about your products and services. Choose the right animated explainer video company that enables you to make a stunning animation video easily and quickly.","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:\/\/mangoanimate.com\/blog\/cs\/wp-json\/wp\/v2\/posts\/1724","og_locale":"cs_CZ","og_type":"article","og_title":"Make an Animated Explainer Video in Adobe After Effects - Mango Animate","og_description":"Animated explainer videos help in driving more traffic and generating awareness about your products and services. Choose the right animated explainer video company that enables you to make a stunning animation video easily and quickly.","og_url":"https:\/\/mangoanimate.com\/blog\/cs\/make-an-an-explainer-video-in-adobe-after-effects\/1724\/","og_site_name":"Mango Animate","article_publisher":"https:\/\/www.facebook.com\/MangoAnimate\/","article_published_time":"2023-03-02T07:09:00+00:00","article_modified_time":"2024-10-10T06:53:37+00:00","og_image":[{"width":1080,"height":720,"url":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png","type":"image\/png"}],"author":"Shaniya","twitter_card":"summary_large_image","twitter_misc":{"Napsal(a)":"Shaniya","Odhadovan\u00e1 doba \u010dten\u00ed":"6 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#article","isPartOf":{"@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/"},"author":{"name":"Shaniya","@id":"https:\/\/mangoanimate.com\/blog\/#\/schema\/person\/0f4ec6c9d166c17d8df5f8e85f2def03"},"headline":"Make an Animated Explainer Video in Adobe After Effects","datePublished":"2023-03-02T07:09:00+00:00","dateModified":"2024-10-10T06:53:37+00:00","mainEntityOfPage":{"@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/"},"wordCount":1129,"publisher":{"@id":"https:\/\/mangoanimate.com\/blog\/#organization"},"image":{"@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage"},"thumbnailUrl":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png","articleSection":["Animation Explainer Videos","Explainer Video Software","Whiteboard Explainer Video","Whiteboard Explainer Video Software"],"inLanguage":"cs"},{"@type":"WebPage","@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/","name":"Make an Animated Explainer Video in Adobe After Effects - Mango Animate","isPartOf":{"@id":"https:\/\/mangoanimate.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage"},"image":{"@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage"},"thumbnailUrl":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png","datePublished":"2023-03-02T07:09:00+00:00","dateModified":"2024-10-10T06:53:37+00:00","description":"Animated explainer videos help in driving more traffic and generating awareness about your products and services. Choose the right animated explainer video company that enables you to make a stunning animation video easily and quickly.","breadcrumb":{"@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#breadcrumb"},"inLanguage":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/"]}]},{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#primaryimage","url":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png","contentUrl":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-1.png","width":1080,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mangoanimate.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Explainer Video","item":"https:\/\/mangoanimate.com\/blog\/category\/explainer-video\/"},{"@type":"ListItem","position":3,"name":"Animation Explainer Videos","item":"https:\/\/mangoanimate.com\/blog\/category\/explainer-video\/animation-explainer-videos\/"},{"@type":"ListItem","position":4,"name":"Make an Animated Explainer Video in Adobe After Effects"}]},{"@type":"WebSite","@id":"https:\/\/mangoanimate.com\/blog\/#website","url":"https:\/\/mangoanimate.com\/blog\/","name":"Mango Animate","description":"Animated Businesss Video Tips, Ideas and More","publisher":{"@id":"https:\/\/mangoanimate.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mangoanimate.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"cs"},{"@type":"Organization","@id":"https:\/\/mangoanimate.com\/blog\/#organization","name":"Mango Animate","url":"https:\/\/mangoanimate.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/mangoanimate.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2024\/10\/Mango_Animate_logo_.webp","contentUrl":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2024\/10\/Mango_Animate_logo_.webp","width":240,"height":32,"caption":"Mango Animate"},"image":{"@id":"https:\/\/mangoanimate.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MangoAnimate\/"]},{"@type":"Person","@id":"https:\/\/mangoanimate.com\/blog\/#\/schema\/person\/0f4ec6c9d166c17d8df5f8e85f2def03","name":"Shaniya","image":{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/mangoanimate.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/57e539aa96ea69e4446988a78d0078e0a2e05cbc6496620d43cc4d2b780cd76a?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/57e539aa96ea69e4446988a78d0078e0a2e05cbc6496620d43cc4d2b780cd76a?s=96&d=monsterid&r=g","caption":"Shaniya"},"url":"https:\/\/mangoanimate.com\/blog\/cs\/author\/shaniya\/"},{"@type":"HowTo","@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#howto-1","name":"Make an Animated Explainer Video in Adobe After Effects","mainEntityOfPage":{"@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#article"},"description":"","step":[{"@type":"HowToStep","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598409608661","name":"Import Files From Photoshop","itemListElement":[{"@type":"HowToDirection","text":"Start with importing your files into your composition for an animation explainer video. Keep in mind that the layers tend to keep their individual qualities when you import such files. These files will appear on the animation timeline and you need to simply drag one onto the composition.<br\/>\u00b7\u00a0Open New Project from the menu bar such as File > New > New Project.<br\/>\u00b7\u00a0Once you\u2019ve opened a new project, make sure to import the file \u2013 File &lt; Import &lt; File.<br\/>\u00b7\u00a0Decide on your Photoshop file and click the Open button. Keep in mind that the import kind should be composition and carefully check that the Editable Layer Styles button is selected.<br\/>\u00b7\u00a0After doing this, you will be able to visualize a new composition folder in your project browser panel. If you\u2019re unable to see the panel, make sure to press Ctrl + O in Windows."}],"image":{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#schema-image-3d268a032da5ff6f4bf8aad53c163860","url":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-1.png","contentUrl":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-1.png"}},{"@type":"HowToStep","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410428469","name":"Add Keyframes","itemListElement":[{"@type":"HowToDirection","text":"For animated explainer video production, you need to add keyframes in the very next step. It is comprised of position, scale, rotation, and much more. By clicking on the triangle next to transform, you will see all the aspects of the keyframe. Keep in mind that it is the beginning and end of a transition. Make up your mind on the selected characteristics and click on the forward button to add the keyframes.<br\/>For instance, by dragging it along the composition, you can change the position from one keyframe to another for your animated explainer video."}]},{"@type":"HowToStep","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410550009","name":"Use Easing Technique to Smooth Out Transitions","itemListElement":[{"@type":"HowToDirection","text":"When you add the keyframes, the transitions become choppy. With the help of easing technique, it becomes less choppy by slowing the animation. To incorporate easing, make sure to find the keyframe assistant menu under animation. As the name suggests, easing tends to ease the key frame\u2019s elements on both sides."}]},{"@type":"HowToStep","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410638356","name":"Adjust Anchor Points","itemListElement":[{"@type":"HowToDirection","text":"While creating your animated explainer video, anchor points play a vital role and need to be adjusted properly. Actually, it is a point from where all the transformations originate. These points should be correctly aligned first just like a skeleton of the figure. You need to know about the joints such that what makes something rotate. Change the position by dragging the anchor points."}]},{"@type":"HowToStep","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410681108","name":"Connect Elements","itemListElement":[{"@type":"HowToDirection","text":"After adjusting the anchor points, the next step is to select the child element by clicking on the spiral icon under the parent. These two elements should be paired by dragging the child element to the parent. After doing this, whenever you will make any changes, it will tend to affect both elements.<br\/><br\/>"}],"image":{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#schema-image-a262720e91922caa7dcb98f02df528e6","url":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-5.png","contentUrl":"https:\/\/mangoanimate.com\/blog\/wp-content\/uploads\/2020\/08\/Make-an-Animated-Explainer-Video-in-Adobe-After-Effects-Step-5.png"}},{"@type":"HowToStep","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410728180","name":"Add Motion","itemListElement":[{"@type":"HowToDirection","text":"You can give motion to the elements using the puppet tool. It adds natural motion with the placement of pins. Here are the steps required to add motion for your explainer video by using animated explainer video software.<br\/>\u00b7\u00a0By clicking on the triangle, you will be able to bring up the Deform menu.<br\/>\u00b7\u00a0After doing this, make sure to add the puppet pins on the areas where you want to get the motion effect for your video.<br\/>\u00b7\u00a0Once you have placed the pins on those areas, use the transform property to ensure stretching or distorting each pin. In your animation, the subject matter will start moving in no time."}]},{"@type":"HowToStep","url":"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/#how-to-step-1598410754604","name":"Export Your Animation Video","itemListElement":[{"@type":"HowToDirection","text":"In the last step, make sure to export the animation into a movie. Go to File &lt; Export &lt; Add to render queue to make it possible."}]}],"inLanguage":"cs"}]}},"_links":{"self":[{"href":"https:\/\/mangoanimate.com\/blog\/cs\/wp-json\/wp\/v2\/posts\/1724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mangoanimate.com\/blog\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mangoanimate.com\/blog\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/cs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/cs\/wp-json\/wp\/v2\/comments?post=1724"}],"version-history":[{"count":0,"href":"https:\/\/mangoanimate.com\/blog\/cs\/wp-json\/wp\/v2\/posts\/1724\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/cs\/wp-json\/wp\/v2\/media\/1748"}],"wp:attachment":[{"href":"https:\/\/mangoanimate.com\/blog\/cs\/wp-json\/wp\/v2\/media?parent=1724"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/cs\/wp-json\/wp\/v2\/categories?post=1724"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/cs\/wp-json\/wp\/v2\/tags?post=1724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}