Sizes for each separate part of skin

Friday, November 6, 2009 by diva42 | Discussion: Skinning

I am completely stuck with skinstudio 6.4 I was told to study other peoples skins which I have done with a few, I want to know what

Size to make each individual section ex. start menu top what size am I supposed to create it in photoshop?

Ther are no tutorials that I found to help the wiki doesnt help me nothing online leads me to understanding how to even make a

beggining there has to be a starting point what size is the start menu each skin Ive looked at all have different sizes so how am I

supposed to know if I should make it 1024x768 or 300x500 really there has to be a set size somewhere.

The only thing I do know is the wallpaper sizes which doesn't help me in the least as that is not sent into skinstudio for adding to

the skin.

 

What am I failing to understand?

 

Thanks, Lisa

First Previous Page 6 of 7 Next Last
Xiandi
Reply #101 Monday, November 16, 2009 6:47 PM

Shell Style Bars and Arrows is what you are looking for I think... ...unless you are talking about the windowframes.

diva42
Reply #102 Monday, November 16, 2009 7:24 PM

Ok I can't find the place to edit these no idea what section or the name is I think its called title bar but nope oh I didn't look for frames I will try looking for that

 

diva42
Reply #103 Monday, November 16, 2009 7:30 PM

Ok I got the frames section but I did change the part thats open in the picture and I don't see any changes anyplace where is that darn title bar section which one from the above picture thats what I'm looking to change.

 

Xiandi
Reply #104 Monday, November 16, 2009 7:59 PM

You are after the Per Pixel Borders and the UIS2 Borders. The easiest way to make them is to make it one whole image and then chop it up like you did the start panel. 

UIS2 borders have to be .bmp , no transpatent frames and if you want to have rounded corners, you have to use magic pink for the transparent parts.

Per Pixel frames can have transparency and shadows, make those .png and let SKS change them to .tga. Per pixel frames usually override the UIS2 frames, so make the UIS2 ones first (including the buttons) if you want to see what you are doing when you apply them.

The UIS2 anf Per Pixel frames are cut differently. Take a look at another skin to see how they are cut.

Skin both the UIS2 and the Per Pixel frames.

diva42
Reply #105 Monday, November 16, 2009 8:23 PM

Ok I changed the title bar using someone else skin image and it crashed my explorer had to hard reboot and went into safemode but couldnt do anything there tried last know good config that didnt work was unable to enter control panel without pc freezing up managed to get it running again but the title bar is not displaying the close out x for me to close anything thats open its hidden from view now lol Im using my skin with someone else image just wanted to see if it worked the thing I cant figure out is why it applies correctly in the other skin and not on my skin I will check to see if the size is right in the extras tab maybe thats the issue. I will be back.

k10w3
Reply #106 Monday, November 16, 2009 8:37 PM

I think it's actually easier to make your own windowframe and install it (same way you did the start panel -- make the whole thing and slice it up) than reimporting other pieces of somebody elses.  If, for instance, the title bar (top frame) is larger than the overall frame that's already in the default skin (in your case, that hideous Microsoft Luna thing) I think Windowblinds might whack out and crash your system.

I learned that the hard way during one of my earlier skins -- once you freak it out with something that "does not compute" it's a real bitch to get back to working order.

diva42
Reply #107 Monday, November 16, 2009 8:46 PM

Back from another crash had to do a system restore I was trying to open impulse when it crashed it probably had something to do with me trying to uninstall skinstudio in safemode and it wouldnt uninstall grrh but its running fine now.

Ok I can make my own frame the only problem is there is no image there to begin with if I remember correctly so I have no idea the size to make these images and the image I did use obviously I'm not gonna make it that size yikes, so what to do for sizing it.

k10w3
Reply #108 Monday, November 16, 2009 8:50 PM

Start out just making a rectangle -- I've been using a canvas 400 x 300, but the experts tell me size doesn't matter.  I like to keep the top part of the frame (titlebar) about 30 pixels, and the sides and bottom around 7-10 pixels.  Slice it up like that, and then put the pieces in and adjust the margins once all the pieces are in. 

Good luck!

Xiandi
Reply #109 Monday, November 16, 2009 8:53 PM

There really is no size requirements on the frames. the images will get stretched to fit the window depending on how you set the painting margins.

