读条皮肤完整实例教程
—— 附相关各种步骤教学
Before
1.准备做成什么样?
魔幻风?可爱系?简洁?古风?水墨?金属?……
每个人有自己的喜好,选择自己喜欢的~
也可以为自己情缘打造一款定制款!棒棒哒!七夕好像不远了呢!六一儿童节也快来啦。
2.不会画图怎么办?
可以找素材,有源文件的就更好了。
自行在各类素材站点和搜索网站图片搜索中,搜索关键词“读条”、“loading”、“加载条”等。
魔兽的quartz插件(魔兽最普遍的读条插件)更是有很多现成的,可以进行移植。
3.准备工作:
素材:自绘、素材站自选、侧边栏“素材物料”
目录:剑网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)