Jump to content
Sign in to follow this  
Atom

After Effects Text Styles

Recommended Posts

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:

font1.gif.830c5e67a95398e2d8db8e712b323d96.gif

font2.gif.3eff089f1ce35976e64eaeb916f3ecbe.gif

Direct Y-axis manipulation:

font3.gif.631befa3c5df43b501e1ee6c2a921c67.gif

font4.gif.eb66b9dcd6f11089f6d0580c5d0310c4.gif

ap_AE_javascript_font_110421.hiplc

Edited by Atom
  • Like 4

Share this post


Link to post
Share on other sites

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.

font5.gif

font6.gif.0d84df4270e578bd1de35c626911a2b7.gif

ap_AE_javascript_font_110421.hiplc

 

Edited by Atom
  • Like 3

Share this post


Link to post
Share on other sites

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.

font8.gif

 

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

font9.gif.36869c7a1ae433e7cdda403773f05643.gif

ap_AE_javascript_font_110521.hiplc

Edited by Atom
  • Like 2

Share this post


Link to post
Share on other sites

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.

mops_font2.gif.ef7a058a14a7503324cd8a10c2fc6ba5.gif

Untitled-1.thumb.jpg.6359797172dd41e4cffabe9aa4d1fa81.jpg

ap_mops_font_110621.hiplc

Edited by Atom
  • Like 2

Share this post


Link to post
Share on other sites

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.

mops_illustrator1.gif.e2dafea4edeae66602df7c855021f556.gif

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

Untitled-1.jpg.a9dd32b75210867b6e242752e5888e14.jpg

ap_mops_illustrator_110621.hiplc

  • Like 1
  • Thanks 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×