How to Make Twitch Emotes in Adobe Illustrator [5 Steps]

You’ve spent hours creating your stream graphics, editing and restructuring your schedule to accommodate the creation of emotes for your stream. Now what? Well, the next step is to get started! If you have Illustrator, you can easily make your own Twitch emotes!

First, design your basic emote. You can use templates or create your own. Next, color your emote. This is important so that it looks natural and consistent across different videos. Next, add effects to your emote. You can add text, sound, and light effects. Finally, export and upload your emote to Adobe Illustrator.

Emotes are a great way to interact with your audience. By adding a bit of personality to your stream, you can make it more engaging for your viewers. Read on to find out how to make Twitch Emotes in Adobe Illustrator.

How to Make Twitch Emotes in Adobe Illustrator Step by Step Guide

You can use Adobe Illustrator as your main tool to create your Twitch Emotes. It’s a very powerful tool that allows you to do all sorts of things, including the creation of Twitch Emotes. While some apps like have hundreds of pre-made Twitch Emote templates you can customize, Illustrator will let you create unique emotes with a little bit of know-how.

Making Twitch emotes in Adobe Illustrator is a pretty simple process, but it does take time. If you don’t have the time or patience to do it yourself, then you will probably want to hire someone who does.

The process is very simple! Just follow these steps:

  1. Design your emote
  2. Color your emote
  3. Add effects
  4. Add final touches
  5. Export and upload

1. Design your Emote

The first step in making a Twitch Emote is to decide what type of Emote you want. There are many different types of emotes such as happy, sad, crying, etc. However, the most popular type on Twitch is the emote known as the “happy face.”

Start by clicking on the Eyebrow tool in the Tools panel and drawing an eyebrow with the freehand brush. Once your eyebrow is complete, click on the Image browser to see what images you can use for your face.

You may notice that there are several face images available. This is because the program creates an instance of the Image browser whenever you open it. You can either remove this instance from the Tools panel or remove the Image browser from the Tools panel and just drag and drop the available images into the clipboard.

2. Color Your Emote

After you’ve selected the beautiful face image, it’s time to color your emote in. Simply color your face in the same way you would for any other image. You can either use the Eyedropper tool in the Tools panel to test out various colors or click on your face image and then hit the Edit menu and choose Hue & Saturation to change the color of your face.

3. Add Some Effects

After you’ve finished coloring your face, it’s time to add some effects to give your smile some personality. You can use the Eraser tool to remove unwanted parts from your face, the Clone Stamp tool to create a different look for your face, or the Blend tool to create a cross-hatch pattern on your face. Inner glow can also give your emote a subtle glow, and you can select the Blur tool to create a blurry effect.

Add some effects to give your face some personality. You can also perform a quick fix by adding a hat to your image and then rotating it and pressing the Rulers tool to create a distinctive head shape.

4. Add Final Touches

The last major step in making a Twitch Emote is to add some finishing touches. These could be anything from adding a shadow to the left side of your face or a hat with a Falling Leaves effect.

Finish your emote by adding a hat or a shadow. You can either add these effects to the Tools panel or select your image and hit the Edit menu and choose Fade to Skin Tones to adjust the degree to which your image is Adjusting the Brightness or Saturation of an Image.

5. Export and Upload

When you’ve finished making your Twitch Emote and are ready to upload it to YouTube, the first step is to export it as an .AI file. This allows you to manipulate the format later on if you need to submit it to a different platform or you simply want to make a backup copy for your own records.

Once you’ve exported your image as an .AI file, you’ll want to upload it to YouTube. You can do this by going to Settings, click on the uploading tab, and then click on the + button to add a new upload.

From there, paste in the address of your image and select the format you just created (.AI, .BMP, or .GIF) and then click on the Continue button. You can also right-click on the image and select Save as to save the file to your computer.

Once you’ve uploaded your file, it’s waiting for you to name it and for it to be approved to go to its new home!

Best Size to Draw Twitch Emotes

There are many different factors that you’ll want to take into consideration when choosing the best size for your Twitch Emotes. You will want to make sure that your image does not become too large and cause you problems with the thumbnail display on YouTube.

Similarly, you don’t want your image to become too small and cause you issues with the player count tracking. It is recommended that you keep your design between 28 x 28 pixels for online use, 56 x 56 pixels for Retina display, and 112 x 112 for other platforms.

What to do When Illustrator Emote turns Pixelated

If you select your image in Adobe Illustrator, you’ll notice that the pixels are displayed as square boxes instead of the actual image. While this usually doesn’t cause any issues, it can happen when you have a large number of images selected in the image browser.

The easiest way to fix this problem is to deselect everything and start a new document and keep it as a vector image. When you’re ready to upload your new stream, you can select the image and start adding your emote.


Streamers are a creative bunch and are constantly trying out new ways to engage their audience. By adding some personality to your stream with a few quick and easy steps, you can make it even more enjoyable for your viewers.

If Illustrator is a bit too complicated for you, we highly recommend trying the Twitch Emote templates on This will save you time and allow you to customize the Emotes to your specific needs.