【教程】魔兽游戏界面制作

社区服务
高级搜索
猴岛论坛综合游戏交流【教程】魔兽游戏界面制作
发帖 回复
倒序阅读 最近浏览的帖子最近浏览的版块
5个回复

【教程】魔兽游戏界面制作

楼层直达
Som 

ZxID:14126652

等级: 大尉
举报 只看楼主 使用道具 楼主   发表于: 2011-05-09 0
【制作工具】
1】PhotoShop 7.0以上版本。
PS:必须带有生成TGA图象格式文件的插件。

【界面制作流程详解】

1】在PhotoShop中创建 宽度【1600像素/厘米】,高度【512像素/厘米】,分辨率【72像素/厘米】,颜色模式【8位RGB颜色】,背景内容【透明】,颜色配置文件【不要对此文档进行颜色管理】的文件。

2】利用【War3ModelEditor】工具在魔兽中释放如下四个文件:
  做法过程:窗口 - MPQ浏览器 - 文件 - War3.mpq

将下面六个BLP文件导出利用【BLP转转精灵】转换成TGA格式。
【路径】
UI\Console\Human\HumanUITile-TimeIndicatorFrame.blp【游戏时间 256*128】
UI\Console\Human\HumanUITile-InventoryCover.blp【单位物品栏处 256*512】
UI\Console\Human\HumanUITile01.blp【界面左起第一部分 512*512】
UI\Console\Human\HumanUITile02.blp【界面左起第二部分 512*512】
UI\Console\Human\HumanUITile03.blp【界面左起第三部分 512*512】
UI\Console\Human\HumanUITile04.blp【界面左起第四部分 64*512】

再将HumanUITile01到HumanUITile04四个文件打开并按先后顺序粘贴到刚创建的PSD文件中,在不重叠的情况下刚好完整覆盖全文件编辑区域,这些是制作界面的参考基础。

3】新建图层A【初始界面】,依照之前导入的参考基础按个人的喜好做编辑修改,但边界范围不要过高或过低,过高将不能在游戏中完整显示,过低也不能。更不要试图做全透明的界面,因为是徒劳的。War3中对控制台界面的显示有其固定的区域,就算设置全透明亦有全黑色的下限区域图象存在。在图层A选择有效轮廓(CTRL+点击相应图层),切换到通道面板,新建Alpha通道并在有效轮廓中填充白色(转置BLP后可见部分,也就是有效轮廓覆及区),其余部分为黑色(转置BLP后不可见部分)。

4】新建图层B【时间界面】,将已转换的TGA格式HumanUITile-TimeIndicatorFrame复制粘贴置PSD文件中并与图象中时间显示区域对齐,修改外观。

5】新建图层C【单位界面】,将已转换的TGA格式HumanUITile-InventoryCover复制粘贴置PSD文件中并与图象中物品栏显示区域对齐,修改外观。

6】以上已经完成全部的编辑工作,之后就是输出,先将图层A按512*512,512*512,512*512,64*512分割成四个部分并按UI\Console\Human\HumanUITile01到UI\Console\Human\HumanUITile04名称另存为TGA格式,再同名转换为BLP格式文件,完成英雄单位的控制台界面定制。再将图层B的图象按CTRL鼠标点选按原大小【256*128】复制粘贴至另一PSD文件中,另存为TGA格式,再同名转换为BLP格式文件,完成时间界面定制。最后将图层C的图象按范例中提供的单位界面截取范围为大小【256*512】复制粘贴至另一PSD文件中,另存为TGA格式,再同名转换为BLP格式文件,完成单位遮罩界面定制。注意:所有TGA格式保存都为【32位/像素】同时不能钩选【压缩】项。

7】最后导入魔兽地图编辑器,按导入前完整文件名保存,就可以将原来的界面完整替换了。

PS:单人自定义游戏模式下【选择人族】才可使用该面板,多人RPG中地图制作者【强制指定玩家种族为人族】。1】PhotoShop 7.0以上版本。
PS:必须带有生成TGA图象格式文件的插件。
2】War3ModelEditor
3】BLP转换精灵

【界面制作流程详解】

1】在PhotoShop中创建 宽度【1600像素/厘米】,高度【512像素/厘米】,分辨率【72像素/厘米】,颜色模式【8位RGB颜色】,背景内容【透明】,颜色配置文件【不要对此文档进行颜色管理】的文件。

