Skip to main content
Participant
August 12, 2017
Answered

How do I loop an animation in adobe Animate

  • August 12, 2017
  • 7 replies
  • 47073 views

How do I loop an animation in the time line.

This topic has been closed for replies.
Correct answer mark@headTrix

To loop an animation, copy and paste the animation into a Movieclip symbol. Or create a new movieclip symbol and then create the animation in there. Movieclips loop independtly over and over.

 

Check out this short video I made to learn "How to Create Movieclips in Adobe Animate"

 

hoep this helps,
mark

7 replies

Edu Couchez
Inspiring
January 16, 2022

Well... as usual, five years later hasn't been solved in the app... but thankfully, we have a good alternative. Already named in earlier answers, Keyshapeapp doit it all, easy, intuitive UI, export stright to SVG + CSS style animation, onli 27€ (suppose similar in $) IMPORTANT: ONLY FOR MAC... sadly, I haven't found any alternative for PC. Although welcome if anyone can share another

https://www.keyshapeapp.com/ 

I've been for months trying to animate a basic loop animation without luck, just because I'm not a programmer... tried with pure HTML/SVG/CSS coding... almost succeeded, but always stuck in small details uncapable to solve, because I'm artist and can't visualize num,bers and code. With this simple app, I've done it in 3 minutes... that's all... exported right in a simple SVG, CSS styles clear and understandable, ready to customize if you want to fine tune right in code.

https://www.keyshapeapp.com/

Edu Couchez
Inspiring
January 16, 2022

Forgot to mention... of course, you can open any SVG image, even exported right from Illustrator, so you can design comfortabilly with AI, and let this simple app do the rest.

 

jennyr24223292
Participating Frequently
April 16, 2020

WHile I have you. I made a change to a still that is a document that I converted into the symbol 'graphic'. In other programs you can pretty easily replace the original file with the newly fixed that has been saved with the same name. I was able to replace the new file with the original document in the library, but it did not change the same document that was converted into the graphic symbol where my animation is...Hard to explain sorry. But basically wanted to replace the image in my graphic wo having to redo the animation over again...

Community Expert
April 16, 2020

that is how symbols work. You can create an entire animation with a symbol, and then just update the symbol in the library and BOOM... you have a totally new animation. But you hve to learn about symbols first... its the basis of Animate.

 

Again... check out my Getting Started Series here: At least look at the one on symbols, they are all pretty short

 

https://www.youtube.com/playlist?list=PLYeXZOOCIwCuzJTgzS1ODTe-T8FrmPty9

 

IN animate you don't replace the file... you either update the art in the library(in the symbol)... or you can SWAP a symbol with a different symbol.

 

Hope that helps!
mark

headTrix, Inc. | Adobe Certified Training & Consulting
jennyr24223292
Participating Frequently
April 15, 2020

How do I repeat my loop in Animate so that it will be longer than 1 second for when I export it to a movie for editing in Premiere?

Community Expert
April 15, 2020

Hi Jenny,

 

their are a few ways to make your animation loop.

 

you can select the current tweens and hold down the Option key (alt key on PC) and click and drag to copy or duplicate the tween so it can play again further down the timeline. Or you can select the entire tween or tweens in your animation and paste it into a moviecliip symbol which loops over and over again. You can see my video on creating Movieclips here: https://youtu.be/KaRZtkDcCpw

 

Hope this helps!

thanks,

mark

 

 

headTrix, Inc. | Adobe Certified Training & Consulting
jennyr24223292
Participating Frequently
April 15, 2020

Thank you for you helpful movie Mark. I think I understand it but learning very slowly watching your movie over and over. I understand how to highlight my clip and option click and move the clip over to repeat the animation but the movie clip seems less cluttered. I am animating a still of a figure that I used pins to make it look like it walks very simply back and forth. It isn't a graphic. That is where I am lost as it starts out as a png file. Do I highlight the two clips  of 20 frames to convert this to a movieclip? Sorry to ask obvious questions. I am trying to later export this figure walking into premiere but want it to be longer, like 20-30 seconds long. Thanks

mark@headTrixCommunity ExpertCorrect answer
Community Expert
October 31, 2019

To loop an animation, copy and paste the animation into a Movieclip symbol. Or create a new movieclip symbol and then create the animation in there. Movieclips loop independtly over and over.

 

Check out this short video I made to learn "How to Create Movieclips in Adobe Animate"

 

hoep this helps,
mark

headTrix, Inc. | Adobe Certified Training & Consulting
just.emma
Inspiring
August 12, 2017

In Publish Settings, just make sure the "Loop Timeline" box is checked.

Inspiring
August 12, 2017

You can play your animation by pressing Ctrl + Enter on Windows or Command + Enter on Mac. That will loop through all the frames on the main timeline, unless you have scripted it to stop.

Legend
August 12, 2017

Put it in a graphic or movieclip symbol.