Default sizes for each part in SkinStudio?

Does anyone know if there is any info anywhere on the default size for each item? I would guess when you start with a new skin, the bits that are alrady there are the default size but some parts don't have an image such as Panel Item Background, Special Panel Main Content, etc.

Thanks
5,950 views 25 replies
Reply #2 Top
There isn't actually a default size, just remember that the smaller the better (as long as it's not too small). Mostly the size depends on the design.

There is an article about optimizing skins for speed that goes into a little bit of detail about what sizes would be good. I don't remember where it was though. Anybody got as link to it still?

Reply #3 Top
I don't believe there is a list anywhere. The best thing to do is disect someone elses skin and see what sizes they used. Some images don't have 'default' sizes. Panel Item Background, for example, will stretch/tile depending on the size of the start menu icons, and the start menu items. The key there is to make something that looks right no matter what size it is.

Powered by SkinBrowser!
Reply #4 Top
This has always been my biggest problem when skinning window blinds. There is no documentation stating the optimum size for any particular graphical component in WB. The only thing you can do is open a skin that has the component you need to make, and see what size that author used. The nearest thing you will find is that tutorial by Aleksyander, which is linked in that thread at the top of the main message board. He gives some sizes in that tutorial, but because it was made a while ago, it doesn't include a lot of the newer stuff.

Also, I think one of the reasons for the lack of documentation on this is that there is no set size for many of the components, and it depends whether you are going to tile or stretch the image.

Well, that's how it looks to me....but I'm no expert. I'm just an artist dammit! [tm].
Reply #5 Top
oops! Overlap Mike!
Reply #6 Top
If you're using a pattern make it big and use stretch, if it's plain make it small and use tile.

Powered by SkinBrowser!
Reply #7 Top
Isn't tiling better all round? thought stretching slowed it down
Reply #8 Top
Hey! I was right! there's a first. If Mike agrees with me, it must be right, 'cos he is an expert!
Reply #9 Top
Yes DM.... one of the golden rules is to always tile where you can, it makes the skin faster apparently.
Reply #10 Top
Woo Hoo
Reply #11 Top
some of the images in the default skin are tiled, so their sizes are very small. the best thing to do is find a skin that resembles what you are trying to do and open the images in your graphics editor of choice to see how big they are. I don't think there is a default size list anywhere. If you find one, let me know
Reply #13 Top
I'm kind of amazed that more folks don't know about this:
http://www.windowblinds.net/skinning/

It has a whole section on optimizing skins as well as a plethora of really great and usefule information on how to make skins.

Powered by SkinBrowser!
Reply #14 Top
I got that sitting next to me Wolf
Reply #15 Top
Tile is faster but if you are using a large non-repeating pattern tile won't work, so stretch!

Powered by SkinBrowser!
Reply #16 Top
I wasn't talking about a list of optimum sizes. It was more of a guideline. I forget who wrote it, I think it might have been the same guy who made the SkinBench program, but I don't remember.

I lost all my old bookmarks so I'll have to go digging for it again. The whole thing was actually about making the skins faster, but there was a little bit of info on image sizes too.
Reply #17 Top
no tile!
Reply #18 Top
This is a cut and paste from part of Aleksyandr's tutorial:

The first image we'll go over is the one for the taskbar, toolbar and system buttons. The bitmap for these buttons in the Tutorial folder is: buttons_system.bmp

Hopefully from the preview it is clear where in Windows you'd find each set of buttons. The toolbar buttons (circled in red) are located on the quicklaunch bar (on Windows 9x/2000, not XP) and on some windows, such as Windows Explorer and My Computer (the file, edit, help, etc. buttons). The taskbar buttons (blue) are the ones located across the taskbar (on Windows 9x/2000, not XP). And the system buttons (green) are most everywhere else, in dialog boxes (such as the one asking if you'd like to save your file before closing the program) and other miscellaneous windows, such as Display Properties or File Options.

The bitmap for these elements uses all five button states, as described in Part One.

In some of my skins, I use the same design for these three elements, but it is possible to use different designs for the taskbar, toolbar and system buttons. It just depends on what your particular design calls for. If you wanted a different design for all three elements, then you would have three different bitmaps, but they must all contain the five image states.

Suggested Bitmap Size: 375 (width) x 23 (height) (five states of 75 x 23 each), if the part being stretched or tiled has some detail on it (such as gradients). The buttons used in this exercise are only a solid color in the center, however, which is why the bitmap for them is so small.


You will se he has a suggested bitmap size. He does this for most sections, but as I said previously, the newer stuff isn't covered.
Reply #19 Top
Found it. I must have seen the size info somewhere else because it’s not on this one like I thought it was. But you may still find it helpful anyway.

http://www.greenreaper.btinternet.co.uk/wboptimisess.htm
Reply #20 Top
Wow, thanks guys. A lot of good suggestions there.
I had seen the tutorial when I first started but it was kinda confusing but now that I'm more familiar with skinning I'll have to go back and read it again.
Checking out the bits added by other skinners is good too. I'm sure I've got some that have the Start Panel Item Background.

You guys are great
Reply #21 Top
use a resource editor and look into the bitmaps in luna.msstyles. keep in mind some of these bitmaps are getting stretched to look good on various windows. (normal windows have 4 pixel borders, message windows have 3 pixels, etc.)
Reply #22 Top
I don't know if I'm ready to go that far (resource editor) but thanks for the suggestion anyway, moshi
Reply #23 Top
that´s not hard at all. your goal is to extract images, for this i recommend ResBuilder (it´s not a good reshacking app, but works great for that task).
you only need to open the msstyles file. then close ResBuilder. now you can find all the images in c:\program files\tgtsoft\resbuilder\temp
Reply #24 Top
a link would probably help: http://www.tgtsoft.com/download.php
Reply #25 Top
Thanks, moshi. I'll check it out.

Powered by SkinBrowser!