当前位置:网站首页>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,这次的分享就到这儿啦~
希望文章对你有所帮助,原创不易,多多支持!
边栏推荐
猜你喜欢
随机推荐
setTimeout, setInterval requestAnimationFrame
基于php校园医院门诊管理系统获取(php毕业设计)
An introduction to the camera
HCIP 第十六天笔记(SVI、生成树协议)
第十五章 源代码文件 REST API 简介
类和对象(中上)
【Verilog】HDLBits题解——Verification: Reading Simulations
Real number rounding and writing to file (C language file)
Sogou news-数据集
图像融合SDDGAN文章学习
shell编程条件语句
[Verilog] HDLBits Problem Solution - Circuits/Sequential Logic/Latches and Flip-Flops
使用 %Status 值
Classes and Objects (lower middle)
字节最爱问的智力题,你会几道?
How does Filebeat maintain file state?
B站回应“HR 称核心用户都是 Loser”:该面试官去年底已被劝退,会吸取教训加强管理
An动画基础之按钮动画与基础代码相结合
Random forest project combat - temperature prediction
实数取整写入文件(C语言文件篇)








