{"id":1609,"date":"2024-03-08T09:09:00","date_gmt":"2024-03-08T09:09:00","guid":{"rendered":"https:\/\/samarart.net\/?p=1609"},"modified":"2025-09-04T06:21:42","modified_gmt":"2025-09-04T06:21:42","slug":"animating-drawings-with-motion-tween-for-seamless-results","status":"publish","type":"post","link":"https:\/\/www.samarart.net\/en\/post\/animating-drawings-with-motion-tween-for-seamless-results\/","title":{"rendered":"Learn animation with two drawings using the Motion Twin technique for two-way animation."},"content":{"rendered":"<p class=\"wp-block-paragraph\">Welcome everyone, wherever you are. In this lesson, I will give you a practical explanation of the easiest ways to create animation using motion twins, or in Arabic, Toon Boom Harmony animation, where you can animate a complete character using only two drawings in a professional style suitable for beginners and those who want to produce anime clips quickly and with high quality.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">First step<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">The first step is to draw just two poses for the character: one for movement 1 and one for movement 2. Place each pose in a separate frame on the same layer. You will ink and color as usual; there&#039;s no need to draw complex details, as animating with two poses saves time.<\/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\">If you want a richer animation, you can add other drawings, but the same steps will apply. This makes this technique ideal for scenes of repetitive movements in anime such as jumping or swinging.<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"740\" height=\"284\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/07\/image-62.png\" alt=\"\u062a\u0639\u0644\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0628\u0631\u0633\u0645\u062a\u064a\u0646 \u0628\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0648\u0634\u0646 \u062a\u0648\u064a\u0646 Learn to animate with two drawings using Motion Twin technology\" class=\"wp-image-1610\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-62.png 740w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-62-300x115.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step two<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After finishing the drawing, we add <strong>Peg<\/strong> For drawings within Toon Boom Harmony, use the tool shown in the image and select the focal point. <strong>Pivot Point<\/strong> At the bottom of the character (preferably at the feet) to ensure natural and balanced movement during animation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"740\" height=\"477\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/07\/image-63.png\" alt=\"\u062a\u0639\u0644\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0628\u0631\u0633\u0645\u062a\u064a\u0646 \u0628\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0648\u0634\u0646 \u062a\u0648\u064a\u0646 Learn to animate with two drawings using Motion Twin technology\" class=\"wp-image-1611\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-63.png 740w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-63-300x193.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step three<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now it&#039;s time to use Motion Twin technology in Toon Boom Harmony:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We define the drawing using a letter <strong>B<\/strong>.<\/li>\n\n\n\n<li>We add <strong>Keyframe<\/strong> For the second frame (starting movement) and the third frame (ending movement).<\/li>\n\n\n\n<li>The movement begins from <strong>Keyframe 2<\/strong> And it ends at <strong>Keyframe 3<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"618\" height=\"684\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/07\/image-64.png\" alt=\"\u062a\u0639\u0644\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0628\u0631\u0633\u0645\u062a\u064a\u0646 \u0628\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0648\u0634\u0646 \u062a\u0648\u064a\u0646 Learn to animate with two drawings using Motion Twin technology\" class=\"wp-image-1612\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-64.png 618w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-64-271x300.png 271w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step four<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We choose <strong>The last keyframe for the first drawing<\/strong> Using <strong>Transform Tool<\/strong> We pull the figure downwards and then slightly outwards, and this gives a sense of weight before launching.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"655\" height=\"693\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/07\/image-65.png\" alt=\"\u062a\u0639\u0644\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0628\u0631\u0633\u0645\u062a\u064a\u0646 \u0628\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0648\u0634\u0646 \u062a\u0648\u064a\u0646 Learn to animate with two drawings using Motion Twin technology\" class=\"wp-image-1613\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-65.png 655w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-65-284x300.png 284w\" sizes=\"(max-width: 655px) 100vw, 655px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step five<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We then move to the next frame and select the same tools, and this time we pull the character upwards and then inwards to simulate the natural recoil of the movement.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"655\" height=\"693\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/07\/image-66.png\" alt=\"\u062a\u0639\u0644\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0628\u0631\u0633\u0645\u062a\u064a\u0646 \u0628\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0648\u0634\u0646 \u062a\u0648\u064a\u0646 Learn to animate with two drawings using Motion Twin technology\" class=\"wp-image-1614\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-66.png 655w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-66-284x300.png 284w\" sizes=\"(max-width: 655px) 100vw, 655px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step six<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">in <strong>Last Keyframe<\/strong> We select the specified option (Ease In\/Out) within Toon Boom Harmony to add a smooth motion relief between frames, which gives us natural motion as used in anime.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"740\" height=\"451\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/07\/image-67.png\" alt=\"\u062a\u0639\u0644\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0628\u0631\u0633\u0645\u062a\u064a\u0646 \u0628\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0648\u0634\u0646 \u062a\u0648\u064a\u0646 Learn to animate with two drawings using Motion Twin technology\" class=\"wp-image-1615\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-67.png 740w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-67-300x183.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step seven<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once finished, you can copy and paste the animation via <strong>Timeline<\/strong> By repeatedly using the order shown in the images, you will find that the character returns to the initial position, creating a recurring loop. .<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"668\" height=\"568\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/07\/image-68.png\" alt=\"\u062a\u0639\u0644\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0628\u0631\u0633\u0645\u062a\u064a\u0646 \u0628\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0648\u0634\u0646 \u062a\u0648\u064a\u0646 Learn to animate with two drawings using Motion Twin technology\" class=\"wp-image-1616\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-68.png 668w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-68-300x255.png 300w\" sizes=\"(max-width: 668px) 100vw, 668px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">video<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A quick video showing you animation with two drawings in an anime style.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Quick look\" width=\"1290\" height=\"968\" src=\"https:\/\/www.youtube.com\/embed\/bG9mbeqljmA?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<h3 class=\"wp-block-heading\">Final result<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Final result of animating the anime girl<\/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=\"Final result\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/Awh6J9GG1LI?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<h3 class=\"wp-block-heading\">The two-draw animation technique, or motion twin, is also suitable for the entire body.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can apply the two-draw animation technique using Motion Twin to the entire body, not just the head or hands, provided that <strong>Locate the pivot point at the lowest point of the body, which is the feet.<\/strong> To ensure that the movement remains balanced during expansion and contraction. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">inside <strong>Toon Boom Harmony<\/strong>This can be easily done by adding <strong>Peg is the main component for the entire body and connects all body parts to it.<\/strong>Then you determine the pivot point at the feet using a tool <strong>Rotate Tool<\/strong> \u0648 <strong>Pivot Tool<\/strong> To ensure that the movement will take into account the natural weight of the body.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"740\" height=\"346\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/07\/image-69.png\" alt=\"\u062a\u0639\u0644\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0628\u0631\u0633\u0645\u062a\u064a\u0646 \u0628\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0648\u0634\u0646 \u062a\u0648\u064a\u0646 Learn to animate with two drawings using Motion Twin technology\" class=\"wp-image-1619\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-69.png 740w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-69-300x140.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">A video explaining the matter<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After that, you can use <strong>Transform Tool<\/strong> with <strong>Motion Twin<\/strong> To create a slight upward extension of the character when jumping or moving upwards, then returning downwards to simulate the effect of gravity when landing.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It is also possible to add <strong>Ease In\/Out movement<\/strong> From the Motion Twin list to make the ascent and descent motion as smooth as professional anime scenes. <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"A glimpse\" width=\"1290\" height=\"968\" src=\"https:\/\/www.youtube.com\/embed\/ERQ9hfhmuVc?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<h3 class=\"wp-block-heading\">Illustrative image<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Since the character during animation may extend its hands forward or move forward and backward in the scene, add arm or hair movement using the same motion twin technique to get a distinctive result. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.samarart.net\/en\/post\/add-accessories-to-animated-character-without-fbf-animation\/\" data-type=\"post\" data-id=\"2110\">Animating the anime protagonist and his accessories without drawing frames<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, draw only two hand positions: hands forward, and hands down or backward, then link the layer for the arms to <strong>Peg Separate<\/strong> Inside Toon Boom Harmony, you can move your arms independently from the rest of your body using <strong>Transform Tool<\/strong> And the advantage <strong>Motion Tween<\/strong> easily.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"740\" height=\"355\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/07\/image-70.png\" alt=\"\u062a\u0639\u0644\u0645 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0628\u0631\u0633\u0645\u062a\u064a\u0646 \u0628\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0648\u0634\u0646 \u062a\u0648\u064a\u0646 Learn to animate with two drawings using Motion Twin technology\" class=\"wp-image-1620\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-70.png 740w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/07\/image-70-300x144.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">video<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Add a layer of hair and attach it with a separate Peg and determine the pivot point at the base of the hair, then use Motion Twin to move the hair forwards and backwards during the movement to simulate the effect of wind or speed. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The final result is here: <a href=\"https:\/\/youtu.be\/mpklKtyTXlQ\" target=\"_blank\" rel=\"noopener\">https:\/\/youtu.be\/mpklKtyTXlQ<\/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\">\n<iframe title=\"The result\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/mpklKtyTXlQ?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<p class=\"wp-block-paragraph\">This was an easy and practical way to learn motion twinning and animation with two drawings using Toon Boom Harmony, and it is suitable for any anime animator who wants to produce scenes quickly and creatively.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Learning this method will not only save you time, but will also make animating difficult scenes more fun and easier than you can imagine. Thank you and see you, God willing.<\/p>","protected":false},"excerpt":{"rendered":"<p>\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u062c\u0645\u064a\u0639\u0627\u064b \u0623\u064a\u0646\u0645\u0627 \u0643\u0646\u062a\u0645\u060c \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u062f\u0631\u0633 \u0633\u0623\u0642\u062f\u0645 \u0644\u0643 \u0634\u0631\u062d\u0627\u064b \u0639\u0645\u0644\u064a\u0627\u064b \u0644\u0623\u0633\u0647\u0644 \u0637\u0631\u0642 \u0627\u0644\u0623\u0646\u0645\u064a\u0634\u0646 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0648\u0634\u0646 \u062a\u0648\u064a\u0646 \u0623\u0648 \u0628\u0627\u0644\u0639\u0631\u0628\u064a \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0628\u0631\u0633\u0645\u062a\u064a\u0646 Toon Boom Harmony\u060c \u062d\u064a\u062b \u064a\u0645\u0643\u0646\u0643\u0645 \u062a\u062d\u0631\u064a\u0643 \u0634\u062e\u0635\u064a\u0629 \u0643\u0627\u0645\u0644\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0631\u0633\u0645\u062a\u064a\u0646 \u0641\u0642\u0637 \u0628\u0623\u0633\u0644\u0648\u0628 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u0646\u0627\u0633\u0628 \u0627\u0644\u0645\u0628\u062a\u062f\u0626\u064a\u0646 \u0648\u0627\u0644\u0631\u0627\u063a\u0628\u064a\u0646 \u0628\u0625\u0646\u062a\u0627\u062c \u0644\u0642\u0637\u0627\u062a \u0623\u0646\u0645\u064a \u0628\u0633\u0631\u0639\u0629 \u0648\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629. \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0623\u0648\u0644 \u062e\u0637\u0648\u0629 \u0647\u064a \u0631\u0633\u0645 \u0648\u0636\u0639\u064a\u062a\u064a\u0646 \u0641\u0642\u0637 \u0644\u0644\u0634\u062e\u0635\u064a\u0629: \u0627\u0644\u0648\u0636\u0639\u064a\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":1610,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"googlesitekit_rrm_CAow18G_DA:productID":"","footnotes":""},"categories":[13],"tags":[11,12],"class_list":["post-1609","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-13","tag-11","tag-12"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/posts\/1609","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=1609"}],"version-history":[{"count":11,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/posts\/1609\/revisions"}],"predecessor-version":[{"id":11272,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/posts\/1609\/revisions\/11272"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/media\/1610"}],"wp:attachment":[{"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/media?parent=1609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/categories?post=1609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/tags?post=1609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}