{"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\/es\/hacer-un-video-explicativo-animado-en-adobe-after-effects\/1724\/","title":{"rendered":"Hacer un video explicativo animado en Adobe After Effects"},"content":{"rendered":"

V\u00eddeos explicativos animados <\/a>ayudar a generar m\u00e1s tr\u00e1fico y generar conciencia sobre sus productos y servicios. Por esa raz\u00f3n, los videos explicativos animados son los m\u00e1s importantes y tienen una gran demanda. Necesitas transmitir los valores de tu negocio a los clientes potenciales. Puede ser posible con la ayuda de un interesante video de animaci\u00f3n. <\/p>\n\n\n\n

Para comunicarse de manera efectiva con la audiencia, puede optar por Adobe After Effects para hacer un video explicativo animado. Lo guiaremos en este art\u00edculo sobre c\u00f3mo crear un video explicativo animado usando Adobe After Effects. Siga desplaz\u00e1ndose hacia abajo y conozca los pasos importantes de producci\u00f3n de videos animados para hacer su video explicativo de inmediato.<\/p>\n\n\n\n

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

<\/p>

  1. Importar archivos desde Photoshop<\/strong>

    Comience importando sus archivos a su composici\u00f3n para un video explicativo de animaci\u00f3n. Tenga en cuenta que las capas tienden a mantener sus cualidades individuales cuando importa dichos archivos. Estos archivos aparecer\u00e1n en la l\u00ednea de tiempo de la animaci\u00f3n y simplemente debe arrastrar uno a la composici\u00f3n.\u00b7 Abra Nuevo Proyecto desde la barra de men\u00fa como Archivo > Nuevo > Nuevo Proyecto.\u00b7 Una vez que haya abierto un nuevo proyecto, aseg\u00farese de importar el archivo: Archivo < Importar < Archivo.\u00b7 Decide tu archivo de Photoshop y haz clic en el bot\u00f3n Abrir. Tenga en cuenta que el tipo de importaci\u00f3n debe ser composici\u00f3n y verifique cuidadosamente que el bot\u00f3n Estilos de capa editables est\u00e9 seleccionado.\u00b7 Despu\u00e9s de hacer esto, podr\u00e1 visualizar una nueva carpeta de composici\u00f3n en el panel del navegador de su proyecto. Si no puede ver el panel, aseg\u00farese de presionar Ctrl + O en Windows.\"Hacer<\/p> <\/li>

  2. A\u00f1adir fotogramas clave<\/strong>

    Para la producci\u00f3n de videos explicativos animados, debe agregar fotogramas clave en el siguiente paso. Se compone de posici\u00f3n, escala, rotaci\u00f3n y mucho m\u00e1s. Al hacer clic en el tri\u00e1ngulo al lado de transformar, ver\u00e1 todos los aspectos del fotograma clave. Tenga en cuenta que es el principio y el final de una transici\u00f3n. Dec\u00eddase por las caracter\u00edsticas seleccionadas y haga clic en el bot\u00f3n de avance para agregar los fotogramas clave.Por ejemplo, arrastr\u00e1ndolo a lo largo de la composici\u00f3n, puede cambiar la posici\u00f3n de un fotograma clave a otro para su video explicativo animado.<\/p> <\/li>

  3. Use la t\u00e9cnica de relajaci\u00f3n para suavizar las transiciones<\/strong>

    Cuando agrega los fotogramas clave, las transiciones se entrecortan. Con la ayuda de la t\u00e9cnica de aceleraci\u00f3n, se vuelve menos entrecortado al ralentizar la animaci\u00f3n. Para incorporar la aceleraci\u00f3n, aseg\u00farese de encontrar el men\u00fa del asistente de fotogramas clave en animaci\u00f3n. Como sugiere el nombre, la aceleraci\u00f3n tiende a suavizar los elementos del cuadro clave en ambos lados.<\/p> <\/li>

  4. Ajustar puntos de anclaje<\/strong>

    Al crear su video explicativo animado, los puntos de anclaje juegan un papel vital y deben ajustarse correctamente. En realidad, es un punto desde donde se originan todas las transformaciones. Estos puntos deben alinearse correctamente primero como un esqueleto de la figura. Necesita saber acerca de las articulaciones que hacen que algo gire. Cambie la posici\u00f3n arrastrando los puntos de anclaje.<\/p> <\/li>

  5. Conectar elementos<\/strong>

    Despu\u00e9s de ajustar los puntos de anclaje, el siguiente paso es seleccionar el elemento secundario haciendo clic en el \u00edcono de espiral debajo del principal. Estos dos elementos deben emparejarse arrastrando el elemento secundario al principal. Despu\u00e9s de hacer esto, cada vez que realice cambios, tender\u00e1 a afectar ambos elementos.\"Haga<\/p> <\/li>

  6. Agregar movimiento<\/strong>

    Puede dar movimiento a los elementos utilizando la herramienta marioneta. Agrega movimiento natural con la colocaci\u00f3n de alfileres. Estos son los pasos necesarios para agregar movimiento a su video explicativo mediante el uso de un software de video explicativo animado.\u00b7 Al hacer clic en el tri\u00e1ngulo, podr\u00e1 abrir el men\u00fa Deformar.\u00b7 Despu\u00e9s de hacer esto, aseg\u00farese de agregar los pines de t\u00edteres en las \u00e1reas donde desea obtener el efecto de movimiento para su video.\u00b7 Una vez que haya colocado los pines en esas \u00e1reas, use la propiedad de transformaci\u00f3n para asegurarse de estirar o distorsionar cada pin. En su animaci\u00f3n, el tema comenzar\u00e1 a moverse en poco tiempo.<\/p> <\/li>

  7. Exporte su video de animaci\u00f3n<\/strong>

    En el \u00faltimo paso, aseg\u00farese de exportar la animaci\u00f3n a una pel\u00edcula. Vaya a Archivo < Exportar < Agregar a la cola de procesamiento para hacerlo posible.<\/p> <\/li><\/ol><\/div>\n\n\n\n

    Crear su video explicativo animado en Adobe After Effects puede parecer complicado y puede frustrarlo a menudo. Debe optar por una opci\u00f3n alternativa con pasos f\u00e1ciles y simples sin comprometer la calidad de su video explicativo. Podr\u00e1 crear todo tipo de estilos de animaci\u00f3n f\u00e1cilmente si elige el software de video explicativo animado adecuado. Aqu\u00ed es donde Mango Animation Maker trabaja para usted al ofrecerle una amplia gama de plantillas de video de animaci\u00f3n en l\u00ednea y otras caracter\u00edsticas necesarias. Le permite crear un video de animaci\u00f3n en minutos. Aprendamos sobre nuestro software Mango Animation Maker y lo que tiene reservado para usted.<\/p>\n\n\n\n

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

    Provisto por una compa\u00f1\u00eda confiable de videos explicativos animados, Mango Animation Maker le brinda facilidad para hacer su atractivo video explicativo animado. Al ser el software de video explicativo animado perfecto, elimina el estr\u00e9s del complicado proceso a trav\u00e9s de potentes funciones. Conozca las caracter\u00edsticas clave importantes que Mango Animation Maker ofrece para su comodidad.<\/p>\n\n\n\n

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

    Mango Animation Maker le ofrece muchas plantillas de video de animaci\u00f3n en l\u00ednea para elegir para su video explicativo animado. Hace que el proceso sea r\u00e1pido ya que solo necesita reemplazar el contenido. Adem\u00e1s, tambi\u00e9n puede optar por un dise\u00f1o personalizado creando su propio nuevo proyecto.<\/p>\n\n\n\n

    \"Plantillas<\/figure>\n\n\n\n
    \n
    \n
    \n
    \n\n\n\n

    Comience a crear incre\u00edbles videos de animaci\u00f3n y GIF f\u00e1cilmente<\/p>\n\n\n\n
    \n\n\n\n

    \n
    Descargar para Windows<\/strong><\/a><\/div>\n\n\n\n
    Descargar para Mac<\/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

    Hace que el proceso de producci\u00f3n de videos explicativos animados sea sencillo al ofrecer 3 tipos de efectos de animaci\u00f3n. Al usar Mango Animation Maker, utilice los efectos de animaci\u00f3n de entrada, \u00e9nfasis y salida para dar vida a su contenido.<\/p>\n\n\n\n

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

    Mango Animation Maker te permite grabar tu propia voz para explicar los puntos y personalizar los subt\u00edtulos de manera efectiva para mantener a la audiencia enfocada durante todo el video.<\/p>\n\n\n\n

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

    Le proporciona una forma sencilla de crear un video de animaci\u00f3n explicativo siguiendo los 4 sencillos pasos. Comience seleccionando o creando una plantilla de video de animaci\u00f3n, agregue contenido multimedia, anime todo y termine publicando o compartiendo su video animado para captar la atenci\u00f3n de la audiencia.<\/p>\n\n\n\n

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

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

    Con la ayuda de un video explicativo animado, puede asegurarse de generar m\u00e1s tr\u00e1fico para sus productos o servicios. Mantenga la eficacia de la producci\u00f3n de su video explicativo para crear conciencia sobre su negocio. Elija la compa\u00f1\u00eda de videos explicativos adecuada que proporcione diferentes funciones para hacer un video explicativo. Mango Animation Maker es un software de video explicativo de animaci\u00f3n f\u00e1cil de usar que tiene miles de activos gratuitos y le permite hacer un video de animaci\u00f3n impresionante de manera f\u00e1cil y r\u00e1pida.<\/p>\n\n\n\n

    Video explicativo de animaci\u00f3n realizado por Mango Animation Maker<\/figcaption><\/figure>\n\n\n\n
    \n
    \n
    \n
    \n\n\n\n

    Comience a crear incre\u00edbles videos de animaci\u00f3n y GIF f\u00e1cilmente<\/p>\n\n\n\n
    \n\n\n\n

    \n
    Descargar para Windows<\/strong><\/a><\/div>\n\n\n\n
    Descargar para Mac<\/strong><\/a><\/div>\n<\/div>\n\n\n\n
    \n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

    Los videos explicativos animados ayudan a generar m\u00e1s tr\u00e1fico y generar conciencia sobre sus productos y servicios. Por esa raz\u00f3n, los videos explicativos animados son los m\u00e1s importantes y tienen una gran demanda. Necesita transmitir los valores de su negocio a los clientes potenciales. Puede ser posible con la ayuda de un interesante v\u00eddeo de animaci\u00f3n. A [\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\/es\/wp-json\/wp\/v2\/posts\/1724\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\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\/es\/hacer-un-video-explicativo-animado-en-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=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shaniya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\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\":\"es\"},{\"@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\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mangoanimate.com\/blog\/#organization\",\"name\":\"Mango Animate\",\"url\":\"https:\/\/mangoanimate.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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\":\"es\",\"@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\/es\/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\":\"es\",\"@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\":\"es\",\"@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\":\"es\"}]}<\/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\/es\/wp-json\/wp\/v2\/posts\/1724","og_locale":"es_ES","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\/es\/hacer-un-video-explicativo-animado-en-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":{"Escrito por":"Shaniya","Tiempo de lectura":"6 minutos"},"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":"es"},{"@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":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mangoanimate.com\/blog\/make-an-animated-explainer-video-in-adobe-after-effects\/1724\/"]}]},{"@type":"ImageObject","inLanguage":"es","@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":"es"},{"@type":"Organization","@id":"https:\/\/mangoanimate.com\/blog\/#organization","name":"Mango Animate","url":"https:\/\/mangoanimate.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@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":"es","@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\/es\/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":"es","@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":"es","@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":"es"}]}},"_links":{"self":[{"href":"https:\/\/mangoanimate.com\/blog\/es\/wp-json\/wp\/v2\/posts\/1724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mangoanimate.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mangoanimate.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=1724"}],"version-history":[{"count":0,"href":"https:\/\/mangoanimate.com\/blog\/es\/wp-json\/wp\/v2\/posts\/1724\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/es\/wp-json\/wp\/v2\/media\/1748"}],"wp:attachment":[{"href":"https:\/\/mangoanimate.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=1724"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=1724"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mangoanimate.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=1724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}