Explore simple and clear tutorials that show you how to edit videos, use effects, and work with tools like Premiere Pro, After Effects, and other popular video software. Great for beginners and creators who want to get better step by step.

Learn How to Edit Videos Like a Pro

This offer is for I Want It All Buyers only. Log in to see if you are qualified.

Please log in first

You're qualified for the special upgrade price

200-500 messages

Used by 2 000 000

15 years of work

Please enter your email address. You will receive one-time login link.

Please enter your email address. You will receive a link to create a new password via email.

Password Recovery

We're sorry, but we were unable to sign you in due to a server issue. Please try again later or contact support.

Unable to Sign In

Please check your email inbox and click on the one-time log in link in the email.

OTP link has been resent

Please log in or sign up to use AEJuice

We're sorry, but we were unable to send the recovery email due to a server issue. Please try again later or contact support.

Unable to Reset Password

Please check your email inbox and follow the instructions to reset your password.

Password reset email has been resent.

We're sorry, but we were unable to reset your password due to a server issue. Please try again later or contact support.

We're sorry, but we were unable to log you out due to a server issue. Please try again later or contact support.

Failed to Logout

We're sorry, but we were unable to sign you up due to a server issue. Please try again later or contact support.

Unable to Sign Up

Thank you for logging in.

Thank you for being a customer and supporter!

No coupon code needed

Cart

Currency

Please confirm your email to download free plugins

Where should we send your free plugins?

Download free plugins and start creating

Filters

Name

Subject

John Johnson

AEJuice

Are you sure you want to rewrite your password?

Grab your free lesson

Language

Best Sellers

New products

Page not found

Trusted and Raved about by 1000s of our customers

Gallery

Look inside

Your search brought in no results Try another filters

Sorry No Results

See what other people say about AEJuice

Create viral shorts in seconds with AI

{{duration}} of subscription for free. Choose a plan that will be activated after free subscription expires

See what's included in each plan

What's included?

All access

100,000+ Assets

Courses and tools

You'll get the product and our 24/7 support

Your search brought in no results Try another request

Subscribe to receive product news

Get everything with 1 All Access subscription

Too many choices?

Level up with our free courses

Three Steps to Start

High Speed Downloads

100% Happiness Guarantee

Best Licence in the Industry

Premium Support

We Standby Our Product

