{"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\/hu\/keszitsen-animalt-magyarazo-videot-az-adobe-utohatasokban\/1724\/","title":{"rendered":"K\u00e9sz\u00edtsen anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3t az Adobe After Effectsben"},"content":{"rendered":"<p><a href=\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/\" target=\"_blank\" rel=\"noreferrer noopener\">Anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3k <\/a>seg\u00edt n\u00f6velni a forgalmat, \u00e9s felh\u00edvni a figyelmet term\u00e9keire \u00e9s szolg\u00e1ltat\u00e1saira. Emiatt az anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3 a legfontosabb, \u00e9s nagy a kereslet. Meg kell k\u00f6zvet\u00edtenie v\u00e1llalkoz\u00e1sa \u00e9rt\u00e9keit a potenci\u00e1lis \u00fcgyfelek fel\u00e9. Ez egy \u00e9rdekes anim\u00e1ci\u00f3s vide\u00f3 seg\u00edts\u00e9g\u00e9vel lehets\u00e9ges. <\/p>\n\n\n\n<p>A k\u00f6z\u00f6ns\u00e9ggel val\u00f3 hat\u00e9kony kommunik\u00e1ci\u00f3 \u00e9rdek\u00e9ben v\u00e1laszthat az Adobe After Effects seg\u00edts\u00e9g\u00e9vel anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3 k\u00e9sz\u00edt\u00e9s\u00e9hez. Ebben a cikkben bemutatjuk, hogyan k\u00e9sz\u00edthet anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3t az Adobe After Effects haszn\u00e1lat\u00e1val. G\u00f6rgessen lefel\u00e9, \u00e9s ismerje meg a magyar\u00e1z\u00f3 vide\u00f3 azonnali elk\u00e9sz\u00edt\u00e9s\u00e9nek fontos anim\u00e1ci\u00f3s vide\u00f3k\u00e9sz\u00edt\u00e9si l\u00e9p\u00e9seit.<\/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\">F\u00e1jlok import\u00e1l\u00e1sa a Photoshopb\u00f3l<\/strong> <p class=\"schema-how-to-step-text\">Kezdje azzal, hogy import\u00e1lja f\u00e1jljait a kompoz\u00edci\u00f3ba egy anim\u00e1ci\u00f3s magyar\u00e1z\u00f3 vide\u00f3hoz. Ne feledje, hogy a f\u00f3li\u00e1k \u00e1ltal\u00e1ban meg\u0151rzik egy\u00e9ni tulajdons\u00e1gaikat, amikor ilyen f\u00e1jlokat import\u00e1l. Ezek a f\u00e1jlok megjelennek az anim\u00e1ci\u00f3 id\u0151vonal\u00e1n, \u00e9s egyszer\u0171en h\u00faznia kell egyet a kompoz\u00edci\u00f3ra.<br\/>\u00b7 Nyissa meg az \u00daj projektet a men\u00fcsorban, p\u00e9ld\u00e1ul F\u00e1jl &gt; \u00daj &gt; \u00daj projekt.<br\/>\u00b7 Miut\u00e1n megnyitott egy \u00faj projektet, felt\u00e9tlen\u00fcl import\u00e1lja a f\u00e1jlt \u2013 F\u00e1jl &lt; Import &lt; F\u00e1jl.<br\/>\u00b7 V\u00e1lassza ki a Photoshop-f\u00e1jlt, \u00e9s kattintson a Megnyit\u00e1s gombra. Ne feledje, hogy az import\u00e1l\u00e1s t\u00edpus\u00e1nak kompoz\u00edci\u00f3nak kell lennie, \u00e9s gondosan ellen\u0151rizze, hogy a Szerkeszthet\u0151 r\u00e9tegst\u00edlusok gomb ki van-e v\u00e1lasztva.<br\/>\u00b7 Ezt k\u00f6vet\u0151en egy \u00faj kompoz\u00edci\u00f3s mapp\u00e1t jelen\u00edthet meg a projektb\u00f6ng\u00e9sz\u0151 panelen. Ha nem l\u00e1tja a panelt, felt\u00e9tlen\u00fcl nyomja meg a Ctrl + O billenty\u0171ket a Windows rendszerben.<img decoding=\"async\" alt=\"K\u00e9sz\u00edtsen anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3t az Adobe After Effectsben 1. l\u00e9p\u00e9s\" 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\">Kulcskock\u00e1k hozz\u00e1ad\u00e1sa<\/strong> <p class=\"schema-how-to-step-text\">Anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3 k\u00e9sz\u00edt\u00e9s\u00e9hez kulcskock\u00e1kat kell hozz\u00e1adnia a k\u00f6vetkez\u0151 l\u00e9p\u00e9sben. Ez \u00e1ll poz\u00edci\u00f3b\u00f3l, l\u00e9pt\u00e9kb\u0151l, forgat\u00e1sb\u00f3l \u00e9s m\u00e9g sok m\u00e1sb\u00f3l. Az \u00e1talak\u00edt\u00e1s melletti h\u00e1romsz\u00f6gre kattintva l\u00e1thatja a kulcsk\u00e9p \u00f6sszes aspektus\u00e1t. Ne feledje, hogy ez az \u00e1tmenet kezdete \u00e9s v\u00e9ge. D\u00f6ntse el a kiv\u00e1lasztott jellemz\u0151ket, \u00e9s kattintson a Tov\u00e1bb gombra a kulcskock\u00e1k hozz\u00e1ad\u00e1s\u00e1hoz.<br\/>P\u00e9ld\u00e1ul a kompoz\u00edci\u00f3 ment\u00e9n h\u00fazva megv\u00e1ltoztathatja az anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3 egyik kulcskock\u00e1j\u00e1nak poz\u00edci\u00f3j\u00e1t a m\u00e1sikba.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1598410550009\"><strong class=\"schema-how-to-step-name\">Haszn\u00e1ljon k\u00f6nny\u00edt\u0151 technik\u00e1t az \u00e1tmenetek kisim\u00edt\u00e1s\u00e1hoz<\/strong> <p class=\"schema-how-to-step-text\">Amikor hozz\u00e1adja a kulcskock\u00e1kat, az \u00e1tmenetek szaggatott\u00e1 v\u00e1lnak. Az k\u00f6nny\u00edt\u00e9s technika seg\u00edts\u00e9g\u00e9vel az anim\u00e1ci\u00f3 lass\u00edt\u00e1s\u00e1val kev\u00e9sb\u00e9 szaggatott lesz. A k\u00f6nny\u00edt\u00e9s be\u00e9p\u00edt\u00e9s\u00e9hez \u00fcgyeljen arra, hogy az anim\u00e1ci\u00f3 alatt megtal\u00e1lja a Keyframe-asszisztens men\u00fct. Ahogy a neve is sugallja, a k\u00f6nny\u00edt\u00e9s \u00e1ltal\u00e1ban megk\u00f6nny\u00edti a kulcskeret elemeit mindk\u00e9t oldalon.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1598410638356\"><strong class=\"schema-how-to-step-name\">\u00c1ll\u00edtsa be a r\u00f6gz\u00edt\u00e9si pontokat<\/strong> <p class=\"schema-how-to-step-text\">Az anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3 elk\u00e9sz\u00edt\u00e9sekor a r\u00f6gz\u00edt\u00e9si pontok l\u00e9tfontoss\u00e1g\u00fa szerepet j\u00e1tszanak, \u00e9s megfelel\u0151en be kell \u0151ket \u00e1ll\u00edtani. Val\u00f3j\u00e1ban ez egy olyan pont, ahonnan az \u00f6sszes transzform\u00e1ci\u00f3 ered. Ezeket a pontokat el\u0151sz\u00f6r megfelel\u0151en kell igaz\u00edtani, mint az \u00e1bra v\u00e1z\u00e1t. Tudnod kell az \u00edz\u00fcletekr\u0151l, hogy mit\u0151l forog valami. M\u00f3dos\u00edtsa a poz\u00edci\u00f3t a r\u00f6gz\u00edt\u00e9si pontok h\u00faz\u00e1s\u00e1val.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1598410681108\"><strong class=\"schema-how-to-step-name\">Csatlakoztassa az elemeket<\/strong> <p class=\"schema-how-to-step-text\">A r\u00f6gz\u00edt\u00e9si pontok be\u00e1ll\u00edt\u00e1sa ut\u00e1n a k\u00f6vetkez\u0151 l\u00e9p\u00e9s a gyermekelem kiv\u00e1laszt\u00e1sa a sz\u00fcl\u0151 alatti spir\u00e1l ikonra kattintva. Ezt a k\u00e9t elemet \u00fagy kell p\u00e1ros\u00edtani, hogy a gyermek elemet a sz\u00fcl\u0151h\u00f6z h\u00fazza. Ezt k\u00f6vet\u0151en, amikor b\u00e1rmilyen v\u00e1ltoztat\u00e1st v\u00e9grehajt, az \u00e1ltal\u00e1ban mindk\u00e9t elemet \u00e9rinti.<br\/><br\/><img decoding=\"async\" alt=\"K\u00e9sz\u00edtsen anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3t az Adobe After Effectsben, 5. l\u00e9p\u00e9s\" 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\">Mozg\u00e1s hozz\u00e1ad\u00e1sa<\/strong> <p class=\"schema-how-to-step-text\">Mozg\u00e1st adhat az elemeknek a b\u00e1beszk\u00f6z seg\u00edts\u00e9g\u00e9vel. Term\u00e9szetes mozg\u00e1st ad a csapok elhelyez\u00e9s\u00e9vel. Az al\u00e1bbiakban bemutatjuk azokat a l\u00e9p\u00e9seket, amelyek sz\u00fcks\u00e9gesek ahhoz, hogy mozgat\u00e1st adjunk a magyar\u00e1z\u00f3 vide\u00f3hoz anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3szoftver haszn\u00e1lat\u00e1val.<br\/>\u00b7 A h\u00e1romsz\u00f6gre kattintva el\u0151h\u00edvhatja a Deform men\u00fct.<br\/>\u00b7 Ezt k\u00f6vet\u0151en \u00fcgyeljen arra, hogy a b\u00e1bcsapokat azokon a ter\u00fcleteken helyezze el, ahol a vide\u00f3 mozg\u00e1si hat\u00e1s\u00e1t szeretn\u00e9 el\u00e9rni.<br\/>\u00b7 Miut\u00e1n elhelyezte a t\u0171ket ezeken a ter\u00fcleteken, haszn\u00e1lja a transzform\u00e1ci\u00f3s tulajdons\u00e1got, hogy biztos\u00edtsa az egyes t\u0171k megny\u00fal\u00e1s\u00e1t vagy torz\u00edt\u00e1s\u00e1t. Az anim\u00e1ci\u00f3ban a t\u00e9ma pillanatok alatt mozogni kezd.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1598410754604\"><strong class=\"schema-how-to-step-name\">Export\u00e1lja anim\u00e1ci\u00f3s vide\u00f3j\u00e1t<\/strong> <p class=\"schema-how-to-step-text\">Az utols\u00f3 l\u00e9p\u00e9sben mindenk\u00e9ppen export\u00e1lja az anim\u00e1ci\u00f3t filmbe. Menjen a F\u00e1jl &lt; Export\u00e1l\u00e1s &lt; Hozz\u00e1ad\u00e1s a renderel\u00e9si sorhoz, hogy lehet\u0151v\u00e9 tegye.<\/p> <\/li><\/ol><\/div>\n\n\n\n<p>Az anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3 l\u00e9trehoz\u00e1sa az Adobe After Effects programban bonyolultnak t\u0171nhet, \u00e9s gyakran frusztr\u00e1ltt\u00e1 tehet. Alternat\u00edv megold\u00e1st kell v\u00e1lasztania egyszer\u0171 \u00e9s egyszer\u0171 l\u00e9p\u00e9sekkel an\u00e9lk\u00fcl, hogy a magyar\u00e1z\u00f3 vide\u00f3 min\u0151s\u00e9g\u00e9t vesz\u00e9lyeztetn\u00e9. Mindenf\u00e9le anim\u00e1ci\u00f3s st\u00edlust k\u00f6nnyed\u00e9n l\u00e9trehozhat, ha kiv\u00e1lasztja a megfelel\u0151 anim\u00e1ci\u00f3s magyar\u00e1z\u00f3 vide\u00f3szoftvert. Itt dolgozik a Mango Animation Maker az online anim\u00e1ci\u00f3s vide\u00f3sablonok \u00e9s egy\u00e9b sz\u00fcks\u00e9ges funkci\u00f3k sz\u00e9les sk\u00e1l\u00e1j\u00e1val. Lehet\u0151v\u00e9 teszi, hogy percek alatt k\u00e9sz\u00edtsen anim\u00e1ci\u00f3s vide\u00f3t. Ismerkedj\u00fcnk meg a Mango Animation Maker szoftverrel, hogy mit tartogat az \u00d6n sz\u00e1m\u00e1ra.<\/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>A Mango Animation Maker, amelyet egy megb\u00edzhat\u00f3 anim\u00e1ci\u00f3s magyar\u00e1z\u00f3vide\u00f3-gy\u00e1rt\u00f3 c\u00e9g biztos\u00edt, megk\u00f6nny\u00edti a leny\u0171g\u00f6z\u0151 anim\u00e1ci\u00f3s magyar\u00e1z\u00f3 vide\u00f3 elk\u00e9sz\u00edt\u00e9s\u00e9t. T\u00f6k\u00e9letes anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3szoftverk\u00e9nt hat\u00e9kony funkci\u00f3kkal cs\u00f6kkenti a bonyolult folyamatok stressz\u00e9t. Ismerje meg a Mango Animation Maker \u00e1ltal az \u00d6n k\u00e9nyelm\u00e9t szolg\u00e1l\u00f3 fontos funkci\u00f3kat.<\/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>A Mango Animation Maker sz\u00e1mos online anim\u00e1ci\u00f3s vide\u00f3sablont k\u00edn\u00e1l, amelyek k\u00f6z\u00fcl v\u00e1laszthat az anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3hoz. Ez felgyors\u00edtja a folyamatot, mivel csak a tartalmat kell cser\u00e9lnie. Ezenk\u00edv\u00fcl egy\u00e9ni tervez\u00e9st is v\u00e1laszthat saj\u00e1t \u00faj projektj\u00e9nek l\u00e9trehoz\u00e1s\u00e1val.<\/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=\"A Mango Animation Maker online anim\u00e1ci\u00f3s vide\u00f3sablonjai\" 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\">K\u00e9sz\u00edtsen egyszer\u0171en leny\u0171g\u00f6z\u0151 anim\u00e1ci\u00f3s vide\u00f3kat \u00e9s GIF-eket<\/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>Let\u00f6lt\u00e9s Windowshoz<\/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>Let\u00f6lt\u00e9s Macre<\/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>H\u00e1romf\u00e9le anim\u00e1ci\u00f3s effektust k\u00edn\u00e1lva probl\u00e9mamentess\u00e9 teszi az anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3k\u00e9sz\u00edt\u00e9si folyamatot. A Mango Animation Maker haszn\u00e1lat\u00e1val a bel\u00e9p\u00e9si, kiemel\u00e9si \u00e9s kil\u00e9p\u00e9si anim\u00e1ci\u00f3s effektusok seg\u00edts\u00e9g\u00e9vel \u00e9letre keltheti a tartalmat.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">Subtitle &amp; Recording<\/h2>\n\n\n\n<p>A Mango Animation Maker seg\u00edts\u00e9g\u00e9vel r\u00f6gz\u00edtheti saj\u00e1t hangj\u00e1t, hogy elmagyar\u00e1zza a pontokat, \u00e9s hat\u00e9konyan testreszabhatja a feliratokat, hogy a k\u00f6z\u00f6ns\u00e9g \u00f6sszpontos\u00edtson a vide\u00f3 sor\u00e1n.<\/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>A 4 egyszer\u0171 l\u00e9p\u00e9st k\u00f6vetve egyszer\u0171 m\u00f3dot k\u00edn\u00e1l egy magyar\u00e1z\u00f3 anim\u00e1ci\u00f3s vide\u00f3 l\u00e9trehoz\u00e1s\u00e1ra. Kezdje egy anim\u00e1ci\u00f3s vide\u00f3sablon kiv\u00e1laszt\u00e1s\u00e1val vagy l\u00e9trehoz\u00e1s\u00e1val, adjon hozz\u00e1 multim\u00e9di\u00e1s tartalmakat, anim\u00e1ljon mindent, majd tegye k\u00f6zz\u00e9 vagy ossza meg anim\u00e1lt vide\u00f3j\u00e1t, hogy felkeltse a k\u00f6z\u00f6ns\u00e9g figyelm\u00e9t.<\/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 egyszer\u0171 l\u00e9p\u00e9s anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3 k\u00e9sz\u00edt\u00e9s\u00e9hez a Mango Animation Maker seg\u00edts\u00e9g\u00e9vel\" 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>Egy anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3 seg\u00edts\u00e9g\u00e9vel biztos\u00edthatja, hogy nagyobb forgalmat gener\u00e1ljon term\u00e9kei vagy szolg\u00e1ltat\u00e1sai sz\u00e1m\u00e1ra. Tartsa hat\u00e9konyan magyar\u00e1z\u00f3 vide\u00f3it, hogy felh\u00edvja a figyelmet a v\u00e1llalkoz\u00e1s\u00e1ra. V\u00e1lassza ki a megfelel\u0151 magyar\u00e1z\u00f3 vide\u00f3 c\u00e9get, amely k\u00fcl\u00f6nb\u00f6z\u0151 funkci\u00f3kat biztos\u00edt magyar\u00e1z\u00f3 vide\u00f3 k\u00e9sz\u00edt\u00e9s\u00e9hez. A Mango Animation Maker egy felhaszn\u00e1l\u00f3bar\u00e1t anim\u00e1ci\u00f3s magyar\u00e1z\u00f3 vide\u00f3szoftver, amely t\u00f6bb ezer ingyenes eszk\u00f6zzel rendelkezik, \u00e9s lehet\u0151v\u00e9 teszi, hogy egyszer\u0171en \u00e9s gyorsan k\u00e9sz\u00edtsen leny\u0171g\u00f6z\u0151 anim\u00e1ci\u00f3s vide\u00f3t.<\/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\">Explainer anim\u00e1ci\u00f3s vide\u00f3, amelyet a Mango Animation Maker k\u00e9sz\u00edtett<\/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\">K\u00e9sz\u00edtsen egyszer\u0171en leny\u0171g\u00f6z\u0151 anim\u00e1ci\u00f3s vide\u00f3kat \u00e9s GIF-eket<\/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>Let\u00f6lt\u00e9s Windowshoz<\/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>Let\u00f6lt\u00e9s Macre<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<br>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Az anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3k seg\u00edtenek nagyobb forgalmat gener\u00e1lni, \u00e9s felh\u00edvj\u00e1k a figyelmet term\u00e9keire \u00e9s szolg\u00e1ltat\u00e1saira. Emiatt az anim\u00e1lt magyar\u00e1z\u00f3 vide\u00f3 a legfontosabb, \u00e9s nagy a kereslet. A potenci\u00e1lis \u00fcgyfelek fel\u00e9 k\u00f6zvet\u00edtenie kell v\u00e1llalkoz\u00e1sa \u00e9rt\u00e9keit. Ez egy \u00e9rdekes anim\u00e1ci\u00f3s vide\u00f3 seg\u00edts\u00e9g\u00e9vel lehets\u00e9ges. Nak nek [\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\/hu\/wp-json\/wp\/v2\/posts\/1724\" \/>\n<meta property=\"og:locale\" content=\"hu_HU\" \/>\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\/hu\/keszitsen-animalt-magyarazo-videot-az-adobe-utohatasokban\/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=\"Szerz\u0151:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shaniya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Becs\u00fclt olvas\u00e1si id\u0151\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 perc\" \/>\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\":\"hu\"},{\"@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\":\"hu\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hu\",\"@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\":\"hu\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#organization\",\"name\":\"Mango Animate\",\"url\":\"https:\/\/mangoanimate.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hu\",\"@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\":\"hu\",\"@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\/hu\/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\":\"hu\",\"@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\":\"hu\",\"@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\":\"hu\"}]}<\/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\/hu\/wp-json\/wp\/v2\/posts\/1724","og_locale":"hu_HU","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\/hu\/keszitsen-animalt-magyarazo-videot-az-adobe-utohatasokban\/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":{"Szerz\u0151:":"Shaniya","Becs\u00fclt olvas\u00e1si id\u0151":"6 perc"},"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":"hu"},{"@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":"hu","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/"]}]},{"@type":"ImageObject","inLanguage":"hu","@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":"hu"},{"@type":"Organization","@id":"https:\/\/mangoanimate.com\/blog\/#organization","name":"Mango Animate","url":"https:\/\/mangoanimate.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"hu","@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":"hu","@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\/hu\/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":"hu","@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":"hu","@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":"hu"}]}},"_links":{"self":[{"href":"https:\/\/mangoanimate.com\/blog\/hu\/wp-json\/wp\/v2\/posts\/1724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mangoanimate.com\/blog\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mangoanimate.com\/blog\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/hu\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/hu\/wp-json\/wp\/v2\/comments?post=1724"}],"version-history":[{"count":0,"href":"https:\/\/mangoanimate.com\/blog\/hu\/wp-json\/wp\/v2\/posts\/1724\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/hu\/wp-json\/wp\/v2\/media\/1748"}],"wp:attachment":[{"href":"https:\/\/mangoanimate.com\/blog\/hu\/wp-json\/wp\/v2\/media?parent=1724"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/hu\/wp-json\/wp\/v2\/categories?post=1724"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/hu\/wp-json\/wp\/v2\/tags?post=1724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}