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

这个是帝国3UI修改基础教程，非常值得萌新去学习。
初版 帝国时代3ui修改基本教程——主菜单篇 2020-7-18更新，作者：@旅者之息


所需素材：

帝国3完整游戏
帝国时代3亚洲王朝


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


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



Photoshop
PhotoshopCS6



开始制作：

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


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

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

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

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

四、进入游戏，截图主菜单（建议在1024x768的分辨率下截图）
帝国时代3主菜单界面

五、打开ps，界面如图
初版 帝国时代3ui修改基本教程——主菜单篇

六、按下F8，调出“信息”面板，在面板选项中设定显示鼠标坐标，标尺单位为像素。
初版 帝国时代3ui修改基本教程——主菜单篇

七、创建一个1024x768的图形文件（分辨率为72像素/英寸）
初版 帝国时代3ui修改基本教程——主菜单篇

八、将截图的主菜单置入并铺满，你就可以在信息面板中看到坐标。
初版 帝国时代3ui修改基本教程——主菜单篇

九、插入预先准备好的按钮素材。
初版 帝国时代3ui修改基本教程——主菜单篇

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


十、放在合适的位置，并用快捷键Ctrl+t，进入自由变换模式，并按照边框拉出参考线。
初版 帝国时代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修改基本教程——主菜单篇