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

Creating Lower Third mogrt with Sliding Text

New Here ,
Apr 13, 2024 Apr 13, 2024

Copy link to clipboard

Copied

Hello everyone,

 

I am a bit stumped with a lower third .mogrt I am creating for someone. I designed the text to slide in from off screen. The issue is, if the user enters text that is too long, it sticks out on the side of the screen. Is there a common method or set of expressions I would need so that regardless of the text the user enters, the text starts completely off screen and slides into place?

 

As always, thanks for your input!

TOPICS
Expressions , How to

Views

107

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
Participant ,
Apr 13, 2024 Apr 13, 2024

Copy link to clipboard

Copied

Yup. I have this very project. I'll be back Monday to post it

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
Participant ,
Apr 15, 2024 Apr 15, 2024

Copy link to clipboard

Copied

there are 2 comps, 1 for left, 1 for right

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 ,
Apr 16, 2024 Apr 16, 2024

Copy link to clipboard

Copied

LATEST

You will need some expressions that use sourceRecAtTime() and either scale the text or create a text box that gives you multiple lines. You could also start out with Paragraph Text and let the lines wrap automatically. The proper and efficient approach depends entirely on your design goals.

 

Take a couple of minutes to take a screenshot of your UI showing all the layers and drag it to the reply field on the forum instead of using the "Drag & drop here..." button so we can see it without downloading it. Then, describe your design goal in detail, and I'll be glad to provide you with the workflow that will work for you. I do this kind of thing all the time.

 

Maybe something like this would work for the move:

 

//set up the timing of the move
t = time - inPoint;//start move
t2 = time - outPoint; // start of move out
firstMove = framesToTime(20);//length of first move in frames
secondMove = - framesToTime(10);// length of last move in frames

// Find length of text and set start and end positions
box = sourceRectAtTime();
boxWidth = box.width + box.left; // find width of the text
topEdge = box.top; // find top of the text
strtPos = [-boxWidth, value[1]];
restPos = value;
endPos = [value[0], thisComp.height - topEdge];
// moves
if(t < firstMove)
	easeIn(t, 0, firstMove, strtPos, restPos);
else
	easeOut(t2, 0, secondMove, restPos, endPos);

 

 If you create a text box, it looks something like this:

RickGerard_0-1713275545531.gif

 

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