{"id":13097,"date":"2026-04-15T09:00:08","date_gmt":"2026-04-15T09:00:08","guid":{"rendered":"https:\/\/www.samarart.net\/?p=13097"},"modified":"2026-04-15T09:00:11","modified_gmt":"2026-04-15T09:00:11","slug":"cloth-animation-with-bone-deformers","status":"publish","type":"post","link":"https:\/\/www.samarart.net\/en\/post\/cloth-animation-with-bone-deformers\/","title":{"rendered":"Learn to animate fabric with puppet bones in Toon Boom Harmony"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Hello everyone, I&#039;m happy to see you again in this animation lesson, where we will learn how to animate fabric using animation bones on a computer program. <strong>Toon Boom Harmony<\/strong>We will use the same tool but in two different ways. We will move the head covering or shemagh as it is called, the front and back pieces, and we will move each piece in a different way.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/samarart.gumroad.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">My online store has everything you need as artists<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One of the basics of animation in the world of anime is the movement of clothes and fabrics, and this is important, why? Because it is part of the character, it may be a quilt, a back robe, a necktie, etc. Moving those elements in harmony with the movement of the anime character gives the scene the required realism and professionalism, as clothes cannot move apart from the character itself.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">First step<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We open the animation program <strong>Toon Boom Harmony<\/strong>We insert the character from the program&#039;s library. <strong>Library Panel<\/strong>We determine the element that we will move, which will be the head fabric.<\/li>\n\n\n\n<li>We locate the bone tool at the top right of the tools. <strong>Rigging Tools<\/strong>.<\/li>\n\n\n\n<li>We select a tool <strong>Bone Tool<\/strong>.<\/li>\n\n\n\n<li>After selecting the front piece of the head covering, we press on it, and a letter can be pressed. <strong>B<\/strong> From the keyboard.<\/li>\n\n\n\n<li>We add the bones starting from the top down, and we will have a series of red circles.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Note: Each circle represents a single bone that can be moved on its own.<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"563\" src=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-1-1024x563.webp\" alt=\"\u062a\u0639\u0644\u0645 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0642\u0645\u0627\u0634 \u0628\u0639\u0638\u0627\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0641\u064a \u062a\u0648\u0646 \u0628\u0648\u0645 \u0647\u0627\u0631\u0645\u0648\u0646\u064a Mastering Cloth Animation with Bone Deformers in Toon Boom Harmony\" class=\"wp-image-13099\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-1-1024x563.webp 1024w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-1-300x165.webp 300w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-1-768x422.webp 768w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-1.webp 1232w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">video<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This is a tutorial video showing you how to insert animation bones onto the item you want to animate.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Adding the animation bones to the headdress in Toon Boom Harmony\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/0W_2M4iMONY?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>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step two<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We activate the animation feature by enabling <strong>Animate Mode<\/strong>.<\/li>\n\n\n\n<li>We now select the image&#039;s specific animation tool, which is the <strong>Transform Tool<\/strong>.<\/li>\n\n\n\n<li>We go to the bones and begin to identify the first bone that we will start moving.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"620\" src=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-2-1024x620.webp\" alt=\"\u062a\u0639\u0644\u0645 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0642\u0645\u0627\u0634 \u0628\u0639\u0638\u0627\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0641\u064a \u062a\u0648\u0646 \u0628\u0648\u0645 \u0647\u0627\u0631\u0645\u0648\u0646\u064a Mastering Cloth Animation with Bone Deformers in Toon Boom Harmony\" class=\"wp-image-13100\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-2-1024x620.webp 1024w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-2-300x182.webp 300w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-2-768x465.webp 768w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-2.webp 1047w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step three<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We add a keyframe <strong>Keyframe<\/strong> In the first frame on the timeline <strong>Timeline<\/strong>.<\/li>\n\n\n\n<li>We go to frame 11 or any frame we want, and return to the moving bones and move them one by one by dragging in different directions, either up or down.<\/li>\n\n\n\n<li>Copy the first frame <strong>Copy Frame<\/strong>We go to frame 18, for example, and stick it there. <strong>Paste Frame<\/strong>.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Note: In the picture, I have identified the first move with number 1, the second move with number 2, and the same move with number 1 that is similar to the first frame.<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-3-1024x535.webp\" alt=\"\u062a\u0639\u0644\u0645 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0642\u0645\u0627\u0634 \u0628\u0639\u0638\u0627\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0641\u064a \u062a\u0648\u0646 \u0628\u0648\u0645 \u0647\u0627\u0631\u0645\u0648\u0646\u064a Mastering Cloth Animation with Bone Deformers in Toon Boom Harmony\" class=\"wp-image-13101\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-3-1024x535.webp 1024w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-3-300x157.webp 300w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-3-768x401.webp 768w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-3.webp 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Looking at what we have achieved<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here, look at the image to see how it illustrates the idea; on the left, you see the first keyframe. <strong>Keyframe<\/strong> The first movement of the head covering and how it looks raised upwards, and on the right you see the second key frame, and how we lowered the fabric slightly downwards, so that it looks as if it is moving with the wind.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"442\" src=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-4-1024x442.webp\" alt=\"\u062a\u0639\u0644\u0645 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0642\u0645\u0627\u0634 \u0628\u0639\u0638\u0627\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0641\u064a \u062a\u0648\u0646 \u0628\u0648\u0645 \u0647\u0627\u0631\u0645\u0648\u0646\u064a Mastering Cloth Animation with Bone Deformers in Toon Boom Harmony\" class=\"wp-image-13102\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-4-1024x442.webp 1024w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-4-300x130.webp 300w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-4-768x332.webp 768w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-4-1536x663.webp 1536w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-4.webp 1653w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step four<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here we move on to moving the back piece of the head covering, and the method will be the same, and I will briefly explain it again:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We identify that back piece.<\/li>\n\n\n\n<li>We insert the movable bones via a tool <strong>Bone Tool<\/strong> From the section <strong>Rigging<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"641\" src=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-5-1024x641.webp\" alt=\"\u062a\u0639\u0644\u0645 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0642\u0645\u0627\u0634 \u0628\u0639\u0638\u0627\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0641\u064a \u062a\u0648\u0646 \u0628\u0648\u0645 \u0647\u0627\u0631\u0645\u0648\u0646\u064a Mastering Cloth Animation with Bone Deformers in Toon Boom Harmony\" class=\"wp-image-13103\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-5-1024x641.webp 1024w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-5-300x188.webp 300w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-5-768x481.webp 768w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-5.webp 1050w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step five<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We add the bones one by one, according to the length of the piece of cloth.<\/li>\n\n\n\n<li>We add keyframes <strong>Keyframes<\/strong> In the first, middle, and last frames required on <strong>Timeline<\/strong>.<\/li>\n\n\n\n<li>We use the motion tool <strong>Transform Tool<\/strong>We start by moving it upwards or to the right.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-6-1024x507.webp\" alt=\"\u062a\u0639\u0644\u0645 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0642\u0645\u0627\u0634 \u0628\u0639\u0638\u0627\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0641\u064a \u062a\u0648\u0646 \u0628\u0648\u0645 \u0647\u0627\u0631\u0645\u0648\u0646\u064a Mastering Cloth Animation with Bone Deformers in Toon Boom Harmony\" class=\"wp-image-13104\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-6-1024x507.webp 1024w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-6-300x148.webp 300w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-6-768x380.webp 768w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-6.webp 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step six<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">So far, we have finished animating the headdress of the anime character we are working on. Now we will move on to an optional step that will improve the quality of the animation and give it more flexibility, which is to apply time shifts to the keyframes. <strong>Offset Keyframes<\/strong>So that the movement appears to follow through naturally.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The method is by going to <strong>Timeline View<\/strong>Then we go to the second frame, select the second frame, and press the button. <strong>+<\/strong> On the keyboard, one additional frame will be added.<br>Then we go to the line below it and press <strong>+<\/strong> Twice and we will get two new frames, and on the third line we add three frames, and so on. The picture shows you the result.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Note: If you want to delete a frame, press the - button.<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"195\" src=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-7-1024x195.webp\" alt=\"\u062a\u0639\u0644\u0645 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0642\u0645\u0627\u0634 \u0628\u0639\u0638\u0627\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0641\u064a \u062a\u0648\u0646 \u0628\u0648\u0645 \u0647\u0627\u0631\u0645\u0648\u0646\u064a Mastering Cloth Animation with Bone Deformers in Toon Boom Harmony\" class=\"wp-image-13105\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-7-1024x195.webp 1024w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-7-300x57.webp 300w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-7-768x146.webp 768w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2026\/04\/\u062a\u0639\u0644\u0645-\u062a\u062d\u0631\u064a\u0643-\u0627\u0644\u0642\u0645\u0627\u0634-\u0628\u0639\u0638\u0627\u0645-\u0627\u0644\u062a\u062d\u0631\u064a\u0643-\u0641\u064a-\u062a\u0648\u0646-\u0628\u0648\u0645-\u0647\u0627\u0631\u0645\u0648\u0646\u064a-7.webp 1156w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Final result<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the following video, see the final result we achieved, where we see the shemagh moving gently with the air, without us having to move it manually. <strong>Frame by Frame Animation<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a data-jzz-gui-player=\"true\" href=\"https:\/\/www.samarart.net\/en\/post\/animating-anime-tips-for-designing-and-rigging-dynamic-characters\/\" data-type=\"post\" data-id=\"1542\">Rig Toon Boom Harmony Anime Character for Animation<\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/youtu.be\/vGo4Rq7SS7M\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In conclusion, thank you for reading this lesson carefully. Remember that animating fabric and clothing is essential in the world of animation, and we must understand when to animate them. It depends on the scene itself, the location of the anime characters, and the type of clothing. Practice this lesson thoroughly, and I look forward to seeing you in future lessons, God willing.<\/p>","protected":false},"excerpt":{"rendered":"<p>\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0627\u0644\u062c\u0645\u064a\u0639\u060c \u0633\u0639\u064a\u062f\u0629 \u0628\u0631\u0624\u064a\u062a\u0643\u0645 \u0645\u062c\u062f\u062f\u0627\u064b \u0641\u064a \u062f\u0631\u0633 \u062a\u062d\u0631\u064a\u0643\u060c \u0633\u0646\u062a\u0639\u0644\u0645 \u0641\u064a\u0647 \u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0642\u0645\u0627\u0634 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0639\u0638\u0627\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0639\u0644\u0649 \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062d\u0627\u0633\u0648\u0628 Toon Boom Harmony\u060c \u0648\u0633\u0648\u0641 \u0646\u0633\u062a\u062e\u062f\u0645 \u0646\u0641\u0633 \u0627\u0644\u0623\u062f\u0627\u0629 \u0648\u0644\u0643\u0646 \u0628\u0623\u0633\u0644\u0648\u0628\u064a\u0646 \u0645\u062e\u062a\u0644\u0641\u064a\u0646\u060c \u0648\u0633\u0648\u0641 \u0646\u0642\u0648\u0645 \u0628\u062a\u062d\u0631\u064a\u0643 \u063a\u0637\u0627\u0621 \u0627\u0644\u0631\u0623\u0633 \u0623\u0648 \u0627\u0644\u0634\u0645\u0627\u063a \u0643\u0645\u0627 \u064a\u064f\u0633\u0645\u0651\u0649\u060c \u0627\u0644\u0642\u0637\u0639\u0629 \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629 \u0648\u0627\u0644\u062e\u0644\u0641\u064a\u0629\u060c \u0648\u0643\u0644 \u0642\u0637\u0639\u0629 \u0633\u0646\u062d\u0631\u0643\u0647\u0627 \u0628\u0637\u0631\u064a\u0642\u0629 \u0645\u062e\u062a\u0644\u0641\u0629. \u0645\u062a\u062c\u0631\u064a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0641\u064a\u0647 \u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0648\u0646\u0647 \u0643\u0631\u0633\u0627\u0645\u064a\u0646 \u0641\u0645\u0646 \u0623\u0633\u0627\u0633\u064a\u0627\u062a [&hellip;]<\/p>","protected":false},"author":1,"featured_media":13104,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"googlesitekit_rrm_CAow18G_DA:productID":"","footnotes":""},"categories":[13],"tags":[63,12],"class_list":["post-13097","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-13","tag-63","tag-12"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/posts\/13097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/comments?post=13097"}],"version-history":[{"count":11,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/posts\/13097\/revisions"}],"predecessor-version":[{"id":13115,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/posts\/13097\/revisions\/13115"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/media\/13104"}],"wp:attachment":[{"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/media?parent=13097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/categories?post=13097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/tags?post=13097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}