初版 帝国时代3ui修改基本教程——按钮篇

帝国时代3ui修改基本教程——按钮篇 2019-11-26更新 


第一步：
首先你需要一张图片（废话），偷懒可以直接找透明背景的素材（比如某些游戏的贴图）。
这里拿锡兰小姐为例：
初版 帝国时代3ui修改基本教程——按钮篇

下载完后

初版 帝国时代3ui修改基本教程——按钮篇


初版 帝国时代3ui修改基本教程——按钮篇


如图可知图片大小为512x512像素。
注:贴图大小需调整长宽为16、32、64、128、256、512像素
第二步：
放入PS打开，如下图
初版 帝国时代3ui修改基本教程——按钮篇

第三步：如图
初版 帝国时代3ui修改基本教程——按钮篇

创建好以后就是这样的：
初版 帝国时代3ui修改基本教程——按钮篇
Alpha通道是纯黑色


第四步：

初版 帝国时代3ui修改基本教程——按钮篇


回到alpha通道，可以看见图片的像素部分被选中了：
初版 帝国时代3ui修改基本教程——按钮篇


将选中部分填充为白色（PS基础操作应该不用教吧）
初版 帝国时代3ui修改基本教程——按钮篇


第六步：
取消选择，并打开RGB通道，可以看到透明部分已经变成了淡红色。
初版 帝国时代3ui修改基本教程——按钮篇


存储为Ceylon.(0,1,8,1).tga
注意一定要有后缀“.(0,1,8,1)”
初版 帝国时代3ui修改基本教程——按钮篇

然后使用FileConverter.exe转化为ddt
初版 帝国时代3ui修改基本教程——按钮篇


初版 帝国时代3ui修改基本教程——按钮篇


 
第七步：（这里看不懂的去查圣典）
假设把按钮放置在主菜单
打开uipregamenew.xml
在主菜单的按钮组中加入一个新按钮（红框部分）


初版 帝国时代3ui修改基本教程——按钮篇


可以通过复制其他按钮的语句来添加一个新按钮，但是要改一下按钮位置，同时注意要删掉裁切图片的语句（
初版 帝国时代3ui修改基本教程——按钮篇
）
\
最终语句参考模板如下：			    <gadgetname="NewMessage" type="stateButton" size1024="10 2090 100" mouseovertext="$$90012$$jianjie"bevelbutton="" z="11"statebuttonuseinternalstates="" textfont="MainMenuButtons"textfontsize="18" textcolor="255 255 255">									<command>gadgetToggle("NewMessageBox")</command>（该语句配合圣典的命令表食用）				    <stateentrybackground="ui\core_ui\Ceylon"/>				    <stateentrybackground="ui\core_ui\Ceylon"/>				    <stateentrybackground="ui\core_ui\Ceylon"/>				    <stateentrybackground=""/>			   </gadget> 第八步：进入游戏看效果
初版 帝国时代3ui修改基本教程——按钮篇

注：关于按钮的位置，位置语句为
size1024="X1 Y1 X2 Y2" 

X1与Y1为按钮左上角的位置，X2与Y2为按钮右下角的位置（必须是正方形范围），但是做按钮造型可以通过alpha通道让按钮部分透明。