Have a look at the default buttons in the image panel and then do it the same way.
Otherwise, set the button image to blank.dds and make an image overlay the top of it - that is how I do it, but you loose the ability to get a highlighted image.
Are you making the buttons by dialog? If you are, there are actually 2 images that SC2 uses when making a dialog button. These 2 images contain 4 button states which is separated only 2 pixels (or 4). Below is an explanation of the 4 button states...
Normal - This is the default normal button look.
Mouse Over - This is what the button will look like when the mouse is hovered over the button.
Mouse Down Over - This is what the button will look like when the button is clicked down and the mouse is over the button.
Mouse Down Out - This is what the button will look like when the button is clicked down and the mouse is out of the button.
Like I said earlier, these 4 states are in 2 images. Below lists what image contains which 2 states:
Image 1 - Contains Normal and Mouse Down Out button states.
Image 2 - Contains Mouse Over and Mouse Down Over button states. (This image containing these 2 states will be the hover image)
Now, with that knowledge, here is how the images need to be made in your editor (such as Photoshop).
[------]<---- Normal State Image
--------<----4 pixel seperation
[------]<------ Mouse Down Out Image
How do you go about inserting your own custom buttons?
I've made the button and the 3 parts of it, normal / highlighted / clicked on.
But where to go from here I don't know, if I put them in order top to bottom, will the editor automatically do it for me?
What format, size, spaces between etc. do I need?
thanks
Have a look at the default buttons in the image panel and then do it the same way.
Otherwise, set the button image to blank.dds and make an image overlay the top of it - that is how I do it, but you loose the ability to get a highlighted image.
@Fullachain: Go
Are you making the buttons by dialog? If you are, there are actually 2 images that SC2 uses when making a dialog button. These 2 images contain 4 button states which is separated only 2 pixels (or 4). Below is an explanation of the 4 button states...
Like I said earlier, these 4 states are in 2 images. Below lists what image contains which 2 states:
Now, with that knowledge, here is how the images need to be made in your editor (such as Photoshop).