{"id":52,"date":"2022-10-18T08:52:12","date_gmt":"2022-10-18T08:52:12","guid":{"rendered":"https:\/\/help.mangoanimate.com\/?post_type=docs&#038;p=52"},"modified":"2023-07-03T07:02:36","modified_gmt":"2023-07-03T07:02:36","slug":"how-to-add-a-move-effect-motion-path-animation-effect","status":"publish","type":"docs","link":"https:\/\/help.mangoanimate.com\/es\/docs\/como-agregar-un-efecto-de-movimiento-ruta-de-movimiento-efecto-de-animacion\/","title":{"rendered":"C\u00f3mo agregar un efecto de movimiento (efecto de animaci\u00f3n de ruta de movimiento)"},"content":{"rendered":"<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }<\/style><div class=\"embed-container\"><iframe src=\"https:\/\/www.youtube.com\/embed\/4ubgIAFHiy4\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/div>\n\n\n\n<br>\n\n\n\n<p class=\"has-small-font-size\">El efecto de animaci\u00f3n de la ruta de movimiento es \u00fatil si desea mover un objeto de una ubicaci\u00f3n a otra. Este efecto har\u00e1 que tu video animado sea m\u00e1s interactivo e interesante.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Echa un vistazo al siguiente ejemplo:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/online.mangoanimate.com\/post\/image\/8e8b40241136f11591528db2f31ec1a2.gif\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">Los pasos son los siguientes:<\/p>\n\n\n\n<p class=\"has-small-font-size\">1. Seleccione el objeto que desea animar.<\/p>\n\n\n\n<p class=\"has-small-font-size\">2. En la l\u00ednea de tiempo del objeto seleccionado, haga clic en el bot\u00f3n &quot;+&quot;.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/online.mangoanimate.com\/post\/image\/c199b8400dc796993eb78f644b63cdca.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">3. Haga clic en &quot;Mover&quot; en la ventana &quot;Efecto de \u00e9nfasis&quot; y haga clic en &quot;Aceptar&quot;.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/online.mangoanimate.com\/post\/image\/52804f35cc2dc06ec7e93676a085ab10.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"has-small-font-size\"><strong>Nota:<\/strong>&nbsp;puede personalizar las opciones avanzadas de la ruta de movimiento seg\u00fan sus necesidades.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/online.mangoanimate.com\/post\/image\/fd9ea6bec94859fd51e1edf7adc75c55.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">4. Edici\u00f3n de trayectorias de movimiento<\/p>\n\n\n\n<p class=\"has-small-font-size\">Mango Animation Maker le permite crear caminos rectos y curvos.<\/p>\n\n\n\n<p class=\"has-small-font-size\"><strong>Para crear una trayectoria de movimiento recto<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Despu\u00e9s de agregar el efecto Mover, se mostrar\u00e1 un duplicado del objeto en el lienzo. Una l\u00ednea punteada conectar\u00e1 el objeto original y su duplicado.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Arrastre el objeto a la ubicaci\u00f3n deseada. La flecha determinar\u00e1 la direcci\u00f3n del movimiento.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/online.mangoanimate.com\/post\/image\/21ae2167283d5e8dfd2ffc7ea2da8e31.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">En el siguiente ejemplo, el autom\u00f3vil se mueve desde la ubicaci\u00f3n A (la ubicaci\u00f3n inicial) a la ubicaci\u00f3n B.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/online.mangoanimate.com\/post\/image\/6062d923c027020f724c9376f38fcd26.gif\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"has-small-font-size\"><strong>Nota:<\/strong>&nbsp;para crear varias ubicaciones para un objeto, haga clic en el bot\u00f3n &quot;+&quot; para aplicar un nuevo efecto de movimiento. El segundo duplicado del objeto se mostrar\u00e1 en el lienzo.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Arrastre el segundo duplicado a la ubicaci\u00f3n deseada.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Repita los pasos si desea agregar ubicaciones adicionales.<\/p>\n\n\n\n<p class=\"has-small-font-size\">En el siguiente ejemplo, el autom\u00f3vil se mueve de la ubicaci\u00f3n A a la ubicaci\u00f3n B y, finalmente, a la ubicaci\u00f3n C.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/online.mangoanimate.com\/post\/image\/3576af43ddf46440c74d067f7832e9a5.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"has-small-font-size\"><strong>Para crear un camino curvo<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">(1) Haga clic en la l\u00ednea de puntos. Aparecer\u00e1 un punto en el lienzo.<\/p>\n\n\n\n<p class=\"has-small-font-size\">(2) Arrastre el punto a la ubicaci\u00f3n deseada para crear una ruta curva. La ruta cambiar\u00e1 en consecuencia. Puede agregar varios puntos seg\u00fan sus necesidades.<\/p>\n\n\n\n<p class=\"has-small-font-size\">En el siguiente ejemplo, el avi\u00f3n se mueve desde la ubicaci\u00f3n A hasta la ubicaci\u00f3n B siguiendo una trayectoria curva.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/online.mangoanimate.com\/post\/image\/3e34070308e2b3d0f9f0e1453211d87f.gif\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"has-small-font-size\"><strong>Nota:<\/strong>&nbsp;puede pasar el cursor sobre el punto y hacer clic en &quot;Eliminar&quot; para eliminarlo.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/online.mangoanimate.com\/post\/image\/858da6d19f1958d8cabd6a5e0cc8f1eb.jpg\" alt=\"\"\/><\/figure>","protected":false},"excerpt":{"rendered":"<p>Motion path animation effect comes in handy if you want to move an object from one location to another. This effect will make your animated video more interactive and interesting. Take a look at the example below: The steps are as follows: 1. Select the object you want to animate. 2. On the timeline of &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/help.mangoanimate.com\/es\/docs\/como-agregar-un-efecto-de-movimiento-ruta-de-movimiento-efecto-de-animacion\/\"> <span class=\"screen-reader-text\">C\u00f3mo agregar un efecto de movimiento (efecto de animaci\u00f3n de ruta de movimiento)<\/span> Leer m\u00e1s &raquo;<\/a><\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"doc_category":[9],"doc_tag":[],"knowledge_base":[20],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.2.1 (Yoast SEO v20.10) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add a Move Effect (Motion Path Animation Effect) - Mango Animate Help Center<\/title>\n<meta name=\"description\" content=\"Mango Animation Maker allows you to use the Move effect to create both straight and curved paths, making your animated video more interactive and interesting.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/help.mangoanimate.com\/es\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add a Move Effect (Motion Path Animation Effect)\" \/>\n<meta property=\"og:description\" content=\"Mango Animation Maker allows you to use the Move effect to create both straight and curved paths, making your animated video more interactive and interesting.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.mangoanimate.com\/es\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/\" \/>\n<meta property=\"og:site_name\" content=\"Mango Animate Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-03T07:02:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/online.mangoanimate.com\/post\/image\/8e8b40241136f11591528db2f31ec1a2.gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/\",\"url\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/\",\"name\":\"How to Add a Move Effect (Motion Path Animation Effect) - Mango Animate Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#website\"},\"datePublished\":\"2022-10-18T08:52:12+00:00\",\"dateModified\":\"2023-07-03T07:02:36+00:00\",\"description\":\"Mango Animation Maker allows you to use the Move effect to create both straight and curved paths, making your animated video more interactive and interesting.\",\"breadcrumb\":{\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/help.mangoanimate.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add a Move Effect (Motion Path Animation Effect)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/help.mangoanimate.com\/#website\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"name\":\"Mango Animate Help Center\",\"description\":\"Just another WordPress site\",\"publisher\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/help.mangoanimate.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"contentUrl\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"width\":240,\"height\":32,\"caption\":\"Mango Animate Help Center\"},\"image\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add a Move Effect (Motion Path Animation Effect) - Mango Animate Help Center","description":"Mango Animation Maker allows you to use the Move effect to create both straight and curved paths, making your animated video more interactive and interesting.","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:\/\/help.mangoanimate.com\/es\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/","og_locale":"es_ES","og_type":"article","og_title":"How to Add a Move Effect (Motion Path Animation Effect)","og_description":"Mango Animation Maker allows you to use the Move effect to create both straight and curved paths, making your animated video more interactive and interesting.","og_url":"https:\/\/help.mangoanimate.com\/es\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/","og_site_name":"Mango Animate Help Center","article_modified_time":"2023-07-03T07:02:36+00:00","og_image":[{"url":"https:\/\/online.mangoanimate.com\/post\/image\/8e8b40241136f11591528db2f31ec1a2.gif"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/","url":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/","name":"How to Add a Move Effect (Motion Path Animation Effect) - Mango Animate Help Center","isPartOf":{"@id":"https:\/\/help.mangoanimate.com\/#website"},"datePublished":"2022-10-18T08:52:12+00:00","dateModified":"2023-07-03T07:02:36+00:00","description":"Mango Animation Maker allows you to use the Move effect to create both straight and curved paths, making your animated video more interactive and interesting.","breadcrumb":{"@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/help.mangoanimate.com\/"},{"@type":"ListItem","position":2,"name":"How to Add a Move Effect (Motion Path Animation Effect)"}]},{"@type":"WebSite","@id":"https:\/\/help.mangoanimate.com\/#website","url":"https:\/\/help.mangoanimate.com\/","name":"Mango Animate Help Center","description":"Just another WordPress site","publisher":{"@id":"https:\/\/help.mangoanimate.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/help.mangoanimate.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/","url":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","contentUrl":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","width":240,"height":32,"caption":"Mango Animate Help Center"},"image":{"@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/docs\/52"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":9,"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/docs\/52\/revisions"}],"predecessor-version":[{"id":1470,"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/docs\/52\/revisions\/1470"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/doc_category?post=52"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/doc_tag?post=52"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/es\/wp-json\/wp\/v2\/knowledge_base?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}