Menu bar theme & icons

[WillLem]

Here's two more

IconHotkeys is excellent, I wonder if we could rotate it slightly more to the left? If you need to make it wider to allow for this, that's fine (width is generally a bit more flexible than height (which needs to be around 32px max)).

You definitely have the right idea for IconPlayers, but I was thinking more along the lines of the classic Clue / Cluedo tokens, like this:

Cluedo Tokens

Keep going with these, they look fantastic in context.

[zanzindorf]

How's this?

[WillLem]

Perfecta!

[zanzindorf]

Here's Settings and Styles:

[WillLem]

Here's Settings and Styles

This is beautiful work @Zanzindorf, thank you so much for doing these. Keep 'em coming

Also, if you want to revisit the codes icon (or any of the others) and make it 48 x 32 like the hotkeys icon, that seems to be a decent size in general.

[zanzindorf]

Thanks! Glad you like them They're fun to make, and I'm remembering how to use Blender a bit more now.
I'll take another look at t he code icon tomorrow I think.

I'm not sure I like how this one turned out, but here's my progress on the mouse icon.
I could try a different type of mouse if you don't like this one. If you had a specific mouse model in mind, let me know.

[WillLem]

I'm not sure I like how this one turned out, but here's my progress on the mouse icon.

Looks good to me. By all means rework it if you wish, but this one will certainly do the job.

[zanzindorf]

Looks good to me. By all means rework it if you wish, but this one will certainly do the job.

Yay! Good good.





I still plan on re-rendering the glasses, but I had an idea for an alternative to the code icon:

[WillLem]

The Replay 'clapper board 'is very nice. The 'retro computer' Codes icon is also a very nice touch, I've gone ahead and added this one as the default (the glasses one will also be included as an optional alternative - users can simply rename the icon to get whichever they prefer).

I've done some slight editing to most of the icons to increase contrast, tweak the colours, and enhance detail at the smaller size (for example, making the "Code" word a bit more visible on the computer). Here are the results so far:



EDIT: After posting this, I've realised that the icons are aliased slightly (you also noted this several posts ago). This is happening due to the fact that my display resolution is set to 1.5x, and so Swing is scaling the icons to 48 x 48.

Solution: I've introduced some repainting code to support display scaling, so we can provide the icons at 32 x 32 (1x), 48 x 48 (1.5x) and 64 x 64 (2x) and the correct icon will always be chosen depending on the display's current DPI. There will still be some resizing/aliasing for 1.25, 1.75, and any scale above 2.0, but this should be fairly acceptable. With this in mind, we should probably stick to a straight 32 x 32, 48 x 48 and 64 x 64 for all icons (including Hotkeys*).

Once we're happy with all designs, I'll just need each one at 64 x 64. I can apply resizing from there, and will most likely provide the icons as sprite sheets. EDIT 2: I've sorted this out code-side now. The icons will be provided as single sprite sheets with a 32, 48 and 64 version (see attached template).

*We could do with having a version of the Hotkeys icon that's flipped horizontally (but still lit from the right) to match the others in terms of general orientation. I've attached the current version as a guide: this icon can actually be a bit bigger whilst still maintaining the rotation / dimensions.


Side note - having thought a bit more about it, maybe the Amiga 'tank' mouse would be a good choice for the mouse icon?



If you can make the "Code" computer an A500 as well, that would be ace!


Exercised some artistic licence with the width of the monitor here!

Many thanks again for all of these

[zanzindorf]

Yay! Glad to hear you have a solution to the aliasing. Attached in the zip file is all the icons so far in the requested sizes: 32x32, 48x48, and 64x64. I included a few extra sizes for the keys icon in case you want to crop/scale it a certain way. I re-rendered all the icons previously posted as 49x49 to 48x48.

I tried flipping the key icon horizontally. Let me know how that looks.

I also render the exit icon and revised the mouse and code icons with the given suggestions 
Not sure if it looks like an A500, but I think I like it better than the previous attempt lol.


The exit icon was the most complex one, but I love how it turned out


I think I have something for each requested icon now. Let me know if I missed something, or rendered something out the wrong size in the zip. Happy to re-render something if needed.

[WillLem]

I tried flipping the key icon horizontally. Let me know how that looks.

It looks excellent, thanks for doing this.

I also ... revised the ... code icons with the given suggestions 
Not sure if it looks like an A500, but I think I like it better than the previous attempt lol.

It definitely looks like an A500 for sure. The only issue is that the "flipped" version (with the monitor facing to the right) has the keyboard layout flipped. This is probably the orientation I'd want to use, since all of the other icons are in a left-to-right orientation.

Meanwhile, the new mouse icon looks fantastic. The exit icon is also incredible, you've really captured what the exit would look like large and in 3D. I'd be interested to see your take on all of the OG exits, not necessarily for these icons but just as an artistic project in general!

Here's everything as it looks at this point. Let me know your thoughts: