【设计作品欣赏】如果你渴了，可以过来看看。

 

 

 

点击上面图片看GIF动画演示效果~~~

夏天到了，你是否要多喝水来解解渴呢？今天就带着大家做一个加水的动效。（此教程难度有些高，适合进阶者学习）就让我们正式进入教程。

做动效的第一步，还是要打开PS，在网上随意找个矢量的容器素材，如下图。

注意一点，中间的圆形必须是单独的一个图层才可以，并且必须是一个完整的圆形，这也是为了后面在AE里的合成做准备。PS素材准备完毕以后我们就可以打开AE来进行动效的制作。把素材导入AE后，第一步我们要做一个固态层，CTRL+Y，取名水纹，然后点击确定。

然后我们要使用到一个新的技术，叫做亮度遮罩，很多同学不懂亮度遮罩在哪里打开，如图，在AE的左下角，点击一下切换开关/模式，出现TrkMat模式即可。

然后选择水纹图层，TrkMat模式下选择亮度遮罩即可。接下我们要在固态层上建立蒙版，蒙版的建立，首先我们选中要建立蒙版的那一层。然后用形状工具来画出蒙版层。如图所示黄色区域就是蒙版图层所在。

接下我们要在这个水纹固态层添加动效，这个动效的名称叫做“置换图”。

添加好置换图后我们不急操作，这时候我们新建一个合成叫做无线电波，如下图。

然后我们要用到之前建立的置换图，设置参数如下。（置换图层选择无线电波，用于垂直置换Alpha，最大垂直置换20）

然后我们还要加上“快速模糊”特效，这样水波的样子大概就形成了。

接下来就是水柱的制作了，我们用到图形工具，先画一个矩形，然后圆角制作过程如下。（圆度设置为30）

最后就是时间动画的制作，这个在这里就不多说了，看图就明白！记住要优化一下动画，F9才是真理。

恭喜你大公告成，快去解解渴吧。

UIHome官方QQ群： 333588730

原文链接：http://www.gbtags.com/gb/share/5569.htm