{"id":105204,"date":"2018-09-07T09:36:45","date_gmt":"2018-09-07T14:36:45","guid":{"rendered":"https:\/\/www.premiumbeat.com\/blog\/?p=105204"},"modified":"2018-09-07T09:36:45","modified_gmt":"2018-09-07T14:36:45","slug":"create-scribble-animation-after-effects","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/","title":{"rendered":"How to Create a Scribble Animation in After Effects"},"content":{"rendered":"<h2 id=\"so-you-think-frame-by-frame-animation-is-just-too-tedious-for-your-film-or-video-project-in-this-tutorial-we-invite-you-to-think-again\">So you think frame-by-frame animation is just too tedious for your film or video project? In this tutorial, we invite you to think again.<\/h2>\n<p>Many people think animating frame by frame is tedious and time-consuming, but it doesn\u2019t have to be. The animated scribble technique is a perfect example of an easy way to create dynamic, handmade graphic elements. You&#8217;ve seen this effect in a lot of popular music videos over the last few years, including videos by <a href=\"https:\/\/www.youtube.com\/watch?v=NywWB67Z7zQ\" target=\"_blank\" rel=\"noopener\" data-wpel-link=\"external\">Justin Bieber<\/a> and <a href=\"https:\/\/www.youtube.com\/watch?v=PMivT7MJ41M\" target=\"_blank\" rel=\"noopener\" data-wpel-link=\"external\">Bruno Mars<\/a>. Let\u2019s take a closer look at how, in just a few simple steps, you can add eye-catching graphics to your videos.<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/9BUbXfuIw9o?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<hr \/>\n<h3 id=\"step-1-prepare-the-workspace\">Step 1: Prepare the Workspace<\/h3>\n<p>First, I need to set up my workspace. For this tutorial, I\u2019m going to add some cartoonish flames that will come off the back of a race car. I\u2019ll add the flames using the Brush tool, which you can find in the Tools panel or by using the Cmd (Mac) or Ctrl (PC) + B keyboard shortcut. The brush tool only works on the Layer panel \u2014 you can\u2019t paint directly on the Composition panel. To open up my clip in the Layer panel, I\u2019ll simply double-click the layer. Next, I\u2019ll set up my brush.<\/p>\n<hr \/>\n<h3 id=\"step-2-prepare-your-brush\">Step 2: Prepare Your Brush<\/h3>\n<p><a href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/09\/setup.jpg\" target=\"_blank\" rel=\"noopener\" data-wpel-link=\"internal\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-105224 size-large\" title=\"How to Create a Scribble Animation in Adobe After Effects \u2014 Setup\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/09\/setup.jpg?w=755\" alt=\"How to Create a Scribble Animation in Adobe After Effects \u2014 Setup\" width=\"755\" height=\"587\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/09\/setup.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/09\/setup.jpg?resize=300,233 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/09\/setup.jpg?resize=277,215 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/09\/setup.jpg?resize=359,279 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/09\/setup.jpg?resize=543,422 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/09\/setup.jpg?resize=560,435 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/09\/setup.jpg?resize=150,117 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><\/p>\n<p>As soon as you select the Brush tool, both the Paint and Brushes panels will become visible. Both panels offer a variety of options. The Paint panel allows you to change the opacity, flow, color, diameter, blend mode, channels, and duration. Clicking on the diameter button will bring you directly to the Brushes panel, where you can specify the diameter, angle, roundness, hardness, and spacing of your brush. You can even save your brush settings for future use.<\/p>\n<p>The duration section of your Paint panel is one of the most important properties. Since this is a fast-moving clip, I want my flames to animate as quickly and frenetically as possible. For this reason, I\u2019ll change the duration to &#8220;Single Frame.&#8221; If I want something a bit more subdued or clunky, I can change the Duration to &#8220;Custom&#8221; and then manually type in whatever frame rate I want. With both my workspace and brush ready, it\u2019s time to scribble.<\/p>\n<hr \/>\n<h3 id=\"step-3-scribble\">Step 3: Scribble<\/h3>\n<p>To start my scribble animation, I\u2019ll bring my playhead to the first frame of my clip in the timeline. Using the Brush tool directly on the Layer panel, I\u2019ll draw my flames on the first frame. Now it\u2019s as simple as drawing the same flames for each frame. This particular clip is two seconds in length, shot at 25fps, so if I want flames throughout the entire clip, I will need to draw these same flames 50 times. If you want to create an animation that changes over time, it\u2019s imperative to know the length of your clip so you can make subtle changes.<\/p>\n<p>Knowing a few shortcuts will save you a lot of time and possible headaches when creating a frame-by-frame animation. To quickly navigate by individual frames inside After Effects, use the Page Up\/Down keys. To resize the diameter of your brush, hold the Command (Mac) or Control (PC) key while you click and drag up or down.<\/p>\n<p><em>Et\u00a0voil\u00e0<\/em>! The final animation.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-105214\" title=\"How to Create a Scribble Animation in Adobe After Effects \u2014 End Result\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/09\/final-animation-camtasia.gif\" alt=\"How to Create a Scribble Animation in Adobe After Effects \u2014 End Result\" width=\"755\" height=\"425\" \/><\/p>\n<hr \/>\n<p>Looking for more video tutorials? Check these out.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/understanding-layer-styles-after-effects\/\" target=\"_blank\" rel=\"noopener\" data-wpel-link=\"internal\">Everything to Know About Layer Styles in After Effects<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/glitch-effect-tutorial-after-effects\/\" target=\"_blank\" rel=\"noopener\" data-wpel-link=\"internal\">Create a Glitch Effect For Logos and Titles in After Effects<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/advanced-glow-effect-after-effects\/\" target=\"_blank\" rel=\"noopener\" data-wpel-link=\"internal\">Make Your Titles And Graphics Pop with This Advanced Glow Effect<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/modern-slideshow-animation-after-effects\/\" target=\"_blank\" rel=\"noopener\" data-wpel-link=\"internal\">After Effects: Create a Modern Slideshow Animation<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/\" target=\"_blank\" rel=\"noopener\" data-wpel-link=\"internal\">Create An Animated Website Presentation Using After Effects<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>So you think frame-by-frame animation is just too tedious for your film or video project? In this tutorial, we invite you to think again.<\/p>\n","protected":false},"author":75,"featured_media":105271,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3843,583,92],"tags":[755,536,472,60],"class_list":["post-class-post-105204","post-class-post","post-class-type-post","post-class-status-publish","post-class-format-standard","post-class-has-post-thumbnail","post-class-hentry","post-class-category-filmmaking-2","post-class-category-video-production-2","post-class-category-video-tutorials-2","post-class-tag-animation","post-class-tag-filmmaking","post-class-tag-video-production","post-class-tag-video-tutorials"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create a Scribble Animation in Adobe After Effects<\/title>\n<meta name=\"description\" content=\"So you think frame-by-frame animation is just too tedious for your film or video project? In this tutorial, we invite you to think again.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Scribble Animation in After Effects\" \/>\n<meta property=\"og:description\" content=\"So you think frame-by-frame animation is just too tedious for your film or video project? In this tutorial, we invite you to think again.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/\" \/>\n<meta property=\"og:site_name\" content=\"The Beat: A Blog by PremiumBeat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/premiumbeat\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/boonelovesvideo\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-07T14:36:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2018\/09\/07093535\/scribble-animation.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"584\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Boone\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@boonelovesvideo\" \/>\n<meta name=\"twitter:site\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Boone\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/\",\"name\":\"How to Create a Scribble Animation in Adobe After Effects\",\"isPartOf\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#website\"},\"datePublished\":\"2018-09-07T14:36:45+00:00\",\"dateModified\":\"2018-09-07T14:36:45+00:00\",\"author\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/4b58958c8b26eceafd8eb7515a8acef9\"},\"description\":\"So you think frame-by-frame animation is just too tedious for your film or video project? In this tutorial, we invite you to think again.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.premiumbeat.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Video Tutorials\",\"item\":\"https:\/\/www.premiumbeat.com\/blog\/category\/video-tutorials-2\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create a Scribble Animation in After Effects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#website\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/\",\"name\":\"The Beat: A Blog by PremiumBeat\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.premiumbeat.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/4b58958c8b26eceafd8eb7515a8acef9\",\"name\":\"Jason Boone\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3ee67c7613569b43d586cf3d89084befc95716f0492355381cd586960dd1ac45?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3ee67c7613569b43d586cf3d89084befc95716f0492355381cd586960dd1ac45?s=96&d=mm&r=g\",\"caption\":\"Jason Boone\"},\"description\":\"While not wandering around Paris, Boone creates tutorials for Adobe Premiere Pro and After Effects. Follow him at boonelovesvideo.com\",\"sameAs\":[\"https:\/\/www.boonelovesvideo.com\",\"https:\/\/www.facebook.com\/boonelovesvideo\/\",\"https:\/\/twitter.com\/boonelovesvideo\"],\"url\":\"https:\/\/www.premiumbeat.com\/blog\/author\/jasonboone\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create a Scribble Animation in Adobe After Effects","description":"So you think frame-by-frame animation is just too tedious for your film or video project? In this tutorial, we invite you to think again.","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:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Scribble Animation in After Effects","og_description":"So you think frame-by-frame animation is just too tedious for your film or video project? In this tutorial, we invite you to think again.","og_url":"https:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_author":"https:\/\/www.facebook.com\/boonelovesvideo\/","article_published_time":"2018-09-07T14:36:45+00:00","og_image":[{"width":1000,"height":584,"url":"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2018\/09\/07093535\/scribble-animation.jpg","type":"image\/jpeg"}],"author":"Jason Boone","twitter_card":"summary_large_image","twitter_creator":"@boonelovesvideo","twitter_site":"@Premiumbeat","twitter_misc":{"Written by":"Jason Boone","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/","url":"https:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/","name":"How to Create a Scribble Animation in Adobe After Effects","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"datePublished":"2018-09-07T14:36:45+00:00","dateModified":"2018-09-07T14:36:45+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/4b58958c8b26eceafd8eb7515a8acef9"},"description":"So you think frame-by-frame animation is just too tedious for your film or video project? In this tutorial, we invite you to think again.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/create-scribble-animation-after-effects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.premiumbeat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Video Tutorials","item":"https:\/\/www.premiumbeat.com\/blog\/category\/video-tutorials-2\/"},{"@type":"ListItem","position":3,"name":"How to Create a Scribble Animation in After Effects"}]},{"@type":"WebSite","@id":"https:\/\/www.premiumbeat.com\/blog\/#website","url":"https:\/\/www.premiumbeat.com\/blog\/","name":"The Beat: A Blog by PremiumBeat","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.premiumbeat.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/4b58958c8b26eceafd8eb7515a8acef9","name":"Jason Boone","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3ee67c7613569b43d586cf3d89084befc95716f0492355381cd586960dd1ac45?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3ee67c7613569b43d586cf3d89084befc95716f0492355381cd586960dd1ac45?s=96&d=mm&r=g","caption":"Jason Boone"},"description":"While not wandering around Paris, Boone creates tutorials for Adobe Premiere Pro and After Effects. Follow him at boonelovesvideo.com","sameAs":["https:\/\/www.boonelovesvideo.com","https:\/\/www.facebook.com\/boonelovesvideo\/","https:\/\/twitter.com\/boonelovesvideo"],"url":"https:\/\/www.premiumbeat.com\/blog\/author\/jasonboone\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/09\/scribble-animation.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-rmQ","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/105204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/users\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/comments?post=105204"}],"version-history":[{"count":9,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/105204\/revisions"}],"predecessor-version":[{"id":105272,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/105204\/revisions\/105272"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/105271"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=105204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=105204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=105204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}