• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
1

Variable duration in mogrt, step by step guide

Community Beginner ,
Jan 18, 2024 Jan 18, 2024

Copy link to clipboard

Copied

Hi,


I'm looking for a step by step guide on making a lower-third mogrt with variable duration. It needs an intro, a static part and and outro. The length of the static part shall depend on the length of the mogrt in a PPro timeline, while the duration of the intro and outro shall not change.

 

Does anyone know of such a guide, or is anyone willing to write one?

 

As far as I understand, expressions are not needed, and protected areas are used. I've tried many times but I can't get it to work 😕

 

markus

 

TOPICS
How to

Views

228

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 18, 2024 Jan 18, 2024

Copy link to clipboard

Copied

Hi @marwal83 ,
If creating a lower third/how to build a mogrt is part of your ask, check out https://www.youtube.com/watch?v=SJ2JD7tRXR8 (this video also goes over creating the variable duration.)

If you are trying to accomplish this with a Premiere made mogrt, check out this guide.


Here's how to use Responsive Design - Time (variable duration) in After Effects.

 

I assume your animation looks something like this, keyframes animating, the animation stops, then starts up again.

TheresaRostek_0-1705620453497.png

We want to protect our animation. We do that with Responsive Design - Time. Go to Composition -> Responsive Design - Time -> Create Intro.

TheresaRostek_1-1705620519504.png

A blue highlight region with handles will appear. This is your protected region. Drag the end handle so it covers your keyframes.

TheresaRostek_2-1705620592962.png

Let's do that for the Outro. Go to Composition -> Responsive Design - Time -> Create Outro. Drag the handle to cover your keyframes.

 

That's it! Export your mogrt, and try squashing and stretching it in Premiere Pro. You won't be able to see the amount of frames that are protected on the mogrt clip, so it could be a good idea to leave a comment in the Essential Graphics panel for the editor so they're aware of the timing.

 

Cheers,

Theresa

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 18, 2024 Jan 18, 2024

Copy link to clipboard

Copied

You have the option to create protected regions in the timeline when using the Essential Graphics workspace (panel). This lets you change the duration of the "middle part" in Premiere Pro while keeping the timing of the move-in and move-out animation constant. Just set markers and then edit them.

 

If you want to be able to adjust the timing of the animations inside a MOGRT, you have to add a slider to a control layer and tie that slider value to the tMax part of an ease or linear interpolation method. I have created about a hundred layer animators that move layers, text, and graphics into position and then move them out based on the layer's in and out points. None of them have keyframes. Many of them are also converted to mogrt's. 

 

For example, if you added this expression to a text layer's position property and tied the timing to the value of a Move frame and a move frames, you would have an animated text layer that you could turn into a MOGRT and adjust the timing of the animation by simply moving some sliders.

 

The design goal: animate a text layer from the left side of the screen until the left edge of the layer is lined up with the left safe title line (10% of the comp width). Hold the text there as long as needed, then move the text down and off the screen. The speed of the move can be controlled by two sliders.

 

Here's the expression:

movIn = framesToTime(effect("Move In frames")("Slider"));
movOut = framesToTime(effect("Move Out Frames")("Slider"));
txt = sourceRectAtTime();
safTkt = thisComp.width/10;
t = time - inPoint;
rst = outPoint - inPoint - movOut;
end = outPoint - inPoint;
sPosX = txt.width - txt.left - txt.width*2;
txtheight = txt.height - txt.top - txt.height;
restPos = sPosX + txt.width + thisComp.width /10;
mov1 = easeIn(t, 0, movIn, [sPosX, value[1]], [restPos, value[1]]);
mov2 = easeOut(t, rst, end, [0, 0], [0, thisComp.height - value[1] + txtheight]);
mov1 + mov2

Add those two sliders and this Transform/Position expression to a text layer, put it anywhere on the screen, and it will move into the safe area boundary, then drop off the screen based on the layer in and out points. Add the sliders and some protected areas to a MOGRT, and you should have a graphic that you can make any length and control the speed of the move-in and move-out.

RickGerard_0-1705637842085.png

I could have written the expression with a few more variables to make it clearer, but maybe this will give you a general idea. You can see the Protected Areas in the Timeline.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 19, 2024 Jan 19, 2024

Copy link to clipboard

Copied

LATEST

Thank you, @Theresa Rostek. The youtube clip was exactly what I needed to learn how to do this.

Thanks also to @Rick Gerard, although I'm not a rocket scientist yet 🙂


markus

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines