EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Tutorials After Effects Tutorial After Effects Repeater
Secondary Sidebar
After Effects Tutorial
  • Effects
    • Crop in After Effects
    • Color Grading in After Effects
    • Text Effects in After Effects
    • After Effects Templates
    • After Effects Bounce Expression
    • Time Remapping After Effects
    • After Effects Gradient
    • After Effect Font
    • After Effects Duplicate Composition
    • After Effects Expressions List
    • After Effects Green Screen
    • After Effects Loop Composition
    • Drop Shadow in After Effects
    • Background in After Effects
    • Blur in After Effects
    • After Effects Freeze Frame
    • After Effects Move Anchor Point
    • After effects?Quicktime
    • Text in After Effects
    • Motion Blur in After Effects
    • Mask in After Effects
    • Color Correction in After Effects
    • Blending Modes in After Effects
    • Track Matte in After Effects
    • Transparent Background in After Effects
    • Slow Motion in After Effects
    • Animation in After Effects
    • Text Animation in After Effects
    • Logo Animation in After Effects
    • 2D After Effects Animation
    • 3D Effects in After Effects
    • 3D Text in After Effects
    • After Effects 3D Objects
    • Shape Layers in After Effects
    • Export in After Effects
    • Morphing in After Effects
    • Twitch in After Effects
    • Snowfall in After Effects
    • Rain in After Effects
    • Masking Layers in After Effects
    • Group Layers in After Effects
    • Glitch Effect in After Effects
    • Ripple Effect in After Effects
    • Composition in After Effects
    • After Effects Transitions
    • Typography in After Effects
    • Slider Control After Effects
    • Motion Graphics in After Effects
    • Wiggle in After Effects
    • After Effects Portable
    • Wiggle Expression in After Effects
    • Keylight in After Effects
    • Rotoscoping in After Effects
    • After Effects Render
    • After Effects Expressions
    • After Effects Presets
    • Duik After Effects
    • After Effects Split Clip
    • Trapcode in After Effects
    • Plexus After Effects
    • Logo Reveal After Effects
    • Mocha in After Effects
    • Twixtor in After Effects
    • Lens Flare in After Effects
    • After Effects Particles
    • After Effects Timeline
    • After Effects Tracking
    • Camera Tracking in After Effects
    • After Effects Repeater
    • After Effects Cartoon
    • After Effects Loop Expression
    • After Effects?Optical Flares
    • Glow in After Effects
    • After Effects GIF
    • After Effects Motion Tracking
    • After Effect Kinetic Typography
    • Cut Clips in After Effects
    • Lower third after effect
    • Masking Layers in Adobe After Effects
  • Basic
    • What is After Effects
    • After Effects Versions
    • After Effects Software
    • After Effects Shortcuts
    • Adobe After Effects Plugins
    • How to Use After Effects
  • After Effects Tools
    • After Effects Tools
    • After Effect Hologram
    • Pen Tool in After Effects
    • Puppet Tool in After Effects
    • KeyFrames in After Effects
    • Adding Keyframes in After Effects

Related Courses

After Effects Training Course

Adobe Premiere Pro Training Course

Design Training Course

After Effects Repeater

By Ravi KhatriRavi Khatri

After Effects Repeater

Introduction to After Effects Repeater

Adobe After Effects is an animation and video editing software and, in this article, we are going to learn how it is used in the repeater. We will look in-depth on how we can use shapes and apply basic keyframes along with the transition. Then we will see how quickly we can convert a simple animation into a repeating pattern which will take care of distributing evenly by using the repeater in After Effects.

How to Use After Effects Repeater?

Step 1: Let us first familiarize ourselves with the interface before starting to get a better understanding. At the top is the menu bar like File, Edit, etc., and each has its own submenu. Next, just below it, we have a tool panel and their properties. On the left side, a project panel consists of the project files and effects control panel, which shows the effects applied on a particular layer. Then there is the composition panel which shows the preview of the animation or video. At the top right, we have various layout presets, which will arrange according to the type of work. We can even create our own custom layout. At the right, there are various sections used to edit the video. At the bottom, there are layers and a timeline panel used to add media and add animation keyframes.

submenu

Step 2: In the project panel, right-click to create new comp. Give the composition name and set the width and height. Set the preset and other settings as it is. We can change the background color by using the color picker or clicking on the background color.

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

project panel

After Effects Repeater - 3

Step 3: Now, we will add a solid for the background. Keep the width and height as is and set the color to purple. We can give it the name of the background.

background

After Effects Repeater - 5

Step 4: Use the ellipse tool or press “Q” and then hold shift and make the circle. Set the fill color to white and stroke to none. Also, make sure that the background is not selected while drawing the circle or else a mask will be created.

