请选择 进入手机版 | 继续访问电脑版
收起左侧

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

[复制链接]
旅者之息发表于 2020-7-20 23:21:53
帝国时代3ui修改基本教程——按钮篇 2019-11-26更新


第一步:
首先你需要一张图片(废话),偷懒可以直接找透明背景的素材(比如某些游戏的贴图)。
这里拿锡兰小姐为例:

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

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

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

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

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

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

如图可知图片大小为512x512像素。
:贴图大小需调整长宽为163264128256512像素
第二步:
放入PS打开,如下图

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

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

第三步:如图

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

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

创建好以后就是这样的:

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

初版 帝国时代3ui修改基本教程——按钮篇
Alpha通道是纯黑色


第四步:

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

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

回到alpha通道,可以看见图片的像素部分被选中了:

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

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

将选中部分填充为白色(PS基础操作应该不用教吧)

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

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

第六步:
取消选择,并打开RGB通道,可以看到透明部分已经变成了淡红色。

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

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

存储为Ceylon.(0,1,8,1).tga
注意一定要有后缀“.(0,1,8,1)

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

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

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

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

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

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

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


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

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

可以通过复制其他按钮的语句来添加一个新按钮,但是要改一下按钮位置,同时注意要删掉裁切图片的语句(

初版 帝国时代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修改基本教程——按钮篇

初版 帝国时代3ui修改基本教程——按钮篇
注:关于按钮的位置,位置语句为
size1024="X1 Y1 X2 Y2"

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