0

工具资源
123下一页
浮烟 关注 发布时间: 2016-06-02 最后更新: 2016-05-29 28568 27
打印
分享
倒序查看
浮烟 1 实名认证 认证玩家 签约作者 最后更新 2016-05-29
更多 回复(27)
  • 皮肤名称魔法 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给的图(没有源文件,需要自己抠图)
1.jpg

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

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

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

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

d.分割线与高光:Divider & Lighting
4.jpg
高光绘制可以找点笔刷,侧边栏有个Brusheezy站有很多,可以下载一些常用的星光类笔刷。

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

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

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

您当前使用的浏览器版本过低,网站部分功能可能失效,请更换合适的浏览器。了解更多