How to Create Twitch Emotes

This wikiHow teaches you how to create Twitch emotes using the GIMP graphics editor. As long as you're a Twitch Affiliate or Partner, you can create and upload your custom emoticons right in the Twitch dashboard. Install GIMP from...
Part 1 of 2:

Using GIMP

  1. How to Create Twitch Emotes Picture 1How to Create Twitch Emotes Picture 1
    Install GIMP from https://gimp.com. GIMP is a free version of Photoshop and a photo editor that will allow you to create your own images.
    1. You can use any image editor you wish as long as it supports transparent backgrounds. Unfortunate, MS Paint does not support this.
    2. To learn more about installing GIMP, see How to Install GIMP.
  2. How to Create Twitch Emotes Picture 2How to Create Twitch Emotes Picture 2
    Open GIMP. You'll find this in your Start Menu or Applications folder.
  3. How to Create Twitch Emotes Picture 3How to Create Twitch Emotes Picture 3
    Click the File tab. You'll find this menu along the top of your screen or the top of the program window. A menu will drop down.
  4. How to Create Twitch Emotes Picture 4How to Create Twitch Emotes Picture 4
    Click New.
  5. How to Create Twitch Emotes Picture 5How to Create Twitch Emotes Picture 5
    Enter '112' for Width and '112' for Height. This will create a square canvas.[1] Although you're making 3 different sizes, you want to start with the largest of the three to keep the ratio aspect the same when you resize.
  6. How to Create Twitch Emotes Picture 6How to Create Twitch Emotes Picture 6
    Click Advanced Options. This will expand the creation menu.
  7. How to Create Twitch Emotes Picture 7How to Create Twitch Emotes Picture 7
    Click Transparency in 'Fill with:' This will make the background transparent.
  8. How to Create Twitch Emotes Picture 8How to Create Twitch Emotes Picture 8
    Create your emote. You can use the wikiHow on using GIMP to learn more about how to use the program.
    1. You can open an image, copy it, then paste it on your canvas if you want to use an image you already have.
  9. How to Create Twitch Emotes Picture 9How to Create Twitch Emotes Picture 9
    Click the File tab. You'll find this menu along the top of your screen or the top of the program window. A menu will drop down.
  10. How to Create Twitch Emotes Picture 10How to Create Twitch Emotes Picture 10
    Click Save as. You'll need to save it as a PNG image as per Twitch's guidelines.
    1. Make sure the file size is less than 25kb.
    2. Name your file something you'll remember, like '112image' for the 112x112 file.
  11. How to Create Twitch Emotes Picture 11How to Create Twitch Emotes Picture 11
    Resize the image to make another emote. Since you'll need all 3 sizes (112x112, 56x56, and 28x28), you'll need to resize your work multiple times.
    1. Click the Image tab and select Canvas Size.... A new window will pop up.
    2. Enter '56' for Width and '56' for Height.
    3. Click Resize.
  12. How to Create Twitch Emotes Picture 12How to Create Twitch Emotes Picture 12
    Click the File tab. You'll find this menu along the top of your screen or the top of the program window. A menu will drop down.
  13. How to Create Twitch Emotes Picture 13How to Create Twitch Emotes Picture 13
    Click Save as. You'll need to save it as a PNG image as per Twitch's guidelines.
    1. Make sure the file size is less than 25kb.
    2. Name the created emote files something you'll remember, like '56image' for the 56x56 file.
  14. How to Create Twitch Emotes Picture 14How to Create Twitch Emotes Picture 14
    Resize the image again for the last emote. You've created a 112x112 and a 56x56 emote size, so you'll need to make a 28x28 emote.
    1. Click the Image tab and select Canvas Size.... A new window will pop up.
    2. Enter '28' for Width and '28' for Height.
    3. Click Resize.
  15. How to Create Twitch Emotes Picture 15How to Create Twitch Emotes Picture 15
    Click the File tab. You'll find this menu along the top of your screen or the top of the program window. A menu will drop down.
  16. How to Create Twitch Emotes Picture 16How to Create Twitch Emotes Picture 16
    Click Save as to save the file. You'll need to save it as a PNG image as per Twitch's guidelines.
    1. Make sure the file size is less than 25kb.
    2. Name the created emote files something you'll remember, like '28image' for the 58x28 file.
Part 2 of 2:

Uploading to Twitch

  1. How to Create Twitch Emotes Picture 17How to Create Twitch Emotes Picture 17
    Open Twitch. You can find this in your Start Menu or Applications folder.
    1. Only Affiliates and Partners can upload custom emotes.[2]
  2. How to Create Twitch Emotes Picture 18How to Create Twitch Emotes Picture 18
    Click your profile icon. You'll find this in the upper right corner of the program window, and a menu will drop down.
  3. How to Create Twitch Emotes Picture 19How to Create Twitch Emotes Picture 19
    Click Dashboard or Creator Dashboard. You'll be taken to a new page.
  4. How to Create Twitch Emotes Picture 20How to Create Twitch Emotes Picture 20
    Click Affiliate/Partner Settings. You'll see this in the left-hand menu, under the 'Settings' header.
  5. How to Create Twitch Emotes Picture 21How to Create Twitch Emotes Picture 21
    Click Emotes. You'll see this in the center of your program window under the 'Subscription' header.
  6. How to Create Twitch Emotes Picture 22How to Create Twitch Emotes Picture 22
    Click Edit. The 'Upload Emotes' section will slide out, and clicking the plus sign (+) inside an emote box will let you pick an image to upload.
    1. You'll see tabs for Tier 1, Tier 2, and Tier 3. Those are Tiers users subscribe to, and those are the emotes they have access to as well as the Tiers proceeding.
    2. If you are not affiliated or a partner with Twitch, you can use custom emotes on your own channel using the BBTV extension in your web browser, which you can find at https://www.nightdev.com/betterttv.
3.9 ★ | 7 Vote
loading...