flash落地电风扇教材.doc

FLASH动画实例教材 　编写:思苑
《落地电风扇教材》
一、创建 flash新文档：
文档属性： 宽：550；高：550；其他默认。
二、制作元件 ：
1、插入－新建元件，名称：叶片 ；类型：图形。
点击图层 1 的第 1 帧，选择矩形工具，无笔触，线性填充，颜色代码：左0099FF，右00CCFF。在场景中画一个85×85的矩形。并按1图所示逐步调整成风扇叶片状，（第二步用填充变形工具将颜色调整为上浅下深），最后将叶片下端与场景中心点对齐。

图1

2、插入－新建元件，名称：叶片组 ；类型：影片剪辑。
（1）点击图层 1 的第 1 帧，从库中将做好的叶片图形元件拖入编辑场景，并用任意变形工具将注册点移动到叶片元件的下面，然后用黑箭头工具选中并移动该元件，使元件的注册点与编辑场景中心点对齐。如图2所示。

图2

（2）用黑箭头工具选中该元件，打开变形面板，约束打勾，设置旋转120度，如图3所示。并点击“复制并应用变形”两次，得到如图4的图形。

图3 图4

3、插入－新建元件，名称：风扇罩 ；类型：图形。
（1）将图层1改名为“圆”，点第一祯，选择椭圆工具，笔触色为CC9933，笔触高度2，禁止填充色。在场景中画三个无填充色的圆形，全部居中对齐。圆的大小依次为150×150、120×120、114×114。图层上锁。如图5所示。

图5 图6

（2）插入新图层，改图层名为“放射线”，点第一祯，选择线条工具，笔触色为CC9933，笔触高度1，在场景中画一条高度为75的直线，水平中齐，底对齐。并将注册点移到线条下端，如图6所示。打开变形面板，约束打勾，设置旋转10度，如图7所示。并点击“复制并应用变形”35次，得到如图8的图形。图层上锁。

图7 图8

（3）插入新图层，改图层名为“中心圆”，点第一祯，选择椭圆工具，笔触色禁止，填充色为CC9933，在场景中画一个40×40的圆形，居中对齐。图层上锁。最后得到如图9的图形。

图9 图10

4、插入－新建元件，名称：风扇柱 ；类型：图形。
（1）将图层1改名为“底座”，点第一祯，选择椭圆工具，笔触色禁止，放射状填充，共三个色块，左、右色块为CC9933，中间色块为EAD5BF，如图10所示。在场景中画一个135×40的椭圆形，居中对齐。然后再复制一个缩小10%，两个椭圆摆放如图11所示。图层上锁。

图11 图12 图13
（2）插入新图层，改图层名为“底座罩”，点第一祯，选择矩形工具，笔触色禁止，线性填充，共三个色块，左、右色块为CC9933，中间色块为FFFFFF，在场景中画一个大小为35×22的矩形，并调整形状如图12所示。水平居中。摆放位置如图13所示。图层上锁。
（3）插入新图层，改图层名为“下柱”，点第一祯，选择矩形工具，笔触色禁止，线性填充，共三个色块，左、右色块为CC9933，中间色块为FFFFFF在场景中画一个大小为12×80的矩形，并调整形状如图14所示。水平居中。摆放位置如图15所示。图层上锁。

图14
图15 图16

（4）插入新图层，改图层名为“下柱罩”，复制“底座罩”图层第一祯粘贴到“下柱罩”图层第一祯，并调整大小为20×13。摆放位置如图16所示。上锁。
（5）插入新图层，改图层名为“下柱上节”，复制“下柱”图层第一祯粘贴到“下柱上节”图层第一祯，并调整大小为8×40。摆放如图17所示。上锁。

图17 （图层情况）

5、插入－新建元件，名称：上柱 ；类型：图形。
点第一祯，选择矩形工具，笔触色禁止，线性填充，共三个色块，左、右色块为CC9933，中间色块为FFFFFF，在场景中画一个大小为8×80的矩形，居中对齐。图层上锁。（外观如图14所示）
6、插入－新建元件，名称：中节 ；类型：影片剪辑。
（1）点图层一第一祯，选择矩形工具，笔触色禁止，线性填充，共二个色块，左色块为CC9966，右色块为D9B38C，在场景中绘一个如图18大小约为45×95的矩形，居中对齐。第二祯插入关键祯，改放射状填充，左色块白色， 右色块为CC9966。用“填充变形工具”调整亮点如图19所示。图层上锁。
（2）插入新图层，分别在第一、二祯插入空白关键祯，并分别输入祯语句
stop();

图18 图19 图20

7、插入－新建元件，名称：关 ；类型：按钮。
制作一个如图20所示的按钮元件。 分别制作四个按钮，“关”、“强”、“弱”、“灯”。 先做一个按钮，然后可采取“直接复制”的方法制作其他三个按钮。注意别忘记更改按钮上的字哟。
三、组装场景 ：
1、在场景１中添加7个新图层，改图层名称如图21所示：并分别将对应的元件从库中拖入场景，摆放好位置后如图22所示。注意要将四个按钮摆放在中节图形元件上。所有图层上锁。

图21 图22

2、打开叶片组图层的锁，用黑箭头工具选中影片剪辑“叶片组”元件，并在属性面板中输入实例名：aa（如图23所示）
3、打开中节图层的锁，用黑箭头工具选中影片剪辑“中节”元件，并在属性面板中输入实例名：zj（如图24所示）

图23 图24

4、打开按钮图层的锁，分别在按钮上输入语句如下：
关按钮上的语句；
on (release) {
onEnterFrame = function () {
_root.aa._rotation = 0;
};
this.zj.gotoAndStop(1);
}
弱按钮上的语句；
on (release) {
onEnterFrame = function () {
_root.aa._rotation -= 40;
};
}
强按钮上的语句；
on (release) {
onEnterFrame = function () {
_root.aa._rotation += 180;
};
}
灯按钮上的语句；
on (release) {
this.zj.gotoAndStop(2);
}
背景图层：在背景图层第1祯，可根据自己的喜好设置背景。
这个实例到这就做好了。大家可以签上自己的名字，保存、测试一下，看看效果吧，祝您成功！

思苑编写
2007.5.15