Is there visual guide to Win UI component names and tga names?

Which are the actual taskbar buttons

Among the skins I like the most is Xandar, except for the white-background buttons on the black task bar and notification area. So I loaded it into SSP and tried to find the taskbar buttons that I could then change to a nice darkish gray. The ones I thought were them changed the color of entire sections of the taskbar, so that wasn't it. What I really could use is a visual guide to what the tga file is for each Windows component. Some are obvious, many are not...at least to me.

Alternatively, perhaps someone could tell me what I'm looking for.

5,802 views 10 replies
Reply #1 Top

The names of the images don't really matter, You can import your own. I typically save as .PNG and SKS will automatically do the necessary conversions and so forth. The section you are after is;

 

Edit Startmenu and Taskbar > Edit Horizontal Taskbars > Taskbar buttons > Buttons.

 

Reply #2 Top

So you're suggesting I import buttons I like from another skin to replace those in this one? I don't see any import function other than "Force image reimport" in upper right-hand corner. I have Photoshop as editor, so I could copy and paste into file there, but I could also just go to folder itself, open the tga file in question and do the same. This file (taskbar_buttons.tga) was the one I tried altering unsuccessfully. The buttons are gradated light gray or light yellow, not the white I see on skin itself, and there is only the one layer. And the layer uses transparency, so I'm wondering if there's another file that contains the white ones. The SS PDF from site is for previous version and doesn't seem to cover this topic.

Reply #3 Top

Importing images:

You get that option for any image.

Reply #4 Top

Quoting ed_b, reply 2
so I'm wondering if there's another file that contains the white ones
End of ed_b's quote

 

 

The white one may be the "flashing" state, a seperate graphic.

 

Quoting ed_b, reply 2
So you're suggesting I import buttons I like from another skin to replace those in this one?
End of ed_b's quote

 

No, he's suggesting you make your own and import them in.

 

 

 

Reply #5 Top

With TGA format you have to make your own alpha channels. Using the standard transparency in photoshop, saving as PNG then importing to SKS will save alpha channel data to the file and SKS will know how to handle the image file. Typically importing other entities from one blind to another will most likely cause problems. Sometimes it can be button states sometimes height/width differences, margins/text margins. SKS is very complex but if you put in the time to learn it you will produce very nice blinds :)

Reply #6 Top

Thanks for the replies. I'm finally beginning to understand the mechanics of the process.

This seems to confirm my wish for a visual guide to what file is for what UI component, although any variation in naming files would be a problem.

 

The flashing state comment was helpful. When I mouseover the taskbar graphic it does change from light gray to light yellow, so that would be the two states when doing this on Windows taskbar. I see 10 taskbar-related graphics files in this skin, including taskbar_buttons.tga, and none refer to flashing.

Yes, SKS is very complex and it makes my respect for those who have done these skins even greater. I'm just going to have to live with many failed attempts before figuring out what actually works and why. 

Reply #7 Top

There are a few things to check before trying. Frame count must match the amount on the image for example the normal window buttons have 5 states so you would set the frame count to 5. Margins must be within the image (normally to prevent distortion).

Although for a start menu it's a great place to start and will give you a good idea of how things are done.

Guide

Reply #8 Top

For the Xandar skin, you want to replace the image taskbar_buttons.TGA with another image. It's a 6 image "string" that represents the 6 different states of the button (normal, disabled, pressed, mouseover, active, active mouseover) The flashing button is a single image called flashing.TGA

 

There is no standard labeling for images it's really up to the artist what he calls each image.....but I usually name mine pretty logically  O:)

Reply #9 Top

Are those six states standard on most or all skins?

 

I modified first button and now it's more gray than white and other states reflect change.

 

Thanks! 

Reply #10 Top

Quoting ed_b, reply 9
Are those six states standard on most or all skins?
End of ed_b's quote

all skins have the 6 state buttons for that section.

 

Quoting ed_b, reply 9
I modified first button and now it's more gray than white and other states reflect change.



Thanks!
End of ed_b's quote

Glad you got it sorted