SkinStudio 6 issues

I am having problems assembling images I've imported into Skinstudio 6. I have read a number of tutorials on how to do so, but none of them explain in detail the margins, extras, etc. tab options and what each does. This is causing me real issues.

I've created a start panel in CS2, sliced all 5 of the required parts (Top, Bottom, Programs, More Programs, & Right [List] Panel). I've then imported each image into Skinstudio 6. But then, the pieces are either all distorted and stretched and/or out of place.

Others have basically told me that I can either GUESS when using the Margins Options and whether to choose "Center (true size)", "Stretch vertical", "horizontal", "Tile", etc. OR I can simply copy the details of some previously existing Visual Style and draw my own image to fit those dimensions. I dont want to do either. I want to create my own visual styles from scratch, not simply copy someone elses work but I also dont want to waste hours simply guessing at what margins or Extras will make my skins fit properly. I would imagine that a program such as Skinstudio 6 would allow me to do so, and/or provide a thorough explaination of just how each detail (margins, Extras, Glyphs,) work and how each affects the outcome of the image placement.

My hope is that such an explaination does exist or one can be created to explain these details to those of us novice skinners who want to LEARN HOW to create our OWN skins and not simply guess or copy the efforts of others.  If someone can assist me with this issue, I'd greatly appreciate it.

15,993 views 16 replies
Reply #1 Top

Welcome to the fray!

Ok here is what you do :D

1.When you have your pieces sliced and done import them into SKS in their respective places

2.Go to the Extra tab and put in the size of the slice in XP and VISTA (you find these numbers at the right side of the import button)

3. Margins i usually put true size no margins on top and bottom more programs pieces as they should not stretch.

but left and right side of start menu adjust margins so it looks good when stretching it vertical.

+1 Loading…
Reply #2 Top

It would be rather lengthy to explain all the settings but if you have already imported all the start panel you can send it to me I will be glad to set up margins and extras then return it so you can see how and what needs to be set!

Reply #3 Top

Void core you just did that to fast! :rofl:

Reply #4 Top

Haha im speedy! ;)

Reply #5 Top

yeah ...umm sks is a huge headache if your not sure what to do...do what you did here today and ask for help...someone will always be here to help you im sure of it

:thumbsup:  

Reply #6 Top

Quoting voidcore, reply 1
Welcome to the fray!

Ok here is what you do

1.When you have your pieces sliced and done import them into SKS in their respective places

2.Go to the Extra tab and put in the size of the slice in XP and VISTA (you find these numbers at the right side of the import button)

3. Margins i usually put true size no margins on top and bottom more programs pieces as they should not stretch.

but left and right side of start menu adjust margins so it looks good when stretching it vertical.



Reduced 48%

Original 386 x 900
End of voidcore's quote

Thanks ! I have a couple questions tho:

1) In the Paint Margiins Tab, under the area for Tiling top, bottom, left, and right, Should I leave the Tile areas unchecked and at "0"?

2) Also in Paint Margins section there are TWO scrolldown boxes. Should I set the top part to Center Middle Section and set the bottom part to Center (true size, no margins)?

 

Reply #7 Top

Quoting theAVMAN, reply 2
It would be rather lengthy to explain all the settings but if you have already imported all the start panel you can send it to me I will be glad to set up margins and extras then return it so you can see how and what needs to be set!
End of theAVMAN's quote

Thanks for the kind offer. But I kind of want to learn how to do this myself.

Reply #8 Top

ablebodied,

Welcome, I too am new to skinning, still working on my first.

a few things can make life a little easier (for me anyway):

if you leave a little transparency room on your canvas you can also move the image on the canvas to help line up properly to. This is also helpful for certain areas too like the start menu. if your top, bottom, left, and more programs images are against the left edge of the canvas the start menu will render on screen all the way to the left edge of the screen. But if you leave 5 or 6 pixels of transparent canvas to the left of the images it will pull the menu out to the right a little bit, and actually looks better IMO because it doesn't look like the menus left edge is being cut off by the screen.

I would suggest that though it seems a headache, you should play with the margins. They really are easy to understand once you start and it won't take long. open other skins in SKS to look at for reference. of the ones I have looked at the majority of images are set to use Stretch Middle Section / Paint with Margins. Personally I find this easier, someone like voidcore could probably use center/true no margins rather easily due to experience, but I have noticed that your images need to be sized and positioned on the canvas precisely for this to work well. The margins make things easy because images do not have to be the precise size to render properly, stretching will do that for us. 

