Digital Publishing Suite 101: Using Transparent Edge Animate Files with PDF Folios

The latest version of Edge Animate was released recently and one of the new features was the ability to save with a transparent poster image. That was a great addition but when I tried to place the OAM file in InDesign and tested it out, I still had a black background.


I did a bit of digging and found out the transparent background only works on PNG and JPG articles. I always use PDF format for folios so rasterizing everything was not something I wanted to do. Then I remembered a post on the User to User forums a while back with a great tip on how to get this working on PDF folios.

When you publish the OAM, be sure to set the poster image to transparent.

Edge Animate publish settings

Edge Animate publish settings

After you place it, select the OAM file and then open the layers panel. You’ll see the OAM file there twice. Once as a container (the frame) and once as the content (you may need to click the triangle expand the selection).

Make sure you have the frame selected and open the Effects panel and set the opacity to zero.

Settings in the layers and effects panel.

Settings in the layers and effects panel.

Let’s finish it up in the Folio Overlays panel. With the OAM file still selected open that panel and it will automatically show the Web Content pane. Set it to Auto Play with a .125 second delay (this prevents the animation from playing before the page loads). Select “Transparent Background” and deselect “Allow User Interaction” and “Scale Content to Fit.”



The animation will now play with transparent background.

2014-02-14 15.46.47

I wish I could find the post to provide the proper credit for this very clever solution.

By |2014-02-16T09:28:41+00:00February 17th, 2014|Adobe, Digital Publishing Suite, Edge Animate, InDesign, Tips, Tutorial|10 Comments


  1. Peter Laely February 17, 2014 at 11:48 am - Reply

    G R E A T THX a lot for this tipp

  2. Bart Van de Wiele February 24, 2014 at 5:59 pm - Reply

    Great solution, thanks for sharing Bob!

  3. Bala. Gnanapandithan February 24, 2014 at 11:20 pm - Reply

    Excellent tip, thanks a lot

  4. Jon Graham July 11, 2014 at 6:46 pm - Reply

    Thanks, you saved my butt!

    • Bob
      Bob July 12, 2014 at 11:22 am - Reply

      I’m glad it worked out for you. 🙂

      • atch7 July 27, 2014 at 2:18 pm

        Hi, when you say: “After you place it, select the OAM file and then open the layers panel. You’ll see the OAM file there twice. ” I don’t understand, where do you place it? And also, in which software am I to open the layers panel? I’ve checked adobe animate but cannot see any? Thank you.

  5. Bob
    Bob July 28, 2014 at 11:52 am - Reply

    You place the OAM in InDesign. From there the rest of the post refers to InDesign only.

  6. Thanks so much for this. I’ve been wracking my brain (and the internet) trying to figure this out and I finally stumbled across your post. Worked perfectly!

  7. mrlawrence1234 November 24, 2014 at 5:33 am - Reply

    Bob thanks man for all you do!

    • Bob
      Bob November 24, 2014 at 8:31 am - Reply

      Thanks for the kind words. 🙂

What do you think?

This site uses Akismet to reduce spam. Learn how your comment data is processed.