An动画优化之补间形状与传统补间的优化

2023-02-01 1943

版权

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

简介： An动画优化之补间形状与传统补间的优化

在这里插入图片描述

一、补间形状的优化

（1）准备工作

1）写字

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

2）画圆

新建一个图层，画一个圆。

然后按住Alt键复制两个出来。（三个圆在同一个图层）

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

将后边两个圆选中，右键“分散到图层”。

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

然后就图层分明啦。

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

3）标明

分别用文字工具敲：加速、匀速、减速（在图层1上）。

在圆圈上面分别用【流畅画笔工具】写上1、2、3。

记得要分别选中相应的图层，然后写数字。

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

（2）创建关键帧及动画

1）创建关键帧

首先将它们都选中，然后在第50帧，右键“创建关键帧”。（或者快捷键F6）

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

2）创建补间形状

将上面三个都选中，右键“创建补间形状”。

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

在最后一帧，将三个球移过去。（第50帧）

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

3）改变速度

点一下对应帧，小球1，然后调成-100。

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

第三个小球，调成100。

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

（3）效果

看一下效果。

可以看到，球1先慢后快，球2是匀速，球3是先快后慢。最后三个小球到达同一个地点。
请添加图片描述

二、传统补间的优化

（1）准备工作

1）写字

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

2）画圆

用【椭圆工具】画一个球。

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

然后用【文字工具】敲上1，颜色为白色。

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

然后整体选中，按F8转化为元件。

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

同样画出第2个球、第3个球。

也可以，按住Alt键复制两个出来。

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

然后将后边两个球Ctrl+B打散，改一下上边的文字。

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

最后再分别按F8转化为元件。

球2：

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

球3：

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

将三个球全选，右键“分散到图层”。

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

（2）创建关键帧及动画

1）插入关键帧

将它们全部选中，然后按F6插入关键帧。

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

在最后一帧，将三个球移动到最后。

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

2）创建传统补间

将三个球的图层选中，右键“创建传统补间”。

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

3）改变速度

首先是第1个球，点击它的帧，然后将小铅笔改为-100。

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

第3个球，改为100。

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

（3）效果

可以看到，球1先慢后快，球2是匀速，球3是先快后慢。最后三个小球到达同一个地点。

请添加图片描述

（4）补充

我们看可以让小球旋转一下。

分别选中相应图层的帧，然后旋转选择“顺时针”。

比如第一个球。

在这里插入图片描述

其他两个球同理。

然后看一下效果。

请添加图片描述

我们同样可以选择旋转多少圈，这里是演示了1圈。

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

三、区别

补间形状不能做旋转等效果。

而传统补间可以做旋转的。

但都可以调整速度变化。

OK，这次的分享就到这儿啦~
希望文章对你有所帮助，原创不易，多多支持！
在这里插入图片描述

An动画优化之补间形状与传统补间的优化

一、补间形状的优化

（1）准备工作

1）写字

2）画圆

3）标明