Participant

Answered

How do I loop an animation in adobe Animate

23 replies
47855 views
Translate

How do I loop an animation in the time line.

How to

This topic is closed to new replies. Start a new post to keep the conversation going.

mark@headTrixCorrect answer

Community Expert

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 & AI Training & Consulting

Edu Couchez

Inspiring

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/

Translate

Edu Couchez

Inspiring

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.

Translate

jennyr24223292

Participating Frequently

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...

Translate

mark@headTrix

Community Expert

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

Translate

headTrix, Inc. | Adobe & AI Training & Consulting

jennyr24223292

Participating Frequently

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?

Translate

mark@headTrix

Community Expert

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

Translate

headTrix, Inc. | Adobe & AI Training & Consulting

jennyr24223292

Participating Frequently

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

Translate

mark@headTrix

Correct answer

Community Expert

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

Translate

headTrix, Inc. | Adobe & AI Training & Consulting

just.emma

Inspiring

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

Translate

R

RandomlyFish

Inspiring

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.

Translate

C

ClayUUID

Legend

Put it in a graphic or movieclip symbol.

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.