Icon Builder allows anyone to build sets of correctly named icons, using their own icons if they wish. When it first opens, it will attempt to create a folder (make sure this app is placed somewhere with write permissions!) called moi_icons.
It only has 1 color (black or whatever you like. It can be changed in Icon Builder.
It's name is EXACTLY the same as the icon it will be replacing.
The interface:
Button to launch the Icon Builder window
The Backdrop button sets the background of the Icon Builder window
The icons in the folder will be shown one at a time. You can press PREV and NEXT to step through them. If you add new icons to the folder, just close and open the Icon Builder window to refresh the list of icons.
You can set the color of the icon AND the hilite glow color around the icon. You only need to set this once. Not necessary for each icon as when you SAVE it will apply the current color and hilite settings to all icons.
When you are satisfied with the color scheme, you can press the Save Icons button and choose a folder to save the icons in.
You will need to know the correct location for where to put the newly rendered icons. For the icon in BaseIcons.zip, you should put the newly created icons in the moi/ui/icons folder.
If you create new base icons, please share links to them in this thread!
Example uses the darkinterface preset.
Notice scrollbar at bottom is much less prominent. Also, the icons are customized to match the color of the interface.
Here's the existing ICONS which will work for both LIGHT and DARK interfaces. You can colorize them however you like in Icon Builder. See below for exceptions*
*Not sure how to replace the Copy, Paste and History Icons...Michael?
*The Dark icons at the bottom are base64 encoded directly in the htm file. Perhaps the htm file can be modified to look first for an icon name and if it doesn't find it use the base 64 encoded version? Max?
Remember, put these in your moi_icons folder in MGB. It will use these to build out the full set (minus what you see above). Then save to your icons folder in moi/ui/icons
(please back up!)
Thanks. For other Resources, Michael has provided a mechanism to replace them by just putting a correctly named file in the icons folder-- without having to edit the htm of a specific file. I'm trying NOT to touch anything but the moi.css file (so far that's all I change in MGB). Of course Icon Builder creates new icons which must be manually moved to the icons folder.
I'm hoping there is something similar for these icons as well.
If you place files named CopyClipboardIcon.png, PasteIcon.png, and HistoryIcon.png in the /icons sub-folder they should get picked up and used without needing to change the side pane code itself.
To see which specific name to use (like you probably got tripped up because Copy needs to be "CopyClipboard", the other kind of copy is the Transform > Copy command), look at the button code to see what is used there for the res:// protocol, like for example for Edit > Copy it says: icon="res://copyclipboardicon"
Yes, you are correct. I did try using the obvious names to no avail. Good tip by you and Burrman on where to find the names! Much appreciated. I'll soon update the icon files links with the new icons.
A couple more interfaces to show how you use the IconsForDark vs IconsForLight version.
This one is fairly generic and uses the IconsForDarkBgs.zip and the darkInterface theme template with light gray icon color and black hilite color:
And his one is fairly generic and uses the IconsForLightBgs.zip and the MediumInterface theme template with black icon color and white hilite color:
If you colorized the top interface with the IconsForLight, all the icons would look like a NEGATIVE (inverted) version, and of course the same is true if you colorized the bottom set of icons using IconsForDark.
It's best to think of it this way:
If the global text is overall darker than the background, then you should use IconsForLight. If the global text is overall lighter, then use the IconsForDark. Hope that clears things up :)
Just a workflow update. I think setting icon colors may be bit of a struggle for some. So I created this video showing how to use MGB and in particular the Icon Builder part.
Thank you Chipp, I did not look at the forum for a while now but I am amazed what for cool stuff is contributed by you and many others for this great App.
I believe the setting for the gizmo visibility is in the options panel.
I'm not currently at my computer but I will zip the icons and for them when I get there. Please re-read the previous posts as some of the icons go in different places.
First off, I've got a whole package for those of you who don't want to mess with MGB but would like to use the MODO-like interface. Here's the interface (right-click to view full scale):
A few things to note about this interface. Most of you know, earlier on I created icons for the document management part on the lower left. Now, I've recreated Max's icons so they will work with the Icon Builder component of MGB. So, now it's easy to colorize them as well as all the rest of the icons.
Also, I've added new icons for Max's new SDS scripts, including SDS, Split, Bridge and Scale. Plus, there are an associated group of script commands (and edits) which are used to place them at the bottom next to Max's other scripts. More on that later.
So, in order to use this exact same interface, here's what you'll need to do:
There are MORE icons in this new MODO icons folder (built by MGB icon builder) than currently in your
code:
moi/ui/icons
folder. Be sure to copy and the files in the download icons folder and replace them in the existing
code:
moi/ui/icons
folder.
interface images
These will replace the existing images with the same name in the moi/ui folder.
Max scripts
These all go in the
code:
moi/ui/customui
folder. If you don't have this folder then you don't have Max's tools installed. You'll need to go to his thread and install from there first. NOTE: I edited some Max scripts to remove the embedded icons and add the newly built generated icons. No other functional changes were made.
70 ObjLibrary.htm
80 ExtScripts.htm
84 Snapshot.htm
88 LightingPresets.htm
Also, I've ADDED the following html script files, which also go in the
code:
moi/ui/customui
folder. They of course have matching icons which you've already installed.
94 Scale.htm
91 SDS.htm
92 Split.htm
93 Bridge.htm
A couple other things to remember:
Max's scripts go along the bottom, from left to right based on the NUMBER before the file name. So,
code:
94 Scale.htm
will show up to the right of
code:
93 Bridge.htm
.
Placing a
code:
-
in front of a htm file will disable it from being shown in the interface. So, to hide the Snapshot button, just change it’s name to
A general question, perhaps you know something about or even better, Michael can respond this one...
All this UI icons are 64px X 64px. With the new set of retina displays coming into the market. If there is a way that Moi can be take advantage of a set of higher resolutions icons?
I am seeing a lot of software updating their interface for this new generation of 3K, 4K monitors.
If I update the icons to a bigger size/resolution I wonder if something have to be change in Moi's files to allows this new set of high resolutions icons to work with the software..????
Well not exactly - that's the source image for the icon, it's not the displayed size in the UI. The displayed size is controlled by the current UI font size. Normally the displayed size is a fair amount less than 64x64 and so the higher resolution source image gets automatically scaled down on a regular display.
On a high resolution retina display the displayed size will be larger and will probably end up using the full image maybe enlarging it slightly.
So the existing system will already be adapting pretty much fine to the retina display just using the current icons, basically the icons were already set up to be fairly larger and scaled downwards from the beginning so there shouldn't be any need to make them "even larger yet" I don't think...
If you want to experiment with it anyway, you can just edit the icon to put a larger size file in there like a 128x128 pixel one - the UI system will automatically scale the source icon to the displayed size whether that's scaling it up or scaling it down. But it's pretty unlikely that you will really see any difference from the 64x64 images.
Fair enough!. Thanks Michael for your detailed and quick answer. Later on I will do some testing on a 4k monitor.
I am glad to heard that you set up Moi to behave this way, so just adding a new set of higher resolutions icons will make Moi "ready" for retina display monitors without messing up the behavior of the layout.
