Creative Tutorial #1

How to insert Emoji into Illustrator — the easy way.

Emmanouil F Ioannidis
2 min readFeb 1, 2018

Lately I designed a landing page for an online city guide and wanted to use Emoji characters as part of my design. But, I didn’t know how to do it.

So, I had to learn.

Here’s 7 simple steps on how I did it:

  1. Create a text field in a Photoshop document
  2. Click on the Language picker menu on the menu bar (that’s for Mac OS, have no idea whatsoever how to do that on Windows)
  3. Select Show Emoji and Symbols to open the Character Viewer
  4. Navigate to the Emoji you desire to use and double click on it while the text field in Photoshop is active and ready for input
  5. You will notice that the emoji goes into the text field but does not appear properly. That is because the font you are using does not support Emoji.
  6. Change your font to either Apple Color Emoji Regural or EmojiOne Color, whichever you like best.
  7. 7 Drag and drop your emoji into an Illustrator layer.

You now have your Emoji cut out and ready to use in your designs. No screenshots, no hassle, no worries.

That’s it.

Feedback, comments, requests? Let me know in the comments section.

--

--

Emmanouil F Ioannidis

Product Designer & Time Traveler. Head of Design at Epiphany RBC, a cool research agency based in Amsterdam.