How to make new icons. - lilbud/es-theme-switch GitHub Wiki

This is a more extensive guide on how to make new icons and add new systems to the theme.

Link to Photoshop File: https://mega.nz/#!88YwlKKS!kYC2wol-YWhfnJ_yvpDK0rvIKVxkbkAOwca7EXAuURE

There are 3 layers to this document, and they should be pretty self-explanatory.

Layers (Top to Bottom)

  1. Logo
  2. Overlay (70% Opacity)
  3. Background

Guide:

  1. Find the background image you want to use, it must be high quality to look best. Try to find a source image of or as close to 1920x1080 that you can.
  2. If not 1080p, take image and scale to 1920x1080 with bilinear resampling. (Or Hard edged if pixel art.
  3. Crop image to 1080x1080 and paste on bottom layer.
  4. For the color layer, pick a color that is related to the system. But don't pick something too garish, like hot pink or neon colors, pick a more muted color that can be related with the system. (NES would be a more muted red.)
  5. The overlay layer should be set at 70% opacity so the background can be seen.
  6. If possible, use a vector image for the logo. You can render it at a high resolution and scale it down.
  7. Open vector image in image editor (Photoshop, GIMP, Paint.net, etc.)
  8. Edit logo to be all white (FFFFFF.) Cut out any areas that would ruin the image. (If the logo has an outline of one color, and the inside is a different color, delete the inside area and color the outside.)
  9. Scale logo down to a width of 800px.
  10. Cut and paste logo on uppermost layer and center in canvas.
  11. Export image at 600x600px as a JPG file. Bicubic sampling when exporting.
  12. Name file based on es_systems.cfg (Full Name, but in lowercase)
  13. Create PR to this repository with file added in the 'art' folder.