{"id":10665,"date":"2017-05-30T12:13:46","date_gmt":"2017-05-30T12:13:46","guid":{"rendered":"https:\/\/graphicmama.com\/blog\/?p=10665"},"modified":"2022-05-12T11:56:51","modified_gmt":"2022-05-12T11:56:51","slug":"creating-adobe-character-animator-puppet","status":"publish","type":"post","link":"https:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/","title":{"rendered":"Creating Adobe Character Animator Puppet from Static Character: The Basics"},"content":{"rendered":"

\"\"Want to create explainer videos in Adobe Character Animator<\/a> but don’t know where to start? We’ve outlined the basics of\u00a0creating an Adobe Character Animator puppet out of a static character<\/strong>. You will, as well, learn the fundamentals of working with the software: from the preparation of your character, through its transformation into a puppet, and the video export in the end.<\/p>\n

Also, you will have the opportunity to\u00a0download this puppet absolutely for free<\/strong><\/a>, so roll up your sleeves and heat up\u00a0Adobe Character Animator. Let’s get this thing going!<\/p>\n

1. Get a Character<\/h3>\n

Since you are already interested in the process of creating an Adobe Character Animator puppet out of a static character, the odds are, you have a character on your screen… or on your mind, at least. Ha! If you still don’t, the first step would be to get one. How?<\/strong><\/p>\n

The opportunities here are limitless. You can choose\u00a0among tons of characters across the web\u00a0available for sale or for free.\u00a0Also, you can always get yourself a character design created exclusively for you. Thousands of artists worldwide would love to do this for you.<\/p>\n

Last but not least, you can come up with your own character design if you have drawing skills yourself. You will need to use appropriate software such as Adobe Photoshop or Adobe Illustrator, of course. For the purpose of this article, we’ve used the free\u00a0vector character Mr.Geekson<\/strong><\/a> which was originally drawn in Adobe Illustrator<\/a>. Isn’t he handsome?<\/p>\n

\"\"<\/p>\n

<\/h3>\n

2. Arm Yourself with a Webcam and a Mic<\/h3>\n

In order to use Adobe Character Animator properly, you will need a webcam and microphone. For those of you who still don’t know why here is the heads-up: the software detects your facial expressions and movemen<\/strong>ts by using the device’s camera in order to animate the puppet accordingly<\/strong>. Pretty awesome, right?<\/p>\n

Now, the camera might be compulsory but the mic is optional.\u00a0You will need it\u00a0to narrate your character\u00a0yourself but you can always use a guest voice-over if you are not comfortable with doing the talking part.\u00a0Full speed ahead!<\/p>\n

\"\"3. Name and Arrange the Body Parts<\/h3>\n

Okay, this step might look a little bit tedious but why don’t you look at it this way: this is the step in which\u00a0your character gets transformed into a real Adobe Character puppet!\u00a0<\/strong>Now, if you are drawing the character yourself, you will need to make several variations of the character’s mouth, eyes, eyebrows, body parts, etc., so the puppet can recreate different expressions, such as happy, sad, angry, and surprised.<\/p>\n

The next step would be\u00a0to group and name the facial and body parts\u00a0in a way that Adobe Character Animator would recognize<\/strong>. The software will use this keyword naming\u00a0to\u00a0trigger the specific emotions detected from your own face via the camera.<\/p>\n

In case you are ordering a puppet from GraphicMama, you don’t have to worry about this step.\u00a0You will receive all necessary puppet elements and their variations included in the package:<\/strong>\u00a0grouped, named, and ready\u00a0to be dropped into Adobe Character Animator without further adjustment.<\/p>\n

Here is how we named\u00a0Mr. Geekson’s facial and body elements:<\/p>\n

\"\"<\/p>\n

<\/h3>\n

4. Import Your Character in Adobe Character Animator<\/h3>\n

Your character is now called a puppet. Congrats!\u00a0<\/strong>Now all the naming you’ve made to your character will be incorporated into Adobe Character Animator. It doesn’t matter which software you used for creating your puppet in the first place – Adobe Illustrator or Adobe Photoshop. Adobe Character Animator will adopt all changes made to your original AI or PSD file of your character.<\/strong><\/p>\n

\"\"<\/p>\n

 <\/p>\n

If you managed to arrange and name your character’s elements properly in the AI or PSD file, your\u00a0puppet should be able to follow your head movements<\/strong> and blink. It should also lipsync when you speak. If the software doesn’t detect your facial expressions the way it should, you can always adjust all of these settings manually<\/strong> by using Adobe Character Animator’s panels and functions.<\/p>\n

\"\"<\/p>\n

<\/h3>\n

5. Assign Tags and Behaviors<\/h3>\n

Use the tools in the Puppet Panel to assign tags and behaviors to the different parts of your puppet’s body<\/strong>.\u00a0Here is what we did for Mr. Geekson:\u00a0We tagged all body parts accordingly. Then we\u00a0made the arms draggable, allowing them\u00a0to be controlled with the mouse. The tie was assigned with “dangle” so it can sway pleasantly and the legs were assigned with “fixed”. Here are a few previews to help you get a better idea:<\/p>\n

\"\"<\/p>\n

<\/h3>\n

6. Assign Key Triggers<\/h3>\n

For some of you it may be easier to control the puppet’s arm movements by using the keyboard<\/strong> or using both the mouse and the keyboard to control the puppet. You have the option to assign keys that will later trigger a certain action when being pressed.<\/strong> Here is what we did for Mr. Geekson:<\/p>\n

We made\u00a0different keyboard buttons (K, J, L, S, U, and I) associated with different hand positions or items held by the hand.<\/strong> This way you can easily control the arms while the camera also records your facial expressions and talking.<\/p>\n

\"\"<\/p>\n

<\/h3>\n

7. Right into the\u00a0Scene Panel.\u00a0Action!<\/h3>\n

You can record your performance in the Scene Panel. Make sure your face is well illuminated<\/strong>, so the software can effortlessly detect and recognize your expressions.\u00a0Also, try to eliminate any\u00a0background noises<\/strong> in case you are recording your own voice.<\/p>\n

See the Audio Level bar? It shows you the sound level of your voice<\/strong> and it will let you know if you need to speak up. Ready to start animating your puppet?\u00a0All eyes on you!<\/p>\n

\"\"<\/p>\n

If you are not comfortable with multitasking, the software lets you record different parts of your puppet separately<\/strong>. You can take care of the face movements first, then the eye gaze, the lip-sync, etc. Also, you can regulate the length of each recording<\/strong>, and make all kinds of further adjustments so the different layers can blend together nicely.<\/p>\n

\"\"<\/p>\n

<\/h3>\n

<\/h3>\n

8. Exporting<\/h3>\n

Once you are ready and happy with the result, it’s time to export your performance in a video or image sequence<\/strong>. If you choose to export it as a video, Adobe Character Animator will automatically open Adobe Media Encoder where you can choose and adjust the settings of how exactly you want your video to be exported. If you choose the image sequence option, the software will give you a variety of formats from which you can pick your preferred one. You also have the opportunity to connect your social media profiles and share your video there right away.\"\"<\/p>\n

Voila!<\/h3>\n

\"\"You’ve got a fully functional puppet in your hands and your first explainer video created with Adobe Character Animator is already a reality.<\/p>\n

Now that you’ve learned the basics of creating an Adobe Character Animator puppet from a static character, go ahead and experiment with the software. Your opportunities are indeed endless. If you want to skip the character-to-puppet transformation part,<\/strong> you are welcome to get the one we used in this post –\u00a0Mr. Geekson who is fully free to download<\/strong> and all set to be dropped into Adobe Character Animator.<\/p>\n

In case you want to get started with a pre-made character design, you may\u00a0throw an eye at our suggestions<\/a>.\u00a0Another option is to\u00a0order a brand new character or a fully prepared puppet<\/a> based on your taste and requirements.<\/p>\n

Have fun, everyone, and don’t forget to brag about your own explainer videos in the Comment section below!<\/p>\n\t\tMr. Geekson Adobe Puppet FREE DOWNLOAD<\/strong><\/a>\n\t\n","protected":false},"excerpt":{"rendered":"

Want to create explainer videos in Adobe Character Animator but don’t know where to start? We’ve outlined the basics of\u00a0creating an Adobe Character Animator puppet out of a static character. You will, as well, learn the fundamentals of working with the software: from the preparation of your character, through its transformation into a puppet, and…<\/p>\n","protected":false},"author":4,"featured_media":10822,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,11],"tags":[316,42,299,360],"yoast_head":"\nCreating Adobe Character Animator Puppet from Static Character<\/title>\n<meta name=\"description\" content=\"Learn the basics of creating Adobe Character Animator puppet out of a static character and how to adjust it in the software. You get FREE puppet in the end!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating Adobe Character Animator Puppet from Static Character\" \/>\n<meta property=\"og:description\" content=\"Learn the basics of creating Adobe Character Animator puppet out of a static character and how to adjust it in the software. You get FREE puppet in the end!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/\" \/>\n<meta property=\"og:site_name\" content=\"GraphicMama Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GraphicMama\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-30T12:13:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-12T11:56:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2017\/05\/30120944\/blog-header.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Iveta\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@GraphicMama\" \/>\n<meta name=\"twitter:site\" content=\"@GraphicMama\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Iveta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/\",\"url\":\"https:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/\",\"name\":\"Creating Adobe Character Animator Puppet from Static Character\",\"isPartOf\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/#website\"},\"datePublished\":\"2017-05-30T12:13:46+00:00\",\"dateModified\":\"2022-05-12T11:56:51+00:00\",\"author\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/de4fb5a4c946a18c830cfd72a920f8d5\"},\"description\":\"Learn the basics of creating Adobe Character Animator puppet out of a static character and how to adjust it in the software. You get FREE puppet in the end!\",\"breadcrumb\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/graphicmama.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating Adobe Character Animator Puppet from Static Character: The Basics\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#website\",\"url\":\"https:\/\/graphicmama.com\/blog\/\",\"name\":\"GraphicMama Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphicmama.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/de4fb5a4c946a18c830cfd72a920f8d5\",\"name\":\"Iveta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b750dae57b8a7b97a43b241d4ab3766c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b750dae57b8a7b97a43b241d4ab3766c?s=96&d=mm&r=g\",\"caption\":\"Iveta\"},\"description\":\"Iveta is a passionate writer at GraphicMama who has been writing for the brand ever since the blog was launched. She keeps her focus on inspiring people and giving insight on topics like graphic design, illustrations, education, business, marketing, and more.\",\"url\":\"https:\/\/graphicmama.com\/blog\/author\/iveta\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating Adobe Character Animator Puppet from Static Character","description":"Learn the basics of creating Adobe Character Animator puppet out of a static character and how to adjust it in the software. You get FREE puppet in the end!","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:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/","og_locale":"en_US","og_type":"article","og_title":"Creating Adobe Character Animator Puppet from Static Character","og_description":"Learn the basics of creating Adobe Character Animator puppet out of a static character and how to adjust it in the software. You get FREE puppet in the end!","og_url":"https:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/","og_site_name":"GraphicMama Blog","article_publisher":"https:\/\/www.facebook.com\/GraphicMama","article_published_time":"2017-05-30T12:13:46+00:00","article_modified_time":"2022-05-12T11:56:51+00:00","og_image":[{"width":1100,"height":400,"url":"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2017\/05\/30120944\/blog-header.png","type":"image\/png"}],"author":"Iveta","twitter_card":"summary","twitter_creator":"@GraphicMama","twitter_site":"@GraphicMama","twitter_misc":{"Written by":"Iveta","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/","url":"https:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/","name":"Creating Adobe Character Animator Puppet from Static Character","isPartOf":{"@id":"https:\/\/graphicmama.com\/blog\/#website"},"datePublished":"2017-05-30T12:13:46+00:00","dateModified":"2022-05-12T11:56:51+00:00","author":{"@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/de4fb5a4c946a18c830cfd72a920f8d5"},"description":"Learn the basics of creating Adobe Character Animator puppet out of a static character and how to adjust it in the software. You get FREE puppet in the end!","breadcrumb":{"@id":"https:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/graphicmama.com\/blog\/creating-adobe-character-animator-puppet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/graphicmama.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Creating Adobe Character Animator Puppet from Static Character: The Basics"}]},{"@type":"WebSite","@id":"https:\/\/graphicmama.com\/blog\/#website","url":"https:\/\/graphicmama.com\/blog\/","name":"GraphicMama Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphicmama.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/de4fb5a4c946a18c830cfd72a920f8d5","name":"Iveta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b750dae57b8a7b97a43b241d4ab3766c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b750dae57b8a7b97a43b241d4ab3766c?s=96&d=mm&r=g","caption":"Iveta"},"description":"Iveta is a passionate writer at GraphicMama who has been writing for the brand ever since the blog was launched. She keeps her focus on inspiring people and giving insight on topics like graphic design, illustrations, education, business, marketing, and more.","url":"https:\/\/graphicmama.com\/blog\/author\/iveta\/"}]}},"_links":{"self":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/10665"}],"collection":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/comments?post=10665"}],"version-history":[{"count":66,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/10665\/revisions"}],"predecessor-version":[{"id":49482,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/10665\/revisions\/49482"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/media\/10822"}],"wp:attachment":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/media?parent=10665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/categories?post=10665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/tags?post=10665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}