{"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\/fr\/docs\/comment-ajouter-un-effet-de-mouvement-effet-danimation-chemin-de-mouvement\/","title":{"rendered":"Comment ajouter un effet de d\u00e9placement (effet d&#039;animation de chemin de mouvement)"},"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\">L&#039;effet d&#039;animation de chemin de mouvement est pratique si vous souhaitez d\u00e9placer un objet d&#039;un emplacement \u00e0 un autre. Cet effet rendra votre vid\u00e9o anim\u00e9e plus interactive et int\u00e9ressante.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Jetez un oeil \u00e0 l&#039;exemple ci-dessous:<\/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\">Les \u00e9tapes sont les suivantes:<\/p>\n\n\n\n<p class=\"has-small-font-size\">1. S\u00e9lectionnez l&#039;objet que vous souhaitez animer.<\/p>\n\n\n\n<p class=\"has-small-font-size\">2. Sur la chronologie de l&#039;objet s\u00e9lectionn\u00e9, cliquez sur le bouton \u00ab + \u00bb.<\/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. Cliquez sur \u00ab\u00a0D\u00e9placer\u00a0\u00bb dans la fen\u00eatre \u00ab\u00a0Effet d&#039;accentuation\u00a0\u00bb, puis cliquez sur \u00ab\u00a0OK\u00a0\u00bb.<\/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>Noter:<\/strong>&nbsp;vous pouvez personnaliser les options avanc\u00e9es de la trajectoire de mouvement en fonction de vos besoins.<\/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. Modification des trajectoires de mouvement<\/p>\n\n\n\n<p class=\"has-small-font-size\">Mango Animation Maker vous permet de cr\u00e9er des chemins droits et courbes.<\/p>\n\n\n\n<p class=\"has-small-font-size\"><strong>Pour cr\u00e9er une trajectoire de mouvement rectiligne<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">Apr\u00e8s avoir ajout\u00e9 l&#039;effet D\u00e9placer, une copie de l&#039;objet s&#039;affichera sur le canevas. Une ligne pointill\u00e9e reliera l&#039;objet d&#039;origine et son duplicata.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Faites glisser l&#039;objet vers l&#039;emplacement souhait\u00e9. La fl\u00e8che d\u00e9terminera la direction du mouvement.<\/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\">Dans l&#039;exemple ci-dessous, la voiture se d\u00e9place de l&#039;emplacement A (l&#039;emplacement de d\u00e9part) \u00e0 l&#039;emplacement 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>Noter:<\/strong>&nbsp;pour cr\u00e9er plusieurs emplacements pour un objet, cliquez sur le bouton &quot;+&quot; pour appliquer un nouvel effet de d\u00e9placement. Le deuxi\u00e8me duplicata de l&#039;objet s&#039;affichera sur le canevas.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Faites glisser le deuxi\u00e8me doublon vers l&#039;emplacement souhait\u00e9.<\/p>\n\n\n\n<p class=\"has-small-font-size\">R\u00e9p\u00e9tez les \u00e9tapes si vous souhaitez ajouter des emplacements suppl\u00e9mentaires.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Dans l&#039;exemple ci-dessous, la voiture se d\u00e9place de l&#039;emplacement A \u00e0 l&#039;emplacement B, et enfin \u00e0 l&#039;emplacement 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>Pour cr\u00e9er un chemin courbe<\/strong><\/p>\n\n\n\n<p class=\"has-small-font-size\">(1) Cliquez sur la ligne pointill\u00e9e. Un point appara\u00eetra sur la toile.<\/p>\n\n\n\n<p class=\"has-small-font-size\">(2) Faites glisser le point \u00e0 l&#039;emplacement souhait\u00e9 pour cr\u00e9er un chemin incurv\u00e9. Le chemin changera en cons\u00e9quence. Vous pouvez ajouter plusieurs points en fonction de vos besoins.<\/p>\n\n\n\n<p class=\"has-small-font-size\">Dans l&#039;exemple ci-dessous, le plan se d\u00e9place de l&#039;emplacement A \u00e0 l&#039;emplacement B en suivant une trajectoire courbe.<\/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>Noter:<\/strong>&nbsp;vous pouvez survoler le point et cliquer sur &quot;Supprimer&quot; pour le supprimer.<\/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\/fr\/docs\/comment-ajouter-un-effet-de-mouvement-effet-danimation-chemin-de-mouvement\/\"> <span class=\"screen-reader-text\">Comment ajouter un effet de d\u00e9placement (effet d&#039;animation de chemin de mouvement)<\/span> Lire la suite\u00a0\u00bb<\/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\/fr\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/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=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\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\":\"fr-FR\",\"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\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\/fr\/docs\/how-to-add-a-move-effect-motion-path-animation-effect\/","og_locale":"fr_FR","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\/fr\/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":{"Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"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":"fr-FR","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":"fr-FR"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@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\/fr\/wp-json\/wp\/v2\/docs\/52"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":9,"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/docs\/52\/revisions"}],"predecessor-version":[{"id":1470,"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/docs\/52\/revisions\/1470"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/doc_category?post=52"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=52"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/fr\/wp-json\/wp\/v2\/knowledge_base?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}