The custom 2D skybox tutorial.

Is this helpful


  • Total voters
    6
  • Poll closed .

The Letter Before A

Cool Idiot
Jul 15, 2016
292
196
Okay Making skyboxes for TF2 is overcomplicated.
Unlike other source games with non-cartoony graphics, you can't just render something in Terragen and call it quits. You have to draw the ENTIRE thing.

Personally I have no artistic talent, but I have found a pretty great strategy for skybox creation.

Let's first figure out how skybox textures work.
A skybox texture consists of 6 image of 6 different sides of a inside-out sphere.
If a skybox texture does not have rounded sides, then it will look flat and unbelievable.
We can get around this in TF2 by drawing each side rounded, but this can be extremely difficult when each different side can have a completely different FOV.
So the solution?
A WONDERFUL (I want to kill myself) guide I made.
Look:

side_template_single.png
Following this guide will allow to create a 3D looking skybox texture.
Lets begin.
First Open up the included PS file (Or just start a new 4096x2048 image in gimp)
And use it to create your wanted skybox.
There are cloud textures included in the file attached, in the vpks including textures, and ones made by the community. You can also just you know, draw them yourself. You figure it out.

When doing the "up" texture you can flatten the image crop it out and the place it back into photoshop and rotate it each time you need to connect it with the side images. (You figure it out)

When your masterpiece is complete. (keep in mind I have no artistic talent) Crop each photo out and individually save:
crop_01.PNG

Crop
crop_02.PNG
Set the image to 8-bit formatting
crop_03.PNG
Save as targa (TGA)
crop_04.PNG
After you save the first Undo your crop and repeat. Be sure to save each one like the image (with the side on the end)(Get rid of guide I forgot to in this tutorial)
crop_05.PNG

Open it in skypaint (A LEGAL copy is included)
skypaint_final.PNG
If done correctly your image should appear 3D and not flat. If the sides are all messed up try swapping rt and lf and rotating the "up" image -90 degrees.
And yes I know I suck at making skybox textures, this is my first full on creation.


I hope this Clears things up!

If I have gotten ANY information wrong please tell me asap so I don't spread misinformation!
 

Attachments

  • templates etc.zip
    4 MB · Views: 273
Jul 26, 2015
697
820
Another method that I used was to take a flat texture and map it to a sphere in a 3d program such as blender, and then take pictures in each direction from inside the sphere. Of course this method only works if there's nothing of detail directly above.
 

The Letter Before A

Cool Idiot
Jul 15, 2016
292
196
Another method that I used was to take a flat texture and map it to a sphere in a 3d program such as blender, and then take pictures in each direction from inside the sphere. Of course this method only works if there's nothing of detail directly above.
Never used that nethod
I should try it out
I have tried the spherize tool in photoshop but because of its design its useless
 

The Letter Before A

Cool Idiot
Jul 15, 2016
292
196
Another method that I used was to take a flat texture and map it to a sphere in a 3d program such as blender, and then take pictures in each direction from inside the sphere. Of course this method only works if there's nothing of detail directly above.
Infact please post a tutorial on it your winter skybox looks gorgeous