Animate/FLASH如何制作温度计动画

2025-04-05 22:27:02

1、FLASHCS6是FLASH系列的最后一个版本,新的软件更名为Animate CC,这里用的就是FLASHCS6软件。打开软件,新建AS2或者AS3文档。

Animate/FLASH如何制作温度计动画

2、在工具栏找到基本矩形工具,这里要绘制一个圆角矩形,长按矩形按钮在弹出来选项里选择基本矩形工具。

Animate/FLASH如何制作温度计动画

3、在舞台上绘制一个矩形

Animate/FLASH如何制作温度计动画

4、在选择状态用鼠标拖动角上的点即可进行变形

Animate/FLASH如何制作温度计动画
Animate/FLASH如何制作温度计动画

5、同样,再绘制一个窄一些的当作温度计中间显示部分,选择两个圆角矩形进行对齐

Animate/FLASH如何制作温度计动画

6、新建一个图层,并复制中间细的矩形

Animate/FLASH如何制作温度计动画
Animate/FLASH如何制作温度计动画

7、在新建的图层里进行粘贴,并改变颜色为红色

Animate/FLASH如何制作温度计动画

8、接下来制作遮罩动画,再新建一个图层,绘制一个矩形如图所示

Animate/FLASH如何制作温度计动画

9、在第60帧插入关键帧,下面两个图层插入普通帧

Animate/FLASH如何制作温度计动画
Animate/FLASH如何制作温度计动画
Animate/FLASH如何制作温度计动画

10、在最上层的矩形后面的关键帧调整矩形高度如图,以正好盖住红色矩形为准

Animate/FLASH如何制作温度计动画

11、选择中间帧右键选择创建补间形状

Animate/FLASH如何制作温度计动画
Animate/FLASH如何制作温度计动画

12、在图层右键选择遮罩层

Animate/FLASH如何制作温度计动画
Animate/FLASH如何制作温度计动画

13、这样一个温度计的基本动画就做好了

Animate/FLASH如何制作温度计动画
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