1. Updated Resource Submission Rules: All model & skin resource submissions must now include an in-game screenshot. This is to help speed up the moderation process and to show how the model and/or texture looks like from the in-game camera.
    Dismiss Notice
  2. DID YOU KNOW - That you can unlock new rank icons by posting on the forums or winning contests? Click here to customize your rank or read our User Rank Policy to see a list of ranks that you can unlock. Have you won a contest and still haven't received your rank award? Then please contact the administration.
    Dismiss Notice
  3. Join the 6th Melee Mapping Contest for a chance to have your map featured in this year's Hive Cup!
    Dismiss Notice
  4. Shoot to thrill, play to kill. Sate your hunger with the 33rd Modeling Contest!
    Dismiss Notice
  5. Do you hear boss music? It's the 17th Mini Mapping Contest!
    Dismiss Notice
  6. Weave light to take you to your highest hopes - the 6th Special Effect Contest is here!
    Dismiss Notice
  7. Check out the Staff job openings thread.
    Dismiss Notice
Dismiss Notice
60,000 passwords have been reset on July 8, 2019. If you cannot login, read this.

Icons Guide

Discussion in '2D Art Tutorials' started by Ralle, Sep 11, 2006.

  1. Ralle



    Oct 6, 2004
    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:

    But it actually doesn't matter where you put the icon. So I will save it as:

    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:

    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".

    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:

    All these icons have the same iconname and they will all look for the disabled version in the path:

    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.

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

    by Ralle

    Attached Files:

    Last edited by a moderator: Aug 10, 2007