It's good to make the height of the top part of the frame the actual height you want it to be. The sides and bottom are usually around 4-6 pixels wide but not required. I've seen some that are 1 pixel wide, and some that are 20 pixels wide....and adding the shadow to the frame will make the width larger too.  The design and size is entirely up to you.

Vampothika
Reply #110 Monday, November 16, 2009 11:09 PM

when you do complete the window frame top uis,  SAVE it in the skin folder (as bmp and save it over the original window frame top uis, in other words when you go to save it in that folder, click the original image so your new image overides it) DO NOT directly apply it in skin studio, if you do this, your thumbpic of your skin will not show up in windowblinds. the rest of the frames are okay to apply directly to the skin.

 

 

Vampothika
Reply #111 Monday, November 16, 2009 11:15 PM

and while we are on the subject of perpixel frames, you will have fun with the perpixel buttons, i believe they come it sets of 8 (8 states instead of 3 like the uis buttons) and you have to manually shift them into position with the x and y settings.

and there will be times when you have to restart your pc when you are skinning and applying you skin, its just part of the skinning life, and something most of us have to do.

diva42
Reply #112 Wednesday, November 18, 2009 8:48 PM

Ok I finally did get the title bars or the uis2 to work yay now do I have to do the per pixel section or can I just leave blank as it already is?

2of3
Reply #113 Thursday, November 19, 2009 7:31 AM

Do the per pixel. The fact that you can get nice smooth corners and add a dropshadow will make you blind look so much better than it already is. Remeber: .tga/.png for this section and the different bits are cut up differently than the UIS2 frames

diva42
Reply #114 Friday, November 20, 2009 1:39 PM

Ok will do Thanks for the tips

diva42
Reply #115 Friday, November 20, 2009 4:25 PM

Aaah I just made a image for the Controls>Button>Push Buttons>Button Image and decided I didnt like it so I cleared the code now my Start Menu and Taskbar reverted to the standard one Is there some easier way to clear these images out with out having to reload with a whole new blind? I mean the images are still there for the taskbar and start menu section they just arent showing up now that I removed the code for the Button image which I find odd.

 

Thanks Lisa

k10w3
Reply #116 Friday, November 20, 2009 6:16 PM

If you made the new buttons the same size canvas as the old ones, you could just import them like you did the original images and save them over the old, unwanted images. 

Have you tried putting in the new button images and see if the taskbar and start menu come back?

I had a few "WTH?" moments in my skinning experience and have since started making .wba packages for every skin change I think is acceptable so if I have an OOPS adjustment I can just re-install the skin from my last .wba package.  Really, this is the BEST noob advice I can give anyone starting out.  I've actually taken to saving those "good" .wba files on a flash drive, too, just incase something every happened to my computer (cuz I don't have the financial resources for a backup external harddrive).

Vampothika
Reply #117 Friday, November 20, 2009 6:38 PM

if you cleaned out the codes of any image they will revert back to default, so you have to put the images back (that you want back)

if you have skinned buttons and you dont like them, you dont have clean out the code to get rid of them, you can go into the diamond blind and retrieve the original parts, or just be patient and keep the old ones until you skin new ones and apply the new ones.

clearing out the code is a last resort if you have a major bug going on and cant fix it.

hope this helps somewhat.

on another note, you might not have clicked the apply button before you cleared the code either, so basically the taskbar ect wasnt saved cause you didnt save it.

Vampothika
Reply #118 Friday, November 20, 2009 6:41 PM

 hey kaz im back on xp woot!!!! next skin is gelignite.......xxxxxxxxxxxxxxxxxxx (lol as in that is the name of it)

k10w3
Reply #119 Friday, November 20, 2009 6:43 PM

im back on xp woot!!!! next skin is gelignite.......xxxxxxxxxxxxxxxxxxx (lol as in that is the name of it)


If I open up MSM messenger, will you show me a screenshot?  I need a teaser.

diva42
Reply #120 Friday, November 20, 2009 7:27 PM

Ok I did get the original image back by choosing create new and snagging that image into photoshop and reopening my other skin but your idea is better it will spare me the oh crap moments

now I'm having trouble with that image no matter what I do it has an outer edge on it that shoulnt be there even the original does Im having a big fight with this program tonite and I vow not to let it win

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