[Tomas Bumbulevičius]

Lucas, there are some syntax handlers here. Please check for the reference this image.

Find out more:
After Effects Tutorials: motion design, expressions, scripting.
Boxer – Dynamic Text Boxes Template with a Live Preview

[Tomas Bumbulevičius]

Hey Frederic, just curious – maybe it would give more easier results by applied two expressions below? The reason for this – any place, where you include random, single-use-case numbers, is a bit tedious to work with in the long run.

For position:

W = thisComp.width;
H = thisComp.height;
[W/2, H/2]


For anchor:
sourceSize = thisLayer.sourceRectAtTime(time, false);
T = sourceSize.top;
L = sourceSize.left;
W = sourceSize.width;
H = sourceSize.height;
([L+ W/2,T+H/2])

Find out more:
After Effects Tutorials: motion design, expressions, scripting.
Boxer – Dynamic Text Boxes Template with a Live Preview

[Tomas Bumbulevičius]

Hey Chris, thanks for sharing. While usually for all expression controllers/etc nulls are normally used, I would still doubt whether the adjustment layer itself could cause issues described.

Any chance it was a coincidence of layer names instead? Just guessing !

Find out more:
After Effects Tutorials: motion design, expressions, scripting.
Boxer – Dynamic Text Boxes Template with a Live Preview

[Tomas Bumbulevičius]

Lucas, try this one below. The splitter function I had in my library developed by someone else. Adding random phrase of text will split into different lines. Plain text layer works (No area text is required), no rescalling will be introduced either.

Define your layer in textSource, and charsPerLine number. This is pretty much it, but some super long words are cutted, Maybe someone could improve it based on this example.

Keep the line dynamic by linking its Y position to the height of the text.

textSource = thisComp.layer(3).text.sourceText;
charsPerLine = 30;

function splitter(str, l){
var strs = [];
while(str.length > l){
var pos = str.substring(0, l).lastIndexOf(' ');
pos = pos <= 0 ? l : pos;
strs.push(str.substring(0, pos));
var i = str.indexOf(' ', pos)+1;
if(i < pos || i > pos+l)
i = pos;
str = str.substring(i);
}
strs.push(str);
return strs.toString();
}

outputString = splitter(textSource, charsPerLine);
numLines = outputString.split(",").length;
res = "";

for (var j=0; j<numLines; j++){
res = res + outputString.split(",")[j] + "\n";
}
res

Find out more:
After Effects Tutorials: motion design, expressions, scripting.
Boxer – Dynamic Text Boxes Template with a Live Preview

[Tomas Bumbulevičius]

Hey Rafael, its 99% made not with AE, but javascript libraries like d3.

It is possible to make it in AE as well, but there are significant amount of cases to consider, looking through layers-stack perspective.

Find out more:
After Effects Tutorials: motion design, expressions, scripting.
Boxer – Dynamic Text Boxes Template with a Live Preview

[Tomas Bumbulevičius]

Joel, could you please share a copy of composition on how it looks like? To grasp the sizes of layers / layout, would be even better – if sample .aep is prepared. That way it would be easier to propose things, instead of blind guessing.

Also, it is important when video clips should start playbacking (when whole scrolled-in or at the time its border reaches comp boundaries) as well as whether thumbnail of a clip should be first frame of the video.

Find out more:
After Effects Tutorials: motion design, expressions, scripting.
Boxer – Dynamic Text Boxes Template with a Live Preview

[Tomas Bumbulevičius]

Hey Oliver,

this most likely means that some script you are using (made by other devs) has a native json.parse library, and for some reason it became not supported. So while it directly does not hinder your workflow, something doesn’t work.

Experienced similar issue in the past, irregularly, where my scripts didn’t worked on one or the other machine due to this behaviour. Accordingly, now I always include and embed parsing library in the code.

Find out more:
After Effects Tutorials: motion design, expressions, scripting.
Boxer – Dynamic Text Boxes Template with a Live Preview

[Tomas Bumbulevičius]

Setting text in the center is easy by expression – but how to make text boxes to fit highlighted words – thats another level of complexity.

It might be possible by going along this path:
1. Use dynamic text boxes generator: https://www.youtube.com/watch?v=G-iy15R9H7s
2. Mask out text boxes which doesn’t need to be highlighted. Example: https://i.imgur.com/FABdbAC.png

Yet, still manual work involved.

Find out more:
After Effects Tutorials: motion design, expressions, scripting.
Boxer – Dynamic Text Boxes Template with a Live Preview

Some contents or functionalities here are not available due to your cookie preferences!

This happens because the functionality/content marked as “Google Youtube” uses cookies that you choosed to keep disabled. In order to view this content or use this functionality, please enable cookies: click here to open your cookie preferences.

[Tomas Bumbulevičius]

In addition to what Andrei suggested – you could reference comps by naming them [comp-1], [comp-2], [comp-x], and then getting index by:
thisComp.name.split("-")[1]

Find out more:
After Effects Tutorials: motion design, expressions, scripting.
Boxer – Dynamic Text Boxes Template with a Live Preview

[Tomas Bumbulevičius]

Lucas, in the example above – would you prefer that text remains in 3 lines, just scales down, OR, increase number of lines?

Also, is it a concern for you how that blue line aligns? Does it need to follow the text above, or is it already responsive?

Find out more:
After Effects Tutorials: motion design, expressions, scripting.
Boxer – Dynamic Text Boxes Template with a Live Preview