手机
当前位置:查字典教程网 >网页设计 >Flash教程 >Flash AS3教程:如何快速制作风扇旋转的动画效果
Flash AS3教程:如何快速制作风扇旋转的动画效果
摘要:本篇主要使用变形工具,结合FLash自带代码片断快速制作风扇旋转动画的效果,过程中无需用户输入代码,整个过程简单易学,适合新手学习,希望本教...

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

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

工具/原料

Flash cs6

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

方法/步骤

1、新建actionscript3.0文档。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

END

【Flash AS3教程:如何快速制作风扇旋转的动画效果】相关文章:

Flash制作齿轮旋转的动画

Flash cs3教程:鼠绘一个可爱的大头表情

Flash cs3鼠绘教程:动画技巧之绘制猴子

Flash AS2实例教程:制作360度全景动画效果

Flash AS教程:图片环绕旋转效

Flash实例教程:新年快乐镜面跳动字动画

Flash AS3教程:Level2D类

Flash制作旋转拖尾文字效果

flash如何制作图片的缩放、放大效果?

FlashCS4中制作漂亮的气泡动画教程

精品推荐
分类导航