HomeUser Control Panel (unavailable in archive)ForumsTutorialsArt GalleryResourcesMaps

How to Change the Hero XP Bar

11-11-2006, 04:36 AM#1
Orc_Tamer
How to Change the Hero XP Bar
by Orc_Tamer

Basic Information:
This tutorial will show you and explain how to change your interface of your game by changing the XP bar for your hero. Making your map unique and very nice.

Tools Required:
-Photohop or Gimp (or any program that can save/load .tga)
-Magos' Model Editor Link


Step 1:

Open up Magos' Model Editor and go to Windows >> MPQ Browser. Then go on File >>War3.mpq. After that go on UI>Feedback>XpBar>human-bigbar-fill.blp (As shown below)


Click image for larger version

Name:	step1.png
Views:	428
Size:	19.6 KB
ID:	15890
(This is what it should look like)
Click image for larger version

Name:	step2.png
Views:	215
Size:	2.0 KB
ID:	15891

Step 2: Once you open that file up go on Windows > Texture Manager. Find the texture and right click it and export it to your desktop with the .tga extension. (As shown below)

Click image for larger version

Name:	step5.png
Views:	179
Size:	10.0 KB
ID:	15894

Step 3: Open it up on Photoshop or Gimp (Either one) for this tutorial I'm going to use Photoshop. Select all of it and delete all the space so its all white now change it to any color you want. Now go on the layer's options and add these settings.

Click image for larger version

Name:	step3.png
Views:	344
Size:	22.5 KB
ID:	15892
(This is what I ended up with)
Click image for larger version

Name:	step4.png
Views:	256
Size:	803 Bytes
ID:	15893

Step 3: Save it as .tga and reopen it on Magos' Model Editor and do the same thing as Step 2 but instead of saving it as .tga save it as .blp. Now open up your Warcraft III Map so we can import it.

Step 4: Go on Import Manage (F12). Import your new xp bar and now your file. The Full Path is "war3mapImported\human-bigbar-fill.blp" and change it to "UI\Feedback\XpBar\human-bigbar-fill.blp" (Important)
(As shown below)
Click image for larger version

Name:	step6.png
Views:	165
Size:	14.5 KB
ID:	15895

Step 5: Close World Editor (Save your map) and reopen it, now test your map. Your hero's xp bar should end up having a different color.
(As shown below)
Click image for larger version

Name:	step7.png
Views:	1653
Size:	49.6 KB
ID:	15896

That's It. Have fun making your own XP bar. :)
-Orc_Tamer



(Here are the files I used for this tutorial)
Attached Images
File type: pngstep1.png (19.6 KB)
File type: pngstep2.png (2.0 KB)
File type: pngstep3.png (22.5 KB)
File type: pngstep4.png (803 bytes)
File type: pngstep5.png (10.0 KB)
File type: pngstep6.png (14.5 KB)
File type: pngstep7.png (49.6 KB)
Attached Files
File type: blphuman-bigbar-fill.blp (9.2 KB)
File type: w3xTutorial.w3x (13.7 KB)
11-11-2006, 05:14 AM#2
Ignitedstar
Hey, that's really cool! I should do that! Nice!

Would it be possible to add a gradient mixture so that it appears something to this extent?

EX: lllllllllllllllllllllllllll

Just... Not exactly in the rainbow like fashion.
11-11-2006, 05:32 AM#3
Orc_Tamer
Quote:
Originally Posted by Ignitedstar
Hey, that's really cool! I should do that! Nice!

Would it be possible to add a gradient mixture so that it appears something to this extent?

EX: lllllllllllllllllllllllllll

Just... Not exactly in the rainbow like fashion.

I don't know actually I haven't experimented with this that much
11-11-2006, 12:35 PM#4
Thunder_Eye
Problem is that you color will always be mixed with purple
11-15-2006, 09:35 PM#5
PitzerMike
Looking good.
If you attached the images to your post instead of linking to offsite-sources, I could approve it.
11-16-2006, 02:25 AM#6
Orc_Tamer
Quote:
Originally Posted by PitzerMike
Looking good.
If you attached the images to your post instead of linking to offsite-sources, I could approve it.

ok.. I attached them
11-16-2006, 04:40 PM#7
PitzerMike
Good, I approve.
11-17-2006, 02:28 AM#8
The-Cata
Quote:
Originally Posted by Ignitedstar
Hey, that's really cool! I should do that! Nice!

Would it be possible to add a gradient mixture so that it appears something to this extent?

EX: lllllllllllllllllllllllllll

Just... Not exactly in the rainbow like fashion.

Well, your post inspired me. I'm not really much of an artist, but I came up with this:


EDIT: If you're using Photoshop, disable the Green channel to see the result as it would appear in Warcraft.
11-17-2006, 08:36 AM#9
PhoenixFeather
Nice, could be fun to use.
11-17-2006, 10:04 AM#10
Fireeye
I came up with this (I personally love it )
Ingame it looks better.
Attached Images
File type: jpgWC3ScrnShot_111706_115946_01.JPG (7.9 KB)
11-17-2006, 03:31 PM#11
Chriz.
This is actually a very new and cool feature. Maybe for frost themed maps, a nice ice texture could be thrown onto the bar, or a dusty color for barrens. The possibilities are endless.
11-17-2006, 03:41 PM#12
Daelin
Not really. The purple additive plane is still thrown on the bar. So if you want an orange or a green, you'll first have to find out how to modify that too.

~Daelin
11-18-2006, 03:06 AM#13
Orc_Tamer
Quote:
Originally Posted by Daelin
Not really. The purple additive plane is still thrown on the bar. So if you want an orange or a green, you'll first have to find out how to modify that too.

~Daelin

Do you think the "purple" color is from the model they use for the interface?
11-18-2006, 06:52 AM#14
Daelin
It surely has a skin somewhere, because that purple couldn't have come from nowhere. Or it could be a white additive material with modified tinting color. Mike is more specialised into interface elements. Maybe he can help you...

~Daelin
11-18-2006, 05:47 PM#15
Fireeye
My idea would be using a filter with exact the same color as substractive.
Do you think that would work?