An动画优化之传统引导层动画

2023-02-01 851

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： An动画优化之传统引导层动画

在这里插入图片描述

一、制作引导层动画

（1）打开素材

先打开上次做的毛毛虫的“影片剪辑动画”。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OmS15ZCv-1659366648985)(D:\Typora图片\image-20220801090430709.png)]$

将不必要的帧删掉。（留第一帧）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gItrvfRa-1659366648985)(D:\Typora图片\image-20220801090855110.png)]$

这一次，咱们来做一个毛毛虫的引导动画。

（2）添加引导层

点击“合成”图层，右键“添加引导层”。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eqH88UFg-1659366648986)(D:\Typora图片\image-20220801090604496.png)]$

（3）画弧线

在“引导层”图层，我们用【直线工具】画一条直线。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2fwZfpI4-1659366648986)(D:\Typora图片\image-20220801091019368.png)]$

然后用【选择工具】调节直线，变成有弧度的“山坡”。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2HDafzTf-1659366648987)(D:\Typora图片\image-20220801091403391.png)]$

（4）调整毛毛虫

将毛毛虫缩小一点。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Rc0kWsnA-1659366648989)(D:\Typora图片\image-20220801091536089.png)]$

将它的中心点移到下方。（用任意变形工具就可以调出中心点啦）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FegQa0W3-1659366648990)(D:\Typora图片\image-20220801091643555.png)]$

（5）插入帧

在“合成”图层，第30帧，按F6插入关键帧。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Q0vCT6G6-1659366648990)(D:\Typora图片\image-20220801091841658.png)]$

在“引导层”图层，第30帧，按F5插入帧。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9zfCWF8s-1659366648995)(D:\Typora图片\image-20220801091931302.png)]$

（6）吸附中心点

在“合成”图层，第1帧，将毛毛虫的中心点，与线条重合（吸附上去）。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4f7wY9JI-1659366648996)(D:\Typora图片\image-20220801092211407.png)]$

然后是第30帧，将毛毛虫中心点，吸附到最后的线条上。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dag2XN6Z-1659366648997)(D:\Typora图片\image-20220801092324655.png)]$

（7）创建传统补间

在第0帧-30帧，右键“创建传统补间”。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-u5cDtQv7-1659366648998)(D:\Typora图片\image-20220801092447269.png)]$

（8）效果

看了一下效果，有点快，可以增加帧数。（在区间内，按F5添加帧）

记得是将上下图层同时选中，同时增加帧数！

来看一下效果：（若没有达到效果，可以重新吸附一下）
请添加图片描述

二、优化

刚才做了一个毛毛虫引导动画。

但是，这里要做一个优化，比如近大远小，又比如近的时候速度快，远的时候速度慢。

（1）近大远小

1）山顶

在第一个山顶，按F6创建关键帧。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LAiXzBYG-1659366648999)(D:\Typora图片\image-20220801093413960.png)]$

按住Shift键，将毛毛虫缩小一点。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JMjM1qPw-1659366648999)(D:\Typora图片\image-20220801093513944.png)]$

其他山顶同理调整大小。

2）山谷

在山谷位置，可以将它放大一点。

找到在山谷位置，按F6创建关键帧。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-x1EBVFFL-1659366649000)(D:\Typora图片\image-20220801093727868.png)]$

将毛毛虫用【变形工具】放大。（按住Shift键）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pUSxg1vP-1659366649000)(D:\Typora图片\image-20220801093819368.png)]$

其他山谷同理调整大小。

3）效果

全部做完之后，按Ctrl+Enter看一下效果：

请添加图片描述

（2）近快远慢

1）缓和帧

先在前后添加一些帧缓和。

上下全部选中，鼠标按住不动，往后拖拽。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0bD2B6hj-1659366649001)(D:\Typora图片\image-20220801094816363.png)]$

引导层直接挪过去就行。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-W7QvrgLk-1659366649001)(D:\Typora图片\image-20220801094940150.png)]$

合成层，在第18帧按Ctrl+C复制，然后到第1帧Ctrl+Shift+V原地复制。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qjnwnRbm-1659366649002)(D:\Typora图片\image-20220801095059723.png)]$

后边直接按F5添加帧即可。（记得两个图层都要选中）

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nVF6KerT-1659366649002)(D:\Typora图片\image-20220801095205285.png)]$

2）调节上下坡

找到山坡上的那一帧，然后点击这个帧。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tbOjGcE9-1659366649002)(D:\Typora图片\image-20220801100615407.png)]$

找到右边“补间”效果--->“CE”。

点击铅笔，调出“缓动”。

①上坡的时候，应该是先快后慢。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wpOUOd56-1659366649003)(D:\Typora图片\image-20220801100734738.png)]$

在山顶处，再稍微慢一点。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XLfNB37h-1659366649003)(D:\Typora图片\image-20220801101010897.png)]$

②下坡的时候，加速。是从慢到快。比如这里。

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Rb573yB0-1659366649004)(D:\Typora图片\image-20220801101342779.png)]$

其他位置同理，自行调节。

这里就不再演示了。

在这里插入图片描述

An动画优化之传统引导层动画

一、制作引导层动画

（1）打开素材

（2）添加引导层

（3）画弧线

（4）调整毛毛虫

（5）插入帧

（6）吸附中心点

（7）创建传统补间

（8）效果

二、优化

（1）近大远小

1）山顶

2）山谷

3）效果

（2）近快远慢

1）缓和帧

2）调节上下坡

热门文章

最新文章

相关电子书

相关实验场景

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

An动画优化之传统引导层动画

一、制作引导层动画

（1）打开素材

（2）添加引导层

（3）画弧线

（4）调整毛毛虫

（5）插入帧

（6）吸附中心点

（7）创建传统补间

（8）效果

二、优化

（1）近大远小

1）山顶

2）山谷

3）效果

（2）近快远慢

1）缓和帧

2）调节上下坡

热门文章

最新文章

相关电子书

相关实验场景