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!
Meet John Fedele
Midwest-based in the USA, I’ve been a full-time photographer for about 15 years, specializing in lifestyle advertising content. Before that, I was shooting as a hobbyist when people began to notice my work and I landed some of my first paying jobs. I always had the goal of shooting advertising, so I’ve pretty much worked […] Read more
Guest Post: Editing Tips for Music Videos
Tristan Olson is the executive producer at Venture, a Denver Video Production Company. Music videos are synonymous with stylized visuals and fast-cut editing. But, for the video production pros in charge of directing and editing them, the task can seem quite daunting — both as a creative and logistical challenge. There are creative and stylistic decisions […] Read more
Content-Aware Fill tutorial
Make Dissolve footage even better with Content-Aware Fill Ever found a stock footage clip that was almost perfect? A killer skyline view, with one gloomy cloud rolling through. Or an iconic tourism mecca ruined by, well, tourists. Help is here.Content-Aware Fill is a new feature in Adobe After Effects that makes it easy to erase unwanted […] Read more