4 Replies Latest reply on Sep 22, 2017 6:08 AM by Davros1966

    Spinning dashes around an oval

    Davros1966

      Hi,

       

       

      Im trying to create a spinning oval (Elipse) where the dashes follow a path equal to a trim path, without the trimming part.  Basically that the dashed boarder of the oval   spins.

       

      Can someone help me out?

       

      It would be much appreciated

        • 1. Re: Spinning dashes around an oval
          Rick Gerard Adobe Community Professional & MVP

          Add dashes and gaps to get the stroke to look the way you want it to look making sure that the start and ending dash on the first vertex are correct then animate the offset. Nothing to it. You don't use Trim Paths or even have to add an animator, just add dashes or dashes and gaps. Just spin down the stroke properties and you'll see the option to add dashes. Click on the plus and you are 90% done.

          1 person found this helpful
          • 2. Re: Spinning dashes around an oval
            Davros1966 Level 1

            Hi Rick, thanks for your swift response.  So far i have arrived at this point.  all i want it to do is spin with the dashed following each other

             

             

            Screen Shot 2017-09-22 at 02.27.43.png

            • 3. Re: Spinning dashes around an oval
              Rick Gerard Adobe Community Professional & MVP

              Animate the offset value. Just set a couple of keyframes. Your timeline should look something like this:

              Screen Shot 2017-09-21 at 8.28.45 PM.png

              Pay attention to the stroke and offset properties.

               

              You could also add an expression like this to Offset:

              time * 400

               

              If you want to reverse the direction you'll run into trouble with big negative numbers so start out with a big positive number like 6000 for the first and then something like 100 for the last. If you are using the expression to get it to move counter clockwise use this expression:

              6000 - time * 400

               

              The larger the last number the faster the movement.

              1 person found this helpful
              • 4. Re: Spinning dashes around an oval
                Davros1966 Level 1

                Rick i pretty much love you right now.

                 

                Thank you very much.