Auto Re-Sizing Text Boxes (FIXED HEIGHT) using sourceRectAtTime

[Kalleheikki Kannisto]

Accents should not in any way affect line spacing.

I would simplify the matter by parenting the shape layer to the text layer (if you need to move the texts around), then aligning the anchor point to the origin point of the text layer. This way you can calculate the width of the box directly and it will scale around the right point without having to calculate the anchor point position. For fixed line height, you can use a constant rather than calculating it. Or, if you have the need for multi-line texts, you can round the height to closest multiple of that constant.

The matter will be more complicated if you need different type sizes.

Kalleheikki Kannisto
Senior Graphic Designer

[Walter Soyka]

If you want to fix the height, replace this line:

var h = s.sourceRectAtTime(mid).height;

with this line:

var h = 89;

… in both the size and position expressions.

(That values comes from the evaluation of that expression in the UI.)

The downside of course is that the expression will no longer react to changes to the size of the layer. If you adjust the size of the type, you’ll also have to adjust the expression.

Walter Soyka
Designer & Mad Scientist at Keen Live [link]
Motion Graphics, Widescreen Events, Presentation Design, and Consulting
@keenlive   |   RenderBreak [blog]   |   Profile [LinkedIn]

[Fabio Basone]

Hi

Thanks for your help – unfortunately, it doesn’t seem to work
Now the position of the box shifts

Any of other ideas?

Thanks

[Kalleheikki Kannisto]

If you disable the position and anchor point expressions and use parenting instead, with aligned box and text layer anchor points, that will take care of the position.

Kalleheikki Kannisto
Senior Graphic Designer