ellipse tool

Step 5: Also, make sure that the anchor point is in the center of the circle. If not, as in our case, then use the Pan Behind (Anchor Point) Tool or press “Y”. Click and drag to the center and hold ctrl while dragging, which will snap the anchor point to the center of the circle.

Anchor Point

Step 6: Next, add a keyframe for the size and position attributes by clicking the timer symbol. This will set the starting point of our animation.

position attributes

Step 7: Set the size to 0.0. Since the link icon is on so set any width or height to 0.0 will make both 0.0.

After Effects Repeater - 9

Step 8: After some frames or about half of the animation, set the size to the original size.

original size

Step 9: After some frames, which is the end of the animation, set the size back to zero and position to -300. This will make the circle to go to the top and then disappear.

After Effects Repeater - 11

Step 10: To make the motion smooth from start to end, we use easing. We will use easing in the position keyframes. So, select position and right click and go to Keyframe Assistant and set Easy Ease or press “F9”. If we want more customization, we can go to Keyframe velocity, where we can adjust incoming and outgoing velocity.

Easy Ease

After Effects Repeater - 13

Step 11: We can also go in graph editor if we want even more customization by clicking on the icon at the start of the timeline, but in this article, we will go with the default easy ease transition.

After Effects Repeater - 14

Step 12: To add the repeater go in the contents section inside the shape layer and click on the arrow beside Add label and create a repeater.

After Effects Repeater - 15

Step 13: Repeater has its own set of parameters like copies and offset. It also has its own transform. By default, it has created 3 copies, as we can see.

After Effects Repeater - 16

Step 14: Let’s adjust its parameters and set the copies to 8.

After Effects Repeater - 17

Step 15: Change the Rotation in the Transform section of the repeater. We can do some basic math like we want to distribute the number of shapes in a circle, so we divide 360 by 8, which we can do inside the box.

After Effects Repeater - 18

Step 16: Still, we didn’t get the circle because we have to change the position to 0

After Effects Repeater - 19

Step 17: So, the pattern is created and now play the animation, and it looks pretty cool. If we want to play the animation again and again, then drag the work area below the current-time indicator to the size of the animation and the just press spacebar.

After Effects Repeater - 20

Step 18: Let’s add one more repeater to create some interesting patterns. We can add multiple repeaters to a single layer.

After Effects Repeater - 21

Step 19: Again, change position to 0.0 and the rotation according to the number of copies; as we have 3 copies in this repeater, we divide 360 by 3 and get the rotation of 120 degrees.

After Effects Repeater - 22

Step 20: The second repeater has multiplied the first repeater by 3. Now we will change the scale of the second repeater to 50% to get a much more interesting effect.

After Effects Repeater - 23

Step 21: In the transform of an ellipse, change the skew property to 50 to get the following effect.

After Effects Repeater - 24

Step 22: Let us hide the current shape layer by clicking on the eye icon and creating the new shape, and following the same steps as previously.

After Effects Repeater - 25

Step 23: Add a repeater and set copies to 12 and the position to 0, and the angle according to copies.

After Effects Repeater - 26

Step 24: Similarly, add another repeater.

After Effects Repeater - 27

Step 25: If the circle is overlapping, then you can change the ellipse path size.

After Effects Repeater - 28

Step 26: Now, we will change the scale and the end opacity of the second repeater to achieve this effect. You can change the rotation to create an animation that can be used to create a background.

After Effects Repeater - 29

Conclusion

In this article, we have learned how to create a simple animation and make it more attractive using a repeater, but we have also created effects without animation and just using a repeater. Apart from that, we have also learned how to use shapes and easing.

Recommended Articles

This is a guide to After Effects Repeater. Here we discuss an introduction, how to create repeaters in after-effects in a step by step manner. You can also go through our other related articles to learn more –

  1. Snowfall in After Effects
  2. Glitch Effect in After Effects
  3. Text in After Effects
  4. Lens Flare in After Effects
Popular Course in this category
After Effects Training (3 Courses, 3+ Projects)
  3 Online Courses |  3 Hands-on Projects |  25+ Hours |  Verifiable Certificate of Completion
4.5
Price

View Course

Related Courses

Adobe Premiere Pro Tutorial (4 Courses, 7+ Projects)4.9
All in One Design Bundle (280+ Courses, 100+ projects)4.8
3 Shares
Share
Tweet
Share
Primary Sidebar
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

ISO 10004:2018 & ISO 9001:2015 Certified

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

Banner Creation, Object Selection, Sky Replacement, Advance Filters & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more