流光效果动画

目录
  1. 1. 前言
  2. 2. 效果图
  3. 3. 解决方式

前言

最近在正要上线一版新的礼物,有幸负责新版本礼物效果的开发。其中有一个礼物是哈雷摩托,在摩托车整个行驶的过程中需要给摩托车加上流光的效果。

因为之前没有做过这样的动画,所以今天简单做个分享。

效果图

哈雷摩托车礼物

解决方式

其实整个流光效果说穿了很简单。就是通过mask层来进行操作。

具体如何操作呢?

我们通过三个图层的叠加来实现。

首先,我们有一张摩托车的底图

摩托车底图

然后,我们需要一个需要产生流光效果的蒙层

蒙版图层

最后,我们需要一个流光效果的色彩图层

色彩图层

有了这三个图层之后,我们就可以做出流光效果了。

我们只需要

底部图层 + 色彩图层 + 底部图层的mask

这样三个步骤之后 ,对色彩图层,进行变形移动,就能营造出最后这样的效果

组合效果

流光效果就介绍到这里,有兴趣的同学可以自己尝试一下。


本作品采用 署名-非商业性使用-相同方式共享 2.5 中国大陆 (CC BY-NC-SA 2.5)协议 进行许可,欢迎转载,但转载请注明来自SarielTang,并保持转载后文章内容的完整。本人保留所有版权相关权利。

本文永久链接:http://sarieltang.github.io/2016/11/18/知识点小结/2016-11-18/index/