Makin’ Text look like a Twitter post in After Effects

In this tutorial, I take a text layer, and add a bnuch of effects to make it look like a tweet. This technique creates a background for the text, adds rounded corners and an outline.

To add the Twitter logo, I use Auto-trace to convert the bird into a mask, before using an expression to anchor it in place next to the text.

Preset download:

@LongLiveMikey tutorial:

Expression used
//input variables – pickwhip tPath to your path and offsetPos to your null or expression controller
var tPath = mask("Mask 1").maskPath;
var offsetPos=effect("Circle")("Center");

var tPoints=[];
var InTan=[];
var OutTan=[];
var mPos=[offsetPos[0]-transform.position[0]-45,offsetPos[1]-transform.position[1]+10];
var tClosed=tPath.isClosed();

for(i=0;i < (tPath.points().length);i++){

createPath(tPoints, InTan, OutTan,tClosed)

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: Logo

You are commenting using your 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: