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

时间:2024-10-20 00:32:03

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如何制作温度计动画
© 手抄报圈