Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Animation Video Laggy and Poor Audio after Export (with example animation)

New Here ,
Nov 25, 2018 Nov 25, 2018

Hey!

I've been searching for a solution for this problem for the past 2 days but I just can't find one.

That's why I have to ask you here. Thanks for any help!

So here is the animation I made:

https://www.youtube.com/watch?v=U7TmMPLmo8M

There are 2 problems:

Problem 1) The animation look laggy, especially the background when the camera moves side to side or up and down.

Can someone explain me how I can make the lags stop?

Here are the Video Export Settings I used for the video above:

Format H.264

Preset: Youtube 1080p Full HD

Aspect: Square Pixels (1.0)

Performance: Hardware Encoding

Profile: High

Level: 4.2

Bitrate Encoding: VBR, 1pass

Target Bitrate: 16

Problem 2) The audio quality is very low even though I have chosen a high audio quality in the export settings.

Does someone know why this happens and how I can improve the audio quality?

Audio Codec: AAC

Sample Rate: 48000 Hz

Channels: Stereo

Audio Quality: High

I'd be very grateful if anyone would know a solution

Kindly,

Lea

7.9K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

LEGEND , Nov 29, 2018 Nov 29, 2018

If you're using a recent version of Animate you can change the frame rate from 12 to something higher, with the Scale Frame Spans box checked in the Properties panel, and it will change the frame rate but also keep the speed of the animation the same. That could lead to some issues, so if you try it make sure to try on a copy of your file, and changing from 12 to 24 would be safer than changing from 12 to 30.

Translate
Adobe Employee ,
Nov 27, 2018 Nov 27, 2018

Have a look at this discussion Animate 2018 animation playback is slow​ to see if you can glean any insights from it.  Meanwhile, I will check with the experts to see if they have anything to add.

Thanks,

Preran

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 29, 2018 Nov 29, 2018

Thanks for taking to help me Preran.

The thing is that my video is not only laggy inside the playback but also when I export the video.

At this point I think that my mistake was to only use 12 fps. I think that the low frame rate caused my animation to not look smooth.

But I wanna thank you again for your help!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Nov 29, 2018 Nov 29, 2018

If you're using a recent version of Animate you can change the frame rate from 12 to something higher, with the Scale Frame Spans box checked in the Properties panel, and it will change the frame rate but also keep the speed of the animation the same. That could lead to some issues, so if you try it make sure to try on a copy of your file, and changing from 12 to 24 would be safer than changing from 12 to 30.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 29, 2018 Nov 29, 2018
LATEST

Thanks Colin, I followed your advice and changed it to 24 fps now and now it's very smooth. It's of course also twice the speed than before but at least I see now how 24 fps is so much smoother than 12.

Thanks!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 27, 2018 Nov 27, 2018

Your settings look good. I'll start with trying to solve the panning jitter. I'm going to guess your frame rate is low. Are you using 12fps?


Animator and content creator for Animate CC
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 29, 2018 Nov 29, 2018

Yeah, 'panning jitter' is the name of the problem I think.

I'll go through the link that you gave me and try to follow the advice there inside.

And yes, it's 12 fps and according to the link you gave me that's probably the biggest problem. I'll probably have to increase the fps or not have anymore fast movements.

Thanks for taking the time to help me _keyframer! I think that you gave the correct answer to my main problem

Thanks so much, I'll learn everything about 'panning jitter' now.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Nov 27, 2018 Nov 27, 2018

The settings you showed are presumably what you did in Adobe Media Encoder, but there were some things you already had wrong in Animate.

Assuming you're animating for video, and the animation doesn't have to play back with good sync and good frame rate in a mobile browser, for example, here are some things you could do in Animate:

1. In the Library set any bitmaps to be Lossless compression and Allow Smoothing. You don't need to worry about file space, so no reason for anything to be JPEG.

2. Make sure that all sounds you are importing into Animate are WAV, 44.1 kHz, 16 bit (mono or stereo). If you have imported already compressed MP3, you've lost some quality even before you start.

3. In Publish Settings change the audio compression for both stream and event to be Raw, 44.1 kHz, 16 bit, and check the Override sound settings box, to make sure none of the sounds are set to lower quality in the library:

Screen Shot 2018-11-27 at 1.13.57 PM.png

4. In the timeline, you do have the main sound layer set to Stream, and not Event?

Once you have those things sorted out, do a regular Test Movie, and see if the SWF plays correctly. If it does play well then the final video should be good too.

In exporting to video you have the option to send the video to Adobe Media Encoder. I would choose not to do that. By not doing it you end up with a very large MOV file, which you can then compress with Adobe Media Encoder. The advantage of working that way is that each time you try a new set of settings you don't have to re-export from Animate. If the MOV plays as well as the SWF, which it should, you can just concentrate on what compression settings you need to do to make the H.264 MP4 file.

In order to view the MOV file you may well need QuickTime to be installed, but you may also be able to play the file with VLC or other media players.

So, short version of all of that:

Make sure everything is at the highest quality it can be.

Test a SWF.

If that's ok, export MOV.

If that's ok, then compress to MP4.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Nov 27, 2018 Nov 27, 2018

One other thing, you can improve the picture quality by adding a line of ActionScript to frame 1 of the main timeline. BTW, make sure you are working in an ActionScript 3.0 FLA, and not an HTML5 Canvas one, so that you can take advantage of the Stream audio sync.

The line of code, which you would add by clicking in a layer I frame 1, and typing this into the Actions panel, is this:

stage.quality = "16x16";

That will make the SWF render at 16 times antialiasing, which should make vector lines look really good.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 28, 2018 Nov 28, 2018

I agree with everything Colin. Lea, how does your animation look and sound when published/played as SWF?


Animator and content creator for Animate CC
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 29, 2018 Nov 29, 2018

Thanks for answering my question Colin

I followed your advice and was able to solve the audio problem. Now the audio sounds great!

I'll also in the future export to swf to mov to mp4.

Thanks again for taking so much time to help me

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines