Skip to main content
New Participant
August 12, 2017
Answered

How do I loop an animation in adobe Animate

  • August 12, 2017
  • 7 replies
  • 47065 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
n. tilcheff
Legend
April 16, 2020

Sorry Nick... I totally disagree with you. I have been teaching Flash since about 1998... and Movieclips as the predominant symbol in Animate. Movieclips are NOT only for Interactivitiy. Its perfect for making a bug flap its wings, or a character walk, or making a simple sail flap in the wind with only 3 frames. 

 

The video I shared above is the 5th video in my Getting Started Series that I created for the Adobe Animate Team. It was one of the most watched videos in the series. Movieclips help make Animate a lot more robust!

Graphic Symbols I used mostly for static art. Movieclips are also great to stack inside of each other, to make one ladybug crawling on the screen into 50 ladybugs crawling on the screen. To each its own... you teach your way I guess. I have always had amazing reviews... and I have taught a lot of students. For me it has worked great!


Hi Mark,

 

I wrote to you directly, because I was hoping that you could just stop, think and reconsider.

 

I know very well that Adobe / Macromedia presenters never really understood how Flash is used in professional animation.

At the time while Flash Player was predominant, the use of Movie Clips in non-interactive projects could somehow be justified as many kids would just publish and share SWFs. Now kids need to export MP4s and GIFs and they face all kinds of difficulties with these Movie Clip methods.

 

The fact that something wrong is regurgitated for many years does not make it right. Perpetuating bad practices only undermines the reputation of Animate. People can't get the results they want and the official tutorial materials do not offer them any insights into how to get these results while leading them in dead end streets.

 

Here's a link to an interview I gave to Ajay a few months ago if you need some background into who I am and look for credibility in this way:  https://theblog.adobe.com/nickolay-tilcheff-enhancing-animate-for-animators/

 

I'm not expecting old course materials to be re-recorded, but it's in the best interest of this community and the future of Animate if some of these sub-optimal practices are not actively promoted any more.

 

Best regards

Nick - Character Designer and Animator, Flash user since 1998 | Member of the Flanimate Power Tools team - extensions for character animation
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.