Exported PNG’s from After Effects cause problems when importing to Flash CS3

Good times and a first for keith and I. We get a PNG from the art guys that was generated from AE originally, although batched with Fireworks, it imported into flash at -107374182.4 width and height as well as x/y. I re-ran it through fireworks myself (thinking maybe the designer was smokin to much hash that day – wouldn’t be the first time…just sayin’) but same problem existed.

So, it turns out that if you change the extension of a png to “txt” and open it in a text editor, you can see what’s in the header. Sure enough, there’s AfterEffects:

tEXtCreator Adobe After Effects

The same designer, who apparently was NOT on hash that day, came up with a solution that I’ll post as soon as I can get it from him.

  1. I remember something like that from my After Effects days. But wasn’t it just possible to reset the scaling on the item, once it’s on the stage?

  2. I’ve discovered the same very annoying problem. I found that opening the file in Photoshop, and just saving without doing anything fixes the problem… though its not ideal of course…. I’ve now switched to using TIFS instead of PNGS when exporting from AfterEffects to use in Flash

  3. thanks

  4. Hi John-
    Forrest Maready here- Motion Designer friend of Andy Zupko. There’s an easy workaround for this:

    Don’t use the Render Queue in After Effects.
    Use the File->Export->ImageSequence… menu option instead.

    For some reason, the PNG’s work fine that way, but not with the Render Queue.

    Have fun with Andy- we’ll miss him.


  5. We had a similiar problem with pngs from Paint.net. Blue 255 was read into flash as 254 (many colors were off). Every program we could find showed the png as 255. Resaving it through PS didn’t solve it, and a hex editor showed the resave left the paint.net header. I didn’t believe it until I saw it, and wrote extra code to test it.

  6. The same thing happens when exporting png sequences from Maya or some other 3D programs. We came up with a solution to solve this and reduce file size and alpha. Usually we you get an animation sequence there is a lot of unnecessary alpha in each image. So I wrote a WPF application that will go through each image in a folder and crop out all of the transparency. Then it saves the file out with a offset in the title so you can use JSFL to import it and place the images in the right spot. This way the animation plays back properly. The application kills 2 birds with one stone. I am going to be posting the application in the next couple of weeks.

    • George
    • March 31st, 2008

    This problem kills me weekly. Ive been running every frame through a Photoshop save action until now.
    Hopefully that export instead if render queue solution works, good to see its being addressed though, thanks!

  7. Im going to try both methods and that is run export them as a tiff because not rendering in the rendering queue want give me the same quality

  8. O.K. guys I read the technote and it stated the reason for this is because when you render png files from after effects it doesn’t include a PPI tag(Pixels Per Inch) which causes a problem in flash. So the solution is to export them, now if you want more control use the quicktime rendering engine for the png and that should do the trick let me know how it work guys

    • Kári Yngva
    • December 3rd, 2008

    Yeah, exporting instead of using the render queue and then importing into flash works.

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s