{"id":126895,"date":"2020-02-18T06:00:14","date_gmt":"2020-02-18T12:00:14","guid":{"rendered":"https:\/\/www.premiumbeat.com\/blog\/?p=126895"},"modified":"2020-02-13T13:44:59","modified_gmt":"2020-02-13T19:44:59","slug":"how-to-create-line-boil-animations","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/how-to-create-line-boil-animations\/","title":{"rendered":"How to Create Dynamic and Fun Line Boil Animations"},"content":{"rendered":"<h2 id=\"in-this-tutorial-ill-show-you-how-to-create-simple-frame-by-frame-animations-using-the-line-boil-technique-in-adobe-after-effects\">In this tutorial, I&#8217;ll show you how to create simple, frame-by-frame animations using the line boil technique in Adobe After Effects.<\/h2>\n<p>Line boils occur when the images of a frame-by-frame animation don\u2019t align perfectly. Whether the strokes of the illustrations are slightly different widths, or the lines just occasionally miss the mark, the result is an image that wiggles and jumps around \u2014 or &#8220;boils.&#8221;<\/p>\n<p>In the early days of animation, line boils were considered a mistake, so animators attempted to avoid it at all costs. Now, the technique is common because it\u2019s easy to create and can quickly add life to a project.<\/p>\n<p>Here&#8217;s how you do it.<\/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\/EiwhMGzAkwI?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=\"the-tools\">The Tools<\/h3>\n<div id=\"attachment_126927\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-the-tools-1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-126927\" class=\"wp-image-126927 size-full\" title=\"The Tools\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-the-tools-1.jpg\" alt=\"The Tools\" width=\"755\" height=\"425\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-the-tools-1.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-the-tools-1.jpg?resize=300,169 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-the-tools-1.jpg?resize=277,156 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-the-tools-1.jpg?resize=359,202 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-the-tools-1.jpg?resize=543,306 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-the-tools-1.jpg?resize=560,315 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-the-tools-1.jpg?resize=150,84 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><p id=\"caption-attachment-126927\" class=\"wp-caption-text\"><em>All you really need to create this effect is an iPad, Apple Pencil, and the Procreate app.<\/em><\/p><\/div>\n<p>There are a number of ways to create this effect. For this tutorial, I\u2019ll be using an iPad with an Apple Pencil and an app called Procreate. I\u2019ll also be using Adobe After Effects to tweak the animation. You can, however, create this same look using a number of other tools and programs, including Adobe Photoshop, Illustrator, Adobe Animate, and Toon Boom \u2014 or by simply drawing on paper and scanning the images.<\/p>\n<hr \/>\n<h3 id=\"step-1-draw-the-first-frame\">Step 1 \u2014 Draw the First Frame<\/h3>\n<p>For the first step, I\u2019ll draw my initial frame \u2014 a simple doodle of a fox. This is really the most difficult part, since I\u2019ll just be tracing this original image multiple times once it\u2019s finished. I\u2019m using the Procreate app on my iPad, which makes drawing and animating incredibly easy.<\/p>\n<div id=\"attachment_126929\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-Draw-the-first-frame-1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-126929\" class=\"wp-image-126929 size-full\" title=\"The First Frame\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-Draw-the-first-frame-1.jpg\" alt=\"The First Frame\" width=\"755\" height=\"424\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-Draw-the-first-frame-1.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-Draw-the-first-frame-1.jpg?resize=300,168 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-Draw-the-first-frame-1.jpg?resize=277,156 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-Draw-the-first-frame-1.jpg?resize=359,202 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-Draw-the-first-frame-1.jpg?resize=543,305 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-Draw-the-first-frame-1.jpg?resize=560,314 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-Draw-the-first-frame-1.jpg?resize=150,84 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><p id=\"caption-attachment-126929\" class=\"wp-caption-text\"><em>Use the drawing guidelines to get a symmetrical image.<\/em><\/p><\/div>\n<p>For this first frame, I\u2019ll use the drawing guides to get a nice geometric and symmetrical fox. Again, you can use a Wacom tablet, Photoshop, Adobe Animate, Toon Boom, or even a simple piece of paper to create a line boil.<\/p>\n<hr \/>\n<h3 id=\"step-2-trace-and-repeat\">Step 2 \u2014 Trace and Repeat<\/h3>\n<p>Once I\u2019m finished with my fox doodle, I\u2019m ready to create some duplicate frames. I\u2019ll turn on the Animation Assist feature in Procreate, which gives me a number of animation tools. This toolbar allows me to easily add and rearrange frames \u2014 and even set up onion skins. If you\u2019re new to the world of frame-by-frame animation, onion skins give you a quick reference for adjacent frames. I can control both the opacity and number of onion skin frames.<\/p>\n<p>To get my animation going, I\u2019ll click the <strong>Add New<\/strong> frame button and quickly trace the original fox image. I don\u2019t have to be exact, as I want to have some nice movement in my line boil. Naturally, the more precise I am with my traces, the less movement I\u2019ll see in my final animation. I\u2019ll create three frames of traces, giving me a total of four frames.<\/p>\n<div id=\"attachment_126899\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-126899\" class=\"wp-image-126899 size-full\" title=\"Line Boil Animations\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/02\/Trace-Repeat-1.gif\" alt=\"Line Boil Animations\" width=\"750\" height=\"422\" \/><p id=\"caption-attachment-126899\" class=\"wp-caption-text\"><em>Select <strong>Add Frame<\/strong> to retrace your image.<\/em><\/p><\/div>\n<p>To preview my animation, I\u2019ll press the <strong>Play<\/strong> button on the toolbar. In the <strong>Settings<\/strong> option, I can <strong>control the frames per second<\/strong> as the animation plays back. This is a good way to find a look I\u2019m happy with, which for this project is 8fps.<\/p>\n<hr \/>\n<h3 id=\"step-3-export-finish-in-after-effects\">Step 3 \u2014 Export\/Finish in After Effects<\/h3>\n<p>I can export the animation directly from Procreate in several different formats, including an animated GIF, animated MP4, animated PNG, and several other options. Let\u2019s say, however, that I want to bring this into Adobe After Effects to incorporate it into another project. For this, I\u2019ll export the layers, individually, as PNG images.<\/p>\n<div id=\"attachment_126931\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-export-1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-126931\" class=\"wp-image-126931 size-full\" title=\"Export\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-export-1.jpg\" alt=\"Export\" width=\"755\" height=\"424\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-export-1.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-export-1.jpg?resize=300,168 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-export-1.jpg?resize=277,156 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-export-1.jpg?resize=359,202 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-export-1.jpg?resize=543,305 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-export-1.jpg?resize=560,314 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-export-1.jpg?resize=150,84 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><p id=\"caption-attachment-126931\" class=\"wp-caption-text\"><em>To incorporate your image into another project, export the layers into Adobe After Effects.<\/em><\/p><\/div>\n<p>To bring these images into Adobe After Effects, I\u2019ll select the first image, then specify <strong>import the layers<\/strong> as a PNG sequence. Adobe AE will automatically set the frame rate of the clip, based on the default settings of my project. To change this, I\u2019ll right-click the clip in the project panel and select <strong>Interpret Footage &gt; Main<\/strong>, and then manually set the frame rate to 8fps.<\/p>\n<div id=\"attachment_126933\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-interpret-1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-126933\" class=\"wp-image-126933 size-full\" title=\"Change Frame Rate\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-interpret-1.jpg\" alt=\"Change Frame Rate\" width=\"755\" height=\"501\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-interpret-1.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-interpret-1.jpg?resize=300,199 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-interpret-1.jpg?resize=277,184 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-interpret-1.jpg?resize=359,238 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-interpret-1.jpg?resize=543,360 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-interpret-1.jpg?resize=560,372 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-interpret-1.jpg?resize=150,100 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><p id=\"caption-attachment-126933\" class=\"wp-caption-text\"><em>Select <strong>Interpret Footage &gt; Main<\/strong> to manually change the frame rate.<\/em><\/p><\/div>\n<p>Once I bring this clip into a sequence, I\u2019ll still need to set it to loop. First, I\u2019ll right-click the clip and select <strong>Time &gt; Enable Time Remapping<\/strong>. A quick <strong>Alt+click<\/strong> on the <strong>Time Remapping<\/strong> attribute will add an expression to the parameter. Now, I\u2019ll open up the expression language menu and select <strong>Property &gt; loopOut<\/strong>. With my loop now applied, I\u2019ll simply expand my clip out to play for the entire sequence.<\/p>\n<div id=\"attachment_126934\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-after-effects-1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-126934\" class=\"wp-image-126934 size-full\" title=\"Set to Loop\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-after-effects-1.jpg\" alt=\"Set to Loop\" width=\"755\" height=\"475\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-after-effects-1.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-after-effects-1.jpg?resize=300,189 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-after-effects-1.jpg?resize=277,174 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-after-effects-1.jpg?resize=359,226 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-after-effects-1.jpg?resize=543,342 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-after-effects-1.jpg?resize=560,352 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/02\/How-to-Create-Line-Boil-Animations-after-effects-1.jpg?resize=150,94 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><p id=\"caption-attachment-126934\" class=\"wp-caption-text\"><em>After bringing the clip into a sequence, you&#8217;ll then set it to loop.<\/em><\/p><\/div>\n<div id=\"attachment_126903\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-126903\" class=\"wp-image-126903 size-full\" title=\"Completed Animation\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/02\/Line-Boil-Animation-Fox.gif\" alt=\"Completed Animation\" width=\"750\" height=\"422\" \/><p id=\"caption-attachment-126903\" class=\"wp-caption-text\"><em>Here&#8217;s your finished product.<\/em><\/p><\/div>\n<p><em>Voil\u00e0<\/em>, the fox animation is complete. Just remember to focus on the technique, and not the tools. Creating a line boil is as simple as creating an illustration, then tracing it several times. This method works great on both illustrations and text elements, so be sure to experiment with it on your next project.<\/p>\n<hr \/>\n<p>Interested in the tracks we used to make this video?<\/p>\n<ul>\n<li>\u201c<a href=\"http:\/\/bit.ly\/2tYoFOA\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"external\">Arty Party<\/a>\u201d by Porter Productions<\/li>\n<li>\u201c<a href=\"http:\/\/bit.ly\/37mcRDu\" data-wpel-link=\"external\" target=\"_blank\">Head for the Hills<\/a>\u201d by Jack Pierce<\/li>\n<\/ul>\n<p>Looking for more on motion graphics and animation? Check out these articles.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/text-effect-premiere-pro\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\">How to Create Text Effects and Animations in Premiere Pro<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/animate-via-audio-frequencies-adobe-after-effects\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\">Animate via Audio Frequencies in Adobe After Effects<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/using-trim-paths-adobe-after-effects\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\">5 Ways to Animate with Trim Paths in Adobe After Effects<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/create-karaoke-graphics-after-effects\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\">Video Tutorial: How to Create Karaoke Graphics in After Effects<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/create-anime-speed-lines-after-effects\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\">Video Tutorial: How to Create Anime Speed Lines in After Effects<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, I&#8217;ll show you how to create simple, frame-by-frame animations using the line boil technique in Adobe After Effects.\u00a0<\/p>\n","protected":false},"author":75,"featured_media":127007,"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":[30,3291],"tags":[5375,755,467],"class_list":["post-class-post-126895","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-after-effects","post-class-category-motion-graphics-2","post-class-tag-after-effects","post-class-tag-animation","post-class-tag-motion-graphics"],"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 Dynamic and Fun Line Boil Animations<\/title>\n<meta name=\"description\" content=\"In this tutorial, I&#039;ll show you how to create simple, frame-by-frame animations using the line boil technique in Adobe After Effects.\u00a0\" \/>\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\/how-to-create-line-boil-animations\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Dynamic and Fun Line Boil Animations\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, I&#039;ll show you how to create simple, frame-by-frame animations using the line boil technique in Adobe After Effects.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/how-to-create-line-boil-animations\/\" \/>\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=\"2020-02-18T12:00:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-13T19:44:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2020\/02\/13102502\/line-boil-cover.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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/how-to-create-line-boil-animations\/\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/how-to-create-line-boil-animations\/\",\"name\":\"How to Create Dynamic and Fun Line Boil Animations\",\"isPartOf\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#website\"},\"datePublished\":\"2020-02-18T12:00:14+00:00\",\"dateModified\":\"2020-02-13T19:44:59+00:00\",\"author\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/4b58958c8b26eceafd8eb7515a8acef9\"},\"description\":\"In this tutorial, I'll show you how to create simple, frame-by-frame animations using the line boil technique in Adobe After Effects.\u00a0\",\"breadcrumb\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/how-to-create-line-boil-animations\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.premiumbeat.com\/blog\/how-to-create-line-boil-animations\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/how-to-create-line-boil-animations\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.premiumbeat.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"After Effects\",\"item\":\"https:\/\/www.premiumbeat.com\/blog\/category\/after-effects\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create Dynamic and Fun Line Boil Animations\"}]},{\"@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 Dynamic and Fun Line Boil Animations","description":"In this tutorial, I'll show you how to create simple, frame-by-frame animations using the line boil technique in Adobe After Effects.\u00a0","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\/how-to-create-line-boil-animations\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Dynamic and Fun Line Boil Animations","og_description":"In this tutorial, I'll show you how to create simple, frame-by-frame animations using the line boil technique in Adobe After Effects.\u00a0","og_url":"https:\/\/www.premiumbeat.com\/blog\/how-to-create-line-boil-animations\/","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":"2020-02-18T12:00:14+00:00","article_modified_time":"2020-02-13T19:44:59+00:00","og_image":[{"width":1000,"height":584,"url":"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2020\/02\/13102502\/line-boil-cover.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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/how-to-create-line-boil-animations\/","url":"https:\/\/www.premiumbeat.com\/blog\/how-to-create-line-boil-animations\/","name":"How to Create Dynamic and Fun Line Boil Animations","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"datePublished":"2020-02-18T12:00:14+00:00","dateModified":"2020-02-13T19:44:59+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/4b58958c8b26eceafd8eb7515a8acef9"},"description":"In this tutorial, I'll show you how to create simple, frame-by-frame animations using the line boil technique in Adobe After Effects.\u00a0","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/how-to-create-line-boil-animations\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/how-to-create-line-boil-animations\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/how-to-create-line-boil-animations\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.premiumbeat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"After Effects","item":"https:\/\/www.premiumbeat.com\/blog\/category\/after-effects\/"},{"@type":"ListItem","position":3,"name":"How to Create Dynamic and Fun Line Boil Animations"}]},{"@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\/2020\/02\/line-boil-cover.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-x0H","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/126895","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=126895"}],"version-history":[{"count":27,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/126895\/revisions"}],"predecessor-version":[{"id":127000,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/126895\/revisions\/127000"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/127007"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=126895"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=126895"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=126895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}