Main-Image-Adobe-Edge-Animate-Banner*note that this works for both Digital Publishing Suite and .folio articles in Digital Publishing Solution.

Adobe Edge Animate is an amazing piece of software that allows you to easily create interactive or non interactive motion graphics and animations. Along with Adobe After Effects, Edge is one of the most fun applications I get to use at work. Here I’ll go over how to put your Edge Animate content into DPS articles using InDesign, and some tips and tricks that I’ve found with my time using Edge Animate.

This is Part 2 of my Tips & Tricks section. You can find Part 1 here.

Transparency

If you want to make an animation of some text or a logo flying into frame but want a transparent background so you can see the art or colors on your inDesign page, you will want to make your Edge composition have a transparent background. To do this you need to set the stage background color. After you create a new comp, you will first set up your page with the stage settings panel on the top left. This is also where you can set your width and height. The option we are looking for is the stage color, which is the white square by default.

Edge stage settings panel
John Cunningham Headshot

John Cunningham is an interactive designer at 6D Creative/Mobile. His unique combination of both developer and design skills positions him perfectly for interactive design in the app world. John also specializes in animation, motion graphics, and UI/UX design. John is based in 6D Global’s Portland, OR office. john.cunningham@6dglobal.com