The Gold version of Traincontroller has a built in graphics editor with which it is possible to modify, or create our own, icons.
Well ... it is an editor, but it has only limited functionality. You'll probably find yourself better off using an external editor and then copy-paste the pixels into the TC editor.
It can also handle transparency, but unfortunately it is not (yet) possible to import .png files (that have an 'alpha channel' for transparency). Often, copied graphics still need some fine tuning for the transparency inside the TC editor itself.
For icons, it usually works best to create and edit the largest size. TC automatically creates the smaller sizes. Usually this gives nicer and more predictable results than start small and then let TC enlarge.
About size:
- TC calls it 28 x 28 pixels.
- The actual grid is 27 x 27 though, because TC overlaps the grid blocks by one pixel.
- the editable canvas is 26 x 26 because TC keeps one blank pixel between icons.
A background image can be used to for instance create a 'switch panel'. For backgrounds, use the 27 pixel grid as a measure. Icons cannot be placed directly on a background image. First place them outside the image and then drag them onto it. Or, first place all images and then place the background as the final step. Also note that the top left grid block of a background image can not be covered by an icon.
The video has a short demo on how this can all work out. If you like to have a closer look at the panel ... the .yrrg file including the graphics used (with the LCD available in 4 colors) is available for download on the Blog's Software page.
Have fun.
Link to video Traincontroller 24: Graphics for Icons and Backgrounds
..