Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

dazzer21-2

macrumors 6502
Original poster
Dec 3, 2005
458
511
Right. I've tried explaining what I'm doing to experts about settings and techniques that I'm using and I'm getting nowhere. I hope that someone more layman can just get me out of this mess. Can someone please provide me with a workflow for this? I am using Adobe Animate to produce simple 2D build up animations for a retailer. The file is set up as a portrait 1080p (1080x1920px) canvas. The problem is that looking at the artwork file compared to the finished .mov file after it has been exported as "video/media" and fed through Media Encoder, the difference is night and day. The finished .mov item is blurry and the colours aren't as vivid. If I export the file as a "movie", the resulting .swf file is nice and sharp. The format being asked for is a Quicktime .mov with H.264 encoding. So: what preset should I use on export from Animate (currently Format: Quicktime; Preset: H264 Match Source High Bitrate)? As far as Media Encoder presets go, I'm completely in the dark. I haven't used it before as this is the first time I've needed to produce files of this type. It was all going so well up until the file translation bit! ANy help would be greatly appreciated. Thank you in advance.
 
Long time ago that you've been asking and none answered, yet. I hope you've already mastered your video export. As I don't use Animate, I need to blind guess. As I formerly used Flash, I try to give an answer.

Export to the same movie size as your canvas is defined. If you don't like the export quality of HD 1920 x 1080, try exporting to 4K (3840 x 2160 px), preferable with the canvas set to this size. Export it to Quicktime Apple ProRes 4444 and then convert it to Quicktime h.264 with a .mp4 container. I'm not sure, if it's possible to select a high frame rate of 60 fps. Do so if you can, especially if your animation is fast. Another possible setting could be interlaced output like 1080i or progressive output like 1080p. Choose the progressive format to get the full information inside every frame and not just an interlaced format with only the half amount of pixels in each frame.

Notice that you can work with pixel and vector graphics in Animate, but a movie is always a pixel based format. Vector shapes are resolution independent and will always scale to a sharp output. A pixel based movie is the rendered version of your clear and crispy vector shapes and is tied to specific resolution. The larger your screen and the lower your movie's resolution are, the less sharp will your output be.

The only ways to output your Animate vectors crispy clear and scaleable to the web, would be the flash format .swf that is deprecated or the html5 output that converts your Animate animation to CSS and Javascript animation. I read that you should use an ActionScript 3.0 FLA and not HTML5 Canvas as the AS3 FLA should habe more features and better quality for movie output. I don't know if that is true, but output to a movie definitely always means quality loss compared to animated vector shapes. With h.265 you could save some file size, compared to the desired h.264 format.

For your reference:

Hope that helps a bit.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.