Add Responsive Design features to your graphics

Select a Graphic in your timeline and navigate to the Edit tab of the Essential Graphics panel.

Select a layer that you want to make responsive to the changes in another layer.

Under Responsive Design – Position > Pin To, specify which layer the currently selected layer should be pinned to.

The currently selected layer gets parented by the layer you choose from the drop-down list.

To define which edges the child layer should be pinned to, use the diagram on the right side  - Top, Bottom, Left or Right of the parent. You can also click the center of the diagram to pin to all edges or unpin from all edges.

For example, you have a rectangle containing text. If you pin the rectangle to the text, the text responds automatically to any change in the rectangle.

The selected layer now responds in position, length/width, and scale based on changes to its parent layer. When you select this layer in the program monitor, its parent layer displays small blue pins on the pinned edges. 

Select a Graphic in your timeline and navigate to the Edit tab of the Essential Graphics panel.

Make sure that the graphic you selected has none of its individual  layers selected.

Select the check-box next to Roll to enable credit rolls.

Specify whether or not you want your text or other layers to start or end offscreen.

Adjust the timing for Preroll, Postroll, Ease in, and Ease out using the timecode for each property.

Select the graphic in your timeline and navigate to the Edit tab of the Essential Graphics panel.

Make sure that the graphic that you selected has none of its individual layers selected.

Under Intro duration, specify the amount of time that you want to define as the intro/entrance section using the timecode controls.       

Under outro duration, specify the amount of time that you want to define as the outro/exit section using the timecode controls.

Select the graphic in your timeline and navigate to the Effect Controls panel.

At the top of the Effect Controls panel is a small blue handle at the beginning and end of the selected clip.

Drag the left handle out to define the intro/entrance segment. You see a grey overlay that covers the keyframes that fall within the specified time range.

Drag the right handle out to define the outro/exit segment. You see a transparent white overlay that covers the keyframes that fall within the specified time range.

Select the graphic clip in the timeline for which you want to preserve an intro or outro animation.

Position the playhead to the position that you want to set the Intro or Outro setting and click the keyboard shortcut that was assigned.