Mux Front Panel Customization...

Official support for: mutools.com
Post Reply New Topic
RELATED
PRODUCTS

Post

So I did a quick study of the Mux front panel with my granular patch.
I thought I'd post it here in case anyone wanted to discuss why you would
want to do that and how to go about it.

Its not just about making your patches look cool. There are some other
really good reasons to do it.

1: Primarily size constraints are going to drive you to do this. If your patch uses
lots of controls like granular 2, (65 knobs or so) space is going to become an issue.
You can save tons of space by drawing out the front panel yourself.

2: Fonts and Text Orientation: Currently you cannot choose your own fonts,
align them vertically or along a path within Mux.
This is also part of the size constraint thing, creative placement of text can
save you tons of screen space.

3: A good old fashioned desire for bling. IMO this can affect your creativity.
A neat looking interface can inspire you to work and place you in a mood
to guide your inspiration (at least a little). This also affects any users beside
you if you want to share it. A good front panel will be nearly the first thing that attracts
people to it. This is a basic marketing principle that works better than most
of us realize.

Ok, that's why. As for the how...

Well I'm not going to explain how to use photoshop unless someone has a specific
thing they want to know.

The thing to realize is that Mux gives us lots of room to change stuff via transparency
mostly. You can hide most things and replace them with your own. Its quite simple compared
to most others. Some plugins require hundreds of tiny images in addition to back
paintings to change the look of them. With Mux, its far easier and faster.

This example took about 3-4 hours work time, that's it. Much time was spent
just deciding what to do (about a day), but actual work time was very small.

Anyway, I'm not going to go on and on here. I just thought it would be good to
discuss. I'm sure many users might not be too familiar with how to achieve
a certain look or what tools might be useful. Ask here if you want, I and I'm sure
others will try to answer. Jo himself is quite the graphic designer IMO, unless he had
someone create all the graphics in Mux/MuLab for him.

I'm still trying "unsuccessfully" to come up with a better knob than the default.
Functionally and appearance wise it is tough to beat.

Also, should anyone have/create any nice Mux UI customizations they want to show.
Id be interested to see them and hear how you did it. I am finding UI design quite interesting,
so consider me interested.

Tools used: Photshop CC2015.5, JKnobman 1.3.2


-Cheers

Image

Image

Post

Looks really good! Unfortunately, I find GUI design to be utterly tedious work, especially when you get down to looking at single pixels. I program in Java and finally had to sit myself down and write my own Swing layout manager as the ones provided are utterly awful!

I'm curious though. Is the MUX GUI information stirred in any particular format, like XML or JSON? I haven't dug into that side of things yet.

Also, I think Jo said all graphics were PNG? So, the alpha channel is key here to placing graphics on the backdrop?
I started on Logic 5 with a PowerBook G4 550Mhz. I now have a MacBook Air M1 and it's ~165x faster! So, why is my music not proportionally better? :(

Post

Thanks,

Not sure about the format, I haven't looked into that myself. The graphics are embedded
inside the preset somewhere. I assume they are compiled as a resource when they are first
inserted, as they do not update if you change the source file. *and reload it, which is kind
of a pain actually.

As for the image, there is no alpha in the image at all. Its simply a back-painting. Mux
only applies transparency to its own widgets.

-Cheers

**Bug? If you load a background image into the front panel, change the image
and reload, the image will not update to reflect the change. If you want to live
preview your graphics, you must use a unique name for each preview image.

***I guess it doesn't embed the graphics, guess you need to use a resource folder inside
the patch. Heh sry...
Last edited by pekbro on Sat Jun 25, 2016 10:38 am, edited 1 time in total.

Post

There is a shortcut that you can use to reset the graphics for just that problem, look for Reset Graphic Resource in that menu.
Beauty is only skin deep,
Ugliness, however, goes right the way through

Post

Ahh ok, I had that setup for the knobs already but I didn't think it worked for panel graphics
as well. I thought I had tried that but I guess not.

Thanx...

Post

How have you managed to use two different types of graphic for the knobs? Is that just a graphic demo?

Great synth btw!

Post

Thanks,

Mux actually uses two types of knobs, normal (unipolar) and bi-directional (bipolar).
In this case, I have just deliberately made them look different, where they typically
would look similar.

-Cheers

Post

Ah I see! Thanks for explaining that, thought it a little strange lol

Post Reply

Return to “MuTools”