{"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\/id\/docs\/cara-menambah-efek-gerak-gerakan-animasi-efek\/","title":{"rendered":"Cara Menambahkan Efek Gerak (Efek Animasi Jalur Gerak)"},"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\">Efek animasi jalur gerak berguna jika Anda ingin memindahkan objek dari satu lokasi ke lokasi lain. Efek ini akan membuat video animasi Anda menjadi lebih interaktif dan menarik.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Lihatlah contoh di bawah ini:<\/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\">Langkah-langkahnya adalah sebagai berikut:<\/p>\n\n\n\n<p class=\"has-small-font-size\">1. Pilih objek yang ingin Anda animasikan.<\/p>\n\n\n\n<p class=\"has-small-font-size\">2. Pada garis waktu objek yang dipilih, klik tombol \u201c+ \u201d.<\/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. Klik &quot;Pindahkan&quot; pada jendela &quot;Efek Penekanan&quot;, dan klik &quot;OK&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>Catatan:<\/strong>&nbsp;Anda dapat menyesuaikan opsi lanjutan dari jalur gerakan sesuai dengan kebutuhan Anda.<\/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. Mengedit jalur gerak<\/p>\n\n\n\n<p class=\"has-small-font-size\">Pembuat Animasi Mango memungkinkan Anda membuat jalur lurus dan melengkung.<\/p>\n\n\n\n<p class=\"has-small-font-size\"><strong>Untuk membuat jalur gerak lurus<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Setelah menambahkan efek Pindahkan, duplikat objek akan ditampilkan di kanvas. Garis putus-putus akan menghubungkan objek asli dan duplikatnya.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Seret objek ke lokasi yang diinginkan. Panah akan menentukan arah gerakan.<\/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\">Pada contoh di bawah, mobil bergerak dari Lokasi A (lokasi awal) ke Lokasi 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>Catatan:<\/strong>&nbsp;untuk membuat banyak lokasi untuk suatu objek, klik tombol \u201c+ \u201d untuk menerapkan efek Pindah baru. Duplikat kedua objek akan ditampilkan di kanvas.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Seret duplikat kedua ke lokasi yang diinginkan.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Ulangi langkah tersebut jika Anda ingin menambahkan lokasi tambahan.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Pada contoh di bawah, mobil bergerak dari Lokasi A ke Lokasi B, dan akhirnya ke Lokasi 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>Untuk membuat jalur melengkung<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">(1) Klik garis putus-putus. Sebuah titik akan muncul di kanvas.<\/p>\n\n\n\n<p class=\"has-small-font-size\">(2) Seret titik ke lokasi yang diinginkan untuk membuat jalur melengkung. Jalur akan berubah sesuai dengan itu. Anda dapat menambahkan beberapa titik tergantung pada kebutuhan Anda.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Pada contoh di bawah ini, pesawat bergerak dari Lokasi A ke Lokasi B mengikuti lintasan melengkung.<\/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>Catatan:<\/strong>&nbsp;Anda dapat mengarahkan kursor ke titik dan klik &quot;Hapus&quot; untuk menghapusnya.<\/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\/id\/docs\/cara-menambah-efek-gerak-gerakan-animasi-efek\/\"> <span class=\"screen-reader-text\">Cara Menambahkan Efek Gerak (Efek Animasi Jalur Gerak)<\/span> Selengkapnya &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\/id\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\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\/id\/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=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 menit\" \/>\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\":\"id\",\"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\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@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\/id\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/","og_locale":"id_ID","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\/id\/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":{"Estimasi waktu membaca":"4 menit"},"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":"id","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":"id"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"id","@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\/id\/wp-json\/wp\/v2\/docs\/52"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":9,"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/docs\/52\/revisions"}],"predecessor-version":[{"id":1470,"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/docs\/52\/revisions\/1470"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/doc_category?post=52"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/doc_tag?post=52"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/id\/wp-json\/wp\/v2\/knowledge_base?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}