Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

best After Effects method to accomplish a repeated staggered animation in a grid???

Enthusiast ,
Jun 20, 2022 Jun 20, 2022

https://youtu.be/8qDxqBvK3NA?t=30 

 

I contacted the Youtube content producer "Mustard" who made this video to ask him how he did this amazing After Effects animation and he told me that he simply animated a single ship and repeated it hundreds of times as a composition. I was just wondering if there might be any After Effects plugin that simplifies this type of repeated animation in a grid. I've been trying to replicate this animation along the lines he suggested but without much success. So I'm convinced I'm missing something or doing something wrong.  What would be the most efficient way to achieve this type of repeated staggered animation? Thank you very much in advance.      

TOPICS
How to
2.4K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advocate ,
Jun 20, 2022 Jun 20, 2022

Motion Tile or CC RepeTile. Make the animation in a smaller comp then add it to a bigger comp. Add Motion Tile or CC RepeTile (both do similar things).

 

For Motion Tile, bump up the output width and output height.


For CC RepeTile, increase all values.


~Jake
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jun 20, 2022 Jun 20, 2022

There are a bunch of ways to do this. I like Rick's suggestion. Another way is you can make an animation in a small precomp. Make a grid of those precomps. Precomp that. Then apply Time Displacement on that using another precomp to drive the timing of how the animation happens.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 20, 2022 Jun 20, 2022

You can create a grid of images using a single small image or small pre-comp and Motion Tile. If you make sure that your comp is the same size as the repeated images you can drop an adjustment layer on top of that and apply Card Dance. Match the number of rows and columns, then create an animated displacement map with a gradient fill, or fractal noise or even paint. 

 

The gradient map looks like this:

RickGerard_1-1655770706074.gif

 

The comp looks like this:

RickGerard_0-1655770513605.gif

 

I've uploaded an After Effects file for you to take a look at.

 

When you have your animated graphic grid comp finished, drop it in your Main comp or render it and drop it in Premiere Pro for compositing and editing. 

 

You can even move the copies of the graphic in 3D space. I just used scale. I don't think there is a more efficient way to create and animate multiple copies of a graphic. The hardest part is designing the Displacement Map.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Jun 27, 2022 Jun 27, 2022
LATEST

Thank you very much for your help JqkeFX, Szalam, and Rick. Rick thank you very much for those example files you very kindly provided. I'm looking at them right now. To animate the construction of the master (initial) ship, I applied a set of masks over the ship that I fade in consecutively. I'm guessing that's what mustard did in his ship animation.   

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines