PoSmedley PoSmedley

One Piece At A Time : Windowblind Tutorial Part II

One Piece At A Time : Windowblind Tutorial Part II

Design: Title Bars & Window Frames

 

Welcome to Part II of the 'One Piece At A Time' tutorial. This thread will be concentrating on the design of the Title Bars & Window Frames for the Roan Windowblind. Several skinners are helping me through these threads in an effort to understand and learn how to build Windowblinds. (And they would be Vampothika, neone6, and 2of3) Along with a lot of other talented skinners, artists, etc, who have participated with this so far, we're hoping these threads will also help other would be or existing skinners as well. We also have gmc2 sorting through all of the info posted for hte Wincustomize Wiki.

EXAMPLE:

 

For these first few parts, we'll be working on the design of the Roan Windowblinds elements and then bringing them all together and exploring SKS (Skin Studio) where we'll take everything and put it together.

If you're looking for Part I, II, III you can find them here:

One Piece At A Time : Windowblind Tutorial Part I

Design : Start Menu and Taskbar

 

One Piece At A Time : Windowblind Tutorial Part II

Design: Title Bars & Window Frames


One Piece At A Time : Windowblind Tutorial Part II

Design: Edit Controls


PLEASE :

  • I am open to suggestions but may not use any of them. Please, don't be offended if I don't use yours.
  • Keep the image posting to the skin(s)
  • If you want to make a skin to go with this, PM me for the files. My PSD's tend to be a mess, but I save everything and will be happy to     share. I am uploading the actual files to the Graphics Gallery here on Wincustomize.
  • We'll be skinning for Windows7, maybe Vista. If someone wants to do XP, PM me and I will get you what you need.
  • Any files you request will come as I complete them. I won't be jumping ahead. Please be patient.
  • ;)

-----------------------------------------------------------------------------------------------------------------------------------------

The PSD files for the  previous threads are in the Graphics Gallery.

Roan WB Title Bars and Window Frames  

  Roan WB Taskbar Buttons

Roan WB Title Bars and Window Frames  

  Roan WB Taskbar Buttons

113,269 views 203 replies
Reply #51 Top

Quoting DrJBHL, reply 49
Zubaz pm'd me something about Harley's next skin will feature buttons which will be atomic lightning flashing neon rainbow assed flying across the universe nyan cats (but nothing special).

What happened to the Britney Spears-riding a neon dolphin-with a unicorn horn-farting double rainbows-while screaming 'I'm the goddamn Batman' buttons?

Reply #52 Top

neone6 and Po - those are the best damned buttons! :thumbsup:

Quoting PoSmedley, reply 51



Quoting DrJBHL,
reply 49
Zubaz pm'd me something about Harley's next skin will feature buttons which will be atomic lightning flashing neon rainbow assed flying across the universe nyan cats (but nothing special).


What happened to the Britney Spears-riding a neon dolphin-with a unicorn horn-farting double rainbows-while screaming 'I'm the goddamn Batman' buttons?

Not enough cowbells.

Reply #53 Top

 

Quoting DrJBHL, reply 52
neone6 and Po - those are the best damned buttons!
:blush:

Reply #54 Top

Those titlebar buttons are the shit, my friends! 5* 5* 5* 5*

Reply #55 Top

When i first read that, I thought you said they were shit (not THE shit) and I was like, 'Shit!' but then I saw 'THE shit' and I was like 'Shiiiit!' cause I didn't get your shit the first time but now I get your shit and don't have to think you were like shitting on our shit and calling it shit cause that wouldn't have been cool shit to do, ya know, to just come in and shit on someone elses shit when no one is messing with your shit to begin with it's not cool to mess with someone elses shit just cause you think you can and all that shit.

So should we go with this shit?

 

Reply #57 Top

Quoting PoSmedley, reply 55
So should we go with this shit?

Shit, yeah!

Reply #58 Top

Quoting DrJBHL, reply 57
Quoting PoSmedley, reply 55So should we go with this shit?

Shit, yeah!
:sun:

Reply #59 Top

About as close as I can get

 

Reply #60 Top

Quoting PoSmedley, reply 59
About as close as I can get



 
Am I allowed to say it looks Alien killah´ (good) to meh ?? :sun: :star:

Reply #61 Top

They are different. I like different. Go with them!  :)

Reply #62 Top

Liking dem buttons!! :)

Reply #63 Top

I redid them again. My question is, when I make the png (because of this particular skin) do I want a transparent background or do I want to include the window frame?

 

 

Reply #64 Top

You could draw the part that "overlaps" the title bar on the frame itself and then leave the buttons with a transparent background. Remember the buttons have different states depending on the dialog/window properties.

Reply #65 Top

This is also the point where I might be tempted to mirror the look of those buttons in the shutdown buttons on the startpanel. I at least feel that even though one has "finished" the design of other parts of the skin, it`s not cut in stone until you upload it!

Up to you, though.....just thought I`d put it out there O:)

Reply #66 Top

Quoting 2of3, reply 64
Remember the buttons have different states depending on the dialog/window properties.

I followed SKS on that and have all 8 (?) states shown in the shot above. (4 active and 4 inactive- according to sks)

Quoting 2of3, reply 65
I at least feel that even though one has "finished" the design of other parts of the skin, it`s not cut in stone until you upload it!

I like them the way neone6 showed me for the window frame. They look more like 'rings' to me , wrapped around the leather. I don't know how I could make that work in the SPanel. I'm afraid they'll look to much like buttons and take away from the ones on the frame. I'll mess with it and see.

*should say Tool Window

Reply #67 Top

Use these. Right click and you´ll see they´re in PNG right here ready for use.  FIXED your pixelspace, it was 5 px between them Now it´s 6 Must have dividable number cause space on the sides gotta be half. Now it´s 3px.  ^_^

Reply #68 Top

:thumbsup: :thumbsup:

Reply #69 Top

*I spent a total of about 2 1/2 hours trying to duplicate your freaking buttons and you see where this is going. I'll have to redo the 'All Programs' and the 'Mouse Overs',  Are your ears burning yet???? ;)

Reply #70 Top

Quoting PoSmedley, reply 69

Nice shit

Reply #71 Top

Taskbar buttons ready 4 use.

States: Normal, Pressed, Disabled, Highlighted, Activated, Activated & Highlighted. :-"

Reply #72 Top

If I remember right, you can have a 'normal state' (?) for the mouse overs (right and left panel) on the start menu in XP.

IF I did remember right, can you do the same in Vista and 7?

Reply #73 Top

Quoting PoSmedley, reply 72
If I remember right, you can have a 'normal state' (?) for the mouse overs (right and left panel) on the start menu in XP.

IF I did remember right, can you do the same in Vista and 7?
NO ^_^

Reply #74 Top

Edited the TB buttons again, should be alright now just in case.

Reply #75 Top

But how are these going to look in Vista with text?