{"id":503,"date":"2025-03-15T08:33:00","date_gmt":"2025-03-15T08:33:00","guid":{"rendered":"https:\/\/samarart.net\/?p=503"},"modified":"2025-08-22T11:12:29","modified_gmt":"2025-08-22T11:12:29","slug":"pro-tips-for-smoothly-animating-characters-between-two-positions","status":"publish","type":"post","link":"https:\/\/www.samarart.net\/en\/post\/pro-tips-for-smoothly-animating-characters-between-two-positions\/","title":{"rendered":"Anime production: How to animate a character between two poses"},"content":{"rendered":"<p class=\"wp-block-paragraph\" id=\"viewer-e4mn2277\">Welcome to a new anime character animation lesson! Today, we&#039;ll learn how to animate a complete character from one pose to another using Toon Boom Harmony on your computer. This lesson is for anyone who wants to improve their animation skills and understand how to seamlessly transition between movements. If you have a pre-drawn character, make sure you have it ready, as we&#039;ll be using it directly in this lesson. Ready? Let&#039;s begin!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"viewer-ety9s613\">The first step is how to move a character between two positions. <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"viewer-3axse523\">First, we take the character from the library and place it on the timeline. Since the character is drawn from three angles (front, side, and back), we&#039;ll select only two and delete the third, allowing us to easily move the character between the two positions. In this lesson, I chose to switch from the back to the front position.<\/p>\n\n\n\n<p class=\"has-link-color wp-elements-1 wp-block-paragraph\"><a href=\"https:\/\/samarart.gumroad.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">In my store here you will find everything that helps you with bone movement<\/a><\/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\">The library I&#039;m talking about here is the one in the program, through which I save my anime characters, so that I can use them when moving, instead of drawing them again, and this is something I mentioned to you in previous lessons.<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"740\" height=\"461\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/06\/image-89.png\" alt=\"\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0627\u0646\u0645\u064a: \u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0634\u062e\u0635\u064a\u0629 \u0628\u064a\u0646 \u0648\u0636\u0639\u064a\u062a\u064a\u0646 How to Animate a Character Between Two Poses\" class=\"wp-image-504\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-89.png 740w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-89-300x187.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"viewer-hfb351950\">The second step is character preparation: \u201cDefining the two positions, movement A and movement B.\u201c<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"viewer-3fkkn1896\">We now need to divide the frames so that we can move the anime character smoothly:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We put the first position (<strong>Back<\/strong>From frame 1 to frame 4.<\/li>\n\n\n\n<li>We put the second position (<strong>Front<\/strong>From frame 5 to frame 8.<\/li>\n\n\n\n<li>The gap between the two positions will be between frame 4 and frame 5.<\/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\">I have indicated to you in the picture, at the yellow arrows, the location of the \u201ckeyframe\u201d, so please look closely at the picture. From the left we see the first keyframe, followed by a space, then the keyframe itself. The same thing happens in the last two keyframes.<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"740\" height=\"352\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/06\/image-90.png\" alt=\"\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0627\u0646\u0645\u064a: \u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0634\u062e\u0635\u064a\u0629 \u0628\u064a\u0646 \u0648\u0636\u0639\u064a\u062a\u064a\u0646 How to Animate a Character Between Two Poses\" class=\"wp-image-505\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-90.png 740w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-90-300x143.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"viewer-615xe2404\">The third step is to add a preparatory movement (\u201cAnticipation\u201d) before the sudden change of position.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"viewer-ms3sq2561\">We move on to <strong>Frame 4<\/strong>&nbsp;We then perform some simple adjustments to make the transition smoother:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We press the keyboard <strong>Letter B<\/strong>\u00a0(Make sure the keyboard is set to English).<\/li>\n\n\n\n<li>We select the entire arm (it will turn yellow), which means it is ready to be moved.<\/li>\n\n\n\n<li>We move the arm outwards slightly.<\/li>\n\n\n\n<li>We move the elbow inwards.<\/li>\n\n\n\n<li>We move the head to the right or in any direction that suits the scene.<\/li>\n\n\n\n<li>We move the upper part of the body in the same direction to add dynamism to the movement.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"716\" height=\"579\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/06\/image-91.png\" alt=\"\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0627\u0646\u0645\u064a: \u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0634\u062e\u0635\u064a\u0629 \u0628\u064a\u0646 \u0648\u0636\u0639\u064a\u062a\u064a\u0646 How to Animate a Character Between Two Poses\" class=\"wp-image-506\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-91.png 716w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-91-300x243.png 300w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"viewer-dzhzy2682\">Step four: Use the \u201cSquash &amp; Stretch\u201d technique to make the movement more flexible.<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We stay on the same timeframe and determine using the <strong>Peg full body<\/strong>.<\/li>\n\n\n\n<li>We press the body downwards gently.<\/li>\n\n\n\n<li>We stretch the body outwards slightly to make the movement more dynamic.<\/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\">Please be careful not to over-press the body so that the body does not look crushed.<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"738\" height=\"590\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/06\/image-92.png\" alt=\"\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0627\u0646\u0645\u064a: \u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0634\u062e\u0635\u064a\u0629 \u0628\u064a\u0646 \u0648\u0636\u0639\u064a\u062a\u064a\u0646 How to Animate a Character Between Two Poses\" class=\"wp-image-507\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-92.png 738w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-92-300x240.png 300w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"viewer-l1smd3965\">Step five: Switch to frame 5 and adjust the position.<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We locate the right arm and raise it slightly.<\/li>\n\n\n\n<li>We move the left arm outwards.<\/li>\n\n\n\n<li>We select the head and move it in the same direction as frame 4 to maintain smoothness.<\/li>\n\n\n\n<li>We move the upper part of the body towards the right.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"740\" height=\"395\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/06\/image-93.png\" alt=\"\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0627\u0646\u0645\u064a: \u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0634\u062e\u0635\u064a\u0629 \u0628\u064a\u0646 \u0648\u0636\u0639\u064a\u062a\u064a\u0646 How to Animate a Character Between Two Poses\" class=\"wp-image-508\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-93.png 740w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-93-300x160.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"viewer-s7g8s4197\">Step six: Reuse \u201cSquash &amp; Stretch\u201d in the other direction<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We define the entire Peg body.<\/li>\n\n\n\n<li>We pull the body upwards slightly.<\/li>\n\n\n\n<li>We gently press the body inwards to create a sense of natural movement.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"735\" height=\"592\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/06\/image-94.png\" alt=\"\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0627\u0646\u0645\u064a: \u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0634\u062e\u0635\u064a\u0629 \u0628\u064a\u0646 \u0648\u0636\u0639\u064a\u062a\u064a\u0646 How to Animate a Character Between Two Poses\" class=\"wp-image-509\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-94.png 735w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-94-300x242.png 300w\" sizes=\"(max-width: 735px) 100vw, 735px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"viewer-uw4k04817\">Step seven: Adjusting the motion acceleration \u201cEase In &amp; Ease Out\u201d<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We move on to the &quot;Ease&quot; acceleration tool located in the Timeline menu.<\/li>\n\n\n\n<li>We can adjust these values via Timeline when we select the keyframe and go to Function Editor.<\/li>\n\n\n\n<li><strong>\u0627<\/strong>Now we go to the Graph Editor (Function Editor) options: This tool displays motion curves where we can manually adjust the gradient between frames by dragging control points on the curve.<\/li>\n\n\n\n<li>We adjust the motion curve so that it is not linear but curved.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This is how we will get accelerated movement, from fast to slow, or vice versa, and this will give professionalism while moving the anime or cartoon character.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"740\" height=\"427\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/06\/image-95.png\" alt=\"\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0627\u0646\u0645\u064a: \u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0634\u062e\u0635\u064a\u0629 \u0628\u064a\u0646 \u0648\u0636\u0639\u064a\u062a\u064a\u0646 How to Animate a Character Between Two Poses\" class=\"wp-image-510\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-95.png 740w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-95-300x173.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<p class=\"has-link-color wp-elements-2 wp-block-paragraph\"><a href=\"https:\/\/www.samarart.net\/en\/post\/kayfiat-tahrik-alshierbieizamaltahrik-bisilasat-samarart\/\" data-type=\"post\" data-id=\"8381\">How to animate anime hair using animation bones effortlessly<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"viewer-pu3kd3951\">And that concludes today&#039;s lesson! Now you have a clear understanding of how to smoothly move a cartoon or even anime character between two poses using techniques like Anticipation, Squash &amp; Stretch, and Ease In &amp; Ease Out. Don&#039;t forget that daily practice is key to mastery, and that&#039;s the secret to my success, so try these techniques on your own characters and share your progress with others!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"viewer-1luo76238\">Final video<\/h3>\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 of moving an anime boy from one position to another\" width=\"1290\" height=\"726\" src=\"https:\/\/www.youtube.com\/embed\/PbZ9chRsNZE?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\">Before I conclude, I would like to say that this method can be combined with traditional \u201cframe-by-frame\u201d animation when animating a cartoon character if you want to save time. And now, I bid you farewell.<\/p>","protected":false},"excerpt":{"rendered":"<p>\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u0641\u064a \u062f\u0631\u0633 \u062c\u062f\u064a\u062f \u0639\u0646 \u062a\u062d\u0631\u064a\u0643 \u0634\u062e\u0635\u064a\u0629 \u0627\u0646\u0645\u064a! \u0627\u0644\u064a\u0648\u0645 \u0633\u0646\u062a\u0639\u0644\u0651\u0645 \u0633\u0648\u064a\u0651\u0627\u064b \u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0634\u062e\u0635\u064a\u0629 \u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0648\u0636\u0639\u064a\u0629 \u0625\u0644\u0649 \u0623\u062e\u0631\u0649 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0648\u0646 \u0628\u0648\u0645 \u0647\u0627\u0631\u0645\u0648\u0646\u064a \u0639\u0644\u0649 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631. \u0647\u0630\u0627 \u0627\u0644\u062f\u0631\u0633 \u0645\u062e\u0635\u0635 \u0644\u0643\u0644 \u0645\u0646 \u064a\u0631\u064a\u062f \u062a\u062d\u0633\u064a\u0646 \u0645\u0647\u0627\u0631\u0627\u062a\u0647 \u0641\u064a \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0648 \u0641\u0647\u0645 \u0643\u064a\u0641\u064a\u0629 \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u0633\u0644\u0633 \u0628\u064a\u0646 \u0627\u0644\u062d\u0631\u0643\u0627\u062a. \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0644\u062f\u064a\u0643\u0645 \u0634\u062e\u0635\u064a\u0629 \u0645\u0631\u0633\u0648\u0645\u0629 \u0628\u0634\u0643\u0644 \u0645\u0633\u0628\u0642\u060c \u0641\u062a\u0623\u0643\u062f\u0648\u0627 \u0645\u0646 \u0623\u0646\u0647\u0627 \u062c\u0627\u0647\u0632\u0629 \u0644\u062f\u064a\u0643\u0645\u060c [&hellip;]<\/p>","protected":false},"author":1,"featured_media":504,"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-503","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\/503","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=503"}],"version-history":[{"count":27,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/posts\/503\/revisions"}],"predecessor-version":[{"id":10909,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/posts\/503\/revisions\/10909"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/media\/504"}],"wp:attachment":[{"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/media?parent=503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/categories?post=503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/tags?post=503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}