itz动态壁纸怎么用(KLWP动态壁纸DIY)

在认识基本构成、动画与触发条件和函数的应用之后,这几个在 KLWP 中算是比较烧脑的地方就已经讲解完了,其他自定义项目诸如位图效果(模糊、滤镜等)、项目美化(FX 效果、大小位置等)这些与平面设计相关的细枝末节,便依据各自喜好来调整即可。

当然,无论是技术技巧还是审美设计,有的时候最终效果和想象会大相径庭,说不定会让你怀疑人生呢;或者你实在没有思路,可以拿来大神的预设包,按照自己喜好和习惯改编。所以在 KLWP 动态壁纸 DIY 教程最后一期,我们一起拆解几款预设包,学习大神的思路、结构。

基本包:自带的强劲动力

在 KLWP 中自带一个基本包,其中已经包括了几个简约却不简单的成品预设,它们每一个都或多或少具有一些编辑技巧,我们拆开来看看。

如果我们需要自定义一个时钟或其他与时间、进度有关的圆形项目,一般会采用函数或预设动画来控制指针旋转,比如「Analog」和「DayNight」预设。「Analog」通过调整三角形图形元素的大小和位置构成时钟的指针,然后设置动画为手动旋转,在 FX 效果中将「角度」关联到函数并输入计算公式,最终得到旋转角度;

itz动态壁纸怎么用(KLWP动态壁纸DIY)(1)

itz动态壁纸怎么用(KLWP动态壁纸DIY)(2)

「DayNight」中我们以日期为例,外围圆圈为天数进度条,附着在上面的小圆形代表第 5 周并随天数转动,小圆圈的转动函数如图,此表达式非常简单,以 360 度除以 365 天得出每天代表的角度,再与当前天数相乘得出今天的角度。如果你愿意,也可以尝试更改为当前周数角度,在不考虑闰年情况下,表达式就应该为「360/(365/7)*(df(w))」。虽然表达式有区别,但视觉效果都差不多,原因是周数进度和天数进度之差大约是7 天所对应角度数,换算下来只有不到 7.2 度,所以在制作过程中不必介怀。

itz动态壁纸怎么用(KLWP动态壁纸DIY)(3)

itz动态壁纸怎么用(KLWP动态壁纸DIY)(4)

在基本预设包中,我最喜欢「BlurClock」,除了好看之外,它仅有的技术含量都在模拟时钟里,其他元素也只是采用简单渐变、滚动或淡出。模拟时钟利用了滚动与缩放动画,但由于默认滚动效果会使得项目移出中心屏幕(中心屏幕意味着项目动画执行所在的屏幕页数),所以在动画选项卡中设置了「限制」值,其实质是控制动画进行程度,类似之前讲过的「量」。如此一来,滚动和缩放相配合,就构成了「BlurClock」这样清新淡雅的动态壁纸。

itz动态壁纸怎么用(KLWP动态壁纸DIY)(5)

itz动态壁纸怎么用(KLWP动态壁纸DIY)(6)

Mist 与 A Drop:精辟的示例典范

在第一期 KLWP 教程的结尾,我向大家推荐了几款免费且好看的预设包,其中就有「Mist」和「A Drop」,它们也曾经作为演示示例出现在文章中。「Mist」只有一个主屏,要将所有的动画和效果实现在一个屏幕上并不难,其背景运用了往复循环触发条件,从而使得内外扩展动画成为了实时动效,缓慢速度配以山水图片,还真有种「禅境」。

itz动态壁纸怎么用(KLWP动态壁纸DIY)(7)

顶部隐藏的天气栏既保证了收起时的屏幕简洁,也能利用全局开关展开;而屏幕中间的应用抽屉开关恰好也是利用了全局开关作为触发条件,所以想要了解全局开关的功能、使用方法、效果,「Mist」作为典例再适合不过。

itz动态壁纸怎么用(KLWP动态壁纸DIY)(8)

itz动态壁纸怎么用(KLWP动态壁纸DIY)(9)

itz动态壁纸怎么用(KLWP动态壁纸DIY)(10)

itz动态壁纸怎么用(KLWP动态壁纸DIY)(11)

「A Drop」其实有 3 个主屏,但经过一番精巧规划,它呈现了 1 个主屏和两个左右飞出的卡片。与「Mist」一样,它也具有一个全局开关,触发后呈现时间卡片掉落和 RSS 阅读器、快捷方式的飞入动画。拆解「A Drop」中的音乐播放模块后,我们会发现播放/暂停按钮利用了 if 函数来切换图形,这也是函数的一种应用。拆解「A Drop」不仅可以了解动画和函数,还能够快速上手音乐项目的相关技巧,上一期介绍取色函数时所涉及的音乐播放器也是以它为模板制作的。

itz动态壁纸怎么用(KLWP动态壁纸DIY)(12)

itz动态壁纸怎么用(KLWP动态壁纸DIY)(13)

itz动态壁纸怎么用(KLWP动态壁纸DIY)(14)

拆解几款预设包之后,我们就应该大致了解基本的设计思路和结构了,当大框架搭建起来以后,细节工作就是平面美化,最后再进行技术性工作;在这当中要运用好重叠组和列表以方便后续设置动画;当动画效果选择正确但效果却不尽人意时,记得调整元素或项目的细节选项,比如说量、限制等。如果有些选项你还是搞不懂,那就放大招:拆预设包吧。

以上就是 KLWP 系列教程的全部内容,堪比 Launcher 的动态壁纸其实就这么简单,如果你认为动态壁纸毫无用处,何不亲自尝试带劲的 KLWP 动态壁纸?

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页