how margins work is really simple. Basically they tell SKS what portion of the image to NOT stretch.  take my button below. it has some gloss to the top 1/3 of the image. if you stretch that button vertically the gloss will begin to pixelate into lines and look horrible. To solve this you would use your top margin and bring it down on your image until the margin just covers the gloss line. now when the button stretches the gloss will stay crisp and only the middle and bottom of the image will stretch.


and likewise with this image. this is my pressed button. when it is stretched the lighter areas on the the left and right look terrible. they pixelate into steps toward the middle. so I use the left and right margins and bring them into the image to the point where you see the red overlay (not part of the image, added to show the margins) this way the sides don't stretch and turn into steps.


Text margins are simple to, they move the text around within the area. the text margins tell SKS what areas of the image to NOT render text in.

the last thing I have noticed is Patients young grasshopper. If you want your own images from scratch your going to have to learn how to use the margins.

Good Luck and enjoy the process, OH YA, don't forget to make a pot of coffee...or 2 or 5, your gonna need it...lol

Reply #9 Top

I would suggest setting the margins for all panels. Set to stretch if you dont have textures, leave the tiling alone, best to set margins as if you go to make a vista substyle or XP substyle you can resize the start panel with just a few clicks of the Top and Left panel sizes in Extra settings.

 Of course, that's just a suggestion :)

Reply #10 Top

Thanks all for your suggestions. And Thanks for the Margins overview. My thing is that I dont want my images stretched at all if possible since I want to have the freedom of creating images with patterns, textures, reflections, etc. and I dont want them distorted. It seems that stretching is ok (As in XP) if your images are solid, but like I said, I dont want to limit myself to solid images. The reason the Center option appeals to me is for that very reason. I want to create a start panel and have it look EXACTLY as it does in photoshop as i created it. So i simply want to create the images at the exact size that they would display on screen when used and center them so theres no stretching, margins, etc. to worry about. I would REALLY love it if Skinstudio wouldnt require that a single panel consist of seperate iamges being imported. I dont know why on earth the designers of Skinstudio decided to make it like that. I wish I could just create ONE image of say, the entire start panel and import that ONE image. Hopefully a newer version will allow for that much simpler way to skin.

Reply #12 Top

Patients
End of quote

:typo: I think you meant 'patience'

Reply #13 Top

Im trying to post a picture on this site but I dont know what to fill out in the box for insertin images

Reply #14 Top

Quoting vStyler, reply 9
I would suggest setting the margins for all panels. Set to stretch if you dont have textures, leave the tiling alone, best to set margins as if you go to make a vista substyle or XP substyle you can resize the start panel with just a few clicks of the Top and Left panel sizes in Extra settings.

 Of course, that's just a suggestion
End of vStyler's quote

His advice is like gold

Quoting ablebodied, reply 13
Im trying to post a picture on this site but I dont know what to fill out in the box for insertin images
End of ablebodied's quote

You need a url address you upload your image to somewhere like imageshack there are a good # of free hosts and then insert the url  in the box.

mine are hosted throygh my website so the names will be different of course but it will read something like this

ex.....http://audiomasters.net/host/azulss1.jpg

hope this helps

Reply #15 Top

So i simply want to create the images at the exact size that they would display on screen when used and center them so theres no stretching, margins, etc. to worry about. I would REALLY love it if Skinstudio wouldnt require that a single panel consist of seperate iamges being imported. I dont know why on earth the designers of Skinstudio decided to make it like that. I wish I could just create ONE image of say, the entire start panel and import that ONE image. Hopefully a newer version will allow for that much simpler way to skin.
End of quote

Thing is the startpanel have diffrent sizes and changes if you add or delete apps/links.. you can with margins set it so a most of the image looks the exactly as you want it... but somewhere it need information on what to add when it changes size.

Think on it and you will see why 1 image is not really viable, unless everyone have the same size on their startmenu.

BUT here's the kicker you can make layer'ed images!! wohoo this was implemented not long ago so lets say you have a pattern that tiles but you want a big reflection on it you can make another layer that is true size! or you can stretch another image on top.

And why it is made like it is in skinstudio with separate images i think its great as it makes for more control over each part of the start panel. And, im guessing here, there is probably some limitations from MS on how you can modify the startpanel.

Anyway make your first blind to find the wb sks limitations then start thinking on your next blind how can you overcome some of them with some tinkering and the tools provided.

Reply #16 Top

WB will never support one image start panels, If that is what your having probs with then post a screenshot, teh start panel is one of the easier sections of WB to skin so if your having probs, lets see it and we can go from there.