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 havn't received your rank award? Then please contact the administration.
    Dismiss Notice
  3. We have recently started the 16th edition of the Mini Mapping Contest. The theme is mini RPG. Do check it out and have fun.
    Dismiss Notice
  4. Choose your ride to damnation in the 5th Special Effect Contest Poll.
    Dismiss Notice
  5. The winners of the 13th Techtree Contest have been announced!
    Dismiss Notice
  6. The 13th Music Contest Poll is up! Vote for the best tracks in this symphony of frost and flame.
    Dismiss Notice
  7. Race against the odds and Reforge, Don't Refund. The 14th Techtree Contest has begun!
    Dismiss Notice
  8. 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.

Game Interface - Custom Training Queue

Discussion in '2D Art Tutorials' started by jonadrian619, Sep 1, 2007.

  1. jonadrian619

    jonadrian619

    Joined:
    Oct 24, 2006
    Messages:
    121
    Resources:
    4
    Maps:
    1
    Tutorials:
    3
    Resources:
    4
    Custom Training Queue Backdrops by jonadrian619

    1) Introduction
    2) Needed Tools
    3) Basic Steps
    4) Importing the backdrop to Warcraft III
    5) Conclusion

    1) Introduction
    This is a tutorial which focuses on customizing the Training Queue Backdrop, an interface which allows you to train multiple units or research multiple upgrades, also which has seven squares for units or upgrades. It's like this:

    QueueBackdrop-Default.jpg
    - the basic backdrop

    This tutorial will make your map really unique and nice, if your map has structures that can train units or research upgrades.

    2) Needed Tools
    Wc3 Image Extractor II
    You need a program that can extract images from MPQ's which Blizzard uses to store game data, and a program that can also convert image files into different formats. Wc3 Image Extractor II is the suitable tool. Go get it.

    Download Wc3 Image Extractor II

    Adobe Photoshop CS
    Well, to design the backdrop you need Adobe Photoshop CS. I use Photoshop for this tutorial, but you can use any, for as long as it can open/save .tga files.

    3) Basic Steps
    Open the Image Extractor. Select the Open button, then select Archive (Mpq) or press Ctrl+A. Then open war3.mpq in the Warcraft III directory. After that, go to UI\Widgets\Console\Human\human-unitqueue-border.blp. It looks like this:

    human-unitqueue-border.jpg

    Right click "human-unitqueue-border.blp" then click on the Save button. Save it as a Targa(.tga) file.

    Open up Adobe Photoshop or any photo editor, then open the image you last saved. Use the Brush tool and set foreground color to Black. Also set the brush Mode to Normal. Brush up the numbers in the 2-7 boxes, but DON'T brush the golden borders. Next recolor the borders or change their design, although it takes much time.

    Note: The editing part is compleatly up to you, you may choose to follow the step above or make your own designs.

    When designing is done, click File then click Save As button. Save as a .tga file. Make it have 24 or 32 bits/pixel for better quality while not occupying too much memory.

    Then open Image Extractor II, open the new file then this time save it as .blp. A JPEG Options dialog then appears. You can set it to 75-100 without losing too much quality.

    For me, it ended up like this:
    human-unitqueue-border-finished.jpg
    - cool design, I made it anyway.

    4) Importing the backdrop to Warcraft III
    Open up the Import Manager (F12). Import the new .blp file to your map, with the full path as UI\Widgets\Console\Human\human-unitqueue-border.blp.
    Add some buildings like a Barracks or Blacksmith to your map then save your map and close the World Editor. Play your map. Try to train a unit or research an upgrade, and your backdrop will end up in a different design like the picture below.

    QueueBackdrop-Finished.jpg
    - the outcome of the backdrop in-game

    5) Conclusion
    I hope you do get all the instructions listed in this tutorial, although you can also have a different design in your backdrop. This is my 3rd Game Interface tutorial. You can also read my other tutorials to make your map one of a kind among others.

    I might update this tutorial if people find bugs or want improvements or changes....

    Have fun!!:)

    ~jonadrian619
     
    Last edited: Sep 30, 2007
  2. Wolverabid

    Wolverabid

    Joined:
    Oct 23, 2006
    Messages:
    8,302
    Resources:
    5
    Tutorials:
    5
    Resources:
    5
  3. jonadrian619

    jonadrian619

    Joined:
    Oct 24, 2006
    Messages:
    121
    Resources:
    4
    Maps:
    1
    Tutorials:
    3
    Resources:
    4
    Ok. Added the attached image files to this tutorial. That applies to the other Game interface tut. I've submitted. Thanks for informing me.
     
  4. PurplePoot

    PurplePoot

    Joined:
    Dec 14, 2005
    Messages:
    11,161
    Resources:
    3
    Maps:
    1
    Spells:
    1
    Tutorials:
    1
    Resources:
    3
    The images are still offsite, you just added copies to the bottom. The point is so that if the data is lost, the image doesn't leave the tutorial (unless the hive is down... but then the tutorial is unreadable anyways ;))
     
  5. Wolverabid

    Wolverabid

    Joined:
    Oct 23, 2006
    Messages:
    8,302
    Resources:
    5
    Tutorials:
    5
    Resources:
    5
    Tutorial Approved!

    ~ Thread moved to 2D Art Tutorials.