# Scrolling Image Overlay for Gear Items This guide is an expansion of the work done by Bacara, Cordia Qoet, Mimi, Nylfae, and Cultist from the following guide. Without their original work this would not be possible. I created this guide to give a deeper breakdown of the steps in that guide. [https://docs.google.com/document/d/1Z\_ao7r2hREzQBW1\_5uXJF\_2g-9ePB-MItj42CGyp6qQ/edit#heading=h.nj23sjpj5u97](https://docs.google.com/document/d/1Z_ao7r2hREzQBW1_5uXJF_2g-9ePB-MItj42CGyp6qQ/edit#heading=h.nj23sjpj5u97) Some Notes: - I have a separate game install for textools to work off of. - It is expected that you have an existing mod to modify for this guide. - These textures are just scrolling/translating images. We cannot do animated images. End Result: [![Tsu Animated.gif](https://xivmodding.com/uploads/images/gallery/2024-09/SKqXa5Ebq6vS8FD5-tsu-animated.gif)](https://xivmodding.com/uploads/images/gallery/2024-09/SKqXa5Ebq6vS8FD5-tsu-animated.gif) #### Steps 1. Import the hammer mod from the other guide (found at this link: [https://xivmodarchive.com/modid/113134](https://xivmodarchive.com/modid/113134) ) into TexTools 2. Next make a preset of the material/shader for this hammer 1. Search for the "Obscure Hyposkhesphyra" 2. Select the material 3. Click "Safe Preset" 4. Name it something you will remember for future steps [![making preset.png](https://xivmodding.com/uploads/images/gallery/2024-09/scaled-1680-/uC23r6g4perAL0N1-making-preset.png)](https://xivmodding.com/uploads/images/gallery/2024-09/uC23r6g4perAL0N1-making-preset.png) 3. Now import the modpack for the gear item you want to edit. For my example im going to edit a mode for the "Ramie Poncho" for female characters. 4. Go to the modded item and export the FBX for the model [![image.png](https://xivmodding.com/uploads/images/gallery/2024-09/scaled-1680-/UGcnWNuJMO8dMhHQ-image.png)](https://xivmodding.com/uploads/images/gallery/2024-09/UGcnWNuJMO8dMhHQ-image.png) 5. Open blender and import this FBX 6. In blender: 1. Select the mesh for the gear item 2. Change to UV Editing 3. Change to Edit mode, It should look something like this [![image.png](https://xivmodding.com/uploads/images/gallery/2024-09/scaled-1680-/mby2cLxnBBe5a7VN-image.png)](https://xivmodding.com/uploads/images/gallery/2024-09/mby2cLxnBBe5a7VN-image.png) 4. Notice in the Data menu in the bottom right (green triangle), there are 3 uv maps. Delete all but the first one, then click the "+" to add a new one and name it to "uv1". (this makes a copy of the first uv map retaining the uv layout, when normally these extra ones are blank). [![making uv map.gif](https://xivmodding.com/uploads/images/gallery/2024-09/ZpaNXbgkxsqmC12L-making-uv-map.gif)](https://xivmodding.com/uploads/images/gallery/2024-09/ZpaNXbgkxsqmC12L-making-uv-map.gif) 5. Now export this project as an FBX file. 6. In TexTools click "load" on the model and import our new FBX. Click "Save to FF" in the bottom right. 7. Next click on the materials tab, click load preset, and use the following settings. Click "Save to FF" in the bottom right. [![image.png](https://xivmodding.com/uploads/images/gallery/2024-09/scaled-1680-/XLXRtGJNsdHcX60t-image.png)](https://xivmodding.com/uploads/images/gallery/2024-09/XLXRtGJNsdHcX60t-image.png) 8. Now this next step is odd. I am not sure if this is just an issue with presets, but we need to click the textures menu at the top right and reimport our textures. Make sure between each one to save. 9. For the "Other" texture that ends in `\_o`, we are going to import our animated texture. Im going to use the blue fire looking one from the original guide. (If this texture is not there, you can add it from the material tab. It needs to use sampler "g\_SamplerCatchlight". [![image.png](https://xivmodding.com/uploads/images/gallery/2024-09/scaled-1680-/5PHGHkhKu8Y7w7wr-image.png)](https://xivmodding.com/uploads/images/gallery/2024-09/5PHGHkhKu8Y7w7wr-image.png) [![image.png](https://xivmodding.com/uploads/images/gallery/2024-09/scaled-1680-/SYLidXGmnmw2M7v2-image.png)](https://xivmodding.com/uploads/images/gallery/2024-09/SYLidXGmnmw2M7v2-image.png) 10. Use penumbra to figure out what colorset row you would like to animate. [![colorset choice.gif](https://xivmodding.com/uploads/images/gallery/2024-09/Z8Deu4EUzzttqtjn-colorset-choice.gif)](https://xivmodding.com/uploads/images/gallery/2024-09/Z8Deu4EUzzttqtjn-colorset-choice.gif) 11. On the material tab in textools, click "View/Edit Colorset". For the colorset row you want to animate, change "Sphere Map Opacity" to 1 and change "Effect Unknown A" to 1. And click "Save to FF" in the bottom right. [![image.png](https://xivmodding.com/uploads/images/gallery/2024-09/scaled-1680-/p0FDWx8fObxN1WQx-image.png)](https://xivmodding.com/uploads/images/gallery/2024-09/p0FDWx8fObxN1WQx-image.png) 12. On the model tab. Click "Save as" -> "Modpack". And export this modpack somewhere. [![image.png](https://xivmodding.com/uploads/images/gallery/2024-09/scaled-1680-/u5hwwTB2waL7k2aw-image.png)](https://xivmodding.com/uploads/images/gallery/2024-09/u5hwwTB2waL7k2aw-image.png) 13. When you import the modpack into the game. Go to the material then the colorset row that was picked above. Change the emissive color to see what works best. [![emiisive color.gif](https://xivmodding.com/uploads/images/gallery/2024-09/2PAzPadIjfCNlHnb-emiisive-color.gif)](https://xivmodding.com/uploads/images/gallery/2024-09/2PAzPadIjfCNlHnb-emiisive-color.gif) 14. At the time of writing this, I feel my results are a bit muddy, so there could be further refinements to do. Or I could be doing a step wrong. One thing I did notice is changing the "Sphere Map Intensity" has some interesting effects. [![intensity.gif](https://xivmodding.com/uploads/images/gallery/2024-09/7zez3GfRFQR8xSh9-intensity.gif)](https://xivmodding.com/uploads/images/gallery/2024-09/7zez3GfRFQR8xSh9-intensity.gif) 15. To change the translation direction we need to edit the material constants at the bottom of the page. Below are the constant reference numbers and what they change (chart from original google doc).
##### Name ##### Colorset A Constants ##### Colorset B Constants
Translate X Speed 0x738A241C 0xE8C5CBFF
Translate Y Speed 0x71CC9A45 0xEA8375A6
Tiling X 0x43345395 0xD87BBC76
Tiling Y 0x4172EDCC 0xDA3D022F
[![changing trasnslations.gif](https://xivmodding.com/uploads/images/gallery/2024-09/wL0sHwpbSGA17wiK-changing-trasnslations.gif)](https://xivmodding.com/uploads/images/gallery/2024-09/wL0sHwpbSGA17wiK-changing-trasnslations.gif)