当前位置:网站首页>An animation optimization of shape tween and optimization of traditional tweening
An animation optimization of shape tween and optimization of traditional tweening
2022-08-03 13:07:00 【Rainwing Light Dust】

文章目录
一、Optimization of shape tween
(1)准备工作
1)写字
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pLwXjhK3-1659491794772)(D:\Typora图片\image-20220802223258321.png)]](/img/60/5b4fff0e3a10ecdf1d2a181827dbf9.png)
2)画圆
新建一个图层,画一个圆.
然后按住Altkey to copy two out.(Three circles on the same layer)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UvusEVk7-1659491794773)(D:\Typora图片\image-20220802223443898.png)]](/img/21/e05f2a5b505c5a997c05c674e58dd2.png)
Select the next two circles,右键“分散到图层”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lcXg8H7d-1659491794773)(D:\Typora图片\image-20220802223607787.png)]](/img/65/6125197ab74561ce7bd5859bb56664.png)
Then the layers are clear.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JXsczz3y-1659491794774)(D:\Typora图片\image-20220802223642523.png)]](/img/65/44a2423f3f44ffa03f35f536c12e21.png)
3)标明
Type with the text tool:加速、匀速、减速(在图层1上).
Use them on the circles【Smooth brush tool】写上1、2、3.
Remember to select the corresponding layers separately,Then write the numbers.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PxfusEDq-1659491794774)(D:\Typora图片\image-20220803090845486.png)]](/img/49/b241052646e0ed3ebc7dea15c94364.png)
(2)Create keyframes and animations
1)创建关键帧
Select them both first,然后在第50帧,右键“创建关键帧”.(或者快捷键F6)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9ewtrLgf-1659491794775)(D:\Typora图片\image-20220802225557238.png)]](/img/11/7e91a75cc5e959b5d392861aa65d99.png)
2)创建shape tween
Select all three above,右键“创建shape tween”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-E1Ht8nEm-1659491794776)(D:\Typora图片\image-20220802230435242.png)]](/img/1f/c914933e95c5ff961460bdfe35a224.png)
在最后一帧,Move the three balls over.(第50帧)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BiI0r0kV-1659491794776)(D:\Typora图片\image-20220802225932525.png)]](/img/ec/c12c1af2e80e123781edbc88438440.png)
3)改变速度
Click on the corresponding frame,小球1,然后调成-100.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RP2kt1I3-1659491794778)(D:\Typora图片\image-20220803091510554.png)]](/img/7d/9c7b57cb874209baa326323594b581.png)
The third ball,调成100.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0orfZucO-1659491794778)(D:\Typora图片\image-20220803091548542.png)]](/img/f6/bc2ae7ae6d19f0cc8f1c70514d5e0f.png)
(3)效果
看一下效果.
可以看到,球1先慢后快,球2是匀速,球3是先快后慢.The last three balls reach the same spot.
二、Optimization of traditional tweens
(1)准备工作
1)写字
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4Rq3NypN-1659491794780)(D:\Typora图片\image-20220803092304098.png)]](/img/1e/8127f8edacefdfbf96eedba9595ae1.png)
2)画圆
用【椭圆工具】画一个球.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-H4kQMKQd-1659491794781)(D:\Typora图片\image-20220803092453667.png)]](/img/5e/ced01e384c37571e337fa3f34b9edf.png)
然后用【文字工具】敲上1,颜色为白色.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OVlttomi-1659491794781)(D:\Typora图片\image-20220803092610804.png)]](/img/9b/b41bfa0d432eaebaab4cd610ac52b9.png)
Then select it as a whole,按F8转化为元件.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AZKl9gPD-1659491794781)(D:\Typora图片\image-20220803092709734.png)]](/img/31/ed5c4885929a8c694cc8770365f37f.png)
Draw the same2个球、第3个球.
也可以,按住Altkey to copy two out.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-y7QRk5Cy-1659491794781)(D:\Typora图片\image-20220803092835434.png)]](/img/18/87b45ff3fb5399da9c407c70680d3c.png)
Then place the two balls behindCtrl+B打散,Change the text above.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zWr0rI2e-1659491794783)(D:\Typora图片\image-20220803092930649.png)]](/img/0d/80bdd4d16675179f66021284f33f20.png)
Finally press againF8转化为元件.
球2:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HG3STNYB-1659491794788)(D:\Typora图片\image-20220803092957401.png)]](/img/05/176db2f686f40f3a13edba6095922b.png)
球3:
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mouWqyNF-1659491794789)(D:\Typora图片\image-20220803093023427.png)]](/img/5b/4d142b7053f6eb2b4d152aa3f70989.png)
Select all three balls,右键“分散到图层”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-58v0ivz5-1659491794789)(D:\Typora图片\image-20220803093128251.png)]](/img/2b/f49a175199002bc006a6dfd36d8bcf.png)
(2)Create keyframes and animations
1)插入关键帧
将它们全部选中,然后按F6插入关键帧.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ei12Ojyu-1659491794789)(D:\Typora图片\image-20220803093448338.png)]](/img/70/f945a5a3b8a99adf45baa0f007eb1f.png)
在最后一帧,Move the three balls to the end.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Zm3Jdk0A-1659491794789)(D:\Typora图片\image-20220803093612032.png)]](/img/89/b7df349c9f4ec99aad1f1c6457986e.png)
2)创建传统补间
Select the layer for the three balls,右键“创建传统补间”.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XyzY6RJB-1659491794790)(D:\Typora图片\image-20220803093746699.png)]](/img/eb/a036c5963da99e34b9b0a589543e1e.png)
3)改变速度
首先是第1个球,点击它的帧,Then change the small pencil to -100.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PqkavbWP-1659491794791)(D:\Typora图片\image-20220803093949553.png)]](/img/85/24009ab0439380620d70665555be24.png)
第3个球,改为100.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7gIRibVG-1659491794791)(D:\Typora图片\image-20220803094100605.png)]](/img/4c/42c34517a7a812e0baf9623ef3b5ba.png)
(3)效果
可以看到,球1先慢后快,球2是匀速,球3是先快后慢.The last three balls reach the same spot.

