Material Design水滴动画

1、新建合成 花+n

弹窗，输入400*400画布，点击确定

2、Material Design中液体特征  水滴从左边往右边移动

Material Design，中文名：材料设计语言，是由Google推出的全新的设计语言，谷歌表示，这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。

原理：水滴有一个拖尾

如果你想修改路径上锚点变换，就必须把对应图层转换为贝塞尔曲线

3、工具栏上的矩形工具，按着不放出现矩形，椭圆形，多边形，星形

选择椭圆形

在页面中画一个椭圆

4、这里讲一下画椭圆时的，选择填充和描边，分布怎么操作

画一个蓝色的球，去掉描边

5、动画第一步：

把圆形挪到左边，做开始动画

选择椭圆路径图层--右键：转换为贝塞尔曲线

贝塞尔曲线只有路径属性

这个时候修改图层名字为水滴，选择图层，按回车键就可以改名字了

6、给形状图层做了一个2秒位置动画

位置从做往右移动

7、给水滴做路径动画

0秒第一帧，打关键帧

1秒，把蓝色打圆形，拉出一个小尾巴

2秒，小尾巴缩回

8、效果做出来了，但是现在的动画好像有错误

第一帧到第二帧没有调整缩放

为什么会缩小？

这个怎么解决呢？

9、原因：我们到路径是贝塞尔曲线，但是第一帧没有做任何改变，还认为是普通路径，所有从普通路径到贝塞尔曲线，出现了错误

解决办法

第一帧

选中一个锚点，按左右方向键左边右边一下。

在时间线上记录一下，后面的动画就可以了

让形状记录一下，这个形状变成贝塞尔形状了，让关键针记录一下曲线

10、现在移动是匀速到

怎么让我们都动画更生动？

加入缓动就行了。

这个是我加入缓动的效果

想学的，可以去查看我发的缓动怎么添加吧！