<h1>Creating a Seamless Pattern in After Effects</h1>
<h2>Introduction</h2>
Patterns are widely used in motion design to create visually appealing backgrounds and loops. In this tutorial, you will learn how to create an animated pattern in After Effects using shape layers, keyframe animations, and the CC Repetile effect.
Step 1: Create a New Composition
Start by creating a new composition. Set the width and height to 600&#215;600, the frame rate to 30 fps, and the duration to 1 second and 20 frames. This will serve as the base for the animated pattern element.<img class="aligncenter size-full wp-image-3520363" src="https://website.downloads.aejuce.com/image/3520363.png" alt="" width="1184" height="116" /><img class="aligncenter size-full wp-image-3520362" src="https://website.downloads.aejuce.com/image/3520362.png" alt="" width="1158" height="1064" /> Step 2: Create a Rounded Rectangle Shape
Select the Rounded Rectangle Tool (Q) and draw a shape with an orange fill color, no stroke. Align it to the center both vertically and horizontally. Then, right-click the layer and go to Transform &gt; Center Anchor Point in Layer Content to keep transformations accurate.<img class="aligncenter size-full wp-image-3520365" src="https://website.downloads.aejuce.com/image/3520365.png" alt="" width="1999" height="1227" />
<img class="aligncenter size-full wp-image-3520364" src="https://website.downloads.aejuce.com/image/3520364.png" alt="" width="1999" height="1227" /> Step 3: Animate the Shape&#8217;s Size
Expand the shape layer properties and adjust Roundness to 368. Set the Position to (0,0) and Size to (180,180) at the beginning of the timeline (first position). Move a few frames forward (second position) and set the Y value of Size to 512. Move the CTI further (third position) and reset the Size back to (180,180).<img class="aligncenter size-full wp-image-3520367" src="https://website.downloads.aejuce.com/image/3520367.png" alt="" width="1999" height="1227" />
<img class="aligncenter size-full wp-image-3520366" src="https://website.downloads.aejuce.com/image/3520366.png" alt="" width="1999" height="1228" /> <img class="aligncenter size-full wp-image-3520368" src="https://website.downloads.aejuce.com/image/3520368.png" alt="" width="1999" height="1229" />Step 4: Adjust the Position Animation
At the third position, change the Y Position to -176. At the second position, set the Y Position to -2. This movement will create a dynamic bouncing effect.<img class="aligncenter size-full wp-image-3520370" src="https://website.downloads.aejuce.com/image/3520370.png" alt="" width="1999" height="1228" />
<img class="aligncenter size-full wp-image-3520369" src="https://website.downloads.aejuce.com/image/3520369.png" alt="" width="1999" height="1226" /> Step 5: Apply Easy Ease for Smooth Motion
Select the keyframes at positions 1 and 3, then right-click and choose Easy Ease to make the animation more natural and fluid.<img class="aligncenter size-full wp-image-3520371" src="https://website.downloads.aejuce.com/image/3520371.png" alt="" width="1999" height="477" />Step 6: Shrink the Shape at the End
Move the CTI forward and set the Size to (0,0) to create a shrinking effect at the end of the animation.<img class="aligncenter size-full wp-image-3520372" src="https://website.downloads.aejuce.com/image/3520372.png" alt="" width="1999" height="1228" />Step 7: Duplicate and Stagger Layers
Duplicate the shape layer twice, change their colors, and offset them slightly in the timeline to create a layered animation effect.<img class="aligncenter size-full wp-image-3520374" src="https://website.downloads.aejuce.com/image/3520374.png" alt="" width="952" height="1572" /><img class="aligncenter size-full wp-image-3520373" src="https://website.downloads.aejuce.com/image/3520373.png" alt="" width="1999" height="1226" /> <img class="aligncenter size-full wp-image-3520375" src="https://website.downloads.aejuce.com/image/3520375.png" alt="" width="1999" height="1228" />Step 8: Create a New Composition for the Pattern
Create a new composition with dimensions 1200&#215;1200. This will be the final pattern workspace.<img class="aligncenter size-full wp-image-3520376" src="https://website.downloads.aejuce.com/image/3520376.png" alt="" width="1186" height="116" /> <img class="aligncenter size-full wp-image-3520377" src="https://website.downloads.aejuce.com/image/3520377.png" alt="" width="1158" height="1064" />Step 9: Add a Background Layer
Go to Layer &gt; New &gt; Solid and select a background color of your choice. This will serve as the base for your pattern.<img class="aligncenter size-full wp-image-3520380" src="https://website.downloads.aejuce.com/image/3520380.png" alt="" width="1636" height="146" /><img class="aligncenter size-full wp-image-3520379" src="https://website.downloads.aejuce.com/image/3520379.png" alt="" width="898" height="868" /> Step 10: Apply the CC Repetile Effect
Drag your animated shape composition into the new composition. Then, go to the Effects &amp; Presets panel and apply CC Repetile. In the Effect Controls, adjust the following settings:
Expand Right: 1506 
Expand Left: 1084 
Expand Down: 1528 
Expand Up: 1459 
Additionally, tweak the Scale and Rotation to get a seamless pattern.<img class="aligncenter size-full wp-image-3520382" src="https://website.downloads.aejuce.com/image/3520382.png" alt="" width="1999" height="1224" />
<img class="aligncenter size-full wp-image-3520381" src="https://website.downloads.aejuce.com/image/3520381.png" alt="" width="1999" height="1228" /> Step 11: Duplicate and Arrange Layers
Duplicate the layer multiple times and adjust their positions to fill the canvas with a seamless pattern. Experiment with different placements for a more intricate design.Step 12: Preview the Animation
Press the Spacebar to preview the animation and check how the shapes interact as a pattern. Make any necessary adjustments.<img class="aligncenter size-full wp-image-3520383" src="https://website.downloads.aejuce.com/image/3520383.png" alt="" width="1999" height="932" />Step 13: Render the Final Animation
Once satisfied, go to Composition &gt; Add to Render Queue, set the desired output format and settings, and render your final pattern animation.<img class="aligncenter size-full wp-image-3520384" src="https://website.downloads.aejuce.com/image/3520384.png" alt="" width="1186" height="414" /> <img class="aligncenter size-full wp-image-3520385" src="https://website.downloads.aejuce.com/image/3520385.png" alt="" width="1999" height="1228" />Conclusion
By following these steps, you can create a visually engaging and dynamic pattern in After Effects. With keyframe animation, shape layers, and the CC Repetile effect, you can generate unique looping designs perfect for backgrounds and motion graphics projects.

text

getCoupon

saleTimer

After Effects

sidebarRelatedPosts

sidebarBanner

How to Create a Pattern in After Effects

<h3>Creating a Seamless Pattern in After Effects</h3>
<h3>Introduction</h3>
Patterns are widely used in motion design to create visually appealing backgrounds and loops. In this tutorial, you will learn how to create an animated pattern in After Effects using shape layers, keyframe animations, and the CC Repetile effect. 
Step 1: Create a New Composition