Getting started
We’ve all been there — excitedly trying to copy and paste an emoji into After Effects only to be left wondering why the heck it just won’t work. Enter **AfterEmoji. Here’s how it works.
It all starts with a text layer and some text, but instead of trying to type an emoji, you need to type a placeholder instead. A placeholder is made up of two square brackets with a single number in the middle from 0-9, like this [0] this [1] or this [9] — ok, you get it. Once you’re done, the final text should look a little something like this:
[1] Lorem ipsum dolor sit amet, [6] consectetur adipiscing elit, sed [3] do eiusmod tempor [4] incididunt [6] ut labore et dolore magna aliqua.
Each placeholder number represents a particular emoji. You can choose these emojis with the AfterEmoji Browser.
<aside> <img src="/icons/warning_gray.svg" alt="/icons/warning_gray.svg" width="40px" /> Your text layer must be point text and not paragraph text. You’ll need to convert it to point text first in order for it to work with AfterEmoji.
</aside>
Click this button.
Add Emojis button
AfterEmoji then generates an emoji at the exact position of each placeholder inside a single shape layer. With some clever math and expressions, the emojis stick to the text, even when you change the font size and leading. In other words, it’s magic. An effect will also be applied to the text layer, find out more about it here.
During the process, your numbered placeholders will be converted to look like this [..] or in the case of a monospaced font, whatever character is chosen in your settings. Avoid manually typing [..] anywhere in your text layer, as it will be hidden.
<aside> <img src="/icons/warning_gray.svg" alt="/icons/warning_gray.svg" width="40px" /> AfterEmoji stores some important information within the comment fields of some layers. It’s not recommended to edit or delete these comments. If your project uses layer comments, it’s better to remove them before using AfterEmoji.
</aside>
← Previous
Next →
On this page