flash落地电风扇教材.doc

FLASH动画实例教材 编写:思苑落地电风扇教材一、创建 flash新文档： 文档属性： 宽：550；高：550；其他默认。二、制作元件 ： 1、插入新建元件，名称：叶片 ；类型：图形。点击图层 1 的第 1 帧，选择矩形工具，无笔触，线性填充，颜色代码：左0099FF，右00CCFF。在场景中画一个8585的矩形。并按1图所示逐步调整成风扇叶片状，（第二步用填充变形工具将颜色调整为上浅下深），最后将叶片下端与场景中心点对齐。图12、插入新建元件，名称：叶片组 ；类型：影片剪辑。（1）点击图层 1 的第 1 帧，从库中将做好的叶片图形元件拖入编辑场景，并用任意变形工具将注册点移动到叶片元件的下面，然后用黑箭头工具选中并移动该元件，使元件的注册点与编辑场景中心点对齐。如图2所示。图2（2）用黑箭头工具选中该元件，打开变形面板，约束打勾，设置旋转120度，如图3所示。并点击“复制并应用变形”两次，得到如图4的图形。 图3 图43、插入新建元件，名称：风扇罩 ；类型：图形。（1）将图层1改名为“圆”，点第一祯，选择椭圆工具，笔触色为CC9933，笔触高度2，禁止填充色。在场景中画三个无填充色的圆形，全部居中对齐。圆的大小依次为150150、120120、114114。图层上锁。如图5所示。 图5 图6（2）插入新图层，改图层名为“放射线”，点第一祯，选择线条工具，笔触色为CC9933，笔触高度1，在场景中画一条高度为75的直线，水平中齐，底对齐。并将注册点移到线条下端，如图6所示。打开变形面板，约束打勾，设置旋转10度，如图7所示。并点击“复制并应用变形”35次，得到如图8的图形。图层上锁。 图7 图8 （3）插入新图层，改图层名为“中心圆”，点第一祯，选择椭圆工具，笔触色禁止，填充色为CC9933，在场景中画一个4040的圆形，居中对齐。图层上锁。最后得到如图9的图形。 图9 图10 4、插入新建元件，名称：风扇柱 ；类型：图形。（1）将图层1改名为“底座”，点第一祯，选择椭圆工具，笔触色禁止，放射状填充，共三个色块，左、右色块为CC9933，中间色块为EAD5BF，如图10所示。在场景中画一个13540的椭圆形，居中对齐。然后再复制一个缩小10%，两个椭圆摆放如图11所示。图层上锁。 图11 图12 图13 （2）插入新图层，改图层名为“底座罩”，点第一祯，选择矩形工具，笔触色禁止，线性填充，共三个色块，左、右色块为CC9933，中间色块为FFFFFF，在场景中画一个大小为3522的矩形，并调整形状如图12所示。水平居中。摆放位置如图13所示。图层上锁。 （3）插入新图层，改图层名为“下柱”，点第一祯，选择矩形工具，笔触色禁止，线性填充，共三个色块，左、右色块为CC9933，中间色块为FFFFFF，在场景中画一个大小为1280的矩形，并调整形状如图14所示。水平居中。摆放位置如图15所示。图层上锁。 图14 图15 图16 （4）插入新图层，改图层名为“下柱罩”，复制“底座罩”图层第一祯粘贴到“下柱罩”图层第一祯，并调整大小为2013。摆放位置如图16所示。上锁。（5）插入新图层，改图层名为“下柱上节”，复制“下柱”图层第一祯粘贴到“下柱上节”图层第一祯，并调整大小为840。摆放如图17所示。上锁。 图17 （图层情况）5、插入新建元件，名称：上柱 ；类型：图形。 点第一祯，选择矩形工具，笔触色禁止，线性填充，共三个色块，左、右色块为CC9933，中间色块为FFFFFF，在场景中画一个大小为880的矩形，居中对齐。图层上锁。（外观如图14所示）6、插入新建元件，名称：中节 ；类型：影片剪辑。（1）点图层一第一祯，选择矩形工具，笔触色禁止，线性填充，共二个色块，左色块为CC9966，右色块为D9B38C，在场景中绘一个如图18大小约为4595的矩形，居中对齐。第二祯插入关键祯，改放射状填充，左色块白色， 右色块为CC9966。用“填充变形工具”调整亮点如图19所示。图层上锁。（2）插入新图层，分别在第一、二祯插入空白关键祯，并分别输入祯语句stop(); 图18 图19 图20 7、插入新建元件，名称：关 ；类型：按钮。制作一个如图20所示的按钮元件。 分别制作四个按钮，“关”、“强”、“弱”、“灯”。 先做一个按钮，然后可采取“直接复制”的方法制作其他三个按钮。注意别忘记更改按钮上的字哟。 三、组装场景 ：1、在场景中添加7个新图层，改图层名称如图21所示：并分别将对应的元件从库中拖入场景，摆放好位置后如图22所示。注意要将四个按钮摆放在中节图形元件上。所有图层上锁。 图21 图22 2、打开叶片组图层的锁，用黑箭头工具选中影片剪辑“叶片组”元件，并在属性面板中输入实例名：aa（如图23所示）3、打开中节图层的锁，用黑箭头工具选中影片剪辑“中节”元件，并在属性面板中输入实例名：zj（如图24所示） 图23 图244、打开按钮图层的锁，分别在按钮上输入语句如下：关按钮上的语句；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;灯按钮上的语