{"id":36204,"date":"2022-10-05T08:06:27","date_gmt":"2022-10-05T06:06:27","guid":{"rendered":"https:\/\/www.21-draw.com\/?p=36204"},"modified":"2024-05-13T11:56:47","modified_gmt":"2024-05-13T09:56:47","slug":"how-to-animate-on-procreate","status":"publish","type":"post","link":"https:\/\/www.21-draw.com\/tr\/how-to-animate-on-procreate\/","title":{"rendered":"Procreate'te Nas\u0131l Animasyon Yap\u0131l\u0131r"},"content":{"rendered":"<p><em>Did you know that you can animate in Procreate?<\/em><\/p>\n<p>Not only is Procreate awesome for illustration, but it is also great for artists wanting to animate on the go!<\/p>\n<p>Though the popular app doesn\u2019t contain comprehensive animating functionalities, its<em> \u2018Animation Assist\u2019<\/em> feature provides a really enjoyable experience.<\/p>\n<p>Curious to know how to animate in Procreate?<\/p>\n<p>Here is an awesome Procreate animation tutorial to get you started.<\/p>\n<p>Animation can be tricky when you are just starting out. If you are a beginner, I recommend checking out Disney animator, Tony Bancroft&#8217;s, course <a href=\"https:\/\/www.21-draw.com\/course\/introduction-to-animation\/\"><em>&#8216;Introduction to Animation&#8217;<\/em><\/a> as it will teach you all the principles you need to know to get started animating in Procreate!<\/p>\n<h2 class=\"wp-block-heading\">STEP 1: Setting Up<\/h2>\n<p>To set up your canvas for Procreate animation, first open up a Procreate canvas of your chosen size. For reference, the example in this email is using the <em>\u2018Screen Size<\/em>\u2019 option.<\/p>\n<p>Once you have created your canvas, head over to the <em>\u2018Actions\u2019<\/em> drop-down menu, which is found under the wrench icon.<\/p>\n<p>A few options down, you will see the \u2018<em>Animation Assist\u2019<\/em> function. When you turn this on, you should notice a little animation bar appear at the bottom of your canvas which contains a range of Procreate animation tools.<\/p>\n<p>This bar will also display your frames once you start animating. Each frame you create will become a separate layer in your Procreate project.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"412\" src=\"https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-turn-on-animation-step-one-assist.jpg\" alt=\"How to Animate in Procreate Step One - Turn on Animation Assist\" class=\"wp-image-36211\" srcset=\"https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-turn-on-animation-step-one-assist.jpg 590w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-turn-on-animation-step-one-assist-300x209.jpg 300w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-turn-on-animation-step-one-assist-420x293.jpg 420w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-turn-on-animation-step-one-assist-30x21.jpg 30w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-turn-on-animation-step-one-assist-370x258.jpg 370w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-turn-on-animation-step-one-assist-121x84.jpg 121w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-turn-on-animation-step-one-assist-80x56.jpg 80w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><figcaption class=\"wp-element-caption\">@rheatibbey<\/figcaption><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">STEP 2: Animating&nbsp;<\/h2>\n<p>Now that your canvas is set up, you will be ready to animate! The Procreate animation process is relatively straightforward:<\/p>\n<p>Use the<em> <\/em>animation bar to add frames to your animation. The animation Settings menu on the bar also allows you to control the speed of your animation measured in <em>fps <\/em>(frames per second), <em>Onion Skin<\/em> settings, and whether or not you want your animation to loop! (Your animation loops by default.)<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"412\" src=\"https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-two-use-animation-bar-to-add-frames.jpg\" alt=\"How to Animate in Procreate Step Two - Use Animation Bar to Add Frames\" class=\"wp-image-36210\" srcset=\"https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-two-use-animation-bar-to-add-frames.jpg 590w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-two-use-animation-bar-to-add-frames-300x209.jpg 300w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-two-use-animation-bar-to-add-frames-420x293.jpg 420w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-two-use-animation-bar-to-add-frames-30x21.jpg 30w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-two-use-animation-bar-to-add-frames-370x258.jpg 370w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-two-use-animation-bar-to-add-frames-121x84.jpg 121w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-two-use-animation-bar-to-add-frames-80x56.jpg 80w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><figcaption class=\"wp-element-caption\">@rheatibbey<\/figcaption><\/figure>\n<\/div>\n<p>If you aren\u2019t super experienced in animating yet, <em>Onion Skin<\/em> is the function that allows you to see several of your frames at once, making it easier to keep your Procreate animation consistent.<\/p>\n<p>Using this function will help you create a smoother animation. Typically, these Onion Skin frames will be displayed in bright red or blue so that they are easy to distinguish from the frame you are working on.<\/p>\n<p>As you can see below, the Onion Skin is displaying the sketch from the previous frame in red. You can change your Onion Skin opacity and frames in the &#8216;Settings&#8217; menu.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"419\" src=\"https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/animation-of-a-girl-eating-form-a-bowl-made-using-procreate.gif\" alt=\"Animation of A Girl Eating from a Bowl - Animation made with Procreate\" class=\"wp-image-36214\"\/><figcaption class=\"wp-element-caption\">@rheatibbey<\/figcaption><\/figure>\n<\/div>\n<p><strong>Pro Tip:<\/strong> Use a low frame rate to play through your keyframes when you are starting your animation. Then change to a higher frame rate, e.g., 24fps, once you move on to in-betweening!&nbsp;<\/p>\n<h2 class=\"wp-block-heading\">STEP 3: Clean Up and Color<\/h2>\n<p>Once you have completed the rough sketches for your Procreate animation, you may want to take it even further and add clean linework and colors.<\/p>\n<p>Doing this in Procreate can be a little tricky, as you will need to group together your<em> sketch, lineart, and color layers<\/em> for them to all be displayed on the same frame.<\/p>\n<p>To group layers in Procreate, simply create as many layers as you need and then swipe right on each of them in the Layers panel to select. You should then be given the option to create a group.<\/p>\n<p>Another option you have for your Procreate animation is to select a <em>&#8216;Background Layer&#8217; <\/em>to choose the color(s) you want to be displayed underneath the entire duration of your animation sequence.<\/p>\n<p>However, this type of layer cannot be changed to match each layer, but will simply remain the same on every frame. This is good for coloring in a static background layer or just adding a simple pop of color to your animation.<\/p>\n<p>(<strong>Reminder:<\/strong> Make sure that <em>Animation Assist<\/em> stays on during the entire animation process.)<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"412\" src=\"https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-three-clean-linework-and-colors.jpg\" alt=\"How to Animate in Procreate Step Three - Clean Linework and Colors\" class=\"wp-image-36209\" srcset=\"https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-three-clean-linework-and-colors.jpg 590w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-three-clean-linework-and-colors-300x209.jpg 300w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-three-clean-linework-and-colors-420x293.jpg 420w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-three-clean-linework-and-colors-30x21.jpg 30w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-three-clean-linework-and-colors-370x258.jpg 370w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-three-clean-linework-and-colors-121x84.jpg 121w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-three-clean-linework-and-colors-80x56.jpg 80w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><figcaption class=\"wp-element-caption\">@rheatibbey<\/figcaption><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">STEP 4: Export<\/h2>\n<p>When you are happy with your animation, you can export it by tapping on the wrench icon (Actions Menu) and navigating to the &#8216;Share&#8217; sub-menu.<\/p>\n<p>You will then be given the option to export your animation as an<em> Animated GIF, Animated PNG, MP4, or Animated HEVC.<\/em><\/p>\n<p>Once you select one of these options, you will then be given further settings to choose from, for example, how many frames you want in your final export.<\/p>\n<p>Remember to select &#8216;Save Video&#8217; when the export is complete to add the animation to your camera roll.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"332\" src=\"https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-four-export.jpg\" alt=\"How to Animate in Procreate Step Four - Export\" class=\"wp-image-36208\" srcset=\"https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-four-export.jpg 590w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-four-export-300x169.jpg 300w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-four-export-420x236.jpg 420w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-four-export-30x17.jpg 30w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-four-export-370x208.jpg 370w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-four-export-121x68.jpg 121w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-four-export-80x45.jpg 80w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><figcaption class=\"wp-element-caption\">@rheatibbey<\/figcaption><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">STEP 5: Adding Sound&nbsp;<\/h2>\n<p>You currently cannot add sound to your videos directly in Procreate. However, once you have finished your animation and exported it, you will be able to use a video editing app, such as Apple\u2019s default <em>iMovie <\/em>app, to add sound!<\/p>\n<p>To get copyright-free sound, open up<em> Safari <\/em>or <em>Chrome<\/em> on your<em> iPad<\/em> and search for <em>YouTube Studio<\/em>.<\/p>\n<p>Once you have your studio open, you can navigate to the \u2018Audio Library\u2019<em> <\/em>on the menu and you will be given a range of songs to choose from. When you have a song downloaded, open it up and select the \u2018Share\u2019 option from the top of the screen.<\/p>\n<p>Tap on the <em>iMovie<\/em> icon. You will then be given the option to create a new movie with your sound. Once the audio is imported, you can now import your video from the Gallery using the plus icon in the top right-hand corner of your screen.<\/p>\n<p>If you want to explore the creative and magical power of animation beyond Procreate, then check out <em>Disney<\/em> animator Tom Bancroft\u2019s course,  <a href=\"https:\/\/www.21-draw.com\/course\/introduction-to-animation\/\"><em>\u2018Introduction to Animation!&#8217;<\/em><\/a>.  <\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"1024\" src=\"https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-5-add-sound-872x1024.jpg\" alt=\"How to Animate in Procreate Step Five - Add Sound\" class=\"wp-image-36207\" srcset=\"https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-5-add-sound-872x1024.jpg 872w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-5-add-sound-255x300.jpg 255w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-5-add-sound-768x902.jpg 768w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-5-add-sound-1308x1536.jpg 1308w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-5-add-sound-420x493.jpg 420w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-5-add-sound-26x30.jpg 26w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-5-add-sound-370x435.jpg 370w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-5-add-sound-111x130.jpg 111w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-5-add-sound-77x90.jpg 77w, https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/how-to-animate-in-procreate-step-5-add-sound.jpg 1362w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/><figcaption class=\"wp-element-caption\">@rheatibbey<\/figcaption><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">Pros and Cons of Animating in Procreate<\/h2>\n<p>So, now that we have tested out animating in Procreate, what&#8217;s the verdict? Procreate has a range of pros and cons, any of which may be the deciding factor in whether or not the function is for you! Here are the key ones we think you should know about!<\/p>\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Check the <a href=\"https:\/\/www.21-draw.com\/course\/introduction-to-animation\/\" target=\"_blank\" rel=\"noreferrer noopener\">&#8216;Introduction to Animation&#8217;<\/a> course to learn the basics of animation. This course teaches you the fundamentals of animation with fun examples like the hopping backpack animation shown below.<\/p>\n<\/blockquote>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"338\" src=\"https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/animated-in-procreate-hopping-box-lands-on-chewing-gum.gif\" alt=\"Animated in Procreate - A Hopping Shopping Bag Lands on Chewing Gum\" class=\"wp-image-36216\"\/><figcaption class=\"wp-element-caption\">@tombancroft1<\/figcaption><\/figure>\n<\/div>\n<h3 class=\"wp-block-heading\">PROS<\/h3>\n<ul class=\"wp-block-list\">\n<li>Animate anywhere, anytime.&nbsp;<\/li>\n<li>A very simple interface for creating basic frame-by-frame animations.&nbsp;<\/li>\n<li>Use all of your favourite brushes from Procreate in your animation.&nbsp;<\/li>\n<li>Onion-skin feature makes it easy to see your keyframes.&nbsp;<\/li>\n<\/ul>\n<h3 class=\"wp-block-heading\">CONS<\/h3>\n<ul class=\"wp-block-list\">\n<li>Coloring your animation can be quite a tricky process without a simple layers function.&nbsp;<\/li>\n<li>Slightly difficult to create a longer animation.&nbsp;<\/li>\n<li>The inability to add sound directly into the animation timeline.&nbsp;<\/li>\n<li>Can&#8217;t easily add reference footage or images to the project.&nbsp;<\/li>\n<\/ul>\n<p>So, now that we have broken down the pros and cons of animating in Procreate, that leads us to one final question:&nbsp;<\/p>\n<h2 class=\"wp-block-heading\">Is Procreate Good for Animation?<\/h2>\n<p>Procreate is great for creating short and simple animations on the go! Though it is not the most extensive animation app out there, its functions get the job done and are easy to use!<\/p>\n<p>Of course, Procreate is not going to become the industry standard for animation anytime soon, as it doesn\u2019t offer all the features needed for polished, professional animations.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"338\" src=\"https:\/\/www.21-draw.com\/wp-content\/uploads\/2022\/10\/animated-using-procreate-a-girl-walking-on-a-beach.gif\" alt=\"Animation of a Girl Jumping to Pluck Leaves - Animated on Procreate\" class=\"wp-image-36212\"\/><figcaption class=\"wp-element-caption\">@rheatibbey<\/figcaption><\/figure>\n<\/div>\n<p>Once you get the hang of it, animating in Procreate is a really awesome experience!<\/p>\n<p>The app&#8217;s huge range of brushes allows you to experiment with texture in your animation &#8211; something you don\u2019t get to enjoy in every animation software.<\/p>\n<p>There is something really unique and exciting about being able to animate with your <em>iPad <\/em>anywhere! If you are keen to give animating in Procreate a go, check out <em>Disney<\/em> animator Tom Bancroft\u2019s course,  <a href=\"https:\/\/www.21-draw.com\/course\/introduction-to-animation\/\"><em>\u2018Introduction to Animation!&#8217;<\/em><\/a>.<\/p>\n<p>Want to use Procreate like pro? Check out our blog post on <a href=\"https:\/\/www.21-draw.com\/procreate-tips\/\" target=\"_blank\" rel=\"noopener\">Procreate tips and tricks<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Did you know that you can animate in Procreate? Not only is Procreate awesome for illustration, but it is also great for artists wanting to animate on the go! Though the popular app doesn\u2019t contain comprehensive animating functionalities, its \u2018Animation Assist\u2019 feature provides a really enjoyable experience. Curious to know how to animate in Procreate? [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":36215,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-36204","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-character-design"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.21-draw.com\/tr\/wp-json\/wp\/v2\/posts\/36204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.21-draw.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.21-draw.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.21-draw.com\/tr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.21-draw.com\/tr\/wp-json\/wp\/v2\/comments?post=36204"}],"version-history":[{"count":35,"href":"https:\/\/www.21-draw.com\/tr\/wp-json\/wp\/v2\/posts\/36204\/revisions"}],"predecessor-version":[{"id":69563,"href":"https:\/\/www.21-draw.com\/tr\/wp-json\/wp\/v2\/posts\/36204\/revisions\/69563"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.21-draw.com\/tr\/wp-json\/wp\/v2\/media\/36215"}],"wp:attachment":[{"href":"https:\/\/www.21-draw.com\/tr\/wp-json\/wp\/v2\/media?parent=36204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.21-draw.com\/tr\/wp-json\/wp\/v2\/categories?post=36204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.21-draw.com\/tr\/wp-json\/wp\/v2\/tags?post=36204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}