[打印本页]
iRuxu_Magic 魔幻风格皮肤 剑三读条皮肤 完整实例教程
作者: 浮烟    时间: 2016-05-27 14:57

标题: iRuxu_Magic 魔幻风格皮肤 剑三读条皮肤 完整实例教程

读条皮肤完整实例教程
—— 附相关各种步骤教学
JX3PVE独家专稿,转载需授权,By@浮烟烟烟烟烟烟

Before
1.准备做成什么样?
魔幻风?可爱系?简洁?古风?水墨?金属?……
每个人有自己的喜好,选择自己喜欢的~
也可以为自己情缘打造一款定制款!棒棒哒!七夕好像不远了呢!六一儿童节也快来啦。

2.不会画图怎么办?
可以找素材,有源文件的就更好了。
自行在各类素材站点和搜索网站图片搜索中,搜索关键词“读条”、“loading”、“加载条”等。
魔兽的quartz插件(魔兽最普遍的读条插件)更是有很多现成的,可以进行移植。

3.准备工作:
软件:Photoshop(如有问题请查看此文)、UITexMaker
素材:自绘、素材站自选、侧边栏“素材物料”
目录:剑网3根目录\bin\zhcn\interface\LR_Plugin\LR_OTBar_Skin\Skins

About this:
读条皮肤这个栏目重开的时候,HEBE说要贡献一批新皮肤,当时列了这个,我觉得特别漂亮,奈何他弄到最后太监了,这里根据新的插件重新写一篇完整实例教程,本皮肤正好也是个挺好的例子,可以跟着步骤一步步来哈。
先是HEBE给的图(没有源文件,需要自己抠图)

Doing
1.准备素材、思考组成方式
如果你下载的就是PSD或自己绘制的有源文件,即不需要抠图了。
而本例子,因为没有源文件,我简单抠了一下背景和绘制了部分元件。
阅读《文件结构说明》,我们知道,通常需要背景、进度条、延迟条、分割线等四个最常用的组成,其它的可根据需要自行选择,其实任何一个元素都不是必须的,根据你皮肤的具体情况来看,例如蜗牛皮肤就是没有背景的。

a.背景:Background
这个正常应该单独做个纯粹的渐变的,偷懒就这样吧。

b.进度:Progress

这个可以自己定义一个斜线图案进行图案填充,再做个渐变层,反复调整下高光效果。

c.延迟:Delay
延迟做了3个版本,暗红色是常见的选择之一
直接做个18%的白色透明盖在默认的背景上也是选择之一(最后我选择了这个)
亦或者做个42%的黑色透明盖在默认上

d.分割线与高光:Divider & Lighting

高光绘制可以找点笔刷,侧边栏有个Brusheezy站有很多,可以下载一些常用的星光类笔刷。

e.动画:Animate
这里与其说是动画也不是动画,只是因为它需要层级盖在那些进度条的上面,所以我把它作为动画元件,实际上它是2个一模一样的帧,看起来是静态的(如果可以的话你可以给两颗宝石加个闪光动画也是不错的)。

f.至于另外还有成功和打断,因为只有一瞬间的样子,这里就不要了。

【小结&PSD源文件】
我们在制作的时候,可以在PSD中添加白底和黑底作为抠图检测。
现在你可以下载所有处理完后的图层源文件: skin.zip (1.78 MB, 下载次数: 59)
下面按照对应教程一步步操作。

2.转换为TGA格式
a.分别将背景、进度、延迟转换为tga格式
操作步骤请参阅《图片转换为TGA格式》
这里由于我们PSD里所有的图都在一起,建议先将每个图独立保存成PNG,再一个个处理(或定义一个PS动作批量处理)
因为如果有多个通道的话,是没法勾选“保存alpha通道”的。

b.分割线
我们可以额外保存一个文件并且剪裁一下再作操作,保存的时候同前面TGA格式存储。
分割线目前有Bug:
1.当分割线为1像素时,有可能会导致不显示,或者多根分割线时有缺失。
2.奇数偶数的问题,当分割线本身的是单数的时候,显示也会出现问题,需要设置2px或复数。
3.整体还需要是偶数,否则也会出现2的问题。
4.以上都满足的时候,如果分割线是那种渐变的,则在游戏里看起来有点锯齿,而无法很好地体现那种效果。

c.动画+高光
动画这里是静态的,所以我们可以直接另存为2次(命名不同即可)。
高光则是有多个帧,需要分别保存。
保存的时候同前面TGA格式存储。
最后按照《Uitex动画制作详细教程》进行拼合处理生成。
比如这里的高光的delay就是500,并不是0。做的非常简陋,美术好的可以自行再处理,通常来说,帧数越多,自然动画更流畅更好看。

【TGA处理完文件】
这是处理完毕的TGA+UITex文件包,你是不是完成了呢。如果没有的话,下载吧: tga.zip (26.24 KB, 下载次数: 45)

3.参数设置与调试
a.创建目录
在“剑网3根目录\bin\zhcn\interface\LR_Plugin\LR_OTBar_Skin\Skins”目录下创建一个目录,目录名称是你打算给皮肤命名的名称。

