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. Picture 1 of How to Create Twitch Emotes
    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. Picture 2 of How to Create Twitch Emotes
    Open GIMP. You'll find this in your Start Menu or Applications folder.
  3. Picture 3 of How to Create Twitch Emotes
    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. Picture 4 of How to Create Twitch Emotes
    Click New.
  5. Picture 5 of How to Create Twitch Emotes
    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. Picture 6 of How to Create Twitch Emotes
    Click Advanced Options. This will expand the creation menu.
  7. Picture 7 of How to Create Twitch Emotes
    Click Transparency in 'Fill with:' This will make the background transparent.
  8. Picture 8 of How to Create Twitch Emotes
    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. Picture 9 of How to Create Twitch Emotes
    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. Picture 10 of How to Create Twitch Emotes
    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. Picture 11 of How to Create Twitch Emotes
    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. Picture 12 of How to Create Twitch Emotes
    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. Picture 13 of How to Create Twitch Emotes
    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. Picture 14 of How to Create Twitch Emotes
    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. Picture 15 of How to Create Twitch Emotes
    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. Picture 16 of How to Create Twitch Emotes
    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. Picture 17 of How to Create Twitch Emotes
    Open Twitch. You can find this in your Start Menu or Applications folder.
    1. Only Affiliates and Partners can upload custom emotes.[2]
  2. Picture 18 of How to Create Twitch Emotes
    Click your profile icon. You'll find this in the upper right corner of the program window, and a menu will drop down.
  3. Picture 19 of How to Create Twitch Emotes
    Click Dashboard or Creator Dashboard. You'll be taken to a new page.
  4. Picture 20 of How to Create Twitch Emotes
    Click Affiliate/Partner Settings. You'll see this in the left-hand menu, under the 'Settings' header.
  5. Picture 21 of How to Create Twitch Emotes
    Click Emotes. You'll see this in the center of your program window under the 'Subscription' header.
  6. Picture 22 of How to Create Twitch Emotes
    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.
Update 05 March 2020
Category

System

Mac OS X

Hardware

Game

Tech info

Technology

Science

Life

Application

Electric

Program

Mobile