当前位置:网站首页>An动画优化之传统引导层动画
An动画优化之传统引导层动画
2022-08-03 12:29:00 【雨翼轻尘】

文章目录
一、制作引导层动画
(1)打开素材
先打开上次做的毛毛虫的“影片剪辑动画”。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OmS15ZCv-1659366648985)(D:\Typora图片\image-20220801090430709.png)]](/img/be/6123f616f4f6928d594b3cf106a1fc.png)
将不必要的帧删掉。(留第一帧)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gItrvfRa-1659366648985)(D:\Typora图片\image-20220801090855110.png)]](/img/4c/064f49c90898c037b91bff1753994a.png)
这一次,咱们来做一个毛毛虫的引导动画。
(2)添加引导层
点击“合成”图层,右键“添加引导层”。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eqH88UFg-1659366648986)(D:\Typora图片\image-20220801090604496.png)]](/img/41/b3e4646f2749f11398f3bf39ce9611.png)
(3)画弧线
在“引导层”图层,我们用【直线工具】画一条直线。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2fwZfpI4-1659366648986)(D:\Typora图片\image-20220801091019368.png)]](/img/b6/d7bca95274226b510b593474eb792c.png)
然后用【选择工具】调节直线,变成有弧度的“山坡”。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2HDafzTf-1659366648987)(D:\Typora图片\image-20220801091403391.png)]](/img/14/536f22f43c68daed0fd35918d8a35b.png)
(4)调整毛毛虫
将毛毛虫缩小一点。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Rc0kWsnA-1659366648989)(D:\Typora图片\image-20220801091536089.png)]](/img/ac/145ce5c7d68c776250ba51442f5d5f.png)
将它的中心点移到下方。(用任意变形工具就可以调出中心点啦)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FegQa0W3-1659366648990)(D:\Typora图片\image-20220801091643555.png)]](/img/12/771305c316be2c47d9d66abdd0b459.png)
(5)插入帧
在“合成”图层,第30帧,按F6插入关键帧。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Q0vCT6G6-1659366648990)(D:\Typora图片\image-20220801091841658.png)]](/img/aa/a0a0b9a5cfa0fa60c62d38a5d6586a.png)
在“引导层”图层,第30帧,按F5插入帧。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9zfCWF8s-1659366648995)(D:\Typora图片\image-20220801091931302.png)]](/img/8b/5f35477919bc11e27208f7ce65084b.png)
(6)吸附中心点
在“合成”图层,第1帧,将毛毛虫的中心点,与线条重合(吸附上去)。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4f7wY9JI-1659366648996)(D:\Typora图片\image-20220801092211407.png)]](/img/5d/4075b397f2b51f3a35554ba0786c4a.png)
然后是第30帧,将毛毛虫中心点,吸附到最后的线条上。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dag2XN6Z-1659366648997)(D:\Typora图片\image-20220801092324655.png)]](/img/54/d6c09b43c3eae6a6615648e091c32d.png)
(7)创建传统补间
在第0帧-30帧,右键“创建传统补间”。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-u5cDtQv7-1659366648998)(D:\Typora图片\image-20220801092447269.png)]](/img/d6/19b2b64ae4fc578b725258ae67e841.png)
(8)效果
看了一下效果,有点快,可以增加帧数。(在区间内,按F5添加帧)
记得是将上下图层同时选中,同时增加帧数!
来看一下效果:(若没有达到效果,可以重新吸附一下)
二、优化
刚才做了一个毛毛虫引导动画。
但是,这里要做一个优化,比如近大远小,又比如近的时候速度快,远的时候速度慢。
(1)近大远小
1)山顶
在第一个山顶,按F6创建关键帧。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LAiXzBYG-1659366648999)(D:\Typora图片\image-20220801093413960.png)]](/img/ad/29ff41c2591acfd83a6a9e051cbc64.png)
按住Shift键,将毛毛虫缩小一点。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JMjM1qPw-1659366648999)(D:\Typora图片\image-20220801093513944.png)]](/img/c0/b5c1c7e340dea40b766a4c55abe817.png)
其他山顶同理调整大小。
2)山谷
在山谷位置,可以将它放大一点。
找到在山谷位置,按F6创建关键帧。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-x1EBVFFL-1659366649000)(D:\Typora图片\image-20220801093727868.png)]](/img/ba/19ede5357059f0366df6514c8e297d.png)
将毛毛虫用【变形工具】放大。(按住Shift键)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pUSxg1vP-1659366649000)(D:\Typora图片\image-20220801093819368.png)]](/img/0f/081904bddb7c7e4508cce5f261367e.png)
其他山谷同理调整大小。
3)效果
全部做完之后,按Ctrl+Enter看一下效果:

(2)近快远慢
1)缓和帧
先在前后添加一些帧缓和。
上下全部选中,鼠标按住不动,往后拖拽。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0bD2B6hj-1659366649001)(D:\Typora图片\image-20220801094816363.png)]](/img/61/3b38b0b29933e5c88e784d51cbd8e3.png)
引导层直接挪过去就行。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-W7QvrgLk-1659366649001)(D:\Typora图片\image-20220801094940150.png)]](/img/7e/b6c6bfee7011c5f5ea1a667aced5b0.png)
合成层,在第18帧按Ctrl+C复制,然后到第1帧Ctrl+Shift+V原地复制。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qjnwnRbm-1659366649002)(D:\Typora图片\image-20220801095059723.png)]](/img/b4/db7a08c3f461cb316e8ae68b104756.png)
后边直接按F5添加帧即可。(记得两个图层都要选中)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nVF6KerT-1659366649002)(D:\Typora图片\image-20220801095205285.png)]](/img/f2/c45839d2f23dea28deb75256e36c81.png)
2)调节上下坡
找到山坡上的那一帧,然后点击这个帧。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tbOjGcE9-1659366649002)(D:\Typora图片\image-20220801100615407.png)]](/img/5b/cc6399c5337058082808612e21d744.png)
找到右边“补间”效果—>“CE”。
点击铅笔,调出“缓动”。
①上坡的时候,应该是先快后慢。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wpOUOd56-1659366649003)(D:\Typora图片\image-20220801100734738.png)]](/img/47/2ce74ed5e270d9350c788fd3858cd0.png)
在山顶处,再稍微慢一点。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XLfNB37h-1659366649003)(D:\Typora图片\image-20220801101010897.png)]](/img/9d/a245df19f0978a99fc1e8a0c913d43.png)
②下坡的时候,加速。是从慢到快。比如这里。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Rb573yB0-1659366649004)(D:\Typora图片\image-20220801101342779.png)]](/img/4a/7a3fd96f28d5b79520092f3ba3a7a3.png)
其他位置同理,自行调节。
这里就不再演示了。

边栏推荐
- 层次分析法
- 广州番禺:暑期防溺水,安全不放假
- The Yangtze river commercial Banks to the interview
- JS获得浏览器类型
- (通过页面)阿里云云效上传jar
- Five, the function calls
- 项目概述、推送和存储平台准备
- Feature dimensionality reduction study notes (pca and lda) (1)
- 别再用if-else了,分享一下我使用“策略模式”的项目经验...
- After completing the interview and clearance collection of Alibaba, I successfully won the 15th Offer this year
猜你喜欢

为冲销量下探中低端市场,蔚来新品牌产品定价低至10万?

基于php校园医院门诊管理系统获取(php毕业设计)

浅谈程序员的职业操守

What knowledge points do you need to master to learn software testing?

信创建设看广州|海泰方圆亮相2022 信创生态融合发展论坛

欧曼自动挡、银河大马力、行星新产品 欧曼全新产品以燎原之势赢领市场

Feature dimensionality reduction study notes (pca and lda) (1)

便携烙铁开源系统IronOS,支持多款便携DC, QC, PD供电烙铁,支持所有智能烙铁标准功能

【实战技能】单片机bootloader的CANFD,I2C,SPI和串口方式更新APP视频教程(2022-08-01)

超多精美礼品等你来拿!2022年中国混沌工程调查启动
随机推荐
广州番禺:暑期防溺水,安全不放假
安全自定义 Web 应用程序登录
Chapter 15 Source Code File REST API Introduction
什么是分布式锁?几种分布式锁分别是怎么实现的?
R语言ggplot2可视化:使用ggpubr包的ggsummarystats函数可视化箱图(通过ggfunc参数设置)、在可视化图像的下方添加描述性统计结果表格
PC client automation testing practice based on Sikuli GUI image recognition framework
欧曼自动挡、银河大马力、行星新产品 欧曼全新产品以燎原之势赢领市场
利用ChangeStream实现Amazon DocumentDB表级别容灾复制
setTimeout 、setInterval、requestAnimationFrame
可重入锁详解(什么是可重入)
4500 words sum up, a software test engineer need to master the skill books
常用lambda表达式
技术分享 | 接口自动化测试如何搞定 json 响应断言?
Filebeat 如何保持文件状态?
实数取整写入文件(C语言文件篇)
五、函数的调用过程
基于php旅游网站管理系统获取(php毕业设计)
漫谈缺陷管理的自动化实践方案
7月份最后一篇博客
How can I get a city's year-round weather data for free?Precipitation, temperature, humidity, solar radiation, etc.