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 1 of 2 Next Last
Philly0381
Reply #1 Saturday, October 6, 2007 3:29 PM
This is going to go into the WC Wiki, right?   
M-Post
Reply #2 Saturday, October 6, 2007 3:36 PM
I'm actually really really impressed with this feature alone. I've seen so many skins that I loved but were never in the color of my choice. A great idea and great improvement.
MadDeez
Reply #3 Saturday, October 6, 2007 4:07 PM
that's odd. i do not have that "use advanced hsl coloring" dialog nor the color picker. in stead of that, i have "change the brightness of the skin", "invert colors of skin", and "remove all colors from skin" sliders. i am using the lastest build, btw.
ALMonty
Reply #4 Saturday, October 6, 2007 4:35 PM
Yea I don't have that feature either. I have the same one as Snidely.

Your computer has a Windows Experience Index base score of 5.2
Your Windows Graphics Experience score is 5.2

WindowBlinds version : WindowBlinds 6.0 (build 50 x86 - Vista Edition)

WindowBlinds is installed correctly on this PC
WindowBlinds appears to be activated on this PC
(HP w2207 Wide LCD Monitor) 1 is attached to Radeon X1650 Series

Wblind.dll 2007/10/04 17:58:20
Wbsrv.dll 2007/09/24 19:08:26
Wbconfig.exe 2007/10/01 17:35:33
Wbload.exe 2007/09/27 17:47:44
Wbhelp.dll 2007/08/27 11:54:07
Tray.dll 2007/09/12 17:58:21
Wbload.dll 2007/09/12 17:58:28
Screen.exe 2007/10/01 11:23:24
ALMonty
Reply #5 Saturday, October 6, 2007 4:45 PM
And my laptop with Xp dosen't have this feature either

WindowBlinds version : WindowBlinds 6.0 (build 33 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 NVIDIA GeForce Go 6150

Wblind.dll 2007/10/04 17:58:20
Wbsrv.dll 2007/10/04 17:58:04
Wbconfig.exe 2007/10/01 17:35:33
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/10/01 11:23:24
Aleatoric
Reply #6 Saturday, October 6, 2007 4:51 PM
I thought I didn't see the option either, but if you look just to the right of the hue bar (left side), there's a little icon with three colored squares. If you click on that, you'll see the advanced color options. (at least that worked for me (also with the latest build)).
eieio
Reply #7 Saturday, October 6, 2007 5:09 PM
I thought I didn't see the option either, but if you look just to the right of the hue bar (left side), there's a little icon with three colored squares. If you click on that, you'll see the advanced color options. (at least that worked for me (also with the latest build)).



Aleatoric is correct. Make sure you don't leave out that important step.


~Edit~
Ok, whats wrong with the quote feature?
MadDeez
Reply #8 Saturday, October 6, 2007 5:25 PM
after a reboot, that dialog appears. i had that box checked before and the dialog wasn't there. t'is a minor glitch!
ALMonty
Reply #9 Saturday, October 6, 2007 5:34 PM
Ok I see it now    Thanks. There was an update yesterday I thought the new update caused this.
PhrozenMenace
Reply #10 Saturday, October 6, 2007 5:43 PM
im gonna renew my object desktop pretty soon..whats up with that skin though..how we go about getting that? premium skin or comes with 6?
Frogboy
Reply #11 Saturday, October 6, 2007 6:23 PM
On Object Desktop there is going to be a new component called "Bonus Skins" which will contain skins that are exclusive to Object Desktop users.
NightTrainthedark
Reply #12 Saturday, October 6, 2007 7:40 PM
This is a big step. Good job guys.
mrtee
Reply #13 Saturday, October 6, 2007 8:31 PM
At last I'll be able to change things to what I like.

Never found the time before to monkey around with trying to change anything because the instructions (documentation sucked) were hard for an old fart like me to follow. This looks easy enough for even me!

Thanks Frogboy and the other developers as well.

And a question - does this feature just work with Vista or for XP as well?
Frogboy
Reply #14 Saturday, October 6, 2007 8:42 PM
Vista and XP.
Petra Kallmeyer
Reply #15 Sunday, October 7, 2007 10:09 AM
Hello from germany
I can`t find the component "Bonus Skins"   is there a Link witch you can show me? Sorry about my english  
greets from Petra
ALMonty
Reply #16 Sunday, October 7, 2007 10:55 AM
can`t find the component "Bonus Skins"


It's not out yet. Read Reply #11
Petra Kallmeyer
Reply #17 Sunday, October 7, 2007 3:13 PM
Hi,
I have read Reply #11    but i don't understand where I must look for it. I open the Stardock Central, but there is not the Bonus-skin.
Petra
ALMonty
Reply #18 Sunday, October 7, 2007 3:22 PM
Let me put it this way: "It's Not Out Yet."
seldomseen
Reply #19 Sunday, October 7, 2007 7:05 PM
Just got switched over to WB6. Took a bit of file-swapping, but I'm ready for "Fun", now. Thanks for the detailed walk-thru. Now to see what it'll do on my system!   
PhrozenMenace
Reply #20 Sunday, October 7, 2007 10:51 PM
Hi,
I have read Reply #11 but i don't understand where I must look for it. I open the Stardock Central, but there is not the Bonus-skin.
Petra
Frogboy said it's *GOING TO BE*, not there YET
that skin looks familiar though

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