{"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\/fr\/creer-une-video-explicative-animee-dans-adobe-after-effects\/1724\/","title":{"rendered":"Cr\u00e9er une vid\u00e9o explicative anim\u00e9e dans 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\">Vid\u00e9os explicatives anim\u00e9es <\/a>aider \u00e0 g\u00e9n\u00e9rer plus de trafic et \u00e0 faire conna\u00eetre vos produits et services. Pour cette raison, les vid\u00e9os explicatives anim\u00e9es sont les plus importantes et sont tr\u00e8s demand\u00e9es. Vous devez transmettre les valeurs de votre entreprise aux clients potentiels. Cela peut \u00eatre possible \u00e0 l&#039;aide d&#039;une vid\u00e9o d&#039;animation int\u00e9ressante. <\/p>\n\n\n\n<p>Pour communiquer efficacement avec le public, vous pouvez opter pour Adobe After Effects pour r\u00e9aliser une vid\u00e9o explicative anim\u00e9e. Nous allons vous guider dans cet article sur la cr\u00e9ation d&#039;une vid\u00e9o explicative anim\u00e9e \u00e0 l&#039;aide d&#039;Adobe After Effects. Continuez \u00e0 faire d\u00e9filer vers le bas et d\u00e9couvrez les \u00e9tapes importantes de la production de vid\u00e9os anim\u00e9es pour cr\u00e9er imm\u00e9diatement votre vid\u00e9o explicative.<\/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\">Importer des fichiers depuis Photoshop<\/strong> <p class=\"schema-how-to-step-text\">Commencez par importer vos fichiers dans votre composition pour une vid\u00e9o explicative d&#039;animation. Gardez \u00e0 l&#039;esprit que les calques ont tendance \u00e0 conserver leurs qualit\u00e9s individuelles lorsque vous importez de tels fichiers. Ces fichiers appara\u00eetront sur la chronologie de l&#039;animation et vous devrez simplement en faire glisser un sur la composition.<br\/>\u00b7 Ouvrez un nouveau projet \u00e0 partir de la barre de menus, par exemple Fichier &gt; Nouveau &gt; Nouveau projet.<br\/>\u00b7 Une fois que vous avez ouvert un nouveau projet, assurez-vous d&#039;importer le fichier \u2013 Fichier &lt; Importer &lt; Fichier.<br\/>\u00b7 Choisissez votre fichier Photoshop et cliquez sur le bouton Ouvrir. Gardez \u00e0 l&#039;esprit que le type d&#039;importation doit \u00eatre la composition et v\u00e9rifiez soigneusement que le bouton Styles de calque modifiables est s\u00e9lectionn\u00e9.<br\/>\u00b7 Apr\u00e8s cela, vous pourrez visualiser un nouveau dossier de composition dans le panneau de votre navigateur de projet. Si vous ne parvenez pas \u00e0 voir le panneau, assurez-vous d&#039;appuyer sur Ctrl + O dans Windows.<img decoding=\"async\" alt=\"Cr\u00e9er une vid\u00e9o explicative anim\u00e9e dans Adobe After Effects \u00c9tape 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\">Ajouter des images cl\u00e9s<\/strong> <p class=\"schema-how-to-step-text\">Pour la production de vid\u00e9os explicatives anim\u00e9es, vous devez ajouter des images cl\u00e9s \u00e0 l&#039;\u00e9tape suivante. Il comprend la position, l&#039;\u00e9chelle, la rotation et bien plus encore. En cliquant sur le triangle \u00e0 c\u00f4t\u00e9 de transformer, vous verrez tous les aspects de l&#039;image cl\u00e9. Gardez \u00e0 l&#039;esprit que c&#039;est le d\u00e9but et la fin d&#039;une transition. D\u00e9cidez-vous des caract\u00e9ristiques s\u00e9lectionn\u00e9es et cliquez sur le bouton Suivant pour ajouter les images cl\u00e9s.<br\/>Par exemple, en le faisant glisser le long de la composition, vous pouvez changer la position d&#039;une image cl\u00e9 \u00e0 une autre pour votre vid\u00e9o explicative anim\u00e9e.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1598410550009\"><strong class=\"schema-how-to-step-name\">Utilisez la technique d&#039;acc\u00e9l\u00e9ration pour lisser les transitions<\/strong> <p class=\"schema-how-to-step-text\">Lorsque vous ajoutez les images cl\u00e9s, les transitions deviennent saccad\u00e9es. Avec l&#039;aide de la technique d&#039;acc\u00e9l\u00e9ration, il devient moins saccad\u00e9 en ralentissant l&#039;animation. Pour incorporer l&#039;acc\u00e9l\u00e9ration, assurez-vous de trouver le menu de l&#039;assistant d&#039;image cl\u00e9 sous animation. Comme son nom l&#039;indique, l&#039;assouplissement a tendance \u00e0 assouplir les \u00e9l\u00e9ments de l&#039;image cl\u00e9 des deux c\u00f4t\u00e9s.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1598410638356\"><strong class=\"schema-how-to-step-name\">Ajuster les points d&#039;ancrage<\/strong> <p class=\"schema-how-to-step-text\">Lors de la cr\u00e9ation de votre vid\u00e9o explicative anim\u00e9e, les points d&#039;ancrage jouent un r\u00f4le essentiel et doivent \u00eatre ajust\u00e9s correctement. En fait, c&#039;est un point d&#039;o\u00f9 partent toutes les transformations. Ces points doivent d&#039;abord \u00eatre correctement align\u00e9s, tout comme un squelette de la figure. Vous devez conna\u00eetre les articulations telles que ce qui fait tourner quelque chose. Modifiez la position en faisant glisser les points d&#039;ancrage.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1598410681108\"><strong class=\"schema-how-to-step-name\">Connecter les \u00e9l\u00e9ments<\/strong> <p class=\"schema-how-to-step-text\">Apr\u00e8s avoir ajust\u00e9 les points d&#039;ancrage, l&#039;\u00e9tape suivante consiste \u00e0 s\u00e9lectionner l&#039;\u00e9l\u00e9ment enfant en cliquant sur l&#039;ic\u00f4ne en spirale sous le parent. Ces deux \u00e9l\u00e9ments doivent \u00eatre appari\u00e9s en faisant glisser l&#039;\u00e9l\u00e9ment enfant vers le parent. Apr\u00e8s cela, chaque fois que vous apporterez des modifications, cela aura tendance \u00e0 affecter les deux \u00e9l\u00e9ments.<br\/><br\/><img decoding=\"async\" alt=\"Cr\u00e9er une vid\u00e9o explicative anim\u00e9e dans Adobe After Effects \u00c9tape 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\">Ajouter un mouvement<\/strong> <p class=\"schema-how-to-step-text\">Vous pouvez donner du mouvement aux \u00e9l\u00e9ments \u00e0 l&#039;aide de l&#039;outil marionnette. Il ajoute un mouvement naturel avec le placement des \u00e9pingles. Voici les \u00e9tapes n\u00e9cessaires pour ajouter du mouvement \u00e0 votre vid\u00e9o explicative \u00e0 l&#039;aide d&#039;un logiciel de vid\u00e9o explicative anim\u00e9e.<br\/>\u00b7 En cliquant sur le triangle, vous pourrez faire appara\u00eetre le menu D\u00e9former.<br\/>\u00b7 Apr\u00e8s cela, assurez-vous d&#039;ajouter les \u00e9pingles de marionnette sur les zones o\u00f9 vous souhaitez obtenir l&#039;effet de mouvement pour votre vid\u00e9o.<br\/>\u00b7 Une fois que vous avez plac\u00e9 les broches sur ces zones, utilisez la propri\u00e9t\u00e9 transform pour vous assurer d&#039;\u00e9tirer ou de d\u00e9former chaque broche. Dans votre animation, le sujet commencera \u00e0 bouger en un rien de temps.<\/p> <\/li><li class=\"schema-how-to-step\" id=\"how-to-step-1598410754604\"><strong class=\"schema-how-to-step-name\">Exportez votre vid\u00e9o d&#039;animation<\/strong> <p class=\"schema-how-to-step-text\">Dans la derni\u00e8re \u00e9tape, assurez-vous d&#039;exporter l&#039;animation dans un film. Allez dans Fichier &lt; Exporter &lt; Ajouter \u00e0 la file d&#039;attente de rendu pour le rendre possible.<\/p> <\/li><\/ol><\/div>\n\n\n\n<p>Cr\u00e9er votre vid\u00e9o explicative anim\u00e9e dans Adobe After Effects peut sembler compliqu\u00e9 et peut vous rendre souvent frustr\u00e9. Vous devez opter pour une option alternative avec des \u00e9tapes faciles et simples sans compromettre la qualit\u00e9 de votre vid\u00e9o explicative. Vous pourrez cr\u00e9er facilement toutes sortes de styles d&#039;animation si vous choisissez le bon logiciel de vid\u00e9o explicative anim\u00e9e. C&#039;est l\u00e0 que Mango Animation Maker travaille pour vous en offrant une large gamme de mod\u00e8les de vid\u00e9os d&#039;animation en ligne et d&#039;autres fonctionnalit\u00e9s n\u00e9cessaires. Il vous permet de cr\u00e9er une vid\u00e9o d&#039;animation en quelques minutes. D\u00e9couvrons notre logiciel Mango Animation Maker et ce qu&#039;il vous r\u00e9serve.<\/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>Fourni par une soci\u00e9t\u00e9 de vid\u00e9o explicative anim\u00e9e fiable, Mango Animation Maker vous permet de cr\u00e9er facilement votre vid\u00e9o explicative anim\u00e9e attrayante. En tant que logiciel vid\u00e9o explicatif anim\u00e9 parfait, il \u00e9limine le stress du processus compliqu\u00e9 gr\u00e2ce \u00e0 des fonctions puissantes. D\u00e9couvrez les fonctionnalit\u00e9s cl\u00e9s importantes fournies par Mango Animation Maker pour votre confort.<\/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 vous propose de nombreux mod\u00e8les de vid\u00e9os d&#039;animation en ligne parmi lesquels choisir pour votre vid\u00e9o explicative anim\u00e9e. Cela rend le processus rapide car il vous suffit de remplacer le contenu. De plus, vous pouvez \u00e9galement opter pour une conception personnalis\u00e9e en cr\u00e9ant votre propre nouveau projet.<\/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=\"Mod\u00e8les de vid\u00e9o d&#039;animation en ligne de 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\">Commencez \u00e0 cr\u00e9er facilement des vid\u00e9os et des GIF d&#039;animation incroyables<\/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>T\u00e9l\u00e9charger pour 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>T\u00e9l\u00e9charger pour 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>Il simplifie le processus de production de vid\u00e9os explicatives anim\u00e9es en offrant 3 types d&#039;effets d&#039;animation. En utilisant Mango Animation Maker, utilisez les effets d&#039;animation d&#039;entr\u00e9e, d&#039;accentuation et de sortie pour donner vie \u00e0 votre contenu.<\/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 vous permet d&#039;enregistrer votre propre voix pour expliquer des points et personnaliser les sous-titres de mani\u00e8re efficace pour garder le public concentr\u00e9 tout au long de la vid\u00e9o.<\/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>Il vous offre un moyen simple de cr\u00e9er une vid\u00e9o d&#039;animation explicative en suivant les 4 \u00e9tapes faciles. Commencez par s\u00e9lectionner ou cr\u00e9er un mod\u00e8le de vid\u00e9o d&#039;animation, ajoutez du contenu multim\u00e9dia, animez tout, et finissez par publier ou partager votre vid\u00e9o anim\u00e9e pour attirer l&#039;attention du public.<\/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 \u00e9tapes faciles pour cr\u00e9er une vid\u00e9o explicative anim\u00e9e avec 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>Avec l&#039;aide d&#039;une vid\u00e9o explicative anim\u00e9e, vous pouvez vous assurer de g\u00e9n\u00e9rer plus de trafic pour vos produits ou services. Gardez votre production vid\u00e9o explicative efficace pour faire conna\u00eetre votre entreprise. Choisissez la bonne soci\u00e9t\u00e9 de vid\u00e9o explicative qui offre diff\u00e9rentes fonctionnalit\u00e9s pour cr\u00e9er une vid\u00e9o explicative. Mango Animation Maker est un logiciel vid\u00e9o explicatif d&#039;animation convivial qui contient des milliers d&#039;actifs gratuits et vous permet de cr\u00e9er facilement et rapidement une superbe vid\u00e9o d&#039;animation.<\/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\">Vid\u00e9o d&#039;animation explicative r\u00e9alis\u00e9e par 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\">Commencez \u00e0 cr\u00e9er facilement des vid\u00e9os et des GIF d&#039;animation incroyables<\/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>T\u00e9l\u00e9charger pour 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>T\u00e9l\u00e9charger pour Mac<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<br>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Les vid\u00e9os explicatives anim\u00e9es aident \u00e0 g\u00e9n\u00e9rer plus de trafic et \u00e0 faire conna\u00eetre vos produits et services. Pour cette raison, les vid\u00e9os explicatives anim\u00e9es sont les plus importantes et sont tr\u00e8s demand\u00e9es. Vous devez transmettre les valeurs de votre entreprise \u00e0 des clients potentiels. Cela peut \u00eatre possible \u00e0 l\u2019aide d\u2019une vid\u00e9o d\u2019animation int\u00e9ressante. \u00c0 [\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\/fr\/wp-json\/wp\/v2\/posts\/1724\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/creer-une-video-explicative-animee-dans-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=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shaniya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\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\":\"fr-FR\"},{\"@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\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#organization\",\"name\":\"Mango Animate\",\"url\":\"https:\/\/mangoanimate.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\":\"fr-FR\",\"@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\/fr\/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\":\"fr-FR\",\"@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\":\"fr-FR\",\"@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\":\"fr-FR\"}]}<\/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\/fr\/wp-json\/wp\/v2\/posts\/1724","og_locale":"fr_FR","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\/fr\/creer-une-video-explicative-animee-dans-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":{"\u00c9crit par":"Shaniya","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"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":"fr-FR"},{"@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":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@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":"fr-FR"},{"@type":"Organization","@id":"https:\/\/mangoanimate.com\/blog\/#organization","name":"Mango Animate","url":"https:\/\/mangoanimate.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@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":"fr-FR","@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\/fr\/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":"fr-FR","@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":"fr-FR","@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":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/mangoanimate.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/1724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mangoanimate.com\/blog\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mangoanimate.com\/blog\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/fr\/wp-json\/wp\/v2\/comments?post=1724"}],"version-history":[{"count":0,"href":"https:\/\/mangoanimate.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/1724\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/fr\/wp-json\/wp\/v2\/media\/1748"}],"wp:attachment":[{"href":"https:\/\/mangoanimate.com\/blog\/fr\/wp-json\/wp\/v2\/media?parent=1724"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/fr\/wp-json\/wp\/v2\/categories?post=1724"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/fr\/wp-json\/wp\/v2\/tags?post=1724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}