201
editsAd placeholder
Modding:Creating Item Icons: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
This guide is for when you want to give your modded in items unique icons that look like the ones in the game. | |||
== Dimensions == | == Dimensions == | ||
An item Icon has 3 dds parts | An item Icon has 3 dds parts. | ||
=== Tooltip Icon === | === Tooltip Icon === | ||
This is 380x380px icon in the best quality it will be seen, when you hover over the item in the inventory. | This is 380x380px icon in the best quality it will be seen, when you hover over the item in the inventory. | ||
It has a fade gradient from the bottom. | It has a transparency fade gradient from the bottom. | ||
=== Controller Icon === | === Controller Icon === | ||
| Line 208: | Line 210: | ||
</region> | </region> | ||
</save> | </save> | ||
== Tools to Create Icons == | == Tools to Create Icons == | ||
- The [https://github.com/ShinyHobo/BG3-Modders-Multitool Modder's Multitool] has an atlas converter. | - The [https://github.com/ShinyHobo/BG3-Modders-Multitool Modder's Multitool] has an atlas converter. | ||
| Line 225: | Line 225: | ||
- [https://www.nexusmods.com/baldursgate3/mods/3862 Mod Builder] will generate LSX code and folder structure for you. It is recommended you use this over the sample equipment one, as its atlas is more compact, and few mods add 54+ icons. | - [https://www.nexusmods.com/baldursgate3/mods/3862 Mod Builder] will generate LSX code and folder structure for you. It is recommended you use this over the sample equipment one, as its atlas is more compact, and few mods add 54+ icons. | ||
- [https://www.tumblr.com/gaylockpick/tagged/mirza's%20resources Icon | - [https://www.tumblr.com/gaylockpick/tagged/mirza's%20resources Icon resources, ripped from game] (tumblr) | ||
- [https://www.nexusmods.com/baldursgate3/mods/3125 Icon resources ripped from game] (nexus) | |||
== Basic image editing guide to create icons == | == Basic image editing guide to create icons == | ||
| Line 238: | Line 240: | ||
* Add the fade gradient. You should have 2 different .PNG versions of the icon, one with the fade out and one without. | * Add the fade gradient. You should have 2 different .PNG versions of the icon, one with the fade out and one without. | ||
* Size correctly, and save as .DDS | * Size correctly, and save as .DDS | ||
=== Creating Spell Icons === | |||
The process is similar, but in your atlas you need to give a spell icon a background and not leave it transparent. | |||
You will find backgrounds for spells in <code>Game\Public\Game\GUI\Assets\ControllerUIIcons\icon_bg_png\</code> | |||
Most useful will likely be the <code>action_bg</code> or<code>spell_bg</code> files. | |||
== Compression == | == Compression == | ||
Save your icons in .DDS DTX5, No Mipmaps. (Mipmaps are only needed for things that move closer and further to the camera, they will only make your icons blurry) | Save your icons in .DDS DTX5, No Mipmaps. (Mipmaps are only needed for things that move closer and further to the camera, they will only make your icons blurry) | ||
You will need to name your atlas .dds NOT .DDS. (or to match whatever you have written in your .lsx code) | |||
Settings for Paint.NET: R8G8B8A8 (sRGB, DX 10+) | |||