2】利用【War3ModelEditor】工具在魔兽中释放如下四个文件:
  做法过程:窗口 - MPQ浏览器 - 文件 - War3.mpq

将下面六个BLP文件导出利用【BLP转转精灵】转换成TGA格式。
【路径】
UI\Console\Human\HumanUITile-TimeIndicatorFrame.blp【游戏时间 256*128】
UI\Console\Human\HumanUITile-InventoryCover.blp【单位物品栏处 256*512】
UI\Console\Human\HumanUITile01.blp【界面左起第一部分 512*512】
UI\Console\Human\HumanUITile02.blp【界面左起第二部分 512*512】
UI\Console\Human\HumanUITile03.blp【界面左起第三部分 512*512】
UI\Console\Human\HumanUITile04.blp【界面左起第四部分 64*512】

再将HumanUITile01到HumanUITile04四个文件打开并按先后顺序粘贴到刚创建的PSD文件中,在不重叠的情况下刚好完整覆盖全文件编辑区域,这些是制作界面的参考基础。

3】新建图层A【初始界面】,依照之前导入的参考基础按个人的喜好做编辑修改,但边界范围不要过高或过低,过高将不能在游戏中完整显示,过低也不能。更不要试图做全透明的界面,因为是徒劳的。War3中对控制台界面的显示有其固定的区域,就算设置全透明亦有全黑色的下限区域图象存在。在图层A选择有效轮廓(CTRL+点击相应图层),切换到通道面板,新建Alpha通道并在有效轮廓中填充白色(转置BLP后可见部分,也就是有效轮廓覆及区),其余部分为黑色(转置BLP后不可见部分)。

4】新建图层B【时间界面】,将已转换的TGA格式HumanUITile-TimeIndicatorFrame复制粘贴置PSD文件中并与图象中时间显示区域对齐,修改外观。

5】新建图层C【单位界面】,将已转换的TGA格式HumanUITile-InventoryCover复制粘贴置PSD文件中并与图象中物品栏显示区域对齐,修改外观。

6】以上已经完成全部的编辑工作,之后就是输出,先将图层A按512*512,512*512,512*512,64*512分割成四个部分并按UI\Console\Human\HumanUITile01到UI\Console\Human\HumanUITile04名称另存为TGA格式,再同名转换为BLP格式文件,完成英雄单位的控制台界面定制。再将图层B的图象按CTRL鼠标点选按原大小【256*128】复制粘贴至另一PSD文件中,另存为TGA格式,再同名转换为BLP格式文件,完成时间界面定制。最后将图层C的图象按范例中提供的单位界面截取范围为大小【256*512】复制粘贴至另一PSD文件中,另存为TGA格式,再同名转换为BLP格式文件,完成单位遮罩界面定制。注意:所有TGA格式保存都为【32位/像素】同时不能钩选【压缩】项。

7】最后导入魔兽地图编辑器,按导入前完整文件名保存,就可以将原来的界面完整替换了。

PS:单人自定义游戏模式下【选择人族】才可使用该面板,多人RPG中地图制作者【强制指定玩家种族为人族】。


最后再送大家一个界面
描述:这是界面
附件: ice.rar (836 K) 下载数:11
描述:BLP转换精灵
附件: BLP转换精灵.rar (655 K) 下载数:8
描述:War3ModelEditor
附件: War3ModelEditor.rar (1780 K) 下载数:3
本帖de评分: 1 条评分 DB +30
DB+30

原创内容

guest

ZxID:0

等级: *
举报 只看该作者 沙发   发表于: 2011-05-09 0
看不懂
久违的心痛╮

ZxID:13521230

等级: 贵宾
配偶: 偏执〆

举报 只看该作者 板凳   发表于: 2011-05-09 0
路径 知道 ,就是图像 辛苦 做。。路径会了

黑夜de风

ZxID:3923499

等级: 中士
- -#
举报 只看该作者 地板   发表于: 2011-05-09 0
对作图没兴趣- -。只喜欢改图
q1228491663

ZxID:14369549

等级: 上尉
举报 只看该作者 4楼  发表于: 2011-05-12 0
我好稀罕整理。。
呐傷、哏痌灬

ZxID:9042462

等级: 禁止发言

举报 只看该作者 5楼  发表于: 2011-05-13 0
谢谢分享
« 返回列表
发帖 回复