Differences

This shows you the differences between two versions of the page.

--- en:games:star_trek_armada_1:modding:buttons [2025-03-03-19-57] – [Adding the Sprite] 7saturn
+++ en:games:star_trek_armada_1:modding:buttons [2025-03-03-20-26] (current) – [Creating a Button Image] 7saturn
@@ Line 17: / Line 17: @@
 As said in the above section, buttons require some sort of pictograph, to convey what their function is, or to distinguish them from the other buttons. For Offensive, Defensive and Command buttons, the pictograph is not necessarily something that comes from the game itself. The stock images very often have some sort of pictograph that optically resembles what they do (e.g. the green rays of the [[..:Holding Beam]]) or use a commonly known symbolism (e.g. the stop sign for making a unit stop moving). These are not described here.
-However, the construction buttons in particular are usually following the concept of depicting the unit or station they are supposed to build, including research buttons issuing construction of their corresponding research pod. Specifically for the ships, there are means to create them relatively easy, by means of [[..:modding#storm3d_tool|Storm 3D]] or similar model viewers. For this section it is assumed you use //Storm 3D// and have the SOD file already at hand/finished, including texturing your model and placed in the //SOD// folder of your Armada installation.
+However, the construction buttons in particular are usually following the concept of depicting the unit or station they are supposed to build, including research buttons issuing construction of their corresponding research pod. Specifically for the ships, there are means to create them relatively easy, by means of [[..:modding#storm3d_tool|Storm 3D]] or similar model viewers. For this section it is assumed you use //Storm 3D// and have the SOD file already at hand/finished, including texturing your model and placed in the //SOD// folder of your Armada installation. You can use other model viewing means, such as actual model editors as well, to get the unit/station image to work with.
   - Start //Storm 3D// and hit the <key>DEL</key>, to get rid of the initially shown //Star Trek: Armada// logo.
@@ Line 30: / Line 30: @@
   - Use your OS' means to create a screenshot. That may be the <key>PRINT</key> key, or any other means. If the model also uses positioning lights, they will blink. Make sure you take the screenshot in a moment where they are turned off.
   - Paste the image into your favorite graphics editor (or open the resulting file in it). If your are satisfied with the image you have created so far, you can close //Storm 3D//. It is not required for the remaining steps.
-  - crop the image so that the ship is still in one piece, surrounded by a small black border (it should have some padding), **eventually fitting a square**.
+  - Crop the image so that the ship is still in one piece, surrounded by a small black border (it should have some padding), **eventually fitting a square**. Example: {{ :en:games:star_trek_armada_1:modding:button_precursor.png?nolink&200 |}}
   - Resize the image to 48 pixels x 48 pixels. This is just enough to fit well into the button templates from above.
   - If you want to, apply filters, e.g. softening, to improve the image quality (48 x 48 can give a very edgy result).
   - The next step may depend on your graphics editor: Remove the strictly black background. (This is what placing the black background in one of the former steps is helping you with.) Some editors allow for automatic selection of parts of the same color and subsequent deletion or replacement with another color. Others only allow for replacing a specific color with another. The result should be **the ship alone, before a transparent background** or alternatively **only** the ship marked, not it's surroundings, ready to be copied out.
   - Copy the proper button template (see [[#Button_Templates_Types|Button Templates/Types]]) and give it a name that makes it easy to identify your new button.
-  - Copy the just created ship or station image onto the new (still empty) button template. Position it in a way, that it is roughly centered in the white space of the button.
+  - Copy the just created ship or station image onto the new (still empty) button template. Position it in a way, that it is roughly centered in the white space of the button. Example: {{ :en:games:star_trek_armada_1:modding:button_example.png?nolink |}}
-  - Save your resulting image as an **uncompressed** TGA file, to folder //Textures\RGB//.
+  - Save your resulting image as an **uncompressed** TGA file, to folder //Textures\RGB//. Remember: It should have 24 bit color depth. Default size is 64 pixel x 64 pixels.
+You can in theory use higher resolutions here as well (e.g. 128 x 128) but it is uncommon. (But may yield better results on modern hardware with high resolution settings.) If you do, the above sizes of course have to be adapted. It makes little sense to create a 128 pixel x 128 pixel button image based on a 48 pixels x 48 pixels ship image.
 ===== Adding the Sprite =====
 Your new button image is now ready to be used for a button [[Sprites|sprite]] in file //Sprites\gui_global.spr//. If you are not yet familiar with how sprite files work, check out the article [[Sprites]] first.