Participant

Answered

How do I loop an animation in adobe Animate

Forum|Forum|8 years ago
August 12, 2017
7 replies
47309 views

How do I loop an animation in the time line.

How to

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

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/

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.

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

M

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

headTrix, Inc. | Adobe Certified 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?

M

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

headTrix, Inc. | Adobe Certified Training & Consulting

jennyr24223292

Participating Frequently

Hi Jenny,

Yes movie clips are a solid foundation of Animate. In Premiere you might call that a squence, or possibly a nest. Or a composite in After Effects, sort of works the same way. If you have a walking character all you need is one step with the left foot and one step with the right foot on a loop (inside of a movie clip).

And then you can just animate thet movieclip of the character walking in a loop, and animate the movieclip across the stage. So inside the MovieClip would be the walking animation, and on the main stage that Movie Clip (MC) will be animted across the stage so it looks like he is walking across the scene.

If you are able to select eerything... you can right-click to COPY FRAMES and then create a New Symbol (Insert>New Symbol), make sure its a MC, and then right-click on the first frame and Paste Frames.

Then you can drag the new MC from the library and extend the timeline so it loops as many times as you need it to. Hope this helps!

Might also help to watch my entire Getting Started Series (8 videos now, and adobe should be uploading the last 4 soon, one of which has a very simple bird with the same technique as I described above.

ADOBE ANIMATE GETTING STARTED SERIES

Hope this helps!
mark

Thank you Mark. This is helpful. I think I understand better what you mean when you refer to nesting. I am going to try what you suggested. I have watched your video but need to keep rewatching bc the concepts are different than other software I use. Just need to get used to what the process is... THanks

M

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

headTrix, Inc. | Adobe Certified Training & Consulting

just.emma

Inspiring

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

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.

C

ClayUUID

Legend

Put it in a graphic or movieclip symbol.

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.

Scanning file for viruses.

This file cannot be downloaded