{"id":22011,"date":"2024-09-20T02:38:06","date_gmt":"2024-09-20T02:38:06","guid":{"rendered":"https:\/\/www.anifuzion.com\/?post_type=docs&#038;p=22011"},"modified":"2025-03-12T08:30:22","modified_gmt":"2025-03-12T08:30:22","password":"","slug":"move-an-object-above-below-another-object","status":"publish","type":"docs","link":"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/","title":{"rendered":"Move an Object Above\/Below Another Object"},"content":{"rendered":"<p>Layer management is crucial when creating animations, as it allows you to control the depth and organization of elements within your scenes. Properly managing layers can significantly enhance the visual appeal of your animation, making it more dynamic and engaging. In this tutorial, we&#8217;ll walk you through the process of moving objects above or below another, helping you master this essential skill.<\/p>\n<h2>Elements in VP Online<\/h2>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-29028 size-full\" src=\"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Elements-in-AniFuzion.png\" alt=\"Text, image, 3d props and 3d characters are provided in animation maker of VP Online.\" width=\"1000\" height=\"151\" srcset=\"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Elements-in-AniFuzion.png 1000w, https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Elements-in-AniFuzion-300x45.png 300w, https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Elements-in-AniFuzion-768x116.png 768w, https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Elements-in-AniFuzion-600x91.png 600w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>When creating an animation in Visual Paradigm Online, you have access to a wide range of elements, including<a href=\"https:\/\/www.anifuzion.com\/tutorials\/set-enter-exit-animation-effect-to-graphic-and-text\/\"> text, graphics,<\/a> <a href=\"https:\/\/www.anifuzion.com\/tutorials\/rotate-a-3d-prop\/\">3D props<\/a>, and <a href=\"https:\/\/www.anifuzion.com\/blog\/bring-your-stories-to-life-with-anifuzions-3d-characters\/\">characters<\/a>. Each of these elements can be layered to create a more visually complex and eye-catching video. By strategically positioning elements relative to one another, you can craft animations that not only look great but also tell a more compelling story. Matching different elements together, whether it&#8217;s a character interacting with a prop or text overlaying a background graphic, can greatly enhance the depth and richness of your animation.<\/p>\n<h2>Move an Object Above\/Below Another Object<\/h2>\n<div class=\"entry-content-asset\"><iframe title=\"Move an Object Above Below Another Object\" width=\"1170\" height=\"658\" src=\"https:\/\/www.youtube.com\/embed\/NoI0p88USuA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<p>In the editor, when multiple elements are added to your scene, you may want to rearrange their order to achieve the desired layering effect. To do this, select any element\u2014whether it&#8217;s a 2D graphic or a 3D character\u2014and then click the &#8220;Rearrange Ordering&#8221; button in the toolbar at the top left.<\/p>\n<p id=\"mkHxHgU\"><img decoding=\"async\" width=\"180\" height=\"55\" class=\"alignnone size-full wp-image-22024 \" src=\"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/img_66eccd8cc7096.png\" alt=\"\" \/><\/p>\n<p>A list of all elements in the scene will appear, with the selected element highlighted to help you locate it quickly. Additionally, small thumbnails are displayed next to each element, making it easier to identify and rearrange them. You can simply <strong>drag<\/strong> the elements within this list to adjust their order.<\/p>\n<p id=\"lRBsfjT\"><img decoding=\"async\" class=\"alignnone wp-image-26932\" src=\"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2025\/01\/img_677e49fb0c0f0.png\" alt=\"Rearrange ordering pane showing the order of elements in the animation.\" width=\"323\" height=\"530\" srcset=\"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2025\/01\/img_677e49fb0c0f0.png 388w, https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2025\/01\/img_677e49fb0c0f0-183x300.png 183w\" sizes=\"(max-width: 323px) 100vw, 323px\" \/><\/p>\n<p>Please note that 3D characters are placed on separate 3D layers. To change their order, you&#8217;ll need to work within the 3D layer itself, as it&#8217;s not possible to insert 2D elements between 3D characters.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26934\" src=\"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Layer-pane.png\" alt=\"Hoe 3d characters are listed on the rearrange ordering pane.\" width=\"889\" height=\"355\" srcset=\"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Layer-pane.png 4788w, https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Layer-pane-300x120.png 300w, https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Layer-pane-1024x409.png 1024w, https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Layer-pane-768x307.png 768w, https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Layer-pane-1536x614.png 1536w, https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Layer-pane-2048x819.png 2048w, https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Layer-pane-600x240.png 600w\" sizes=\"(max-width: 889px) 100vw, 889px\" \/><\/p>\n<h2>Importance of Rearranging Layers<\/h2>\n<p>Rearranging layers is crucial when creating complex animations, as it allows you to build scenes with depth and clarity. For example, when constructing a scene, you might have multiple elements such as characters, backgrounds, props, and text that all need to be layered in a specific order to create a <a href=\"https:\/\/www.hustlejar.com\/post\/cohesive-visual-identity\">cohesive<\/a> visual. Properly arranging these layers ensures that the right elements appear in front of or behind others, which is essential for maintaining perspective and visual hierarchy.<\/p>\n<p>In addition to scene building, layer management is also key when adding animations. By carefully arranging layers, you can set a clear flow of movement and interaction between different elements. For instance, a character might need to move in front of a background object at one point in the animation and behind it at another. Correctly ordering your layers makes it easier to create these effects without disrupting the overall composition. This practice not only enhances the <a href=\"https:\/\/www.linkedin.com\/advice\/3\/what-best-ways-make-your-animations-engaging-visually-ragzf\">visual appeal<\/a> of your animation but also helps guide the viewer&#8217;s attention through the sequence in a way that feels natural and engaging.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Layer management is crucial when creating animations, as it allows you to control the depth and organization of elements within your scenes. Properly managing layers can significantly enhance the visual appeal of your animation, making it more dynamic and engaging. In this tutorial, we&#8217;ll walk you through the process of moving objects above or below another, helping you master this essential skill. Elements in VP Online When creating an animation in Visual Paradigm Online, you have access to a wide range of elements, including text, graphics, 3D props, and characters. Each of these elements can be layered to create a more visually complex and eye-catching video. By strategically positioning elements relative to one another, you can craft animations that not only look great but also tell a more compelling story. Matching different elements together, whether it&#8217;s a character interacting with a prop or text overlaying a background graphic, can greatly enhance the depth and richness of your animation. Move an Object Above\/Below Another Object In the editor, when multiple elements are added to your scene, you may want to rearrange their order to achieve the desired layering effect. To do this, select any element\u2014whether it&#8217;s a 2D graphic or a 3D character\u2014and then click the &#8220;Rearrange Ordering&#8221; button in the toolbar at the top left. A list of all elements in the scene will appear, with the selected element highlighted to help you locate it quickly. Additionally, small thumbnails are displayed next to each element, making it easier to identify and rearrange them. You can simply drag the elements within this list to adjust their order. Please note that 3D characters are placed on separate 3D layers. To change their order, you&#8217;ll need to work within the 3D layer itself, as it&#8217;s not possible to insert 2D elements between 3D characters. Importance of Rearranging Layers Rearranging layers is crucial when creating complex animations, as it allows you to build scenes with depth and clarity. For example, when constructing a scene, you might have multiple elements such as characters, backgrounds, props, and text that all need to be layered in a specific order to create a cohesive visual. Properly arranging these layers ensures that the right elements appear in front of or behind others, which is essential for maintaining perspective and visual hierarchy. In addition to scene building, layer management is also key when adding animations. By carefully arranging layers, you can set a clear flow of movement and interaction between different elements. For instance, a character might need to move in front of a background object at one point in the animation and behind it at another. Correctly ordering your layers makes it easier to create these effects without disrupting the overall composition. This practice not only enhances the visual appeal of your animation but also helps guide the viewer&#8217;s attention through the sequence in a way that feels natural and engaging.<\/p>\n","protected":false},"author":3,"featured_media":22013,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"doc_category":[97],"doc_tag":[],"class_list":["post-22011","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-layer"],"year_month":"2026-05","word_count":491,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"wing","author_nicename":"wing","author_url":"https:\/\/www.anifuzion.com\/de\/author\/wing\/"},"doc_category_info":[{"term_name":"Layer","term_url":"https:\/\/www.anifuzion.com\/de\/tutorials\/layer\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Arrange the Order of Elements on a Video - AniFuzion Deutsch<\/title>\n<meta name=\"description\" content=\"Layer management is crucial when creating animations. Learn how to rearrange the ordering of elements in VP Online.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Arrange the Order of Elements on a Video - AniFuzion Deutsch\" \/>\n<meta property=\"og:description\" content=\"Layer management is crucial when creating animations. Learn how to rearrange the ordering of elements in VP Online.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/\" \/>\n<meta property=\"og:site_name\" content=\"AniFuzion Deutsch\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-12T08:30:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Thumbnail-6.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Thumbnail-6.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/\",\"url\":\"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/\",\"name\":\"How to Arrange the Order of Elements on a Video - AniFuzion Deutsch\",\"isPartOf\":{\"@id\":\"https:\/\/www.anifuzion.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Thumbnail-6.jpg\",\"datePublished\":\"2024-09-20T02:38:06+00:00\",\"dateModified\":\"2025-03-12T08:30:22+00:00\",\"description\":\"Layer management is crucial when creating animations. Learn how to rearrange the ordering of elements in VP Online.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/#primaryimage\",\"url\":\"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Thumbnail-6.jpg\",\"contentUrl\":\"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Thumbnail-6.jpg\",\"width\":\"1920\",\"height\":\"1080\",\"caption\":\"Move an Object Above\/Below Another Object\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.anifuzion.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorials\",\"item\":\"https:\/\/www.anifuzion.com\/de\/tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Move an Object Above\/Below Another Object\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.anifuzion.com\/de\/#website\",\"url\":\"https:\/\/www.anifuzion.com\/de\/\",\"name\":\"AniFuzion Deutsch\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.anifuzion.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Arrange the Order of Elements on a Video - AniFuzion Deutsch","description":"Layer management is crucial when creating animations. Learn how to rearrange the ordering of elements in VP Online.","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:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/","og_locale":"de_DE","og_type":"article","og_title":"How to Arrange the Order of Elements on a Video - AniFuzion Deutsch","og_description":"Layer management is crucial when creating animations. Learn how to rearrange the ordering of elements in VP Online.","og_url":"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/","og_site_name":"AniFuzion Deutsch","article_modified_time":"2025-03-12T08:30:22+00:00","og_image":[{"url":"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Thumbnail-6.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Thumbnail-6.jpg","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/","url":"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/","name":"How to Arrange the Order of Elements on a Video - AniFuzion Deutsch","isPartOf":{"@id":"https:\/\/www.anifuzion.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/#primaryimage"},"image":{"@id":"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Thumbnail-6.jpg","datePublished":"2024-09-20T02:38:06+00:00","dateModified":"2025-03-12T08:30:22+00:00","description":"Layer management is crucial when creating animations. Learn how to rearrange the ordering of elements in VP Online.","breadcrumb":{"@id":"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/#primaryimage","url":"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Thumbnail-6.jpg","contentUrl":"https:\/\/www.anifuzion.com\/de\/wp-content\/uploads\/sites\/5\/2024\/09\/Thumbnail-6.jpg","width":"1920","height":"1080","caption":"Move an Object Above\/Below Another Object"},{"@type":"BreadcrumbList","@id":"https:\/\/www.anifuzion.com\/de\/tutorials\/move-an-object-above-below-another-object\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.anifuzion.com\/de\/"},{"@type":"ListItem","position":2,"name":"Tutorials","item":"https:\/\/www.anifuzion.com\/de\/tutorials\/"},{"@type":"ListItem","position":3,"name":"Move an Object Above\/Below Another Object"}]},{"@type":"WebSite","@id":"https:\/\/www.anifuzion.com\/de\/#website","url":"https:\/\/www.anifuzion.com\/de\/","name":"AniFuzion Deutsch","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.anifuzion.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.anifuzion.com\/de\/wp-json\/wp\/v2\/docs\/22011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anifuzion.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.anifuzion.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.anifuzion.com\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anifuzion.com\/de\/wp-json\/wp\/v2\/comments?post=22011"}],"version-history":[{"count":12,"href":"https:\/\/www.anifuzion.com\/de\/wp-json\/wp\/v2\/docs\/22011\/revisions"}],"predecessor-version":[{"id":29029,"href":"https:\/\/www.anifuzion.com\/de\/wp-json\/wp\/v2\/docs\/22011\/revisions\/29029"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.anifuzion.com\/de\/wp-json\/wp\/v2\/media\/22013"}],"wp:attachment":[{"href":"https:\/\/www.anifuzion.com\/de\/wp-json\/wp\/v2\/media?parent=22011"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.anifuzion.com\/de\/wp-json\/wp\/v2\/doc_category?post=22011"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.anifuzion.com\/de\/wp-json\/wp\/v2\/doc_tag?post=22011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}