Anatomy of a WindowBlinds Skin

Photoshop WB skin template

By on April 24, 2013 9:01:01 AM from WinCustomize Forums WinCustomize Forums External Link

essorant

Join Date 03/2001
+54

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

9 Replies +1
Search this post
Subscription Options


Reason for Karma (Optional)
Successfully updated karma reason!
April 24, 2013 9:04:36 AM from WinCustomize Forums WinCustomize Forums

You are a true credit to the community.

Reason for Karma (Optional)
Successfully updated karma reason!
April 24, 2013 9:16:51 AM from WinCustomize Forums WinCustomize Forums

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

Reason for Karma (Optional)
Successfully updated karma reason!
April 24, 2013 9:40:07 AM from WinCustomize Forums WinCustomize Forums

Thanks for Sharing Tim!

Reason for Karma (Optional)
Successfully updated karma reason!
Sign Up or Login and this ad disappears!
There are many great features available to you once you register. Sign Up for a free account and browse the forums without ads.
April 24, 2013 10:50:47 AM from WinCustomize Forums WinCustomize Forums

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

Reason for Karma (Optional)
Successfully updated karma reason!
April 24, 2013 12:23:49 PM from WinCustomize Forums WinCustomize Forums

Interesting approach, thanks for sharing.

Reason for Karma (Optional)
Successfully updated karma reason!
April 24, 2013 12:26:28 PM from WinCustomize Forums WinCustomize Forums

Reason for Karma (Optional)
Successfully updated karma reason!
April 24, 2013 1:06:57 PM from WinCustomize Forums WinCustomize Forums

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

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

Reason for Karma (Optional)
Successfully updated karma reason!
April 25, 2013 12:51:20 AM from WinCustomize Forums WinCustomize Forums

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

Reason for Karma (Optional)
Successfully updated karma reason!
June 20, 2013 8:55:37 PM from WinCustomize Forums WinCustomize Forums

That's very kind of you, Tim.

Reason for Karma (Optional)
Successfully updated karma reason!
Stardock Forums v1.0.0.0    #108433  walnut3   Server Load Time: 00:00:00.0000328   Page Render Time:

Home | About | Privacy | Upload Guidelines | Terms of Service | Help
WinCustomize © 2014 Stardock Corporation. All Rights Reserved.