Classic Shell
http://www.classicshell.net/forum/

Skin modification help
http://www.classicshell.net/forum/viewtopic.php?f=17&t=4489
Page 1 of 1

Author:  wonderpoof [ Thu Apr 16, 2015 7:33 am ]
Post subject:  Skin modification help

Hello everybody!

I'm trying to create a basic minimalistic skin for Classic Shell, but stuck mangling the background.

What I'm trying to achive is a taskbar-like start menu, which has exactly the same glass color and transparency as the task bar, fading out in the top edge. See attached "goal.png"

I've tried my best mangling with the background image, mask, and opacity, but the results are far from the goal, see attached"current.png".

I've succesfully set up the appearence with the icon size, and various padding settings, but i can't find a way to achive the same transparency, and colour (The taskbar colour is set to "auto" in windows).
Could somebody help me with this?

Also, the fading top edge looks impossible to achive for me, anybody could hint me how could it be done?

Thanks in advance!

Attachments:
StartBar.skin [159.5 KiB]
Downloaded 630 times
current.png
current.png [ 32.87 KiB | Viewed 7988 times ]
goal.png
goal.png [ 205.85 KiB | Viewed 7988 times ]

Author:  wonderpoof [ Thu Apr 16, 2015 10:15 am ]
Post subject:  Re: Skin modification help

I'm using a 3x3px black bmp as background, and "Main_opacity=fullalpha". As far as i undestand, i have to find the right amount of alpha for the background, and the right amount of blending with the glass colour using "Main_bitmap_mask=#000000".

So far, i've tried various alpha levels (127-160-200-220) and fiddled around with the amount of blending, but still unable to find the exact taskbar look. Maybe somebody can help me come up with the recipe?

Author:  wonderpoof [ Sat Apr 18, 2015 4:36 am ]
Post subject:  Re: Skin modification help

Here is what I've got so far

I could only get this close to the taskbar color, with lots of trial and error. But I still believe that with a specific background color (and transparency on the alpha chanel), combined with the proper glass color blending amount, and opacity mode it is possible to achieve the exact same look and color of the taskbar. The only clue i've found is in Classic Shell's settings, where one can disable the taskbar transparency.

Maybe these values are what Windows uses on the taskbar by default?
If somebody has any advice please let me know.
Notice the start button, which is from forum user "GauravK" (thanks a lot), on which the logo blends in to the exact taskbar colour. So I guess then it is possible what I'm after.

I've also replicated the looks of the selection in the taskbar (and the little white arrow too but since there is no accessible sub menus in my menu it is now visible) to the start menu from scratch, which with I'm quite satisfacted considering I'm not into graphics design at all. But I think maybe these images (and masks) what the taskbar uses could be found somewhere in the system, which would come really handy for me to get the EXACT same look. Any advice regarding this is also welcome.

And of course if somebody would like a copy of my StartBar skin, let me know :)

Author:  juniper7 [ Sun Apr 19, 2015 1:42 pm ]
Post subject:  Re: Skin modification help

Hello wonderpoof.

The secret sauce ingredients.
We can only guess. It still won't track properly if on auto color,
even if you set the transparency, brightness, and color saturation perfectly for a preset Windows color.
Auto color will tend to boost the intensity most of time, from what I notice.

Anyway,
your picture looks like it is close to finishing. To get closer to your ideal,
the grey or brightness needs to be turned down on the skin bitmap or overridden more.

I can only go from a test skin I made from before:
The bitmap was grey at 40 red, 40 green, 40 blue (#282828)
The alpha transparency layer was 150 Maybe a little higher is better?
The opacity in the skin text was set to fullalpha
The color intensity red mask(no bitmap, just text),
was set to 165 (#A50000) Probably anywhere from 150 to 180
This would be ball park similar to Win8.1 transparent taskbar.

Might need to make selectable variation amounts for matching solid taskbar,
or if blured with 3rd party software.

Bye.

Author:  wonderpoof [ Mon Apr 20, 2015 4:52 am ]
Post subject:  Re: Skin modification help

juniper7 wrote:
Hello wonderpoof.
...


Hello Juniper! Thanks for the help.

The main cause I'm looking for the secret recipe is because I like and use the auto color feature of the taskbar.

Currently I use a grey background a bit darker then You advised (#444444), 185 alpha, and #700000 mask, and it's quite good. During the trial and error, I began with disabling the transparency of the taskbar, and the start menu too, and then I could match up almost the exact color for the start menu(99%), but when transparency is enabled, the "golden ratio" has to be tuned further to maintain the colour match. Anyway, I've almost finished the other parts of the skin, and i'm quite statisfied with the result. After a bit polishing up, and preparing it to be used by others, in the end i will experiment more with the backgrounds. Hopefully somebody will hop by until then with the ultimate knowledge and help me out, because currently the colour of it is not the exact same.

Pics of the current version. It needs quite a bit fine tuning in Classsic Shell settings, but the final appearance is pleasing (for me at least :) ), the "slide out" animations with a moderate-fast speed make it look awesome :)


Page 1 of 1 All times are UTC - 8 hours [ DST ]
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/