Skip to main content
ethanwhipple
Known Participant
November 6, 2022
Question

Simple text display animation

  • November 6, 2022
  • 3 replies
  • 214 views

Hello! I am trying to replicate this animation from Dude Perfect's video: https://youtu.be/YXXlSG-du7c?t=22

 

I was able to make a simular concept, but the scale of the box on the right is hard-set to the scale of the text I have there. And the box doesn't move according to the text on the left. The animation they have only highlights the last word in the sentence. Does anyone know the best way to replicate this?

This topic has been closed for replies.

3 replies

Mylenium
Legend
November 7, 2022

For the centering you could of course have a simple sourceRectAtTime() expression, but unless you use a particularly wacky font that requires lots of manual kerning to even out the spacing of the letters even that is kind of redundant. Simply create the text with center alignment in the first place and make sure it is placed in the comp center.

 

Mylenium

Mylenium
Legend
November 7, 2022

the limitation is in the function name: "(layer) source rectangle at time X". So no, you can't easily just fetch the last letters. You'd have to have a separate text layer for that which at least derives that info using string processing based on the other layer. so there you go, even under best conditions you need three layers at least. That said, I can only reiterate my point: You are seriously over-complicating matters here. This can be set up in three minutes in a pre-comp with two white solids and four text layers that wipe on an off with simple linear wipes as I already mentioned.

 

Mylenium

ethanwhipple
Known Participant
November 7, 2022

I understand what you are going at, and I should've mentioned my main obstacle. I am trying to make this a mogrt that is customizable. Meaning the text would somehow have to center. I managed to do it by putting the anchor points on the outside edges and allowing the user to manually change it. Definitely complicating it unless there's a better way of centering both text objects together.

Mylenium
Legend
November 6, 2022

Not sure what you're having difficulty with. I simply see six layers with some of them being wiped on and off with linear wipes. No need to overthink this and try to be super smart with fancy expressions. Unless you have to do a 100 such setups where it would be more efficient to concoct a sourceRectAtTime() expression, everything can really be done with a bunch of text layers in black & white and some matching white solids.

 

Mylenium

ethanwhipple
Known Participant
November 6, 2022

I have been able to make an expression with sourceRectAtTime() to make a box that fits it perfectly, only issue is, I only want this box to apply to the last word in the sentance. I am trying to do it by having two text layers and have the box one attatched to the right side so it stays connected, but them my issue becomes centering the text. Is there any way to make the expression only work on the last word in the phrase?

 

Thanks Mylenium,

Ethan