In this Tutorial we will build a fully functional UI with multiple Screens. One main screen, an FX screen and an about screen. Whereas the FX screen again holds a sub-menu for two different FX: a hi-cut filter and a lo-fi fx. In this first part we only set up the GUI or the Navigation.
If you are missing a detailed list of all Kontakt fonts, here is a little tool for you. This is a simple nki for Kontakt 5 which lets you display all font types on miscellaneous background colors for better readability.
Unfortunately once the initial wallpaper is set, we can’t change the image anymore. Even not by setting different initial wallpapers for each script tab. Because the last applied wallpaper will be the one and only initial wallpaper for the whole instrument. But we can either offset the initial wallpaper that means moving it via set_skin_offset() or we can use a label element to set up multiple backgrounds. Even dynamically like switching them on a button event. The set_skin_offset method is explained in this article
The instruments background image is called “wallpaper”. Its’ the basic background texture where all UI elemnts (knobs, buttons etc) get layered on top. We can for example create a realistic synth surface containing placeholders and “sockets” for all your knobs and buttons with detailed shadows, light reflections etc. After on we create the individual knobs & buttons and place those controls exactly inside the designated sockets and areas by layering them on top of our background wallpaper just like we would do within our graphic software when designing a complete GUI.