3 Replies Latest reply on Dec 17, 2014 1:24 AM by 4500 Times

    Animated grid fill

    4500 Times



      I need to create an animation of a circular grid being filled in over time.  The grid is made up of a series of concentric circles and radial lines forming a series of quadrants (e.g. a spiders web).  What I need to do is move a straight line across the grid from one side to the other.  Every time the line contacts a new quadrant that quadrant then changes from white, to light grey, light grey to mid grey then mid grey to dark grey.  The changes from white to dark grey happen over 2 seconds for each cell.


      I have trawled the web for tutorials but cannot find anything that has a method that could apply.


      Could anyone please advise how I should approach this in After Effects.


      Many thanks,



        • 1. Re: Animated grid fill
          Dave LaRonde Level 6

          If it doesn't have to be automated, you could do it by masking solids of the appropriate colors to create the filled holes in the grid, then animating opacity.  Takes 10 minutes tops.

          • 2. Re: Animated grid fill
            Rick Gerard Adobe Community Professional & MVP

            Make each part of your grid a separate layer and animate opacity, scale, position, color, or any other thing you want to make the pieces appear. There is no easy way to do this with one layer.


            Personally, I'd create the artwork in Illustrator with each section a closed path then release to layers, move the released layers to the top, delete the empty bottom layer, and import as a comp.

            • 3. Re: Animated grid fill
              4500 Times Level 1



              Thanks for the replies.


              I am a relative starter in AE and really haven't looked at Illustrator yet so I am coming in as a bit of a beginner here.


              "If it doesn't have to be automated, you could do it by masking solids of the appropriate colors".  Not sure what you mean here by "If it doesn't have to be automated".  I need to automate it so that when the straight line meets a particular cell the process of changing colours begins in that cell.


              The grid will have 760 cells.  If I use a separate layer for each cell, is 760 layers a reasonable thing to do in AE?