如何快速学习:[1]Swift编程语言,Swift,苹果于2014年WWDC(苹果开发者大会)发布的新开发语言,可与Ojective-C*共同运行于MacOS和iOS平台,用于搭建基于苹果平台的应用程......
2023-03-17 354 编程语言
Material Design有很多炫酷的效果,今天带大家制作一个水滴动画。简单,快速就能学会了
新建合成 花 n
弹窗,输入400*400画布,点击确定
Material Design中液体特征水滴从左边往右边移动
Material Design,中文名:材料设计语言,是由Google推出的全新的设计语言,谷歌表示,这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。
原理:水滴有一个拖尾
如果你想修改路径上锚点变换,就必须把对应图层转换为贝塞尔曲线
工具栏上的矩形工具,按着不放出现矩形,椭圆形,多边形,星形
选择椭圆形
在页面中画一个椭圆
这里讲一下画椭圆时的,选择填充和描边,分布怎么操作
画一个蓝色的球,去掉描边
动画第一步:
把圆形挪到左边,做开始动画
选择椭圆路径图层--右键:转换为贝塞尔曲线
贝塞尔曲线只有路径属性
这个时候修改图层名字为水滴,选择图层,按回车键就可以改名字了
给形状图层做了一个2秒位置动画
位置从做往右移动
给水滴做路径动画
0秒第一帧,打关键帧
1秒,把蓝色打圆形,拉出一个小尾巴
2秒,小尾巴缩回
效果做出来了,但是现在的动画好像有错误
第一帧到第二帧没有调整缩放
为什么会缩小?
这个怎么解决呢?
原因:我们到路径是贝塞尔曲线,但是第一帧没有做任何改变,还认为是普通路径,所有从普通路径到贝塞尔曲线,出现了错误
解决办法
第一帧
选中一个锚点,按左右方向键左边右边一下。
在时间线上记录一下,后面的动画就可以了
让形状记录一下,这个形状变成贝塞尔形状了,让关键针记录一下曲线
现在移动是匀速到
怎么让我们都动画更生动?
加入缓动就行了。
这个是我加入缓动的效果
想学的,可以去查看我发的缓动怎么添加吧!
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
如何快速学习:[1]Swift编程语言,Swift,苹果于2014年WWDC(苹果开发者大会)发布的新开发语言,可与Ojective-C*共同运行于MacOS和iOS平台,用于搭建基于苹果平台的应用程......
2023-03-17 354 编程语言
web图表开发工具FineReport:[11]连续分组,数据库表数据是按照时间先后录入的,查询的时候希望按照时间先后,某个字段连续相同的话就合并起来显示,这样的报表可以通过相邻连续分组来实现。......
2023-03-17 579 编程语言