3 Replies Latest reply on May 8, 2016 1:22 PM by _snickers

    Circular LED animations


      Hi everyone,


      I want to create a circular LED animation like in this video – especially like the one starting from 1:12. I already figured out how to create realistic looking LEDs in a circular arrangement but I still have some problems with the animations. So far I've been using a radial wipe transition but as each of the LEDs must be able to switch the color that doesn't seem like a proper solution. I know how to create this animation by using only a stroke but that doesn't help me a lot…


      Can you maybe give me some tips or name some effects that might help me?


      Thanks in advance!

        • 1. Re: Circular LED animations
          Mylenium Most Valuable Participant

          Create a linear wipe, quantise its "steps" with a Mosaic effect or an expression, turn it into a circe using Polar Coordinates and use it as a matte.



          1 person found this helpful
          • 2. Re: Circular LED animations
            Rick Gerard Adobe Community Professional & MVP

            Are you new to AE? Do you have any experience creating effects of animating layers? This is can easily be duplicated using shape layers and glow effects. Shape layers have additional animators you can apply like repeaters. The glow can be achieved with only a couple of duplicates of the shape layer, some fast blur and the add or screen blend mode.


            Here's a quick step by step.

            1. Press the Q key until you get the Ellipse tool
            2. Make sure you have the fill set to a color you want and the stroke is set to your liking
            3. Draw a small circle anywhere in the comp frame
            4. Press the U key to quickly reveal all modified properties of the layer
            5. Look for Ellipse Path 1 size - set that to 25
            6. Look for fill color and set a keyframe
            7. Look for Ellipse Path 1 > Transform > Position and set the X and Y values to 0 and -300
            8. Find the Add button just above the Blend Mode property in the Modes column and select Repeater
            9. Move to the repeater and set the Transform Repeater > Position to 0,0
            10. Set the Transform Repeater > Anchor Point to 300
            11. Set the Transform Rep[eater > Rotation to about 8º
            12. Adjust the Repeater Copies and the Repeater Offset to give yourself the number of lights you want. Animate number and offset to make the lights rotate around the center of the comp

            That should get you there ring of lights. Now either add something like Glow. Set a keyframe for Color, move down the timeline and set another keyframe. You're done. If you want to animate color changes then you can set keyframes. Animate offset to get the circle of circles to move. That's all there is to it. Now just add your glow effects.

            Screen Shot 2016-05-08 at 1.02.21 AM.png

            • 3. Re: Circular LED animations
              _snickers Level 1

              Thank you so much Rick! This is exactly what I was looking for! Your explanation is simply brilliant and works fine for me. I'm not a pro in AE but experienced in animating user interfaces. From now on I want to learn more about creating realistic effects like those flickering LEDs…