04-15-2010, 12:34 PM
>>>*By all means, tell me if I've missed something here, or if something is plainly wrong.*<<<
Alotta people have been asking me how I do my fading sprays, and more and more want to know how... So, what better way to (temporarily) solve this problem than to create a lil' tutorial on it, eh?
Now, there are a few tutorials out there you could find with the world ruler, Google. But I'm going to tell you how I personally do.
To begin with, below are the stuff you will need.
__________
Photoshop CS2 or above. (It's up to you how you get yer' little hands on this one.)
__________
Photoshop .DDS plugin: http://developer.nvidia.com/object/photo...ugins.html
__________
DirectX SDK: http://www.microsoft.com/downloads/detai...1cbd28ca15
__________
VPK Tool: http://turvy.dommel.be/vampire/VPKTool.rar
__________
VTFEdit: http://www.moddb.com/groups/source-devel...tfedit-125 (Google it if it doesn't work for some reason.)
__________
Okay, so, for the actual tutorial (I'll try to keep it as short and easy to understand as I can.):
Step 1:
- Bust open yer' Photoshop! Get 2 pictures for your fading spray, one for close up, and one for far away viewing.
Now, do what you want to these pictures, just be sure to have them in a resolution like 128x128, 256x256, 512x512 and so on (I recommend 256x256), and save the one you want as the "far away" picture as a .DDS with these settings specifically:
![[Image: ddssettings.png]](http://img196.imageshack.us/img196/1717/ddssettings.png)
Despite what some tutorials might say, you only really need one .DDS file.
After that, save the other as a .PNG file.
Step 2:
Remember the DirectX SDK you downloaded? Well, a handy dandy tool came with it! Located, for me, at "C:\Program Files (x86)\Microsoft DirectX SDK (February 2010)\Utilities\bin\x64\DxTex.exe", but it might be different for you.
- Open up the DxTex.exe (Create a shortcut for it for later use if you are planning on making more of these sprays.) with File>Open, and open your .DDS file.
Now your "far away" picture should pop up.
- Go to "File>Open Onto This Surface" and select your .PNG. Now you should see your "close up" picture instead. Press "Page Up" and "Page Down" on your keyboard to scroll between the mip-maps, as they are called, and you will see that the biggest picture is your "close up" one, and the rest of them are smaller and smaller versions of your "far away" one. (You can modify and insert a different picture in each mip-map if you want to.)
After you are done with this, save it as a .DDS and get outta there.
Step 3:
Now the VPKTool comes into play.
- Open it up, and Click on the Texture tab, (Ignore all the little things on there, just blindly follow my instructions to glory and salvation.) click Open File next to the empty bar at the top.
Select the .DDS you saved from the previous step, and now click "Convert DDS to VTF".
To clarify things, here's a picture.
![[Image: ddstovtf.png]](http://img687.imageshack.us/img687/1760/ddstovtf.png)
Step 4:
- Open up your VTFEdit.
- Open the .VTF file with "File>Open".
- Toggle "Options>Auto Create .VMT file".
- File>Save As.
- Place yer newly created .VTF and .VMT files in "INSERTGAMEHERE\materials\VGUI\logos".
- Eat babies.
Dun.
I hope it was easy to understand! Enjoy!![[Image: biggrin.gif]](http://kotsc.info/images/icons/biggrin.gif)
- Left4Lune
Alotta people have been asking me how I do my fading sprays, and more and more want to know how... So, what better way to (temporarily) solve this problem than to create a lil' tutorial on it, eh?
Now, there are a few tutorials out there you could find with the world ruler, Google. But I'm going to tell you how I personally do.
To begin with, below are the stuff you will need.
__________
Photoshop CS2 or above. (It's up to you how you get yer' little hands on this one.)
__________
Photoshop .DDS plugin: http://developer.nvidia.com/object/photo...ugins.html
__________
DirectX SDK: http://www.microsoft.com/downloads/detai...1cbd28ca15
__________
VPK Tool: http://turvy.dommel.be/vampire/VPKTool.rar
__________
VTFEdit: http://www.moddb.com/groups/source-devel...tfedit-125 (Google it if it doesn't work for some reason.)
__________
Okay, so, for the actual tutorial (I'll try to keep it as short and easy to understand as I can.):
Step 1:
- Bust open yer' Photoshop! Get 2 pictures for your fading spray, one for close up, and one for far away viewing.
Now, do what you want to these pictures, just be sure to have them in a resolution like 128x128, 256x256, 512x512 and so on (I recommend 256x256), and save the one you want as the "far away" picture as a .DDS with these settings specifically:
![[Image: ddssettings.png]](http://img196.imageshack.us/img196/1717/ddssettings.png)
Despite what some tutorials might say, you only really need one .DDS file.
After that, save the other as a .PNG file.
Step 2:
Remember the DirectX SDK you downloaded? Well, a handy dandy tool came with it! Located, for me, at "C:\Program Files (x86)\Microsoft DirectX SDK (February 2010)\Utilities\bin\x64\DxTex.exe", but it might be different for you.
- Open up the DxTex.exe (Create a shortcut for it for later use if you are planning on making more of these sprays.) with File>Open, and open your .DDS file.
Now your "far away" picture should pop up.
- Go to "File>Open Onto This Surface" and select your .PNG. Now you should see your "close up" picture instead. Press "Page Up" and "Page Down" on your keyboard to scroll between the mip-maps, as they are called, and you will see that the biggest picture is your "close up" one, and the rest of them are smaller and smaller versions of your "far away" one. (You can modify and insert a different picture in each mip-map if you want to.)
After you are done with this, save it as a .DDS and get outta there.
Step 3:
Now the VPKTool comes into play.
- Open it up, and Click on the Texture tab, (Ignore all the little things on there, just blindly follow my instructions to glory and salvation.) click Open File next to the empty bar at the top.
Select the .DDS you saved from the previous step, and now click "Convert DDS to VTF".
To clarify things, here's a picture.
![[Image: ddstovtf.png]](http://img687.imageshack.us/img687/1760/ddstovtf.png)
Step 4:
- Open up your VTFEdit.
- Open the .VTF file with "File>Open".
- Toggle "Options>Auto Create .VMT file".
- File>Save As.
- Place yer newly created .VTF and .VMT files in "INSERTGAMEHERE\materials\VGUI\logos".
- Eat babies.
Dun.
I hope it was easy to understand! Enjoy!
![[Image: Mipster_normal.jpg]](http://developer.nvidia.com/docs/IO/20926/Mipster_normal.jpg)
