Flash AS3教程:如何快速制作风扇旋转的动画效果

本篇主要使用变形工具,结合FLash自带代码片断快速制作风扇旋转动画的效果,过程中无需用户输入代码,整个过程简单易学,适合新手学习,希望本教程对大家有一定的帮助。

Flash AS3教程:如何快速制作风扇旋转的动画效果

工具/原料

 Flash cs6

 actionscript3.0,变形工具,代码片断

方法/步骤

1、新建actionscript3.0文档。

2、选择圆形工具,设置边线为不可用。

Flash AS3教程:如何快速制作风扇旋转的动画效果

3、 在场景中绘制一个椭圆形。

Flash AS3教程:如何快速制作风扇旋转的动画效果

4、将椭圆形状进行简单调整,然后选择颜色工具,给椭圆加一个渐变色,这里也可以根据自己的喜好制作。

Flash AS3教程:如何快速制作风扇旋转的动画效果

5、将制作好的页片选择按Q键,然后选择中心,将中心移动到页片下合适位置。

Flash AS3教程:如何快速制作风扇旋转的动画效果

6、选择页片,打开变形工具,设置旋转角度为120度,连续点复制按钮,复制三个页片。

Flash AS3教程:如何快速制作风扇旋转的动画效果

7、 在页片图层上再建一层,绘制一个圆,并给圆加径向渐变并设置合适颜色。

Flash AS3教程:如何快速制作风扇旋转的动画效果

8、选择页片所在图层第一帧,然后按F8将三个页片转为影片剪辑,起任意元件名并确定。

Flash AS3教程:如何快速制作风扇旋转的动画效果

9、确保页片影片剪辑被选择,打开代码片断面板,选择动画-不断旋转并双击,在弹出的对话框上直接点确定。

Flash AS3教程:如何快速制作风扇旋转的动画效果

10、此时在动画图层最上层自动建立Actions层,并自动加入了相应控制代码。此时我们按ctrl+enter测试,发现页片层并不是以中心为轴进行旋转,而是以左上角为轴进行旋转, 这是因为在建立影片剪辑时,默认的注册点在左上角,下一步我们将修正这个问题。

Flash AS3教程:如何快速制作风扇旋转的动画效果

11、 双击打开页片所在的影片剪辑,我们可以看到左上角有一个小小的“+”,这里就是影片剪辑的注册点,直接将三个页片选择移动到注册点上合适位置。

Flash AS3教程:如何快速制作风扇旋转的动画效果

12、回到场景中,可以看到刚才的调整导致页片位置偏离正确位置,此时只需要将页片影片剪辑重新移动到圆形图案下合适位置即可。

Flash AS3教程:如何快速制作风扇旋转的动画效果

13、按ctrl+enter测试,一个风扇不断旋转的动画就完成了。

END

Flash AS3教程:如何快速制作风扇旋转的动画效果

上一篇:Photoshop给草地上的美女加上逆光暖色


下一篇:PS教程:教你用PS给照片调出学生时代的回忆色调