Sea Glass visuals as a Substance skin
Some time has passed since Ken Orr has announced that he has teamed up with Kathryn Huxtable to work on a new Sea Glass look-and-feel for Swing applications, and i thought that it would be interesting to put Substance and its Jitterbug editor to the test.
Since i don’t have the full artwork for Sea Glass, I based the current implementation on the following mockup:
And this is how a Substance sample Sea Glass skin looks like after about half an hour of work:
The skin itself is a 122-line color scheme definition (created in Jitterbug) and about a 100 lines of Java code that associates the color schemes with the relevant control states and control visual areas. Note that this is not supposed to be a perfect reproduction of the target design, but more of an exploration of Substance skinning layer capabilities.
Related posts:
- Reworking Office Blue skin for Substance 5.1 If you’re following my Twitter stream, you know that over the last few days i...
- Substance 5.1 – polishing the Office Blue skin The Office Blue skin in Substance look-and-feel has already been reworked to be closer to...
- Reworking Office Silver skin for Substance 5.1 Following the work that has been done to revisit and polish the Office Blue skin...
- From Photoshop to code – step 5, polishing the visuals In this entry i’m going to talk about the fifth step in the process of...
November 7th, 2009 at 10:15 am
Nice. We really are using a very light background and rounded scroll bars.
We’ve slowed down because Ken has a day job and it’s heated up, and mostly because I’ve slowed down. (Too much playing Civilization IV Beyond the Sword, plus going through all 45 Monty Python’s Flying Circus episodes.)
-K
November 7th, 2009 at 2:31 pm
Wow, that skin looks pretty amazing on substance.
Kirill I would love to see a tutorial on how you do it.
Thanks.
November 7th, 2009 at 3:53 pm
yea,me too. i’ll like to see how to utilize the codes to use this skin. does flamingo suppor this skin?
November 7th, 2009 at 4:15 pm
Pedro, Obinna – have you looked at the linked sources of the skin?
Thanks
Kirill
November 8th, 2009 at 1:14 pm
[...] attention to detail that most look and feels neglect to pay attention to. Finally, Kirill wrote a Sea Glass skin for Substance, based on the details outlined by Ken Orr and Kathryn [...]
November 9th, 2009 at 3:45 pm
It would look nicer if the background would be white (like in the mockup)
November 10th, 2009 at 7:56 am
Kirill,
Yes I have. My interest is more on your use of jitterbug to get the colors. how you get them? How do you create the color schemes based on those colors you got with jitterbug?
Thanks :)
November 11th, 2009 at 4:31 am
I agree that the background looks better white, or could try a even lighter blue.
November 12th, 2009 at 8:09 pm
Everybody,
The background color of the SeaGlass skin is now white.
Thanks
Kirill