I've been looking for some custom dialog images other than those that Blizzard has to make my dialog a little more unique, so I was wondering if anyone knew of any sources (yes I looked in the assets section but didn't successfully find any).
Regarding dialog items, most of Blizzard's dialog items come in weird sets, where half of it is cut off and put in another location, or there are two buttons in one dialog item. I was wondering, why is this, and is there a way to work around it in order to be able to use the full dialog item?
I'm working now on stupid blizzard bugs. Like Tug of War bar like in HotS narud battle vs kerrigan and its sooo bugged.. Only one beam is winning and i wanted make it by dialogues. But for me doesnt works forums or tutorials.
If you want know more , try google it or message someone. But dialogues from blizzard are always perfect and from normal player totally weird :D Blizzard using their own secrets, you have to find your own, Try set that images into dialogues and remove background.
Many of the dialog options and abilities are not shown properly, labeled properly, or give any concept of what allows them to work properly.
For instance, when you see a "double button" image, one of them is a highlight image, while the other is a normal background button image. You can set a buttons image file, and a hover image file with triggers; this is how you use those "double button" images properly. I personally have my own methods of creating my own buttons to match whatever dialog I am working on.
A copy paste:
------- ------------------------ Creating buttons, A border image, a background image, a label, and a hidden button --------------------------
General - For each integer index from 1 to 3 with increment 1, do (Actions)
Actions
Variable - Set x = (-205 + (index * 210))
Variable - Set y = 847
Dialog - Create an image for dialog (Last created dialog) with the dimensions (190, 55) anchored to Top Left with an offset of ((x + 5), (y + 10)) setting the tooltip to "" using the image Assets\Textures\video_static_black.dds as a Normal type with tiled set to False tint color (100%, 100%, 100%) and blend mode Normal
Dialog - Create an image for dialog (Last created dialog) with the dimensions (240, 95) anchored to Top Left with an offset of ((x - 15), (y - 10)) setting the tooltip to "" using the image Assets\Textures\ui_gamemenu_difficulty_glow.dds as a Normal type with tiled set to False tint color (59%, 78%, 100%) and blend mode Normal
Variable - Set Main Screen - Drug Buttons[index][1] = (Last created dialog item)
Dialog - Create an image for dialog (Last created dialog) with the dimensions (220, 85) anchored to Top Left with an offset of ((x - 5), (y - 5)) setting the tooltip to "" using the image Assets\Textures\ui_battlenet_challenge_frame_achievement.dds as a Horizontal Border type with tiled set to False tint color (78%, 90%, 100%) and blend mode Normal
Variable - Set Main Screen - Drug Buttons[index][2] = (Last created dialog item)
Dialog - Create a label for dialog (Last created dialog) with the dimensions (200, 45) anchored to Top Left with an offset of ((x + 55), (y + 23)) with the text Temp Text[index][1] color set to White text writeout set to False with a writeout duration of 2.0
Variable - Set Main Screen - Drug Buttons[index][3] = (Last created dialog item)
Dialog - Create a button for dialog (Last created dialog) with the dimensions (190, 55) anchored to Top Left with an offset of ((x + 10), (y + 10)) setting the tooltip to Temp Text[index][2] with button text "" and the hover image set to Dialog Hover Image
Dialog - Fade (Last created dialog item) to a transparency of 85.0% over a period of 0.0 seconds for (All players)
Variable - Set Main Screen - Drug Buttons[index][4] = (Last created dialog item)
Attached is an image; the buttons shown in the dialog are the buttons I created above.
To put it in english:
Step 1: create a border image for your button (search for keywords "frame" or "border" or if you really wanna find something good, but spend a long time searching, search "ui_"
There is enough variety here that you should be able to find something that hasnt been used before.
Step 2: Find a background image for the button. I usually stick with a glow of sorts; but you should find something that works well with your border. Keep in mind that you can custom tint all of these items also to better match up.
Step 3: Make sure you put the background image BEHIND (create it first) the border; so the border doesnt have jagged edges.
Step 4: Create a label which will represent the button text, again, a good color scheme can help
Step 5: Create a button that will fit inside the border of the frame you made; then fade that button so that you cannot see the edges of it (70-95% depending on what you like)
Step 6: Set the hover image for that button to something that has a nice glow, keep in mind that hover images always run at full size, they do not scale up or down.
You can use the same general formula to create all dialog items in a unique manner. For a nice look on most dialogs I will take a terrain image that is very dark (lava cracks, dark dirt, ect) and tint it to black, set the fade to 80-90%, and put it over the dialog I created. This gives it a slightly "aged" look imo.
to get very unique, you can randomly generate images over your dialogs also (I have an inventory which randomly generates blood splatters all over it when you open it)
It is my opinion that unless you are looking for something very specific (hire an artist) you should be able to get by with blizzards assets. that in mind; you could try some artists website and ask permission to use their work.
Using the assets that Blizzard has already made can be quite useful with some experimentation, it just takes a long time to find the particular images, and as Glorn has explained, it can sometimes be tricky to make something like a button to work properly, but there is a logic behind it.
I like to see what I can do with the in-game assets before I start looking for other things, and most custom UI elements that I made had to made on my own. Of course if you do plan on using some one else's assets, don't forget to ask :)
Rollback Post to RevisionRollBack
To post a comment, please login or register a new account.
I've been looking for some custom dialog images other than those that Blizzard has to make my dialog a little more unique, so I was wondering if anyone knew of any sources (yes I looked in the assets section but didn't successfully find any).
Regarding dialog items, most of Blizzard's dialog items come in weird sets, where half of it is cut off and put in another location, or there are two buttons in one dialog item. I was wondering, why is this, and is there a way to work around it in order to be able to use the full dialog item?
SCII Profile: http://us.battle.net/sc2/en/profile/2744634/1/Drusus/
"The main reason Santa is so jolly is because he knows where all the bad girls live." - George Carlin
Tutorials? Forums? :D
I'm working now on stupid blizzard bugs. Like Tug of War bar like in HotS narud battle vs kerrigan and its sooo bugged.. Only one beam is winning and i wanted make it by dialogues. But for me doesnt works forums or tutorials.
If you want know more , try google it or message someone. But dialogues from blizzard are always perfect and from normal player totally weird :D Blizzard using their own secrets, you have to find your own, Try set that images into dialogues and remove background.
Many of the dialog options and abilities are not shown properly, labeled properly, or give any concept of what allows them to work properly.
For instance, when you see a "double button" image, one of them is a highlight image, while the other is a normal background button image. You can set a buttons image file, and a hover image file with triggers; this is how you use those "double button" images properly. I personally have my own methods of creating my own buttons to match whatever dialog I am working on.
A copy paste:
------- ------------------------ Creating buttons, A border image, a background image, a label, and a hidden button --------------------------
General - For each integer index from 1 to 3 with increment 1, do (Actions)
Actions
Variable - Set x = (-205 + (index * 210))
Variable - Set y = 847
Dialog - Create an image for dialog (Last created dialog) with the dimensions (190, 55) anchored to Top Left with an offset of ((x + 5), (y + 10)) setting the tooltip to "" using the image Assets\Textures\video_static_black.dds as a Normal type with tiled set to False tint color (100%, 100%, 100%) and blend mode Normal
Dialog - Create an image for dialog (Last created dialog) with the dimensions (240, 95) anchored to Top Left with an offset of ((x - 15), (y - 10)) setting the tooltip to "" using the image Assets\Textures\ui_gamemenu_difficulty_glow.dds as a Normal type with tiled set to False tint color (59%, 78%, 100%) and blend mode Normal
Variable - Set Main Screen - Drug Buttons[index][1] = (Last created dialog item)
Dialog - Create an image for dialog (Last created dialog) with the dimensions (220, 85) anchored to Top Left with an offset of ((x - 5), (y - 5)) setting the tooltip to "" using the image Assets\Textures\ui_battlenet_challenge_frame_achievement.dds as a Horizontal Border type with tiled set to False tint color (78%, 90%, 100%) and blend mode Normal
Variable - Set Main Screen - Drug Buttons[index][2] = (Last created dialog item)
Dialog - Create a label for dialog (Last created dialog) with the dimensions (200, 45) anchored to Top Left with an offset of ((x + 55), (y + 23)) with the text Temp Text[index][1] color set to White text writeout set to False with a writeout duration of 2.0
Variable - Set Main Screen - Drug Buttons[index][3] = (Last created dialog item)
Dialog - Create a button for dialog (Last created dialog) with the dimensions (190, 55) anchored to Top Left with an offset of ((x + 10), (y + 10)) setting the tooltip to Temp Text[index][2] with button text "" and the hover image set to Dialog Hover Image
Dialog - Fade (Last created dialog item) to a transparency of 85.0% over a period of 0.0 seconds for (All players)
Variable - Set Main Screen - Drug Buttons[index][4] = (Last created dialog item)
Attached is an image; the buttons shown in the dialog are the buttons I created above.
To put it in english:
Step 1: create a border image for your button (search for keywords "frame" or "border" or if you really wanna find something good, but spend a long time searching, search "ui_"
There is enough variety here that you should be able to find something that hasnt been used before.
Step 2: Find a background image for the button. I usually stick with a glow of sorts; but you should find something that works well with your border. Keep in mind that you can custom tint all of these items also to better match up.
Step 3: Make sure you put the background image BEHIND (create it first) the border; so the border doesnt have jagged edges.
Step 4: Create a label which will represent the button text, again, a good color scheme can help
Step 5: Create a button that will fit inside the border of the frame you made; then fade that button so that you cannot see the edges of it (70-95% depending on what you like)
Step 6: Set the hover image for that button to something that has a nice glow, keep in mind that hover images always run at full size, they do not scale up or down.
You can use the same general formula to create all dialog items in a unique manner. For a nice look on most dialogs I will take a terrain image that is very dark (lava cracks, dark dirt, ect) and tint it to black, set the fade to 80-90%, and put it over the dialog I created. This gives it a slightly "aged" look imo.
to get very unique, you can randomly generate images over your dialogs also (I have an inventory which randomly generates blood splatters all over it when you open it)
It is my opinion that unless you are looking for something very specific (hire an artist) you should be able to get by with blizzards assets. that in mind; you could try some artists website and ask permission to use their work.
Skype: [email protected] Current Project: Custom Hero Arena! US: battlenet:://starcraft/map/1/263274 EU: battlenet:://starcraft/map/2/186418
Just in case you hadn't seen this, I thought I'd put it out there.
http://www.sc2mapster.com/forums/resources/tutorials/27900-dialogs-making-better-dialogs-intermediate/
@NeroClaudiusDrusus: Go
http://www.sc2mapster.com/forums/resources/art-assets/66511-misc-interface-assets/#p1
Using the assets that Blizzard has already made can be quite useful with some experimentation, it just takes a long time to find the particular images, and as Glorn has explained, it can sometimes be tricky to make something like a button to work properly, but there is a logic behind it.
I like to see what I can do with the in-game assets before I start looking for other things, and most custom UI elements that I made had to made on my own. Of course if you do plan on using some one else's assets, don't forget to ask :)