{"id":134676,"date":"2020-07-16T07:02:44","date_gmt":"2020-07-16T12:02:44","guid":{"rendered":"https:\/\/www.premiumbeat.com\/blog\/?p=134676"},"modified":"2021-08-16T15:09:03","modified_gmt":"2021-08-16T20:09:03","slug":"background-loops-in-after-effects","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/background-loops-in-after-effects\/","title":{"rendered":"Create Seamless Background Loops in After Effects"},"content":{"rendered":"<h2 id=\"learn-how-to-create-seamless-background-loops-in-adobe-after-effects-tutorial-includes-free-project-files\">Learn how to create seamless background loops in Adobe After Effects. Tutorial includes free project files!<\/h2>\n<p>In this After Effects tutorial, we&#8217;re going to explore how to create a custom looping background animation. It&#8217;s actually simpler to pull off than most people think, and using a few key effects makes the process even easier. This lesson is great for beginners, or anyone hungry for more After Effects knowledge.<\/p>\n<p>Ready to create some loops? Well, let\u2019s get started!<\/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\/lsu6sxFP7d0?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<h4 id=\"download-project-files\" style=\"text-align: center;\"><a class=\"bt bt-big\" title=\"DOWNLOAD PROJECT FILES\" href=\"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2020\/07\/18200407\/BackgroundLoops_ProjectFile.zip\" target=\"_blank\" rel=\"noopener noreferrer\" data-wplink-edit=\"true\" data-wpel-link=\"external\">DOWNLOAD PROJECT FILES<\/a><\/h4>\n<hr \/>\n<h3 id=\"creating-a-background-tile\">Creating a Background Tile<\/h3>\n<p>First, we need to create a background, then we can animate other objects and shapes on the loop later. I recommend starting with a <strong>background tile<\/strong> composition that&#8217;s <strong>200&#215;200<\/strong> pixels. Then, add some texture to it with shapes, sprinkles, or even a grid pattern.<\/p>\n<div id=\"attachment_134912\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-134912\" class=\"wp-image-134912 size-full\" title=\"Background Tile\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Background-Tile.jpg\" alt=\"Background Tile\" width=\"755\" height=\"420\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Background-Tile.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Background-Tile.jpg?resize=300,167 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Background-Tile.jpg?resize=270,150 270w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Background-Tile.jpg?resize=277,154 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Background-Tile.jpg?resize=359,200 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Background-Tile.jpg?resize=543,302 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Background-Tile.jpg?resize=560,312 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Background-Tile.jpg?resize=150,83 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><p id=\"caption-attachment-134912\" class=\"wp-caption-text\"><em>Begin by creating a background.<\/em><\/p><\/div>\n<p>When you&#8217;re finished with that, create a new composition that&#8217;s <strong>1920&#215;1080<\/strong> pixels. This will serve as our <strong>main composition<\/strong> that we&#8217;ll add everything to. For this example, our loop will be <strong>four seconds<\/strong> long at <strong>24 frames per second<\/strong>.<\/p>\n<hr \/>\n<h3 id=\"cc-repetile\">CC RepeTile<\/h3>\n<p>Go ahead and add the <strong>background tile<\/strong> composition to the <strong>main<\/strong> composition. Now, apply the effect <strong>CC RepeTile<\/strong> to the background tile layer. Under the CC RepeTile effect settings, set the <strong>Right<\/strong>,<strong> Left<\/strong>,<strong> Up<\/strong>, and<strong> Down<\/strong> values to <strong>2,000<\/strong>.<\/p>\n<div id=\"attachment_134915\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-134915\" class=\"wp-image-134915 size-full\" title=\"CC RepeTile\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-RepeTile.jpg\" alt=\"CC RepeTile\" width=\"755\" height=\"420\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-RepeTile.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-RepeTile.jpg?resize=300,167 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-RepeTile.jpg?resize=270,150 270w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-RepeTile.jpg?resize=277,154 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-RepeTile.jpg?resize=359,200 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-RepeTile.jpg?resize=543,302 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-RepeTile.jpg?resize=560,312 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-RepeTile.jpg?resize=150,83 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><p id=\"caption-attachment-134915\" class=\"wp-caption-text\"><em>Add the background tile to the main composition, then apply the CC RepeTile to the background layer.<\/em><\/p><\/div>\n<p>You should now see the background tile pattern repeated all across your main composition.<\/p>\n<hr \/>\n<h3 id=\"offset\">Offset<\/h3>\n<p>We can set the background in motion by applying the <strong>Offset<\/strong> effect to the background tile layer, as well. Once applied, keyframe the <strong>Shift Center To<\/strong> setting. You can adjust the value on the <strong>X<\/strong> and <strong>Y axis<\/strong>.<\/p>\n<div id=\"attachment_134917\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-134917\" class=\"wp-image-134917 size-full\" title=\"Offset\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Offset.jpg\" alt=\"Offset\" width=\"755\" height=\"420\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Offset.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Offset.jpg?resize=300,167 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Offset.jpg?resize=270,150 270w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Offset.jpg?resize=277,154 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Offset.jpg?resize=359,200 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Offset.jpg?resize=543,302 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Offset.jpg?resize=560,312 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Offset.jpg?resize=150,83 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><p id=\"caption-attachment-134917\" class=\"wp-caption-text\"><em>Set the background in motion by applying the Offset effect.<\/em><\/p><\/div>\n<p>I recommend having the starting <strong>Shift Center To<\/strong> keyframe value be <strong>0,0<\/strong>. Then, set another <strong>Shift Center To<\/strong> keyframe at the end of your loop. When you adjust the Shift Center To value, be sure the number you pick is evenly divisible by <strong>200<\/strong> (because our original background tile is <strong>200&#215;200<\/strong> pixels in size). For example, set the final keyframe value at <strong>0, 600<\/strong>.<\/p>\n<hr \/>\n<h3 id=\"creating-group-tiles\">Creating Group Tiles<\/h3>\n<p>Adding and layering other animating shapes is a similar process to what we did for the background tile. Create a new composition named <strong>Group 1<\/strong>, and set the composition size to <strong>400&#215;400<\/strong> pixels. Then, add two shapes on the <strong>left side<\/strong> of that composition. (I recommend creating some <strong>200&#215;200<\/strong> pixel guide layers for each shape.) You can also animate them subtly if you prefer, just make sure they end in the same position they started in for the length of the four-second loop.<\/p>\n<div id=\"attachment_134918\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-134918\" class=\"wp-image-134918 size-full\" title=\"Group Tile 1\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile.jpg\" alt=\"Group Tile 1\" width=\"755\" height=\"420\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile.jpg?resize=300,167 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile.jpg?resize=270,150 270w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile.jpg?resize=277,154 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile.jpg?resize=359,200 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile.jpg?resize=543,302 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile.jpg?resize=560,312 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile.jpg?resize=150,83 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><p id=\"caption-attachment-134918\" class=\"wp-caption-text\"><em>Begin adding and layering animated shapes to the background tile.<\/em><\/p><\/div>\n<p>Next, duplicate the Group 1 composition and name it <strong>Group 2<\/strong>. <strong>Delete<\/strong> the existing shapes in the new Group 2 composition and add two new shapes on the <strong>right side<\/strong>.<\/p>\n<div id=\"attachment_134920\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-134920\" class=\"wp-image-134920 size-full\" title=\"Group Tile 2\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile-2.jpg\" alt=\"Group Tile 2\" width=\"755\" height=\"420\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile-2.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile-2.jpg?resize=300,167 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile-2.jpg?resize=270,150 270w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile-2.jpg?resize=277,154 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile-2.jpg?resize=359,200 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile-2.jpg?resize=543,302 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile-2.jpg?resize=560,312 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Group-Tile-2.jpg?resize=150,83 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><p id=\"caption-attachment-134920\" class=\"wp-caption-text\"><em>Now, add two new shapes to the opposite side by duplicating the Group 1 composition.<\/em><\/p><\/div>\n<hr \/>\n<h3 id=\"finalizing-the-loop\">Finalizing the Loop<\/h3>\n<p>To finalize your loop, go back to your <strong>main composition<\/strong> and <strong>add<\/strong> in the two new <strong>Group compositions<\/strong>. Apply <strong>CC RepeTile<\/strong> to both and expand them in all directions to <strong>2,000<\/strong> pixels. Then, apply <strong>Offset<\/strong> to both, and keyframe the <strong>Shift Center To<\/strong> setting to create your loop. (Again, make sure the end value you keyframe them by is divisible evenly by <strong>400<\/strong>, because the Group compositions were <strong>400&#215;400<\/strong> pixels.)<\/p>\n<div id=\"attachment_134936\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-134936\" class=\"wp-image-134936 size-full\" title=\"Finished Look\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Finished-Look.jpg\" alt=\"Finished Look\" width=\"755\" height=\"420\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Finished-Look.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Finished-Look.jpg?resize=300,167 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Finished-Look.jpg?resize=270,150 270w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Finished-Look.jpg?resize=277,154 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Finished-Look.jpg?resize=359,200 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Finished-Look.jpg?resize=543,302 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Finished-Look.jpg?resize=560,312 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-Finished-Look.jpg?resize=150,83 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><p id=\"caption-attachment-134936\" class=\"wp-caption-text\"><em>The Drop Shadow effect adds a 90s vibe to the finished look.<\/em><\/p><\/div>\n<p>I added a <strong>Drop Shadow<\/strong> effect to both Group compositions for more of a 90s look. You can also rotate the Group compositions by <strong>45 degrees<\/strong>, if you prefer.<\/p>\n<hr \/>\n<h3 id=\"extra-effects\">Extra Effects<\/h3>\n<p>You can create all kinds of different looks by adding other effects to your finalized background loop. Add an <strong>adjustment layer<\/strong> above everything in your main composition and apply the effect <strong>CC Kaleida<\/strong>. Now, you&#8217;ll have more of an abstract, kaleidoscope loop. You can also apply <strong>glow<\/strong> effects to your Group compositions for a unique look.<\/p>\n<div id=\"attachment_134937\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-134937\" class=\"wp-image-134937 size-full\" title=\"CC Kaledia\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-Kaledia.jpg\" alt=\"CC Kaledia\" width=\"755\" height=\"420\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-Kaledia.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-Kaledia.jpg?resize=300,167 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-Kaledia.jpg?resize=270,150 270w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-Kaledia.jpg?resize=277,154 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-Kaledia.jpg?resize=359,200 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-Kaledia.jpg?resize=543,302 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-Kaledia.jpg?resize=560,312 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-CC-Kaledia.jpg?resize=150,83 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><p id=\"caption-attachment-134937\" class=\"wp-caption-text\"><em>For a unique, stylized look, add glow effects.<\/em><\/p><\/div>\n<p>Finally, you can make your main composition a <strong>3D layer<\/strong>, and use a <strong>3D camera<\/strong> to create a &#8220;macro-looking&#8221; background loop. Just set the <strong>Focus Distance<\/strong> to the center of your 3D layered loop, turn on the <strong>Depth of Field<\/strong> for the camera, and adjust the <strong>Aperture<\/strong> and <strong>Blur Level<\/strong> values.<\/p>\n<div id=\"attachment_134938\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-134938\" class=\"wp-image-134938 size-full\" title=\"3D Camera\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-3D-Camera.jpg\" alt=\"3D Camera\" width=\"755\" height=\"420\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-3D-Camera.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-3D-Camera.jpg?resize=300,167 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-3D-Camera.jpg?resize=270,150 270w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-3D-Camera.jpg?resize=277,154 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-3D-Camera.jpg?resize=359,200 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-3D-Camera.jpg?resize=543,302 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-3D-Camera.jpg?resize=560,312 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/07\/Background-Loops-in-After-Effects-3D-Camera.jpg?resize=150,83 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><p id=\"caption-attachment-134938\" class=\"wp-caption-text\"><em>Make your main composition a 3D layer by using a 3D Camera to create a background loop.<\/em><\/p><\/div>\n<hr \/>\n<p>Interested in the royalty-free tracks we used to make this video? Give them another listen:<\/p>\n<ul>\n<li>\u201c<a href=\"http:\/\/bit.ly\/2NlgbHy\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">UX Paradise<\/a>\u201d by Tiny Music<\/li>\n<li>\u201c<a href=\"https:\/\/bit.ly\/3bwGkNk\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"external\">Ocean Tranquility<\/a>\u201d by Cymatix<\/li>\n<li>\u201c<a href=\"http:\/\/bit.ly\/2IhaN57\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"external\">Summer Leaves<\/a>\u201d by Mattijs Muller<\/li>\n<li>\u201c<a href=\"http:\/\/bit.ly\/36M5Ig6\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">Ambient<\/a>\u201d by Sugar Beats<\/li>\n<\/ul>\n<p>Like After Effects content? So do we. Check it out:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/free-design-elements-for-motion-designers\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\">Free Design Elements for Motion Graphics Artists<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/create-data-driven-animations-in-after-effects\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\">How to Create Data-Driven Animations in Adobe After Effects<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/disintegration-effect-in-after-effects\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\">How to Create a Retro Sci-Fi Disintegration Effect in After Effects<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/top-paid-and-free-scripts-for-after-effects\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-wpel-link=\"internal\">Top 10 Paid and Free Scripts and Plugins for After Effects<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to create seamless background loops in Adobe After Effects. This tutorial also includes free project files. Follow through and practice!<\/p>\n","protected":false},"author":103,"featured_media":135356,"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,39,92],"tags":[5375,1487,6295,585,370,35,6296,371,31,278],"class_list":["post-class-post-134676","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-video-editing","post-class-category-video-tutorials-2","post-class-tag-after-effects","post-class-tag-background","post-class-tag-cc-repetile","post-class-tag-how-to","post-class-tag-looping","post-class-tag-loops","post-class-tag-offset","post-class-tag-seamless","post-class-tag-tutorial","post-class-tag-video"],"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>Create Seamless Background Loops in After Effects<\/title>\n<meta name=\"description\" content=\"Learn how to create seamless background loops in Adobe After Effects. Tutorial includes free project files!\u00a0Download them now and start practicing.\" \/>\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\/background-loops-in-after-effects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Seamless Background Loops in After Effects\" \/>\n<meta property=\"og:description\" content=\"Learn how to create seamless background loops in Adobe After Effects. Tutorial includes free project files!\u00a0Download them now and start practicing.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/background-loops-in-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:published_time\" content=\"2020-07-16T12:02:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-16T20:09:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2020\/07\/14133218\/Background-Loops-1.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"585\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Charles Yeager\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@YeagerFilm\" \/>\n<meta name=\"twitter:site\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Charles Yeager\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/background-loops-in-after-effects\/\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/background-loops-in-after-effects\/\",\"name\":\"Create Seamless Background Loops in After Effects\",\"isPartOf\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#website\"},\"datePublished\":\"2020-07-16T12:02:44+00:00\",\"dateModified\":\"2021-08-16T20:09:03+00:00\",\"author\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/f576ae1298da29b1a6340b054a83617e\"},\"description\":\"Learn how to create seamless background loops in Adobe After Effects. Tutorial includes free project files!\u00a0Download them now and start practicing.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/background-loops-in-after-effects\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.premiumbeat.com\/blog\/background-loops-in-after-effects\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/background-loops-in-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\":\"Create Seamless Background Loops 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\/f576ae1298da29b1a6340b054a83617e\",\"name\":\"Charles Yeager\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d537136cbd71c83c998345c5b78be9cbb8a279ccebfc4af5bfb3a9afbe61d604?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d537136cbd71c83c998345c5b78be9cbb8a279ccebfc4af5bfb3a9afbe61d604?s=96&d=mm&r=g\",\"caption\":\"Charles Yeager\"},\"description\":\"Charles Yeager is an After Effects Artist and Filmmaker currently residing in Arkansas. He regularly creates tutorial content for PremiumBeat, Shutterstock, Adobe, Mettle, and Envato.\",\"sameAs\":[\"http:\/\/www.yeagerfilm.com\",\"https:\/\/twitter.com\/YeagerFilm\",\"charlesyeager\"],\"url\":\"https:\/\/www.premiumbeat.com\/blog\/author\/charlesyeager\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Create Seamless Background Loops in After Effects","description":"Learn how to create seamless background loops in Adobe After Effects. Tutorial includes free project files!\u00a0Download them now and start practicing.","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\/background-loops-in-after-effects\/","og_locale":"en_US","og_type":"article","og_title":"Create Seamless Background Loops in After Effects","og_description":"Learn how to create seamless background loops in Adobe After Effects. Tutorial includes free project files!\u00a0Download them now and start practicing.","og_url":"https:\/\/www.premiumbeat.com\/blog\/background-loops-in-after-effects\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_published_time":"2020-07-16T12:02:44+00:00","article_modified_time":"2021-08-16T20:09:03+00:00","og_image":[{"width":1000,"height":585,"url":"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2020\/07\/14133218\/Background-Loops-1.jpeg","type":"image\/jpeg"}],"author":"Charles Yeager","twitter_card":"summary_large_image","twitter_creator":"@YeagerFilm","twitter_site":"@Premiumbeat","twitter_misc":{"Written by":"Charles Yeager","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/background-loops-in-after-effects\/","url":"https:\/\/www.premiumbeat.com\/blog\/background-loops-in-after-effects\/","name":"Create Seamless Background Loops in After Effects","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"datePublished":"2020-07-16T12:02:44+00:00","dateModified":"2021-08-16T20:09:03+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/f576ae1298da29b1a6340b054a83617e"},"description":"Learn how to create seamless background loops in Adobe After Effects. Tutorial includes free project files!\u00a0Download them now and start practicing.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/background-loops-in-after-effects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/background-loops-in-after-effects\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/background-loops-in-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":"Create Seamless Background Loops 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\/f576ae1298da29b1a6340b054a83617e","name":"Charles Yeager","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d537136cbd71c83c998345c5b78be9cbb8a279ccebfc4af5bfb3a9afbe61d604?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d537136cbd71c83c998345c5b78be9cbb8a279ccebfc4af5bfb3a9afbe61d604?s=96&d=mm&r=g","caption":"Charles Yeager"},"description":"Charles Yeager is an After Effects Artist and Filmmaker currently residing in Arkansas. He regularly creates tutorial content for PremiumBeat, Shutterstock, Adobe, Mettle, and Envato.","sameAs":["http:\/\/www.yeagerfilm.com","https:\/\/twitter.com\/YeagerFilm","charlesyeager"],"url":"https:\/\/www.premiumbeat.com\/blog\/author\/charlesyeager\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/07\/Background-Loops-1.jpeg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-z2c","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/134676","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\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/comments?post=134676"}],"version-history":[{"count":37,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/134676\/revisions"}],"predecessor-version":[{"id":158242,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/134676\/revisions\/158242"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/135356"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=134676"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=134676"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=134676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}