我来分享HTML5插入曲线变形动画的操作步骤

相信很多朋友都遇到过以下问题,就是HTML5插入曲线变形动画的操作步骤 。。针对这个问题,今天本站小编就搜集了网上的相关信息,给大家做个HTML5插入曲线变形动画的操作步骤 。的解答 。希望看完这个教程之后能够解决大家HTML5插入曲线变形动画的操作步骤 。的相关问题 。
今天我们来学习一下HTML5插入曲线变形动画的操作步骤,有不清楚的小伙伴,一起来学习一下吧 。
HTML5插入曲线变形动画的操作步骤

我来分享HTML5插入曲线变形动画的操作步骤


首先在第一帧画一个圆,然后在该图层的后面数帧后插入帧:
【我来分享HTML5插入曲线变形动画的操作步骤】
我来分享HTML5插入曲线变形动画的操作步骤


然后在该处右击选择“插入曲线变形动画”:

我来分享HTML5插入曲线变形动画的操作步骤


此时该时间单元的颜色会改变,如下图:

我来分享HTML5插入曲线变形动画的操作步骤


同时该帧会产生一个红色的关键帧 。在该关键帧处,选中舞台上的圆形后,点击左侧工具条中的节点按钮:

我来分享HTML5插入曲线变形动画的操作步骤


此时舞台上的圆形的节点会显示出来:

我来分享HTML5插入曲线变形动画的操作步骤


选中节点,并通过拖动节点改变图形的形状:

我来分享HTML5插入曲线变形动画的操作步骤


修改完后,已经变成一个完全不同的图形:

我来分享HTML5插入曲线变形动画的操作步骤


完成,保存,并预览动画 。
以上就是HTML5插入曲线变形动画的操作步骤,希望大家喜欢 。

    推荐阅读