Tutorial 209: Font Weights

Joe Clay | Aug 27, 2020

This is a quick After Effects tutorial for you. I wanted to play around with the new After Effects text expression access and I thought it might be interesting to be able to finally animate font weight with it—rather than having to animate sourceText keyframes. It's like having a value brand variable-width font!

Hopefully this expression access is opened up more in the future. It'd be nice to be able to combine styles in the same text layer. But for now I don't see a way to do that, unless I'm missing something. This seems to be here mainly to help build mogrts for Premiere, which is sad as it's been something a lot of us have wanted in AE for a long time.

Anyway, if you use this technique on anything, hit us up @workbench_tv!

Expression

This expression was built with Texta in mind. You'll probably need to modify the weights array to work with your font. You could even get crazy by skipping around through weights and styles. Or if you feel industrious, you could add a second slider to switch through fonts with similar weights.

Variable Weight
weights = [
    'Thin',
    'Light',
    'Book',
    'Regular',
    'Medium',
    'Bold',
    'Heavy',
    'Black'
];
family = thisProperty.style.font;
family = family.split('-');
select = Math.floor(clamp(effect("Select")("Slider"), 0, weights.length - 1));
createStyle().setFont(family[0] + '-' + weights[select]);

Grab the Project Files

The best way to get our project files is to become a patron on Patreon. For $5 a month, you get access to all of the tutorial project files we've made available as well as other monthly projects, rigs, R&D, elements, early product previews, and BTS content not available anywhere else! You can also purchase just this project file on our Gumroad Store if you would rather do that.

Get access to all of our project files on Patreon or Get this single project file on Gumroad

Workbench tools are used by designers at hundreds of amazing companies