• 🏆 Texturing Contest #33 is OPEN! Contestants must re-texture a SD unit model found in-game (Warcraft 3 Classic), recreating the unit into a peaceful NPC version. 🔗Click here to enter!
  • It's time for the first HD Modeling Contest of 2024. Join the theme discussion for Hive's HD Modeling Contest #6! Click here to post your idea!

Icons Guide

Ralle

Owner
Level 77
Joined
Oct 6, 2004
Messages
10,096
Introduction
Warcraft icons are used for many things. They are used for abilities, items, units and buildings. Everything in Warcraft have an icon. Icons are in the format of 64x64 pixels in .blp or .tga format. This guide will tell you about how to make an icon and what you need to have in being able to make it. I will also be explaining how to import an icon correctly and how to use one disabled (DISBTN) icon for more than one enabled icon. I will also give you some helpful resources to easier make a good-looking icon.

Downloading and installing custom icons
There exists many websites for downloading custom icons. Here I will list some of them.
  • Wc3campaigns.net
    This website spends a lot of energy in only having the very best icons. This also results in a resource section with not many icons.
  • HiveWorkshop.com
    I will also like to introduce you to the Hive's version of a resource section. This section is not that filled yet but you can help me fill it out with lots of great icons.

After the download
When you have downloaded an icon, you need to know where to put it, in order to make the icon being displayed correctly. Many people makes an ability/item/etc. link to an icon that isn't in the right path and may be displayed incorrectly. All icons also require a disabled version of itself. A disabled version is one looking like the original one but just a lot darker to show that this icon is not enabled at the moment. Disabled icons are used when looking at someone else's hero and when you have opened the game menu. If an icon doesn't have a disabled version of itself, a bright green color will be displayed instead, this is not a cool feature so always remember your disabled icons.
You start by opening the "Import Manager" in World Editor. Then you press "Import" and import the icons you have downloaded. Then double-click on each file and tick the "Custom Path" and set the path to the below settings according to which icon it is.

The Enabled Icon
The enabled icon is the most used icon, it is used for everything, but when you are looking on some other players unit or when you have opened a dialog or the game menu, every icon will be switched to the disabled version.
The enabled icon is usually located in:
ReplaceableTextures\CommandButtons\BTNIconName.blp

But it actually doesn't matter where you put the icon. So I will save it as:
TheFunnyIcon/IconName.blp
340_standard.jpg

The Disabled Icon
The disabled icon is often skipped. Some people just delete it to save room but it really makes the custom icon feel more real when you also can see a disabled version instead of just some bright green color which will be displayed when a disabled icon is not found. The disabled icon should ALWAYS be located in:
ReplaceableTextures\CommandButtonsDisabled\DISIconName.blp

Replace the "IconName" with the IconName from the enabled icon and it will always work. Even if the Enabled icon is in some other path, the disabled version should always be located here. But remember if the IconName begins with "BTN" the disabled IconName should also be named with "BTN" but after the "DIS".
340_passiveoff.jpg

Several Icons With Same Disabled Icon
You can actually have more enabled icons using the same disabled icon as long as they have the same IconName. Here's an example:
ReplaceableTextures\CommandButtons\BTNRalle.blp
SomeRandomName\BTNRalle.blp
BurningCow\BTNRalle.blp

All these icons have the same iconname and they will all look for the disabled version in the path:
ReplaceableTextures\CommandButtonsDisabled\DISBTNRalle.blp

This feature is very good to save some room if you have many icons which just have different colors, then make the disabled version black and white.

Green Icon Problem (by shados)
Occaisonally when using custom icons a flouro green square will appear instead of your icon, this green icon is what Warcraft III shows when it can't find the icon. Often you will get a green default icon when Warcraft III attempts to show the disabled version of an icon you've imported and cannot find it, this could be because you haven't imported a disabled version of the icon or simply because your icons aren't named correctly. So you have to be more careful and maybe read through this tutorial again or post your paths for getting help.

Creating An Icon
Being able to make your own icons is often quite nescessary when making your own map. But it's actually not that hard. You only need one tool and that's the Warcraft III Image Extractor II.

Firstly you need to decide whether it is a passive, active or autocast icon. For the active icon, you need to use this border: View attachment Icon_Border.TGA.
And for the autocast icon, you need this border: View attachment Icon_Border_Autocast.TGA.
Passive icons doesn't have a border. They should be fading to black where the borders are.
All disabled icons should look like the passive icon just more darkened. Here's Try browsing around on the websites listed in the top to see how other people make their icons before you start.
When you have made your icons, you need to convert them to either .tga or .blp and import them as written above.

Sources
Archian's tutorial ~ Importing an Icon
Green Icon Fix
[THREAD=7082]Healingpoison's tutorial ~ Making an Icon[/THREAD]


by Ralle
 

Attachments

  • Icon_Borders.psd
    34.6 KB · Views: 1,459
Last edited by a moderator:
Top