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. Dismiss Notice
  5. The Highway to Hell has been laid open. Come along and participate in the 5th Special Effect Contest.
    Dismiss Notice
  6. 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.

Simple Loading Screen

Discussion in 'General Mapping Tutorials' started by Aesthetics, Aug 11, 2009.

  1. Aesthetics

    Aesthetics

    Joined:
    May 30, 2009
    Messages:
    790
    Resources:
    1
    Tutorials:
    1
    Resources:
    1

    Simple Loading Screen


    By Aesthetics


    Contents
    I - Required Tools and Files
    II - Implementation
    III - Troubleshooting
    IV - Conclusion

    I - Required Tools and Files


    Irfanview (Click "Download" on the left sidebar, click on a mirror, download Infranview, and set it up. Next, next, agree, next, next...)

    Warcraft III Viewer
    (Just open it with a program like winrar and run the executable later on when directed)

    II - Implementation


    LoadingScreen.mdx

    Please download the file above.

    Step 1) Select your image, 800x600 or 1024x768 (You can use Infranview to resize it if it's too big). Make sure your image is not below 512 in both dimensions.
    Step1.jpg
    Step 2) Open the image in Infranview and click Image -> Resize/Resample
    Step2.jpg
    Step 3) Uncheck "Preserve Aspect Ratio" and select "Resize (Faster)". Now set the width and height of the resize to 512.
    Step3.jpg
    Step 4) File -> Save As... then save your image as a TGA file.
    Step4.jpg
    Step 5) Open Warcraft 3 Viewer and Press Ctrl V. Browse for your TGA file and save it as BLP.
    Step5.jpg
    Step 6) Wc3 Viewer will ask you about the Quality of Compression. Set it to an integer between 50 or 75 depending on the quality you prefer then confirm. Wc3 Viewer will probably ask you if you want to add an Alpha Channel to your image, just click Yes and close Wc3 Viewer.
    Step6.jpg
    Step 7) Open your map, press F12 and press CTRL I. Import LoadingScreen.mdx.
    Step7.jpg
    Step 8) Import your BLP file, check "Custom Path" and change the file's path to "FullScreen.blp" without the quotes.
    Step8.jpg
    Step 9) Finally, go to Scenario -> Map Loading Screen, check "Use Imported File" then select war3Imported\LoadingScreen.mdx from the drop-down list.
    Step9.jpg
    Congratulations on your loading screen! If your loading screen didn't show, please try the troubleshoot steps below.
    Finished.jpg

    III - Troubleshooting


    If you have problems with your loading screen, try these steps in order;

    1. Check if you changed the path of your BLP file correctly. It should read FullScreen.blp

    2. Check if you resized your image to 512x512.

    3. Did you save your file as TGA then convert it to BLP?

    4. If you tried all the steps above, it's best to repeat the whole process again. If all else fails, PM me describing your issue and I'll try my best to help you.


    IV - Conclusion


    I hoped you learned how to create a simple loading screen from this tutorial.

    Credits go to SFilip for his awesome and original tutorial at:
    How to: Make a Loading Screen Tutorial - Also features Hi-Definition loading screen and loading screens with bars!

    Simplified by Aesthetics.
     

    Attached Files:

    Last edited: Apr 12, 2010
  2. Pyritie

    Pyritie

    Joined:
    Nov 26, 2006
    Messages:
    11,356
    Resources:
    60
    Models:
    30
    Icons:
    9
    Packs:
    3
    Skins:
    12
    Tools:
    1
    Maps:
    1
    Tutorials:
    4
    Resources:
    60
    1) Attach the loading screen file to the post, not the pastebin. Pastebins expire.
    2) Why the heck is every step in its own
    ? Remove those.
    3) Use

    ,

    ,

    tags

     
  3. Aesthetics

    Aesthetics

    Joined:
    May 30, 2009
    Messages:
    790
    Resources:
    1
    Tutorials:
    1
    Resources:
    1



    Thanks for your time and review. I'm working on the issues you mentioned above. :thumbs_up:

    EDIT: Fixed all of it. (From what I know...) If I've done anything wrong again please tell me. :confused:

     
  4. penguinperson

    penguinperson

    Joined:
    Apr 24, 2008
    Messages:
    29
    Resources:
    0
    Resources:
    0
    I like it, it's easy to read and seems to work. :thumbs_up:
     
  5. Aesthetics

    Aesthetics

    Joined:
    May 30, 2009
    Messages:
    790
    Resources:
    1
    Tutorials:
    1
    Resources:
    1
  6. .Ragnaros

    .Ragnaros

    Joined:
    Aug 13, 2009
    Messages:
    181
    Resources:
    0
    Resources:
    0
    There is already a tutorial about Loading Screens

    and... There's a faster way to make a loading screen with War3 Model Editor

    But, after all, the tutorial is good :D 7/10 for his simplicity but not 10/10 because there are no images which may help us to understand...
     
  7. Dr. Boom

    Dr. Boom

    Joined:
    May 1, 2008
    Messages:
    1,552
    Resources:
    3
    Maps:
    1
    Spells:
    1
    Tutorials:
    1
    Resources:
    3
    Or just use the WEU Unlimited (only for loading screen)

    Open WEU Enhancer -> Map edit -> import the picture u want have (1024x768) > and picture automatic splited and mdx created.

    First try: 15 sec used
    Second and more trys: 5 sec used

    The easiest way I bet - but your tutorial is cool and useful for everyone 10/10
     
  8. Aesthetics

    Aesthetics

    Joined:
    May 30, 2009
    Messages:
    790
    Resources:
    1
    Tutorials:
    1
    Resources:
    1
    I tried uploading images but they came out so small that you couldn't see anything. Didn't resize the images yet so I guess no screenshots for now. The tutorial you linked to makes use of the Hi-Definition loading screen which is different from my lower quality yet smaller loading screen. And finally with the War3 Model Editor, some people can't open it apparently from the posts, so I guess people could use a backup method like this tutorial.
     
  9. .Ragnaros

    .Ragnaros

    Joined:
    Aug 13, 2009
    Messages:
    181
    Resources:
    0
    Resources:
    0
    So.... what you're saying is that this tutorial shows how to make a HD Loading Screen?
     
  10. Aesthetics

    Aesthetics

    Joined:
    May 30, 2009
    Messages:
    790
    Resources:
    1
    Tutorials:
    1
    Resources:
    1
    No, this is lower quality and smaller.

    But I will add the HD Loading Screen section if I have time. :thumbs_up:
     
    Last edited: Sep 1, 2009
  11. Pyritie

    Pyritie

    Joined:
    Nov 26, 2006
    Messages:
    11,356
    Resources:
    60
    Models:
    30
    Icons:
    9
    Packs:
    3
    Skins:
    12
    Tools:
    1
    Maps:
    1
    Tutorials:
    4
    Resources:
    60
    WEU is a load of crap and shouldn't be used at all. :p
     
  12. .Ragnaros

    .Ragnaros

    Joined:
    Aug 13, 2009
    Messages:
    181
    Resources:
    0
    Resources:
    0
    Oh cmon, its not true, there are some useful things people can use on it but the rest is a bunch of crap ^^

    Ah ok, at the moment the tutorial is repeated because there is another tutorial showing how to make a standard quality Loading Screen, but ye, after you add the explanation for the HD loading screens it'll be sightly different and better because it'll be more complex. :)

    Edit: Forgot to tell you something about the images...

    You're trying to upload your images to Imageshack for sure, well, imageshack sucks, try Photobucket, with it you can resize, write cute textes on your image, etc and... most important... it'll be shown in the original size.
     
  13. Aesthetics

    Aesthetics

    Joined:
    May 30, 2009
    Messages:
    790
    Resources:
    1
    Tutorials:
    1
    Resources:
    1
    Added screen shots. :grin:
     
  14. .Ragnaros

    .Ragnaros

    Joined:
    Aug 13, 2009
    Messages:
    181
    Resources:
    0
    Resources:
    0
    Nice :)

    New Rating: 10/10 :)))

    +rep
     
  15. Aesthetics

    Aesthetics

    Joined:
    May 30, 2009
    Messages:
    790
    Resources:
    1
    Tutorials:
    1
    Resources:
    1
    Thanks. +Rep to you too.

    By the way, along with the HD loading screen part, I plan on adding a Video to help some people who just don't understand how to read and look at pictures. :xxd:

    EDIT: The tutorial you were referring to in post #12 is actually an HD loading screen, so I'm actually not repeating that tutorial.
     
  16. Pyritie

    Pyritie

    Joined:
    Nov 26, 2006
    Messages:
    11,356
    Resources:
    60
    Models:
    30
    Icons:
    9
    Packs:
    3
    Skins:
    12
    Tools:
    1
    Maps:
    1
    Tutorials:
    4
    Resources:
    60
  17. .Ragnaros

    .Ragnaros

    Joined:
    Aug 13, 2009
    Messages:
    181
    Resources:
    0
    Resources:
    0
    :grin::xxd: You're right there's people who are too lazy to read, or they don't really understand shiz what you've wrote ;)

    Yep, indeed, video will make the tutorial better, good job.


    Lol pyritie, always talking about the forum tags, yayz, you're a tag addicted! ;)
     
  18. Aesthetics

    Aesthetics

    Joined:
    May 30, 2009
    Messages:
    790
    Resources:
    1
    Tutorials:
    1
    Resources:
    1
     
  19. Pyritie

    Pyritie

    Joined:
    Nov 26, 2006
    Messages:
    11,356
    Resources:
    60
    Models:
    30
    Icons:
    9
    Packs:
    3
    Skins:
    12
    Tools:
    1
    Maps:
    1
    Tutorials:
    4
    Resources:
    60
    First, Edit > Go advanced. At the bottom you should see your attachments. Look at the url, there should be a number in the url near the end (but not the number right at the end). Then you just put that number between attach tags and you're done.
     
  20. Aesthetics

    Aesthetics

    Joined:
    May 30, 2009
    Messages:
    790
    Resources:
    1
    Tutorials:
    1
    Resources:
    1
    Thanks it works! Sadly, no rep because I have to spread some around first.