{"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\/fi\/tee-animoitu-selittaja-video-in-adobe-jalkiefektit\/1724\/","title":{"rendered":"Tee animoitu selitysvideo Adobe After Effectsiss\u00e4"},"content":{"rendered":"

Animoituja selitysvideoita <\/a>auttaa lis\u00e4\u00e4m\u00e4\u00e4n liikennett\u00e4 ja lis\u00e4\u00e4m\u00e4\u00e4n tietoisuutta tuotteistasi ja palveluistasi. T\u00e4st\u00e4 syyst\u00e4 animoiduilla selitysvideoilla on eniten merkityst\u00e4 ja niill\u00e4 on suuri kysynt\u00e4. Sinun on v\u00e4litett\u00e4v\u00e4 yrityksesi arvot potentiaalisille asiakkaille. Se voi olla mahdollista mielenkiintoisen animaatiovideon avulla. <\/p>\n\n\n\n

Jotta voit kommunikoida tehokkaasti yleis\u00f6n kanssa, voit valita Adobe After Effectsin tehd\u00e4ksesi animoidun selitysvideon. T\u00e4ss\u00e4 artikkelissa opastamme sinua animoidun selitysvideon luomisessa Adobe After Effectsill\u00e4. Jatka vieritt\u00e4mist\u00e4 alasp\u00e4in ja tutustu t\u00e4rkeisiin animoitujen videoiden tuotantovaiheisiin, joiden avulla voit luoda selitysvideon heti.<\/p>\n\n\n\n

How to Make Animated Explainer Video in Adobe After Effects<\/h2>\n\n\n\n

<\/p>

  1. Tuo tiedostot Photoshopista<\/strong>

    Aloita tuomalla tiedostot s\u00e4vellykseen animaation selitysvideota varten. Muista, ett\u00e4 tasoilla on tapana s\u00e4ilytt\u00e4\u00e4 yksil\u00f6lliset ominaisuutensa, kun tuot t\u00e4llaisia tiedostoja. N\u00e4m\u00e4 tiedostot n\u00e4kyv\u00e4t animaation aikajanalla, ja sinun t\u00e4ytyy vain vet\u00e4\u00e4 yksi koostumukseen.\u00b7 Avaa Uusi projekti valikkorivilt\u00e4, kuten Tiedosto > Uusi > Uusi projekti.\u00b7 Kun olet avannut uuden projektin, muista tuoda tiedosto \u2013 File < Import < File.\u00b7 Valitse Photoshop-tiedostosi ja napsauta Avaa-painiketta. Muista, ett\u00e4 tuontityypin tulee olla koostumus ja tarkista huolellisesti, ett\u00e4 Muokattavat tasotyylit -painike on valittuna.\u00b7 T\u00e4m\u00e4n j\u00e4lkeen voit visualisoida uuden kokoonpanokansion projektisi selainpaneelissa. Jos et n\u00e4e paneelia, muista painaa Ctrl + O Windowsissa.\"Tee<\/p> <\/li>

  2. Lis\u00e4\u00e4 avainkehykset<\/strong>

    Animoitujen selitysvideoiden tuotantoa varten sinun on lis\u00e4tt\u00e4v\u00e4 avainkehykset seuraavassa vaiheessa. Se koostuu sijainnista, mittakaavasta, kierrosta ja paljon muuta. Klikkaamalla muunnoksen vieress\u00e4 olevaa kolmiota n\u00e4et kaikki avainkehyksen osat. Muista, ett\u00e4 se on siirtym\u00e4n alku ja loppu. P\u00e4\u00e4t\u00e4 valitut ominaisuudet ja napsauta eteenp\u00e4in-painiketta lis\u00e4t\u00e4ksesi avainkehykset.Esimerkiksi vet\u00e4m\u00e4ll\u00e4 sit\u00e4 sommittelua pitkin voit muuttaa animoidun selitysvideosi paikkaa avainkehyksest\u00e4 toiseen.<\/p> <\/li>

  3. K\u00e4yt\u00e4 helpotustekniikkaa siirtymien tasoittamiseen<\/strong>

    Kun lis\u00e4\u00e4t avainkehykset, siirtym\u00e4t katkeavat. Helpotustekniikan avulla siit\u00e4 tulee v\u00e4hemm\u00e4n katkonainen hidastamalla animaatiota. Jotta voit lis\u00e4t\u00e4 helpotuksen, varmista, ett\u00e4 l\u00f6yd\u00e4t animaation alta Keyframe Assistant -valikon. Kuten nimest\u00e4 voi p\u00e4\u00e4tell\u00e4, kevent\u00e4minen pyrkii helpottamaan avainkehyksen elementtej\u00e4 molemmilta puolilta.<\/p> <\/li>

  4. S\u00e4\u00e4d\u00e4 ankkuripisteit\u00e4<\/strong>

    Animoitua selitt\u00e4v\u00e4\u00e4 videota luotaessa kiinnityspisteill\u00e4 on t\u00e4rke\u00e4 rooli, ja niit\u00e4 on s\u00e4\u00e4dett\u00e4v\u00e4 oikein. Itse asiassa se on piste, josta kaikki muunnokset tulevat. N\u00e4m\u00e4 pisteet tulee ensin kohdistaa oikein, kuten kuvion luuranko. Sinun t\u00e4ytyy tiet\u00e4\u00e4 nivelist\u00e4, mik\u00e4 saa jonkin py\u00f6rim\u00e4\u00e4n. Muuta sijaintia vet\u00e4m\u00e4ll\u00e4 ankkuripisteit\u00e4.<\/p> <\/li>

  5. Yhdist\u00e4 elementit<\/strong>

    Kiinnityspisteiden s\u00e4\u00e4t\u00e4misen j\u00e4lkeen seuraava vaihe on valita lapsielementti napsauttamalla yl\u00e4osan alla olevaa spiraalikuvaketta. N\u00e4m\u00e4 kaksi elementti\u00e4 tulee yhdist\u00e4\u00e4 vet\u00e4m\u00e4ll\u00e4 alielementti yl\u00e4tason p\u00e4\u00e4lle. T\u00e4m\u00e4n j\u00e4lkeen aina kun teet muutoksia, se vaikuttaa yleens\u00e4 molempiin elementteihin.\"Tee<\/p> <\/li>

  6. Lis\u00e4\u00e4 liike<\/strong>

    Voit antaa elementeille liikett\u00e4 nukkety\u00f6kalulla. Se lis\u00e4\u00e4 luonnollista liikett\u00e4 asettamalla tapit. T\u00e4ss\u00e4 ovat vaiheet, jotka vaaditaan liikkeen lis\u00e4\u00e4miseksi selitysvideoosi k\u00e4ytt\u00e4m\u00e4ll\u00e4 animoitua selitysvideoohjelmistoa.\u00b7 Napsauttamalla kolmiota saat esiin Deform-valikon.\u00b7 Kun olet tehnyt t\u00e4m\u00e4n, muista lis\u00e4t\u00e4 nukkenastat alueille, joilla haluat saada videon liiketehosteen.\u00b7 Kun olet asettanut nastat n\u00e4ille alueille, k\u00e4yt\u00e4 muunnosominaisuutta varmistaaksesi kunkin tapin venymisen tai v\u00e4\u00e4ristymisen. Animaatiossasi aihe alkaa liikkua hetkess\u00e4.<\/p> <\/li>

  7. Vie animaatiovideosi<\/strong>

    Viimeisess\u00e4 vaiheessa muista vied\u00e4 animaatio elokuvaksi. Siirry kohtaan Tiedosto < Vie < Lis\u00e4\u00e4 render\u00f6intijonoon, jotta se on mahdollista.<\/p> <\/li><\/ol><\/div>\n\n\n\n

    Animoidun selostusvideon luominen Adobe After Effectsiss\u00e4 voi tuntua monimutkaiselta ja saattaa usein turhautua. Sinun on valittava vaihtoehtoinen vaihtoehto, jossa on helppoja ja yksinkertaisia vaiheita tinkim\u00e4tt\u00e4 selitysvideosi laadusta. Voit luoda kaikenlaisia animaatiotyylej\u00e4 helposti, jos valitset oikean animoidun selitysvideoohjelmiston. T\u00e4ss\u00e4 Mango Animation Maker toimii sinulle tarjoamalla laajan valikoiman online-animaatiovideomalleja ja muita tarvittavia ominaisuuksia. Sen avulla voit luoda animaatiovideon muutamassa minuutissa. Opitaanpa Mango Animation Maker -ohjelmistostamme, mit\u00e4 sill\u00e4 on sinulle varastossa.<\/p>\n\n\n\n

    Animated Explainer Video Maker<\/a> – Mango AM<\/h2>\n\n\n\n

    Luotettavan animoitujen selitysvideoyhti\u00f6iden tarjoaman Mango Animation Makerin avulla voit helposti tehd\u00e4 mukaansatempaavan animoidun selitysvideosi. Koska se on t\u00e4ydellinen animoitu selitt\u00e4v\u00e4 video-ohjelmisto, se poistaa monimutkaisen prosessin stressin tehokkaiden toimintojen avulla. Opi t\u00e4rkeist\u00e4 avainominaisuuksista, jotka Mango Animation Maker tarjoaa mukavuuttasi varten.<\/p>\n\n\n\n

    Hundreds of Online Animation Video Templates<\/h3>\n\n\n\n

    Mango Animation Maker tarjoaa sinulle paljon online-animaatiovideomalleja, joista voit valita animoituun selitysvideoosi. Se nopeuttaa prosessia, koska sinun tarvitsee vain vaihtaa sis\u00e4lt\u00f6. Lis\u00e4ksi voit my\u00f6s valita r\u00e4\u00e4t\u00e4l\u00f6idyn suunnittelun luomalla oman uuden projektin.<\/p>\n\n\n\n

    \"Mango<\/figure>\n\n\n\n
    \n
    \n
    \n
    \n\n\n\n

    Aloita upeiden animaatiovideoiden ja GIF-tiedostojen luominen helposti<\/p>\n\n\n\n
    \n\n\n\n

    \n
    Lataa Windowsille<\/strong><\/a><\/div>\n\n\n\n
    Lataa Macille<\/strong><\/a><\/div>\n<\/div>\n\n\n\n
    \n<\/div>\n<\/div>\n<\/div>\n\n\n\n

    3 Types of Animation Effects<\/h2>\n\n\n\n

    Se tekee animoidun selitysvideon tuotantoprosessista vaivatonta tarjoamalla kolmenlaisia animaatiotehosteita. Mango Animation Maker -sovelluksen avulla voit her\u00e4tt\u00e4\u00e4 sis\u00e4lt\u00f6si eloon k\u00e4ytt\u00e4m\u00e4ll\u00e4 sis\u00e4\u00e4ntulo-, korostus- ja poistumisanimaatiotehosteita.<\/p>\n\n\n\n

    Subtitle & Recording<\/h2>\n\n\n\n

    Mango Animation Makerin avulla voit tallentaa omaa \u00e4\u00e4nt\u00e4si selitt\u00e4\u00e4ksesi kohtia ja mukauttaaksesi tekstityksi\u00e4 tehokkaasti pit\u00e4\u00e4ksesi yleis\u00f6n keskittyneen\u00e4 koko videon ajan.<\/p>\n\n\n\n

    4 Easy Steps to Make an Animated Explainer Video<\/h2>\n\n\n\n

    Se tarjoaa sinulle yksinkertaisen tavan luoda selitt\u00e4v\u00e4 animaatiovideo noudattamalla nelj\u00e4\u00e4 helppoa vaihetta. Aloita valitsemalla tai luomalla animaatiovideomalli, lis\u00e4\u00e4 multimediasis\u00e4lt\u00f6\u00e4, animoi kaikki ja p\u00e4\u00e4t\u00e4 julkaisemalla tai jakamalla animoitu video kiinnitt\u00e4\u00e4ksesi yleis\u00f6n huomion.<\/p>\n\n\n\n

    \"4<\/figure>\n\n\n\n

    Final Thoughts<\/h2>\n\n\n\n

    Animoidun selostusvideon avulla voit varmistaa, ett\u00e4 tuotteillesi tai palveluillesi syntyy enemm\u00e4n liikennett\u00e4. Pid\u00e4 selitt\u00e4v\u00e4 videotuotantosi tehokkaana lis\u00e4t\u00e4ksesi tietoisuutta yrityksest\u00e4si. Valitse oikea selitysvideoyritys, joka tarjoaa erilaisia ominaisuuksia selitt\u00e4v\u00e4n videon tekemiseen. Mango Animation Maker on k\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llinen animaation selitysvideoohjelmisto, jossa on tuhansia ilmaisia resursseja ja jonka avulla voit tehd\u00e4 upean animaatiovideon helposti ja nopeasti.<\/p>\n\n\n\n

    Mango Animation Makerin tekem\u00e4 Explainer Animation Video<\/figcaption><\/figure>\n\n\n\n
    \n
    \n
    \n
    \n\n\n\n

    Aloita upeiden animaatiovideoiden ja GIF-tiedostojen luominen helposti<\/p>\n\n\n\n
    \n\n\n\n

    \n
    Lataa Windowsille<\/strong><\/a><\/div>\n\n\n\n
    Lataa Macille<\/strong><\/a><\/div>\n<\/div>\n\n\n\n
    \n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

    Animoidut selostusvideot auttavat lis\u00e4\u00e4m\u00e4\u00e4n liikennett\u00e4 ja lis\u00e4\u00e4m\u00e4\u00e4n tietoisuutta tuotteistasi ja palveluistasi. T\u00e4st\u00e4 syyst\u00e4 animoiduilla selitysvideoilla on eniten merkityst\u00e4 ja niill\u00e4 on suuri kysynt\u00e4. Sinun on v\u00e4litett\u00e4v\u00e4 yrityksesi arvot potentiaalisille asiakkaille. Se voi olla mahdollista mielenkiintoisen animaatiovideon avulla. Kohteeseen [\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":"\nMake 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\/fi\/wp-json\/wp\/v2\/posts\/1724\" \/>\n<meta property=\"og:locale\" content=\"fi_FI\" \/>\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\/fi\/tee-animoitu-selittaja-video-in-adobe-jalkiefektit\/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=\"Kirjoittanut\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shaniya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Arvioitu lukuaika\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuuttia\" \/>\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\":\"fi\"},{\"@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\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@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\":\"fi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#organization\",\"name\":\"Mango Animate\",\"url\":\"https:\/\/mangoanimate.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@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\":\"fi\",\"@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\/fi\/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 < Import < 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\":\"fi\",\"@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\":\"fi\",\"@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 < Export < Add to render queue to make it possible.\"}]}],\"inLanguage\":\"fi\"}]}<\/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\/fi\/wp-json\/wp\/v2\/posts\/1724","og_locale":"fi_FI","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\/fi\/tee-animoitu-selittaja-video-in-adobe-jalkiefektit\/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":{"Kirjoittanut":"Shaniya","Arvioitu lukuaika":"6 minuuttia"},"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":"fi"},{"@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":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/"]}]},{"@type":"ImageObject","inLanguage":"fi","@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":"fi"},{"@type":"Organization","@id":"https:\/\/mangoanimate.com\/blog\/#organization","name":"Mango Animate","url":"https:\/\/mangoanimate.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fi","@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":"fi","@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\/fi\/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 < Import < 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":"fi","@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":"fi","@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 < Export < Add to render queue to make it possible."}]}],"inLanguage":"fi"}]}},"_links":{"self":[{"href":"https:\/\/mangoanimate.com\/blog\/fi\/wp-json\/wp\/v2\/posts\/1724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mangoanimate.com\/blog\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mangoanimate.com\/blog\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/fi\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/fi\/wp-json\/wp\/v2\/comments?post=1724"}],"version-history":[{"count":0,"href":"https:\/\/mangoanimate.com\/blog\/fi\/wp-json\/wp\/v2\/posts\/1724\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/fi\/wp-json\/wp\/v2\/media\/1748"}],"wp:attachment":[{"href":"https:\/\/mangoanimate.com\/blog\/fi\/wp-json\/wp\/v2\/media?parent=1724"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/fi\/wp-json\/wp\/v2\/categories?post=1724"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/fi\/wp-json\/wp\/v2\/tags?post=1724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}