Anatomy of a WindowBlinds Skin

Photoshop WB skin template

Wednesday, April 24, 2013 by retiredmaster | Discussion: WindowBlinds

The link on this page is a big Photoshop file.

It is the template I used for my WB skins (specifically in this case 'Cubano') which I've decided to share with you. You can use it as a reference, as a tutorial, take it apart, change it - do whatever you like with it... (but don't post a duplicate 'Cubano' please!)

There isn't a single way to design a WB skin, but in my later designs I worked from a single PS file containing folders of layers for each of the elements of a skin. It may not be 100% complete - I don't think my skins ever were - but all the essential bits are catered for.

My process was to work on this PS file until I'd prepared all the elements for the skin, then turn off the backgrounds until the element was against transparency and then slice it out into it's own image file and save as a .TGA  The next bit was to put it all together using SkinStudio (although, and this may surprise people, I never used it - I always edited the UIS files manually).

If you open this file (it probably needs PS3 or above) you'll find that the folder of layers are coloured - purple for the window body, orange for 'XP' related, yellow for mockup-ups and backgrounds (just to see what it would look like), grey for unused stuff (maybe I just wanted it there for a reference), and most of the green being the skin elements. Hopefully the layers and folders are named sensibly. Turn the folders on and off... open the folders... turn the layers on and off and see what they do... take a peek at the layer styles and effects... play around with it.

Like I say - every designer does it their own way, and I've not had any PS training so it's just how I do it.

I hope it helps any budding skinners...

Tim

 

http://bit.ly/11DlUZe

Wizard1956
Reply #1 Wednesday, April 24, 2013 9:04 AM

You are a true credit to the community.

2of3
Reply #2 Wednesday, April 24, 2013 9:16 AM

Looks just about like one of my WB PSDs. Nice to see how another skinner does the skin draft.

ZubaZ
Reply #3 Wednesday, April 24, 2013 9:40 AM

Thanks for Sharing Tim!

RedneckDude
Reply #4 Wednesday, April 24, 2013 10:50 AM

Very good thing here, Tim. A Master move indeed. 

doortech1
Reply #5 Wednesday, April 24, 2013 12:23 PM

Interesting approach, thanks for sharing.

Island Dog
Reply #6 Wednesday, April 24, 2013 12:26 PM

DrJBHL
Reply #7 Wednesday, April 24, 2013 1:06 PM

Thank you, Tim. Going to spend hours and hours with this!

Really, this is a fantastic teaching tool which has been underutilized.

willistuder
Reply #8 Thursday, April 25, 2013 12:51 AM

Thanks for sharing it. It's bound to be useful.

danioc
Reply #9 Thursday, June 20, 2013 8:55 PM

That's very kind of you, Tim.

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