How to Create Twitch Emotes

Using GIMP

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. 

   Open GIMP. You'll find this in your Start Menu or Applications folder.

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. 

   Click New.

5. 

   Enter '112' for Width and '112' for Height. This will create a square canvas.^{[1] X Research source} 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. 

   Click Advanced Options. This will expand the creation menu.

7. 

   Click Transparency in 'Fill with:' This will make the background transparent.

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. 

   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. 

    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. 

    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. 

    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. 

    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. 

    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. 

    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. 

    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.