Photoshop: Creating Transparent Icons
This article has been marked by editors as one needing attention. Please see the Talk page for details. If you can update the article, please do so.
| Tools used in this tutorial
Required
|
This tutorial is for Adobe Photoshop.
After looking around, I couldn't find a good place to tell me how to make transparent weapon icons. After much trial and error, I finally tweaked it to get it working ingame.
Step 1: New image -Dimensions should be 64x64 pixels -RGB -To follow the "theme" of the icons, set the background to 230 206 164 RGB (#E6CEA4 in hex).
Step 2: Add Alpha Channel -In the Layers dialog, click the "channels" tab. Click the "add chanel" icon at the bottom to add an alpha channel. -This alpha channel is your mask. If there is no alpha channel, the game will assume the entire image needs to be drawn. If there is an alpha channel, the game assumes only white areas will be drawn.
Step 3: Paste your image -If you want to follow the Oblivion "theme" of giving your item an outside yellowish glow, Oblivion uses the color 239 231 173 RGB (#EFE7AD in hex). -Merge everything into the background.
Step 4: Edit the Mask -Select the background with the magic wand (with 0 tolerance) and hits shift+ctrl+I (select inverse). Now, without deselecting anything, go back to the alpha channel you created. The area will still be selected. Use the paint bucket tool to fill this area with white. -You may need to play around a bit using this method to get the mask just right.
Step 5: Save. It is wise to save a copy of the .psd file for later before this step. This is because the Photoshop DDS plug-in requires that your image be in Indexed Color format, which loses your layers. To change your image to Indexed Color, go to Image->Mode->Indexed Color. It'll ask if you wish to "Merge visible layers and discard hidden layers?" - say OK and you are given the menu for Indexed Color. The default settings are usually sufficient - press OK. Now Save As and choose DDS from the drop-down list. Icons use DXT3 format. The other settings are beyond the scope of this tutorial, but you'll get a decent result just leaving them alone.
Step 6: Set icon in the construction set If you're this far, I'm assuming you know what to do. The construction set will balk about 7 mipmaps when there should be none. Ignore this, continue playing, save your mod, and load up the game. The texture appears as you told it to appear.
Note: Greys on the alpha channel are acceptable. If you have a weapon that is partially transparent (for example, how glass should be) by all means, paint the transparent areas a shade of grey.