After Effects Text Styles

[Atom]

Playing around with emulating some of the per-character animations that you can generate using expression in After Effects. This example is pretty much a direct lift from motionscript.com with the Javascript converted to VEX.

Here are a few variations on the post processing of the Javascript scale.

BBOX derived:

Direct Y-axis manipulation:

ap_AE_javascript_font_110421.hiplc

Edited November 5, 2021 by Atom

[Atom]

Here is an extension with the concept of the After Effects Range Selector added to the setup. You can animate copy on and off of the screen using only the range selector.

ap_AE_javascript_font_110421.hiplc

 

Edited November 4, 2021 by Atom

[Atom]

We can also switch to a simulation after the text is revealed.

ap_AE_javascript_font_110421.hiplc

[Atom]

Here is an attempt at implementing a per-character transform offset. The characters start off below a clip plane. A shape blend is driven by a primitive attribute that changes between the value of 0 and 1.

 

Because the blend is referencing a transform node, you can also blend in rotation.

ap_AE_javascript_font_110521.hiplc

Edited November 5, 2021 by Atom

[Atom]

With the help of Paul Esteves and Toadstorm, the developer of MOPs, I was able to implement a similar setup using the MOPs toolset. This setup requires zero code.

It is less like After Effects and more like C4D.

The range selector acts like an effector, and is implemented by the MOPs_Shape_Falloff node. Animate the translation of that node to reveal the characters. The MOPs_Transform_Modifier provides a way to set an initial offset for each character, and is similar to adding a position or rotation animator in After Effects. The MOPs_Spring_Modifier takes on the role of the Javascript converted to VEX in the first example. An alternate you might want to try instead of spring could be noise.

ap_mops_font_110621.hiplc

Edited November 7, 2021 by Atom

[Atom]

Here is an approach to using MOPs with an Adobe Illustrator file. The Houdini File node does not understand if a layer is visible or not, so you have to filter what you want from the file after import, or prepare the Illustrator file as a single layer saved in the Adobe Illustrator 8 format.

There may be ways to optimize this setup, but here's what the network looks like.

ap_mops_illustrator_110621.hiplc