{"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\/hr\/docs\/kako-dodati-efekt-pokreta-efekt-animacije-kretanja\/","title":{"rendered":"Kako dodati efekt kretanja (efekt animacije putanje kretanja)"},"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\">Efekt animacije putanje kretanja dobro je ako \u017eelite premjestiti objekt s jedne lokacije na drugu. Ovaj \u0107e efekt va\u0161 animirani video u\u010diniti interaktivnijim i zanimljivijim.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Pogledajte primjer u nastavku:<\/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\">Koraci su sljede\u0107i:<\/p>\n\n\n\n<p class=\"has-small-font-size\">1. Odaberite objekt koji \u017eelite animirati.<\/p>\n\n\n\n<p class=\"has-small-font-size\">2. Na vremenskoj traci odabranog objekta kliknite gumb \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. Pritisnite &quot;Premjesti&quot; u prozoru &quot;Efekt nagla\u0161avanja&quot;, a zatim pritisnite &quot;U redu&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>Bilje\u0161ka:<\/strong>&nbsp;mo\u017eete prilagoditi napredne opcije putanje kretanja prema svojim potrebama.<\/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. Ure\u0111ivanje putanje kretanja<\/p>\n\n\n\n<p class=\"has-small-font-size\">Mango Animation Maker omogu\u0107uje stvaranje ravnih i zakrivljenih staza.<\/p>\n\n\n\n<p class=\"has-small-font-size\"><strong>Za stvaranje ravnog puta kretanja<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Nakon dodavanja efekta Pomicanje, na platnu \u0107e se prikazati duplikat objekta. To\u010dkasta linija povezivat \u0107e izvorni objekt i njegov duplikat.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Povucite objekt na \u017eeljeno mjesto. Strelica \u0107e odrediti smjer kretanja.<\/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\">U donjem primjeru, automobil se kre\u0107e od lokacije A (po\u010detne lokacije) do lokacije 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>Bilje\u0161ka:<\/strong>&nbsp;da biste stvorili vi\u0161e lokacija za objekt, kliknite gumb &quot;+&quot; da biste primijenili novi efekt Pomicanja. Drugi duplikat objekta prikazat \u0107e se na platnu.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Povucite drugi duplikat na \u017eeljeno mjesto.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Ponovite korake ako \u017eelite dodati dodatne lokacije.<\/p>\n\n\n\n<p class=\"has-small-font-size\">U donjem primjeru, automobil se kre\u0107e od lokacije A do lokacije B i kona\u010dno do lokacije 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>Za stvaranje zakrivljene staze<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">(1) Pritisnite to\u010dkastu liniju. Na platnu \u0107e se pojaviti to\u010dka.<\/p>\n\n\n\n<p class=\"has-small-font-size\">(2) Povucite to\u010dku na \u017eeljeno mjesto kako biste stvorili zakrivljenu putanju. Put \u0107e se u skladu s tim promijeniti. Mo\u017eete dodati nekoliko to\u010daka ovisno o va\u0161im potrebama.<\/p>\n\n\n\n<p class=\"has-small-font-size\">U donjem primjeru, zrakoplov se kre\u0107e od lokacije A do lokacije B slijede\u0107i zakrivljenu putanju.<\/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>Bilje\u0161ka:<\/strong>&nbsp;mo\u017eete prije\u0107i iznad to\u010dke i kliknuti &quot;Izbri\u0161i&quot; da biste je uklonili.<\/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\/hr\/docs\/kako-dodati-efekt-pokreta-efekt-animacije-kretanja\/\"> <span class=\"screen-reader-text\">Kako dodati efekt kretanja (efekt animacije putanje kretanja)<\/span> Read More &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\/hr\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/\" \/>\n<meta property=\"og:locale\" content=\"hr_HR\" \/>\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\/hr\/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=\"Procijenjeno vrijeme \u010ditanja\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minute\" \/>\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\":\"hr\",\"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\":\"hr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@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\/hr\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/","og_locale":"hr_HR","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\/hr\/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":{"Procijenjeno vrijeme \u010ditanja":"4 minute"},"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":"hr","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":"hr"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"hr","@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\/hr\/wp-json\/wp\/v2\/docs\/52"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":9,"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/docs\/52\/revisions"}],"predecessor-version":[{"id":1470,"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/docs\/52\/revisions\/1470"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/doc_category?post=52"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/doc_tag?post=52"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hr\/wp-json\/wp\/v2\/knowledge_base?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}