b.添加索引
在上面这个目录下寻找一个名字叫SkinList.txt的文本文档。如果没有,就用记事本新建一个。
> 第一行写szName
> 第二行开始,每行写一个皮肤名字。
把你刚才下载的皮肤名字写上去。(通常为皮肤的文件夹名字)

c.加入图片文件
将上面处理好的tga文件放进来。

d.创建配置文件
我们可以在现有的皮肤目录里随便复制一个,然后用记事本打开它,并删除"data"前的乱码。
或者直接下载这个: DefaultSetting.jx3dat (917 Bytes, 下载次数: 114)

e.进入游戏,进入参数设置面板



f.修改参数

g.准备分享
比如这个例子我们遇到两个问题,一个是lighting的层级比动画高,可能出现高光会出现在卡扣的上方,这个情况我们可以适当减少“填充”的尺寸来委婉处理。
另外由于原先的高光图片比较大,在此例子中,会造成起始位置比较难看,这个并没有viewbox或蒙版之类的概念,我们只能将高光动画缩小一点。
最后反复调整至你满意以后,点击“设为默认”


After
1.分享皮肤
上传您的皮肤至“读条”专栏(积分1~5水晶,1水晶=1块钱,可用于积分兑换礼品,点卡及实物)。
它人使用你的皮肤,需要自己在索引文件中添加你的皮肤名称。
具体请见《皮肤使用方法》

2.其它文档
新手第一次安装插件和皮肤请见《如何启用插件》
此外常见问题请查阅《常见问题与解决办法》
如对插件有任何建议或Bug反馈请点击这里

3.本皮肤成品
v0.1  发布时间 2016.5.27
iRuxu_Magic.zip (27.06 KB, 下载次数: 741)
【说明】:你需要在“剑网3根目录\bin\zhcn\interface\LR_Plugin\LR_OTBar_Skin\Skins”目录下的SkinList.txt文件中添加新行“iRuxu_Magic”。

如有任何元素不喜欢,你可以直接在参数设置界面自行取消“显示”的勾。
最前面有PSD源文件,有能力者可自行优化修改。
本例只用作为教学范例搭配此文。

4.寄语
之前台服妹纸微博来找过我,所以才重新写了这些教程,希望帮助到需要帮助的人。
微博:@浮烟烟烟烟烟烟
最后,求个七夕情侣皮肤(蕾丝版的,不是GAY!)……

作者: 季末未寒    时间: 2016-05-27 18:13
SkinList.txt文件中添加新行“iRuxu_Magic”。
作者: 季末未寒    时间: 2016-05-27 18:17
SkinList.txt文件中添加新行“iRuxu_Magic”。
没有这个文件啊!
作者: 浮烟    时间: 2016-05-27 19:24
季末未寒 发表于 2016-05-27 18:17
SkinList.txt文件中添加新行“iRuxu_Magic”。
没有这个文件啊!

没有这个文件的话需要自己创建。
然后在里面写入:
szName
iRuxu_Magic

值得注意的是,如果自己建的小伙伴,有些人的系统隐藏文件扩展名的时候,你命名应该是SkinList而不是SkinList.txt啊……
或者直接下载这个吧……
SkinList.txt (19 Bytes, 下载次数: 125)


作者: 8293597    时间: 2016-05-27 22:20
666666666666666666666666666
作者: 心骋八荒    时间: 2016-05-28 09:25
为什么不能下载啊
作者: 天儇五音    时间: 2016-05-28 11:21
666666666666666666
作者: gwarlock    时间: 2016-05-28 16:50
66666666666666666666666666666666
作者: shaka1516    时间: 2016-05-29 16:46
按照你的方式弄了,然后进游戏还是没有这个读条
作者: 白萝卜    时间: 2016-06-02 16:25
好看!
作者: 王温暖    时间: 2016-06-02 17:06
好像很厉害的样子啊
作者: 牛奶好喝嘛    时间: 2016-06-03 13:35
试试看 好像很好看的样子
作者: longhc7    时间: 2016-06-08 09:19
好看,拿来用了
作者: 涂山洛洛    时间: 2016-06-10 12:12
可以直接下载吗
作者: 茶灬叶    时间: 2016-08-01 13:46
总算是弄好啦
作者: 顾南芷    时间: 2016-08-13 23:13
QAQQQ好看好看好看好看好看好看好看好看
作者: lei_lei_mi    时间: 2016-10-17 13:56
666666666666666666
作者: qq454283710    时间: 2016-10-17 21:02
6666666666666666
作者: 爱上撒发生    时间: 2016-10-18 14:55
好东西!超好看666666666666
作者: 纳兰摘星    时间: 2016-11-15 14:34
感谢感谢
作者: a961013    时间: 2016-12-11 17:19
ddddd
作者: 月澜    时间: 2017-03-09 21:23
6666666666666666666666666666666666
作者: yan9520    时间: 2017-03-14 11:26
谢谢楼主~~~~~~666666