多语言展示
当前在线:142今日阅读:152今日分享:13

Material Design水滴动画

Material Design有很多炫酷的效果,今天带大家制作一个水滴动画。简单,快速就能学会了
工具/原料

电脑、Adobe After Effects

方法/步骤
1

新建合成 花+n弹窗,输入400*400画布,点击确定

2

Material Design中液体特征  水滴从左边往右边移动Material Design,中文名:材料设计语言,是由Google推出的全新的设计语言,谷歌表示,这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。原理:水滴有一个拖尾如果你想修改路径上锚点变换,就必须把对应图层转换为贝塞尔曲线

3

工具栏上的矩形工具,按着不放出现矩形,椭圆形,多边形,星形选择椭圆形在页面中画一个椭圆

4

这里讲一下画椭圆时的,选择填充和描边,分布怎么操作画一个蓝色的球,去掉描边

5

动画第一步:把圆形挪到左边,做开始动画选择椭圆路径图层--右键:转换为贝塞尔曲线贝塞尔曲线只有路径属性这个时候修改图层名字为水滴,选择图层,按回车键就可以改名字了

6

给形状图层做了一个2秒位置动画位置从做往右移动

7

给水滴做路径动画0秒第一帧,打关键帧1秒,把蓝色打圆形,拉出一个小尾巴2秒,小尾巴缩回

8

效果做出来了,但是现在的动画好像有错误第一帧到第二帧没有调整缩放为什么会缩小?这个怎么解决呢?

9

原因:我们到路径是贝塞尔曲线,但是第一帧没有做任何改变,还认为是普通路径,所有从普通路径到贝塞尔曲线,出现了错误解决办法第一帧选中一个锚点,按左右方向键左边右边一下。在时间线上记录一下,后面的动画就可以了让形状记录一下,这个形状变成贝塞尔形状了,让关键针记录一下曲线

10

现在移动是匀速到怎么让我们都动画更生动?加入缓动就行了。这个是我加入缓动的效果想学的,可以去查看我发的缓动怎么添加吧!

推荐信息