User:Brok Enwings/Apply transparency to image

Photoshop

1. Take desired screenshot and save it as image

http://imageshack.com/a/img922/7020/bly5us.png

2. Open your Image in Photoshop (ctrl+o or my drag & drop the image into photoshop)

3. Select the Magic Wand Tool (Hotkey: W)

4. These are my settings for the most Images

http://imageshack.com/a/img921/1448/P6xHSk.png

Tolerance should be around 25 (can differ from image to image)
Anti-Alias must be OFF!
Contiguous is ON most of the time, to avoid deleting pixels you want to keep

5. Select the pixels you want to be deleted (the background in this case)

http://imageshack.com/a/img922/7194/O3Y0a3.png

Make sure you don't delete pixels you want to keep (adjust the tolerance if needed)

6. Hit "del" on your keyboard to erase the selected area

http://imageshack.com/a/img924/4942/rGEu10.png

7.Take a second look at your image and make sure everything is alright (in this case a small area between the characters belt and arms is still filled with the backgrounds color.) You can use the Zoom Tool (Hotkey: Z) to zoom into the image to select the small area and erase it as well.

Your image should look like this now

http://imageshack.com/a/img921/494/F0YKuQ.png

8. Crop your image with the Trim Tool (Image -> Trim)

http://imageshack.com/a/img922/9251/XAr4zo.png

(CTRL+^ is my personal shortcut since i use it very often)

Use the following settings

http://imageshack.com/a/img923/978/jBjA4C.png

Your image should look like this now

http://imageshack.com/a/img924/6348/oiiGa8.png

9. Export your image

http://imageshack.com/a/img921/1627/2tud5i.png

10. Hit the Export All Button with the following settings (mostly default settings)