请选择 进入手机版 | 继续访问电脑版

[教程] 初版 帝国时代3ui修改基本教程——主菜单篇

[复制链接]
旅者之息发表于 2020-7-18 23:51:42
这个是帝国3UI修改基础教程,非常值得萌新去学习。
初版 帝国时代3ui修改基本教程——主菜单篇 2020-7-18更新,作者:@旅者之息

所需素材:

帝国3完整游戏

帝国时代3亚洲王朝

帝国时代3亚洲王朝

帝国3修改圣典:https://mod.aoebbs.net

帝国3修改圣典

帝国3修改圣典

Aoe3edhttps://www.aoebbs.net/down_202.html

AOE3ED

AOE3ED

AOE3ED

AOE3ED



Photoshop

PhotoshopCS6

PhotoshopCS6



开始制作:

一、使用aoe3ed打开Data3.BAR,找到uipregamenew.xml.xmb,并导出。

aoe3ed打开Data3.BAR

aoe3ed打开Data3.BAR


二、将xmb文件转换成xml格式,并打开uipregamenew.xml。

xmb文件转换成xml格式

xmb文件转换成xml格式

三、打开后如图,可以得知主菜单ui其实是一块1024x768的区域。

初版 帝国时代3ui修改基本教程——主菜单篇

初版 帝国时代3ui修改基本教程——主菜单篇

初版 帝国时代3ui修改基本教程——主菜单篇

初版 帝国时代3ui修改基本教程——主菜单篇

四、进入游戏,截图主菜单(建议在1024x768的分辨率下截图)

帝国时代3主菜单界面

帝国时代3主菜单界面

五、打开ps,界面如图

初版 帝国时代3ui修改基本教程——主菜单篇

初版 帝国时代3ui修改基本教程——主菜单篇

六、按下F8,调出“信息”面板,在面板选项中设定显示鼠标坐标,标尺单位为像素。

初版 帝国时代3ui修改基本教程——主菜单篇

初版 帝国时代3ui修改基本教程——主菜单篇

七、创建一个1024x768的图形文件(分辨率为72像素/英寸)

初版 帝国时代3ui修改基本教程——主菜单篇

初版 帝国时代3ui修改基本教程——主菜单篇

八、将截图的主菜单置入并铺满,你就可以在信息面板中看到坐标。

初版 帝国时代3ui修改基本教程——主菜单篇

初版 帝国时代3ui修改基本教程——主菜单篇

九、插入预先准备好的按钮素材。

初版 帝国时代3ui修改基本教程——主菜单篇

初版 帝国时代3ui修改基本教程——主菜单篇

别忘了只框出需要的部分,去除底色

十、放在合适的位置,并用快捷键Ctrl+t,进入自由变换模式,并按照边框拉出参考线。

初版 帝国时代3ui修改基本教程——主菜单篇

初版 帝国时代3ui修改基本教程——主菜单篇

十一、放大图标,鼠标移动到最左上角的像素点上,可以看见第一个点的坐标。

初版 帝国时代3ui修改基本教程——主菜单篇

初版 帝国时代3ui修改基本教程——主菜单篇



十二、按照这个方式确定另一个点的坐标,使用别的按钮语句修改出新的按钮。

初版 帝国时代3ui修改基本教程——主菜单篇

初版 帝国时代3ui修改基本教程——主菜单篇



原语句:
<gadget name="MissCeylon"type="stateButton" size1024="897 618 1024 768"bevelbutton="" mouseovertext="$$70525$$" z="90"statebuttonuseinternalstates="" sound="PowerStun"texturecoords="0 0 1 1">
<command>exit(true)</command>
<stateentry background="ui\ceylonn"/>
<stateentrybackground="ui\ceylond"/>
<stateentrybackground="ui\ceylona"/>
<stateentrybackground=""/>
</gadget>
注释:
<gadget name="按钮内部调用名称" type="stateButton" size1024="坐标" bevelbutton="" mouseovertext="鼠标移动到按钮上的注释。
" z="图层,数字越高图层越上" statebuttonuseinternalstates="" sound="按下按钮的声音,对应soundsets.xml"
" texturecoords="裁剪按钮,不裁剪为0 0 1 1">
$$XXXXX$$按钮上显示的名称
<command>按钮效果,此为退出游戏exit(true)</command>
<stateentry background="普通状态"/>
<stateentry background="鼠标移到按钮上时的状态"/>
<stateentry background="按下后的状态"/>
<stateentrybackground=""/>
</gadget>

预览如图:

初版 帝国时代3ui修改基本教程——主菜单篇

初版 帝国时代3ui修改基本教程——主菜单篇

こはね发表于 2020-7-19 00:23:55
跳转到