Fun with WindowBlinds 6 colors

Making your own color presets

Saturday, October 6, 2007 by Frogboy | Discussion: WindowBlinds

Making your own color presets

One of the coolest new features of WindowBlinds 6 is the ability to selectively color parts of a skin. Combined this with another new WindowBlinds 6 feature - user created substyles and you have customization heaven.

For this demo, I'm going to show off a skin that hasn't been released at the time of this writing - Turbo.  Turbo is a new skin from Stardock Design that is being released exclusively for Object Desktop users.  It's not quite done yet - you will see some minor graphical glitches in the screenshots - but it will serve our purposes of what you can do with selective coloring.

First, let's look at Internet Explorer 7 on Windows Vista by default:

For a skin to be relevant, it has to look as good or better than the original. Aero looks pretty good I think but has some minor UI issues that are a matter of taste (I don't like that the address bar looks like it is part of the title bar, it might be a matter of taste but I think it harms the UI context).

Here is Turbo running Internet Explorer 7:

Turbo has a graphical glitch with the address line still but the site address and search field are clearly part of the client instead of part of the title bar. The status bar is also a lot cleaner.

But the important part and why I chose Turbo for this demo is that the skin has 3 main colors - black, red, and yellow.  In WindowBlinds 5, you could hue shift the whole skin but the results wouldn't have been desirable. In WindowBlinds 6, things are different.

Step 1: Create a substyle

WindowBlinds has supported sub-styles for a long time.  But with WindowBlinds 6, users can create their own mini sub-styles called presets that allow them to customize a particular skin and then save it as a sub-style.  So here we're going to do just that.  ON the Colours tab, create a new sub-style.


Create a new preset.


Give your preset a name.

Step 2: Turn on colorizing.

Once you've made a new preset, select the option to colorize your skin (see left side).  There is a small button in the middle that activates the selective coloring option. Once clicked, you get the advanced HSL colouring dialog.


Turn on coloring, then opt to use the selective colouring mode.

Step 3: Choose the color you want change

This can be a little tricky when you first start. The easiest way is to grab the little color picker on the right side and drag it (holding down the mouse button) onto the color you want to change.


Drag the color picker to the part of the skin whose color you want to change

The two sliders you see on the right determine which color you want to change. The second slider determines the color range -- how many similar colors do you want to include in your color changing?

And that's it.

Here are some example of it in action:

Note how the red buttons remain red. And there are areas that use other colors as well such as push buttons that have green mouseovers. In this way, users have a lot more control over the look of their skin and one skin becomes many.

For more information on WindowBlinds 6, visit www.windowblinds.net

First Previous Page 2 of 2 Next Last
Petra Kallmeyer
Reply #21 Monday, October 8, 2007 8:18 AM
Hi,
ok, now I understand, thank you very much  I must learn a little bit more english
Petra
CerebroJD
Reply #22 Monday, October 8, 2007 9:06 PM
Snidely, you need to click on the three little squares beside the first HSL coloring bar.  I 'wtf'-ed as well.
pjdark
Reply #23 Monday, October 8, 2007 11:11 PM
man do i love wb6. this newest version is sooooooo impressive. You guys have really done a fantastic job with this. It's quite clear you have put alot of love into this.        
AnneMarie
Reply #24 Wednesday, October 10, 2007 7:11 PM
W00t very nice thanks for puting this out


Again Stardock is there for its Customers

Thanks for the very helpful guide


Anne
I.R. Brainiac
Reply #25 Sunday, October 14, 2007 3:22 PM
An absolutely killer feature...one that needs to be implemented in DX,Cursor XP,IP...etc..  (last time I tried to use ID to recolor a pack it didnt work)
Having this feature work natively within any skinning app would be SO great.  
Bebi Bulma
Reply #26 Saturday, November 3, 2007 2:52 AM
I can't get this to work at *all*. I get to clicking on the dropper...and then what? Can't get it to select the color I want to change, and changing the sliders does nothing. This isn't very intuitive at all. And once I fail at that, I have to uncheck/check enable coloring, then uncheck/check use hsl in order to even get back to that menu, rawr!
Lantec
Reply #27 Saturday, November 3, 2007 11:18 AM
I thought it was just me......
I can't make it work either. No matter how I do it, it ends up changing ALL skin colors.

I follow how to pick the colors to change but how do you pick the color you want. As soon as I try to pick the "new" color (after picking the color to change) using the slider on the left "hue" it reverts back to the "unchecked" original dialog.

should probably include this

WindowBlinds version : WindowBlinds 6.0 (build 40 x86)

WindowBlinds is installed correctly on this PC
WindowBlinds appears to be activated on this PC
Your machine supports per pixel borders on WindowBlinds skins.

(Plug and Play Monitor) 1 is attached to Radeon X1600 Series (Omega 3.8.413)

Wblind.dll 2007/11/02 19:37:20
Wbsrv.dll 2007/10/04 17:58:43
Wbconfig.exe 2007/11/02 19:37:08
Wbload.exe 2007/09/27 17:47:44
Wbhelp.dll 2007/08/27 11:54:07
Wbui.dll 2007/09/24 19:08:06
Tray.dll 2007/09/12 17:58:21
Screen.exe 2007/11/02 19:37:51
Moletai
Reply #28 Sunday, November 4, 2007 4:22 AM
I think there is a need in more detailed explanation, if this is possible. If to experiment only by trial and error, it is possible to get some variations shown above, but I did not succeed to get them all. For example it is unclear how to get grey with red buttons? Selecting the option remove all colour from the skin ends with grey skin, but the buttons are also grey...
I.R. Brainiac
Reply #29 Tuesday, November 6, 2007 9:47 PM
With advanced hsl checked...left click and drag the dropper onto the color you want to change...adjust the range slider to expand or narrow the color range to affect.
Go back to the main color slider and adjust hue and sat and brightness to what you like.  

Ranging the color can be very important...it determines whether colors adjacent to the one you want to change are affected or not...  

Please login to comment and/or vote for this skin.

Welcome Guest! Please take the time to register with us.
There are many great features available to you once you register, including:

  • Richer content, access to many features that are disabled for guests like commenting on the forums and downloading skins.
  • Access to a great community, with a massive database of many, many areas of interest.
  • Access to contests & subscription offers like exclusive emails.
  • It's simple, and FREE!



web-wc01