Text Box Background Preset in After Effects

This quick tutorial shows you how to combine several effects to generate a background for any text layer you add to an After Effects comp.

Once you’ve made the simple version, you can save it as an Animation Preset.

I then go on to show how to use a Gradient Ramp in the preset to give the background a bit more depth. Finally I use Expressions to set where the gradient starts and ends, so that it matches the text.


Expressions for fixing the Gradient Ramp

Start of Ramp:

Y = transform.position[1]+thisLayer.sourceRectAtTime().top;
[0,Y]

End of Ramp:

Y = effect("Gradient Ramp")("Start of Ramp")[1]+thisLayer.sourceRectAtTime().height;
[0,Y]

Published by ShiveringCactus

Tutorials and videos, mainly After Effects, but with some 3D and puppetry stuff too.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: