Learn how to create and work with responsive design - time in After Effects.

The Responsive Design feature allows you to author adaptive motion graphics. Responsive Design – Time enables adaptive time-stretching when a composition is nested or when it is exported as a Motion Graphics template. Adaptive time-stretching means that the the protected regions animate in the same amount of time even if you time-stretch the unprotected regions.

You can save the responsive design templates and reuse them in different projects to avoid duplicating and reitiming. You can also layer these different animations you create in After Effects.

Create Responsive Design - Time

You can create Responsive Design – Time in the following three ways:

  1. Option 1:

    Drag the work area bar to set the region for intro, outro, or protected region. In the Composition menu, select one of the options from the Responsive Design – Time sub-menu:

    • Create Intro: Creates a protected region for 15% of the composition duration, starting on the first frame of the composition.
    • Create Outro: Creates a protected region for 15% of the composition duration, ending on the last frame of the composition.
    • Create Protected Region from Work Area: Creates a protected region with start and end points that match the work area bar. The protected regions are shaded in blue.
    comp_menu
  2. Option 2:

    Drag the work area bar to select the region you want to set as protected region. Right-click the work area bar, then select Create Protected Region from Work Area.

    create_protectedregion
  3. Option 3:

    Click the marker icon at the right-side of the timeline and create a composition marker.

  4. In the Timeline panel, double-click the marker to open the Composition Marker settings dialog, and set a duration and enable the Protected Region option.

    comp_marker

Work with Responsive Design - Time

When a nested composition has one or more protected regions

When a composition has one or more protected regions and it is nested into another composition, dragging the in and out points of the layer will time-stretch the composition instead of trimming the in or out point. The duration of protected regions will be preserved. To trim the in or out point of the layer instead of time-stretching, hold the Option (macOS) or Alt (Windows) key and drag the in and out points.

Protected regions are composition markers with the Protected Region option enabled, with different handle icons to make it easy to identify them as protected regions. Protected region markers behave the same as other composition markers, except that when you nest a composition with protected regions, those markers can not be modified. Instead, the layer bar for the nested composition is shaded to indicate the protected regions.

Similar to other composition markers, if you modify a protected region after nesting a composition, the protected region marker on the nested composition layer is not automatically updated. To update markers on a nested composition layer, select the layer and choose Layer > Markers > Update Markers from Source.

The Protected Region option can accessed via scripting or expressions using the new protectedRegion attribute of composition markers.

When a composition with protected regions is exported as a Motion Graphics template

When a composition with protected regions is exported as a Motion Graphics template and added to a sequence in Premiere Pro, dragging the in and out points of the clip will time-stretch the composition instead of trimming the in or out point. The duration of protected regions will be preserved.

Această lucrare este oferită sub licență Atribuire-Necomercial-FărăModificări 3.0 Ne-adaptată Creative Commons  Postările pe Twitter™ şi Facebook nu sunt acoperite de condiţiile de licenţiere Creative Commons.

Prevederi legale   |   Politică de confidențialitate online