Adapting to Change with Responsive Design Time

Change is the nature of the universe. This outlook underpins Daoist philosophy, as well as After Effects workflow. That’s why it’s best practice to export motion graphic templates (mogrts) with Responsive Design – Time.


  • Set up the animations in your comp.
  • Set up Responsive Time by creating Protected Regions.
  • Test the nested comp by dragging the in and out points.

My favorite way to create protected regions is to set a shortcut for Composition > Responsive Design Time > Create Protected Regions from work Area. Here I’ve set it to Control + P.

Drag the in and out points of the nested comp. It will stretch in time, while protecting your animated regions. Say you have a lower third that’s 5 seconds long, with an intro and outro that’s 2 seconds each. If you drag it out to 10 seconds, your intro and outdo will still be 2 seconds.

But what if you drag the outpoint so far back that your protected regions shrink? In that case, your protected regions are simply animating on faster.

As you can see, the power of RDT is mighty. No more dragging keyframes within nested comps, setting markers, passing on the guesswork to your editor, or just wingin’ it. From transitions to lower thirds, there’s a world of animations out there waiting for you to make them adaptive and responsive. Maybe we as humans can learn to do the same—to follow the rivers of change, to study them, to become them.

Done! Now learn more about Responsive Design – Time at Adobe.