BACK
 

How to change the ugly white background of the Unreal Editor!

To change the default White Background of the Unreal Editor 2.0, simply follow these steps:

NOTE: THIS SECTION IN ORANGE IS THE HARD WAY TO DO THINGS.. THIS WAS FOUND OUT AFTER THIS TUTORIAL WAS ALREADY WRITTEN. I AM STILL GOING TO LEAVE THIS INCLUDED THOUGH BECAUSE THERE IS STILL USEFUL INFORMATION HERE. I LEAVE IT TO YOU (THE READER) TO DECIDE WHAT IS USEFUL AND WHAT IS NOT!

TO DO THIS PART THE EASY WAY THEN SKIP TO THE SECTION IN GREEN.

 

 

  1. Create a bmp in your preferred image editing software (I use Photoshop).
  2. Make the size of your bmp scaleable (128x128 or 256x256 etc..) (You may also use *Special Sizes, more on that later..)
  3. Save your bmp ANYWHERE in your Unreal Tournament Directory but make note of where you have saved it because you will need to define the file path in step 7.
  4. Open “UnrealTournament\System\UnrealEd.ini” using notepad and look for the line that says “[Background Image]”
  5. Under “[Background Image]” you will see the line “Active=0”, you want to change this to “Active=1” to “turn on” the background image function.
  6. Next you will see the line “Mode=0”, you want to change this to “Mode=1” if you want your image to tile across the background viewport.
  7. Last you will see “Filename=”, you need to insert the path to your bmp image here (where you saved the file). So for example this
    is how I set mine up: (Filename=D:\UnrealTournament\System\EditorBackground.bmp)
    ß I saved my bmp image into the “System” folder and my image is named "EditorBackground.bmp".
  8. Save “UnrealEd.ini” after making your changes to the lines above.
  9. Run the editor, close all of your “working viewports” to confirm that the editor background is changed.

    If all went well you should now have a background image instead of the blinding white light!!

 

 

Part 1. This is the easy way to change your white background in the Unreal Editor.
 

 

  1. With the editor open, choose "View" from the main menu at the top of the screen.
  2. Next you want to scroll down to where it says "Background Image".
  3. Choose "Open..." to open and select an image stored on your hard drive.
  4. Choose "View" again from the main menu at the top of the screen, scroll down to "Background Image" again.
  5. Choose whether or not you want the image to "stretch", "center", or "tile" across your viewport.

    That's it, you should now have an image instead of the white background of blindingness!

    See below for instructions on how to make a specially sized picture to fit the viewport perfectly.

.

Part 2. *Special Sizes – If you don’t want a “tiling image” for your background but instead you want a customized image that fits the entire width and height of your viewport without being stretched, then it is also possible to do this.
 
These are the steps I used to accomplished this.

 

  1. Create a bmp that is SOLID RED and of scaleable size (128x128 etc..)
  2. Use the directions above to set this solid red bmp as your background image, however make sure that it "tiles" to fill the entire viewport.
  3. Run the editor, close all “editing viewports” and confirm that the entire background viewport is now red instead of white.
  4. With all editing viewports closed and only the red background showing, take a screen capture by hitting “Prnt Scrn” on the keyboard.
  5. Open/import your screen capture into your image editing software (again I use Photoshop).
  6. Crop the red rectangle background so that all the buttons and outside peripherals are removed from the image, leaving you with only the red rectangle background.
    FOR EXAMPLE: At screen resolution 1024x768 I run the editor and close all of my working viewports so that I am only looking at the red background of the editor. I then take my screen capture, paste the screen capture onto a canvas that is 1024x768 in Photoshop, and then crop the red background from the image. I am left with a red rectangle image that is 943x638 in pixel size.
  7. This “cropped area” is the useable canvas space to make whatever type of customized background you want for your editing experience! Different screen resolutions will of course result in different sized “canvas space” for you to work with.

    Enjoy!

    Rich – http://www.rkart.us