{"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\/tw\/docs\/%e5%a6%82%e4%bd%95%e6%b7%bb%e5%8a%a0%e7%a7%bb%e5%8b%95%e6%95%88%e6%9e%9c%e9%81%8b%e5%8b%95%e8%b7%af%e5%be%91%e5%8b%95%e7%95%ab%e6%95%88%e6%9e%9c\/","title":{"rendered":"\u5982\u4f55\u6dfb\u52a0\u79fb\u52d5\u6548\u679c\uff08\u904b\u52d5\u8def\u5f91\u52d5\u756b\u6548\u679c\uff09"},"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\">\u5982\u679c\u60a8\u60f3\u5c07\u5c0d\u50cf\u5f9e\u4e00\u500b\u4f4d\u7f6e\u79fb\u52d5\u5230\u53e6\u4e00\u500b\u4f4d\u7f6e\uff0c\u904b\u52d5\u8def\u5f91\u52d5\u756b\u6548\u679c\u6703\u6d3e\u4e0a\u7528\u5834\u3002\u9019\u7a2e\u6548\u679c\u5c07\u4f7f\u60a8\u7684\u52d5\u756b\u8996\u983b\u66f4\u5177\u4e92\u52d5\u6027\u548c\u8da3\u5473\u6027\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">\u770b\u770b\u4e0b\u9762\u7684\u4f8b\u5b50\uff1a<\/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\">\u6b65\u9a5f\u5982\u4e0b\uff1a<\/p>\n\n\n\n<p class=\"has-small-font-size\">1. \u9078\u64c7\u8981\u8a2d\u7f6e\u52d5\u756b\u7684\u5c0d\u8c61\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">2. \u5728\u6240\u9078\u5c0d\u8c61\u7684\u6642\u9593\u8ef8\u4e0a\uff0c\u55ae\u64ca\u201c+\u201d\u6309\u9215\u3002<\/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\u3001\u5728\u201c\u5f37\u8abf\u6548\u679c\u201d\u7a97\u53e3\u9ede\u64ca\u201c\u79fb\u52d5\u201d\uff0c\u9ede\u64ca\u201c\u78ba\u5b9a\u201d\u3002<\/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>\u7b46\u8a18\uff1a<\/strong>&nbsp;\u60a8\u53ef\u4ee5\u6839\u64da\u9700\u8981\u81ea\u5b9a\u7fa9\u904b\u52d5\u8def\u5f91\u7684\u9ad8\u7d1a\u9078\u9805\u3002<\/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. \u7de8\u8f2f\u904b\u52d5\u8def\u5f91<\/p>\n\n\n\n<p class=\"has-small-font-size\">Mango Animation Maker \u5141\u8a31\u60a8\u5275\u5efa\u76f4\u7dda\u548c\u66f2\u7dda\u8def\u5f91\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\"><strong>\u5275\u5efa\u76f4\u7dda\u904b\u52d5\u8def\u5f91<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">\u6dfb\u52a0\u79fb\u52d5\u6548\u679c\u5f8c\uff0c\u5c0d\u8c61\u7684\u526f\u672c\u5c07\u986f\u793a\u5728\u756b\u5e03\u4e0a\u3002\u865b\u7dda\u5c07\u9023\u63a5\u539f\u59cb\u5c0d\u8c61\u53ca\u5176\u526f\u672c\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">\u5c07\u5c0d\u8c61\u62d6\u5230\u6240\u9700\u4f4d\u7f6e\u3002\u7bad\u982d\u5c07\u6c7a\u5b9a\u79fb\u52d5\u65b9\u5411\u3002<\/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\">\u5728\u4e0b\u9762\u7684\u793a\u4f8b\u4e2d\uff0c\u6c7d\u8eca\u6b63\u5728\u5f9e\u4f4d\u7f6e A\uff08\u8d77\u59cb\u4f4d\u7f6e\uff09\u79fb\u52d5\u5230\u4f4d\u7f6e B\u3002<\/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>\u7b46\u8a18\uff1a<\/strong>&nbsp;\u8981\u70ba\u4e00\u500b\u5c0d\u8c61\u5275\u5efa\u591a\u500b\u4f4d\u7f6e\uff0c\u8acb\u55ae\u64ca\u201c+\u201d\u6309\u9215\u61c9\u7528\u65b0\u7684\u79fb\u52d5\u6548\u679c\u3002\u5c0d\u8c61\u7684\u7b2c\u4e8c\u500b\u526f\u672c\u5c07\u986f\u793a\u5728\u756b\u5e03\u4e0a\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">\u5c07\u7b2c\u4e8c\u500b\u526f\u672c\u62d6\u5230\u6240\u9700\u4f4d\u7f6e\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">\u5982\u679c\u8981\u6dfb\u52a0\u5176\u4ed6\u4f4d\u7f6e\uff0c\u8acb\u91cd\u8907\u9019\u4e9b\u6b65\u9a5f\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">\u5728\u4e0b\u9762\u7684\u793a\u4f8b\u4e2d\uff0c\u6c7d\u8eca\u5f9e\u4f4d\u7f6e A \u79fb\u52d5\u5230\u4f4d\u7f6e B\uff0c\u6700\u5f8c\u79fb\u52d5\u5230\u4f4d\u7f6e C\u3002<\/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>\u5275\u5efa\u5f4e\u66f2\u8def\u5f91<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">(1) \u55ae\u64ca\u865b\u7dda\u3002\u756b\u5e03\u4e0a\u6703\u51fa\u73fe\u4e00\u500b\u9ede\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">(2) \u5c07\u9ede\u62d6\u52d5\u5230\u6240\u9700\u4f4d\u7f6e\u4ee5\u5275\u5efa\u5f4e\u66f2\u8def\u5f91\u3002\u8def\u5f91\u6703\u76f8\u61c9\u6539\u8b8a\u3002\u60a8\u53ef\u4ee5\u6839\u64da\u9700\u8981\u6dfb\u52a0\u5e7e\u500b\u9ede\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">\u5728\u4e0b\u9762\u7684\u793a\u4f8b\u4e2d\uff0c\u98db\u6a5f\u6cbf\u8457\u5f4e\u66f2\u7684\u8def\u5f91\u5f9e\u4f4d\u7f6e A \u79fb\u52d5\u5230\u4f4d\u7f6e B\u3002<\/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>\u7b46\u8a18\uff1a<\/strong>&nbsp;\u60a8\u53ef\u4ee5\u5c07\u9f20\u6a19\u61f8\u505c\u5728\u8a72\u9ede\u4e0a\uff0c\u7136\u5f8c\u55ae\u64ca\u201c\u522a\u9664\u201d\u5c07\u5176\u522a\u9664\u3002<\/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\/tw\/docs\/%e5%a6%82%e4%bd%95%e6%b7%bb%e5%8a%a0%e7%a7%bb%e5%8b%95%e6%95%88%e6%9e%9c%e9%81%8b%e5%8b%95%e8%b7%af%e5%be%91%e5%8b%95%e7%95%ab%e6%95%88%e6%9e%9c\/\"> <span class=\"screen-reader-text\">\u5982\u4f55\u6dfb\u52a0\u79fb\u52d5\u6548\u679c\uff08\u904b\u52d5\u8def\u5f91\u52d5\u756b\u6548\u679c\uff09<\/span> \u95b1\u8b80\u5168\u6587 &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\/tw\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\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\/tw\/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=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 \u5206\u9418\" \/>\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\":\"zh-TW\",\"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\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@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\/tw\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/","og_locale":"zh_TW","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\/tw\/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":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"4 \u5206\u9418"},"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":"zh-TW","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":"zh-TW"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@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\/tw\/wp-json\/wp\/v2\/docs\/52"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":9,"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/docs\/52\/revisions"}],"predecessor-version":[{"id":1470,"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/docs\/52\/revisions\/1470"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/doc_category?post=52"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/doc_tag?post=52"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/knowledge_base?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}