{"id":212,"date":"2021-02-27T12:56:00","date_gmt":"2021-02-27T12:56:00","guid":{"rendered":"https:\/\/samarart.net\/?p=212"},"modified":"2025-10-17T11:59:38","modified_gmt":"2025-10-17T11:59:38","slug":"%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d9%84%d8%aa-%d8%ad%d8%b1%d9%8a%d9%83-%d9%85%d8%b9-%d9%85%d8%b4%d8%a7%d9%87%d8%af%d8%a9-%d8%a7%d9%84%d8%ad%d8%b1%d9%83%d8%a9-%d8%a7%d9%84%d8%b3-%d8%a7%d8%a8%d9%82","status":"publish","type":"post","link":"https:\/\/www.samarart.net\/en\/post\/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%a7%d9%84%d8%aa-%d8%ad%d8%b1%d9%8a%d9%83-%d9%85%d8%b9-%d9%85%d8%b4%d8%a7%d9%87%d8%af%d8%a9-%d8%a7%d9%84%d8%ad%d8%b1%d9%83%d8%a9-%d8%a7%d9%84%d8%b3-%d8%a7%d8%a8%d9%82\/","title":{"rendered":"How to move the hand while watching the previous and subsequent movements"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Welcome to the hand animation lesson, which will be done using the classic frame-by-frame animation technique, with the use of the Onion Skin tool, which is available in the Toon Boom program on the computer, and through which it will make it easier for us to understand the frame that we are animating.<\/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\" id=\"viewer-foo\">You&#039;ve probably heard of the term &quot;onion skin,&quot; the pre- and post-motion tool, or &quot;onion skin&quot; in the world of animation. You&#039;ve likely encountered it repeatedly while watching animation tutorials or reading about anime programs. So, what exactly is an &quot;onion skin,&quot; and why is it so essential during animation? We&#039;ll explore this and how to transform it from a tedious and exhausting tool into a secret weapon in animation.<\/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-42.png\" alt=\"\u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u064a\u062f \u0645\u0639 \u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0648 \u0627\u0644\u0644\u0627\u062d\u0642\u0629 Frame-by-Frame Animation with Onion Skin\" class=\"wp-image-213\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-42.png 740w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-42-300x173.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">What is the &quot;Anion Skin&quot; used for?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This term refers to the layers through which we can see the previous and subsequent drawings. It&#039;s a tool found in animation programs like Toon Boom and Anime Studio, and it&#039;s used to see the animation we&#039;ve previously drawn. Instead of navigating through the drawing&#039;s pages, we can simply activate the feature. It also allows us to see the subsequent drawing as we draw the inset frames. <strong>In between<\/strong> It is a quality that I absolutely cannot do without.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anion Skin tool\u201c <strong>Onion skin<\/strong> I have highlighted them in red for you. .<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"350\" height=\"311\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/06\/image-43.png\" alt=\"\u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u064a\u062f \u0645\u0639 \u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0648 \u0627\u0644\u0644\u0627\u062d\u0642\u0629 Frame-by-Frame Animation with Onion Skin\" class=\"wp-image-214\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-43.png 350w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-43-300x267.png 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"viewer-81f18\">First step<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"viewer-bggbq\">First and foremost, we draw the movement that we will animate, whether it is a combat movement or otherwise. It makes no difference whether you are going to animate a complex or simple movement; this tool will do the job and will help us see everything we do.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We add a new layer (<strong>Add Drawing Layer<\/strong>)<\/li>\n\n\n\n<li> We select the pen tool (<strong>Pencil Tool<\/strong>)<\/li>\n\n\n\n<li> We draw the hand completely with its first movement using (<strong>Pencil Tool<\/strong>)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"740\" height=\"449\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/06\/image-44.png\" alt=\"\u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u064a\u062f \u0645\u0639 \u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0648 \u0627\u0644\u0644\u0627\u062d\u0642\u0629 Frame-by-Frame Animation with Onion Skin\" class=\"wp-image-215\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-44.png 740w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-44-300x182.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\">Here we will continue in the same style, as we will draw the final movement of the hand.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We move to the next frame, or several frames after it.<strong>Next Frame \/ Timeline Navigation<\/strong>).<\/li>\n\n\n\n<li>We add a new layer (<strong>Add Drawing Layer<\/strong>).<\/li>\n\n\n\n<li>We select the pen tool (<strong>Pencil Tool<\/strong>).<\/li>\n\n\n\n<li>We draw the final hand movement using (<strong>Pencil Tool<\/strong>).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"740\" height=\"449\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/06\/image-45.png\" alt=\"\u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u064a\u062f \u0645\u0639 \u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0648 \u0627\u0644\u0644\u0627\u062d\u0642\u0629 Frame-by-Frame Animation with Onion Skin\" class=\"wp-image-216\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-45.png 740w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-45-300x182.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\" id=\"viewer-183rl\">At this stage, we will move to the interfaith framework (<strong>Inbetween Frame<\/strong>That is, we add a frame in the middle between the first and last moves, and activate the Oneo Skin feature (<strong>Onion Skin<\/strong>), and we will be able to see the two basic movements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"740\" height=\"449\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/06\/image-46.png\" alt=\"\u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u064a\u062f \u0645\u0639 \u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0648 \u0627\u0644\u0644\u0627\u062d\u0642\u0629 Frame-by-Frame Animation with Onion Skin\" class=\"wp-image-217\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-46.png 740w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-46-300x182.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step four<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"viewer-8dau2\">Now what we need to do is select the pen tool (<strong>Pencil Tool<\/strong>And we begin by drawing the border (<strong>Inbetween Frame<\/strong>That is, the movement in the middle of the first and second movements, and through the Onion Skin (<strong>Onion Skin<\/strong>This will make it easier for us to choose the appropriate drawing distance.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then we have two options: either we walk and draw in the middle between the two movements, or we favor one movement over another; that is, if we want our next movement to be the most prominent, we draw near the green line (<strong>Next Frame Indicator<\/strong>If we prefer the first movement, we draw near the red line (<strong>Previous Frame Indicator<\/strong>), but not too soon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"740\" height=\"449\" src=\"https:\/\/samarart.net\/wp-content\/uploads\/2025\/06\/image-47.png\" alt=\"\u0643\u064a\u0641\u064a\u0629 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u064a\u062f \u0645\u0639 \u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0648 \u0627\u0644\u0644\u0627\u062d\u0642\u0629 Frame-by-Frame Animation with Onion Skin\" class=\"wp-image-218\" srcset=\"https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-47.png 740w,  https:\/\/www.samarart.net\/wp-content\/uploads\/2025\/06\/image-47-300x182.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step five<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We continue drawing until we reach the appropriate frames and the desired animation, and we keep the tool active.<strong>Onion Skin<\/strong>Until we finish animating the anime.<\/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\">Always drawing in the middle of the two drawings will make the animation look robotic and fake. Sometimes it&#039;s better to draw near one of the lines using the... <strong>onion skin<\/strong>.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/samarart.net.net\/post\/%D8%B4%D8%B1%D8%AD-%D9%84%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC-%D8%AA%D9%88%D9%86-%D8%A8%D9%88%D9%85-%D9%87%D8%A7%D8%B1%D9%85%D9%88%D9%86%D9%8A-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC-%D8%AA%D8%AD%D8%B1%D9%8A%D9%83-%D8%A7%D9%84%D8%A5%D9%86%D9%85%D9%8A\" target=\"_blank\" rel=\"noreferrer noopener\"><u>Explanation of the tools of the Toon Boom Harmony anime program<\/u><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tool, called Onion Skin, will greatly facilitate our work. Usually, in manual animation, animators have to open the previous drawing repeatedly to make sure they are on the right track. But with this tool available in the Toon Boom Harmony program, which is considered essential, your time will not be wasted, and we will complete the work faster.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We have finished the lesson on hand animation using the frame-by-frame technique, using the Onion Skin tool, which helped us to select the next frames. It is excellent for anyone who animates in the traditional hand-to-hand style, and we need this tool for all types of animation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you, and I will see you soon, God willing.<\/p>","protected":false},"excerpt":{"rendered":"<p>\u0623\u0647\u0644\u0627\u064b \u0628\u0643\u0645 \u0641\u064a \u062f\u0631\u0633 \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u064a\u062f\u060c \u0648\u0627\u0644\u062a\u064a \u0633\u0648\u0641 \u062a\u0643\u0648\u0646 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0643\u0644\u0627\u0633\u064a\u0643\u064a\u0629 \u0641\u0631\u064a\u0645 \u0628\u0627\u064a \u0641\u0631\u064a\u0645\u060c \u0645\u0639 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0627\u0629 \u0623\u0648\u0646\u064a\u0648\u0646 \u0633\u0643\u064a\u0646\u060c \u0627\u0644\u062a\u064a \u062a\u062a\u0648\u0627\u0641\u0631 \u0628\u0628\u0631\u0646\u0627\u0645\u062c \u062a\u0648\u0646 \u0628\u0648\u0645 \u0639\u0644\u0649 \u0627\u0644\u062d\u0627\u0633\u0648\u0628\u060c \u0648\u0627\u0644\u062a\u064a \u0645\u0646 \u062e\u0644\u0627\u0644\u0647\u0627 \u0633\u0648\u0641 \u062a\u0633\u0647\u0644 \u0639\u0644\u064a\u0646\u0627 \u0641\u0647\u0645 \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u0630\u064a \u0646\u0642\u0648\u0645 \u0628\u062a\u062d\u0631\u064a\u0643\u0647. \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 \u0644\u0639\u0651\u0644\u0643\u0645 \u0633\u0645\u0639\u062a\u0645 \u0639\u0646 \u0645\u0635\u0637\u0644\u062d &#8221; \u0623\u0648\u0646\u064a\u0648\u0646 \u0633\u0643\u064a\u0646 &#8221; \u0623\u062f\u0627\u0629 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":213,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"googlesitekit_rrm_CAow18G_DA:productID":"","footnotes":""},"categories":[13],"tags":[],"class_list":["post-212","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-13"],"_links":{"self":[{"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/posts\/212","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=212"}],"version-history":[{"count":13,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/posts\/212\/revisions"}],"predecessor-version":[{"id":12472,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/posts\/212\/revisions\/12472"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/media\/213"}],"wp:attachment":[{"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/media?parent=212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/categories?post=212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.samarart.net\/en\/wp-json\/wp\/v2\/tags?post=212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}