{"id":1002,"date":"2022-12-26T07:24:31","date_gmt":"2022-12-26T07:24:31","guid":{"rendered":"https:\/\/help.mangoanimate.com\/?post_type=docs&#038;p=1002"},"modified":"2023-01-30T08:43:12","modified_gmt":"2023-01-30T08:43:12","slug":"how-to-add-motions-to-a-custom-character","status":"publish","type":"docs","link":"https:\/\/help.mangoanimate.com\/pl\/docs\/how-to-add-motions-to-a-custom-character\/","title":{"rendered":"Jak doda\u0107 ruchy do niestandardowej postaci"},"content":{"rendered":"<p>Three steps to add motions to a custom character:<\/p>\n\n\n\n<p>Step 1: Import an image file (Here is an example of importing PSD files to add motions.)<\/p>\n\n\n\n<p>Click [New from Image] on the start screen or [Add Character] on the home screen to import a PDF file.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"586\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-179.png\" alt=\"\" class=\"wp-image-1003\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-179.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-179-300x203.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-179-768x521.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-179-360x244.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-179-18x12.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"584\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-180.png\" alt=\"\" class=\"wp-image-1004\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-180.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-180-300x203.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-180-768x519.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-180-360x243.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-180-18x12.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p>Step 2: Build the skeleton<\/p>\n\n\n\n<p>Adding bones in the bone editor, you can use a bone template or customize a skeleton.<\/p>\n\n\n\n<p>Note: The character&#8217;s face, eyebrows, eyes, nose, mouth, and hair need to be combined before adding bones to avoid the five senses organs being separated from the face when adding motions. <a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-combine-multiple-layers-in-a-group\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Click to view: How to combine multiple layers in a group?)<\/a><\/p>\n\n\n\n<p>1. Use a bone template<\/p>\n\n\n\n<p>Drag a bone template to the character, use a bone tool to move the node to the right position, and then bind the node to the corresponding layer.<\/p>\n\n\n\n<p>Note: When adding a bone template, the skeleton may not appear precisely on the character layer, so you will need to shrink the canvas and move the whole skeleton onto the character.<\/p>\n\n\n\n<p><a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-scale-and-move-the-canvas\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknij, aby wy\u015bwietli\u0107: Jak skalowa\u0107 i przesuwa\u0107 p\u0142\u00f3tno?)<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-move-the-skeleton-and-adjust-its-position-after-adding-a-bone-template\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Click to view: How to move the skeleton and adjust its position after adding a skeleton template?)<\/a><\/p>\n\n\n\n<p>Once added the bone template, you will notice that the bones are greyed out. You need to move each bone to the appropriate position on the character layer and bind the bone nodes to the layer.<\/p>\n\n\n\n<p><a href=\"https:\/\/help.mangoanimate.com\/docs\/why-are-the-added-bones-greyed-out\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Click to view: Why are the added bones greyed out?) \u00a0<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/help.mangoanimate.com\/docs\/how-to-bind-skeleton-nodes-to-a-layer\/\" target=\"_blank\" rel=\"noreferrer noopener\">(Kliknij, aby wy\u015bwietli\u0107: Jak powi\u0105za\u0107 w\u0119z\u0142y szkieletu z warstw\u0105?)<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"584\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-181.png\" alt=\"\" class=\"wp-image-1005\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-181.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-181-300x203.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-181-768x519.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-181-360x243.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-181-18x12.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p>2.Customize a skeleton<\/p>\n\n\n\n<p>It is recommended to add straight bones to the human character.<\/p>\n\n\n\n<p>Make sure you are working in rig mode (bone editor). To switch to rig mode, click [Rig] at the upper of the screen &gt; [Add Straight Bone].<\/p>\n\n\n\n<p>Establish the position of the parent node, the figure is generally the core position, from the parent node divided into the upper and lower body to determine a child node, and then branch out from the child node, add other child nodes in the figure joints to complete the overall skeleton.<\/p>\n\n\n\n<p>Note: When the figure does not show visible hip joints, then the lower body can be left without adding hip child nodes.<\/p>\n\n\n\n<p>Check the nodes are bound to the correct layer, for example, the arm node should be bound to the arm and not to the body.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"588\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-182.png\" alt=\"\" class=\"wp-image-1006\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-182.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-182-300x204.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-182-768x523.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-182-360x245.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-182-18x12.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p>Step 3: Animate the character<\/p>\n\n\n\n<p>Now the character has a fully functional skeleton, it\u2019s time to switch to animate mode (animation editor) and start animating it. There are 2 situations of adding motions to the character.<\/p>\n\n\n\n<p>1. Add motions after using the bone template<\/p>\n\n\n\n<p>Apply template motions or use layer and bone frames to customize motions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"586\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-183.png\" alt=\"\" class=\"wp-image-1007\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-183.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-183-300x203.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-183-768x521.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-183-360x244.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-183-18x12.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>\n\n\n\n<p>2. Add motions after adding a custom skeleton<\/p>\n\n\n\n<p>Move the playhead to any frame in the timeline, click [+Bone] and adjust the position of the character&#8217;s bones within the canvas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"864\" height=\"588\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-184.png\" alt=\"\" class=\"wp-image-1008\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-184.png 864w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-184-300x204.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-184-768x523.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-184-360x245.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-184-18x12.png 18w\" sizes=\"(max-width: 864px) 100vw, 864px\" \/><\/figure>","protected":false},"excerpt":{"rendered":"<p>Three steps to add motions to a custom character: Step 1: Import an image file (Here is an example of importing PSD files to add motions.) Click [New from Image] on the start screen or [Add Character] on the home screen to import a PDF file. Step 2: Build the skeleton Adding bones in the &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/help.mangoanimate.com\/pl\/docs\/how-to-add-motions-to-a-custom-character\/\"> <span class=\"screen-reader-text\">Jak doda\u0107 ruchy do niestandardowej postaci<\/span> Read More &raquo;<\/a><\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"doc_category":[58],"doc_tag":[],"knowledge_base":[40],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.2.1 (Yoast SEO v20.10) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Motions to a Custom Character - Mango Animate Help Center<\/title>\n<meta name=\"description\" content=\"Use Mango Animate Text Maker to add motions to a custom character.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/help.mangoanimate.com\/pl\/docs\/how-to-add-motions-to-a-custom-character\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Motions to a Custom Character\" \/>\n<meta property=\"og:description\" content=\"Use Mango Animate Text Maker to add motions to a custom character.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.mangoanimate.com\/pl\/docs\/how-to-add-motions-to-a-custom-character\/\" \/>\n<meta property=\"og:site_name\" content=\"Mango Animate Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-30T08:43:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-179.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-motions-to-a-custom-character\/\",\"url\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-motions-to-a-custom-character\/\",\"name\":\"How to Add Motions to a Custom Character - Mango Animate Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#website\"},\"datePublished\":\"2022-12-26T07:24:31+00:00\",\"dateModified\":\"2023-01-30T08:43:12+00:00\",\"description\":\"Use Mango Animate Text Maker to add motions to a custom character.\",\"breadcrumb\":{\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-motions-to-a-custom-character\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-motions-to-a-custom-character\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-motions-to-a-custom-character\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/help.mangoanimate.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Motions to a Custom Character\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/help.mangoanimate.com\/#website\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"name\":\"Mango Animate Help Center\",\"description\":\"Just another WordPress site\",\"publisher\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/help.mangoanimate.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"contentUrl\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"width\":240,\"height\":32,\"caption\":\"Mango Animate Help Center\"},\"image\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add Motions to a Custom Character - Mango Animate Help Center","description":"Use Mango Animate Text Maker to add motions to a custom character.","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:\/\/help.mangoanimate.com\/pl\/docs\/how-to-add-motions-to-a-custom-character\/","og_locale":"pl_PL","og_type":"article","og_title":"How to Add Motions to a Custom Character","og_description":"Use Mango Animate Text Maker to add motions to a custom character.","og_url":"https:\/\/help.mangoanimate.com\/pl\/docs\/how-to-add-motions-to-a-custom-character\/","og_site_name":"Mango Animate Help Center","article_modified_time":"2023-01-30T08:43:12+00:00","og_image":[{"url":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-179.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"4 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-motions-to-a-custom-character\/","url":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-motions-to-a-custom-character\/","name":"How to Add Motions to a Custom Character - Mango Animate Help Center","isPartOf":{"@id":"https:\/\/help.mangoanimate.com\/#website"},"datePublished":"2022-12-26T07:24:31+00:00","dateModified":"2023-01-30T08:43:12+00:00","description":"Use Mango Animate Text Maker to add motions to a custom character.","breadcrumb":{"@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-motions-to-a-custom-character\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.mangoanimate.com\/docs\/how-to-add-motions-to-a-custom-character\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-motions-to-a-custom-character\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/help.mangoanimate.com\/"},{"@type":"ListItem","position":2,"name":"How to Add Motions to a Custom Character"}]},{"@type":"WebSite","@id":"https:\/\/help.mangoanimate.com\/#website","url":"https:\/\/help.mangoanimate.com\/","name":"Mango Animate Help Center","description":"Just another WordPress site","publisher":{"@id":"https:\/\/help.mangoanimate.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/help.mangoanimate.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/","url":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","contentUrl":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","width":240,"height":32,"caption":"Mango Animate Help Center"},"image":{"@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/help.mangoanimate.com\/pl\/wp-json\/wp\/v2\/docs\/1002"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/pl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/pl\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/pl\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/pl\/wp-json\/wp\/v2\/comments?post=1002"}],"version-history":[{"count":3,"href":"https:\/\/help.mangoanimate.com\/pl\/wp-json\/wp\/v2\/docs\/1002\/revisions"}],"predecessor-version":[{"id":1323,"href":"https:\/\/help.mangoanimate.com\/pl\/wp-json\/wp\/v2\/docs\/1002\/revisions\/1323"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/pl\/wp-json\/wp\/v2\/media?parent=1002"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/pl\/wp-json\/wp\/v2\/doc_category?post=1002"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/pl\/wp-json\/wp\/v2\/doc_tag?post=1002"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/pl\/wp-json\/wp\/v2\/knowledge_base?post=1002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}