How to use emoji in your video
A lot of people are curious about how we were able to use the emoji type in Emoji Among Us. Here’s the lowdown.
Do you need to license emoji?
As a footage licensing company, we’re very sensitive to licensing issues. In Emoji Among Us, we used Apple Color Emoji, a font published by Apple. As a picture font, it’s in the same category as fonts like Wingdings and Webdings, which may be used in any design setting, including commercial ones. As long as you’re not reselling or re-licensing the font, you don’t need explicit permission to use emoji in your designs. For more on this, see Typographica.
So, how do you get them in there?
It’s kind of a strange way, but here’s how we did it.
You will need:
- Mac OS computer
- Adobe Illustrator
- Adobe After Effects
1. Open TextEdit. If a new document doesn’t open automatically, open one now.
2. Click on “Keyboard viewer” in the top menu bar and select “Show Character Viewer.” If you don’t have the Keyboard viewer in the menu bar, turn it on from System Preferences > Keyboard > Show Keyboard & Character Viewers in menu bar.
3. On the left side of the Character Viewer window, click “Emoji.” The characters are sorted into the same categories as in Apple iOS. (One of the best things about Character Viewer is seeing the names of the emojis, revealing that that white hut with a door is in fact a rice ball.)
4. Double-click on the emoji of your choice to insert it into the TextEdit document.
5. Increase the type size to around 144 pt. It doesn’t really matter what size you increase it to, just as large as you can without any pixelation. (If you don’t see the toolbar, go to Format > Make Rich Text.)
6. Export the TextEdit document as PDF.
7. Open Adobe Illustrator and File > Place the PDF you just exported.
8. Crop the artboard to fit the emoji.
9. Save this as a .ai file.
10. Open your After Effects file, import the .ai file, and place it on your timeline.
11. Make sure when the emoji is placed in a comp that the layer is set to continuously rasterize (the sun-like icon highlighted in yellow) and activate Motion blur both on the layer and in the comp (the three-circle icon highlighted in blue). This will allow the emoji to move smoothly if you are animating it. And you’re done!
Get Vertical Ready with Dissolve
We all know that vertical footage is on the rise, accelerating to keep up with growing demand and increased smartphone use. As mobile phones become ubiquitous, we’re constantly using them (you may even be reading this on one) to capture and share content online and with each other. Since we hold our phones vertically 94% […] Read more
Achieving the MMUUULLTTIIPPLLY effect in Adobe® After Effects™
In our latest showreel, we experimented with multiplying subjects moving together, or in sequence. As we explored this idea, we ran into a variety of common problems. From masking; separating out our subjects to multiply with clean lines and minimal background noise, to selecting our clips. We pushed our Motion Designer, Petr, to the edge […] Read more
Meet Derek Armstrong McNeill
Derek McNeill has been telling visual stories most of his life. The Seattlite first honed his eye working as a photographer in the US Air Force, then worked in advertising art direction and design. He now divides his time shooting his own documentary projects and stock footage. “After carrying around a camera kit for years, telling visual […] Read more