(4)补充
Let's see that we can make the ball spin.
Select the corresponding layers respectively帧,Then rotate the selection“顺时针”.
Like the first ball.

The same goes for the other two balls.
然后看一下效果.

We can also choose how many turns to rotate,Here is the demo1圈.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yaJUb1Mn-1659491794794)(D:\Typora图片\image-20220803094805709.png)]](/img/7f/140c84017c038430e7586d280730e6.png)
三、区别
shape tweenCan not do effects such as rotation.
而传统补间Can be rotated.
But both can be adjusted for speed changes.
OK,这次的分享就到这儿啦~
希望文章对你有所帮助,原创不易,多多支持!
边栏推荐
- 长江商业银行面试
- Image fusion SDDGAN article learning
- 8/2 训练日志(dp+思维+字典树)
- Oracle is installed (system disk) and transferred from the system disk to the data disk
- 使用 %Status 值
- The common problems in the futures account summary
- 实数取整写入文件(C语言文件篇)
- YOLOv5训练数据提示No labels found、with_suffix使用、yolov5训练时出现WARNING: Ignoring corrupted image and/or label
- HCIP第十五天笔记(企业网的三层架构、VLAN以及VLAN 的配置)
- An动画基础之元件的影片剪辑效果
猜你喜欢
随机推荐
Classes and Objects (lower middle)
Redis连接池工具类
B站回应“HR 称核心用户都是 Loser”:该面试官去年底已被劝退,会吸取教训加强管理
GameFi industry down but not out | June Report
基于php家具销售管理系统获取(php毕业设计)
第十五章 源代码文件 REST API 简介
什么是分布式锁?几种分布式锁分别是怎么实现的?
Grafana 高可用部署最佳实践
HCIP 第十六天笔记(SVI、生成树协议)
【R】用grafify搞定统计绘图、方差分析、干预比较等!
YOLOv5训练数据提示No labels found、with_suffix使用、yolov5训练时出现WARNING: Ignoring corrupted image and/or label
The components of the basis of An animation movie clip animation between traditional filling
PolarFormer: Multi-camera 3D Object Detection with Polar Transformers 论文笔记
leetcode/字符串中的所有变位词(s1字符串的某个排列是s2的子串)的左索引
JS获得浏览器类型
图像融合DDcGAN学习笔记
Comics: how do you prove that sleep does not release the lock, and wait to release lock?
Feature Engineering Study Notes
查看GCC版本_qt版本
d写二进制









