FLASH课件模板制作实例

FLASH课件制作实例 实训(实习)步骤 制作片头 (1)执行【开始】【程序】【Adobe Flash CS3】菜单命令，单击【Flash 文件(ActionScript 2.0)】,如图1-1. 图1-1 (2)执行【修改】【文档】，并设置影片尺寸800px×600px,背景色为黑色，帧频为6fps,如图1-2。 图1-2 (3)执行【插入】【新建元件】菜单命令，新建影片剪辑元件“圆环”。然后在工具箱中选择“椭圆工具” ,在场景中绘制一个无填充色的圆，并用“橡皮擦工具” 将圆环修改至如图1-3。 图1-3 (4)在场景中选中圆环，执行【修改】【转换为元件】菜单命令，将圆环转换成“元件1”。 (5)在影片剪辑“圆环”的“图层1”的第10帧处插入关键帧，选中第一帧，在属性面板中“补间”为“动画”，单击“旋转”为“顺时针”，设置次数为“12”，如图1-4。 图1-4 (6)执行【插入】【新建元件】菜单命令，新建图形元件“9”。在工具箱中选择【文本工具】 ，并在“属性”面板中设置文本类型为“静态文本’,字体为”(方正姚体)”，大小为“96”，颜色为“红色”，然后在场景中输入“9”字样，如图1-5。 图1-5 (7)同上述步骤完成其他数字。 1 (8)在“图层1”的第一帧插入关键帧，然后将“元件1”和“9”拖到场景中，同理在完成其他数字，如图1-6。 图1-6 (9)新建“图层2”，在第十一帧处插入关键帧，将“背景1”拖动到场景中，调整合适大小，在第十八帧处插入关键帧，单击第十一帧，右击选择“创建补间动画”，设置合适的透明度，在第六十八帧处插入关键帧。 (10)新建“图层3”，在其第十一帧处插入关键帧，将“背景2”拖到场景中，在第二十帧处插入关键帧，单击第十一帧，将透明度设置为“0,”，单击第二十帧，选中“背景2”，将图片向上移动。 (11)执行【插入】【新建元件】菜单命令，新建影片剪辑元件“文字动画”。 (12)在工具箱中选择“椭圆工具” ,关闭笔触颜色，在“混色器”面板中选择填充“放射状”，并设置5个色块，然后选中“图层1”的第一帧，在场景中绘制一个正圆。 (13)在场景中选中“正圆”并将其转换为元件，然后在“图层1”的第四十五帧处，插入关键帧，选择“图层1”的第一帧，在“属性”面板的“补间”下拉菜单中选择“动画”。 (14)将“图层1”锁定，新建“图层2”。 (15)选择“图层2”的第一帧，选择文本工具，输入“Flash 动画设计实例教程”，设置为“蓝色”字体，“82”号，“方正姚体”。 (16)将“图层1”解锁，选中“图层1”的第一帧，在场景中将正圆拖到文字的左边，在第四十五帧，在场景中将正圆拖到文字的右边。 (17)新建“图层3”，选中第一帧，然后再工具中选择文本工具，输入“绿色”‘“Flash 动画设计实例教程”。将“图层2”拖到“图层1”的下方。 (18)用鼠标右键单击“图层3”，在弹出的快捷菜单中执行“遮罩层”命令，然后将“图层2”也拖到遮罩范围内。 (19)新建“图层4”，在第十一帧处，插入关键帧，将“文字动画”拖到场景中，如图1-7。 (20)新建“图层5”，在第十一帧插入关键帧，选择文本工具，输入“计大092:肖安飞 指导老师:张敬斋”，在第二十六帧处，插入关键帧，将文字移动到图中，分别在第四十二、四十六、四十九、五十二帧处插入关键帧，向前移动，单击这些帧，改变字的“透明度”和“颜色” 图1-7 (21)执行【插入】【新建元件】菜单命令，新建影片剪辑元件“旋转动画”。在“图层1”的第一帧，将“图片1”拖到场景中，在第二十帧处，插入关键帧，单击第一帧，在“属性”面板中，“补间”选择“动画”。 (22)新建“图层6”，在第十一帧处插入关键帧，将“旋转动画”拖动到场景，在其第26帧处插入关键，将“旋转动画”移动到图中，“创建补间动画”，在第十一帧处设置透明度，如图1-8。 2 图1-8 (23)新建“图层7”和“图层8”，在其第十一帧处插入关键帧，将“图片4”拖到场景中，调整方位，在其他帧设置透明度，如图1-9。 图1-9 (24)新建“图层9”，在第十一帧处插入关键帧，将“图片5”拖到场景中，在第二十六帧处插入关键帧，并“创建补间动画”。 (25【插入】【新建元件】菜单命令，设置“进入按钮”如图1-10。 图1-10 (26)新建“图层10”，在第六十二帧处插入关键帧，将“进入按钮”拖到场景中，在其第六十八帧插入关键帧，单击第六十二帧，并“创建补间动画”，设置该帧透明度。 (27)同(25)和(26)完成“蝴蝶按钮”，在其第六十八帧处，选中按钮，按【F9】打开动作面板，输入“stop ();”如图1-11。 图1-11 (27)(3)执行【文件】【导入】【导入到库】菜单命令，弹出【导入到库】对话框，在对话框中选择“风中有朵雨做的云”声音，单击打开按钮，讲音乐导入。 (28)新建“图层11”将其命名“音乐”，在属性面板中，“声音”为“孟庭苇-风中有朵雨做的云”，“效果”为“从左到右淡出”如图1-12。 图1-12 主界面的制作 (1) 将“图层1”命名为“图层A”，单击第1帧，将“图片6”拖到场景中，调整合适 大小，然后在第150帧处，插入普通帧。 (2) 新建“图层2”将其命名为“图层B”，在该图层的第1帧绘制方框，如图1-13。 图1-13 3 (3)在“图层B”的第90帧处插入关键帧，调整方框如图1-14所示。 图1-14 (4) 用鼠标右键单击“图层B”，在弹出的快捷菜单中执行“遮罩层”命令，然后将“图层A”也拖到遮罩范围内。 (5) 新建“图层3”将其命名为“图层C”，选择该图层的第1帧，将“图片7”，拖到如图1-15的位置。 图1-15 (6) 新建“图层4”将其命名为“图层D”，选择该图层的第1帧，将“图片7”，拖到如图1-16的位置。 图1-16 (7)在该图层的第13帧插入关键帧，向右移动“图片7”，在第90帧插入关键帧，将“图片7”移动到最右边，按【F9】打开动作面板，输入“stop ();” (8)执行【插入】【新建元件】菜单命令，创建“文字”影片剪辑，选择“文本工具”输入“Flash 动画设计教程”，执行【修改】【时间轴】【分散到图层】菜单命令，然后，设计动画效果，时间轴如图1-17。 图1-17 (9)新建“文字”图层，在第90帧处插入关键帧，将“文字”元件拖到场景中，调整合适位置。 (10)新建“理论讲解”图层，在第90帧处插入关键帧，将“理解讲解”按钮拖到场景中。 (11)同(10)完成其他按钮，如图1-18。 4 图1-18 (12)新建“蝴蝶”图层，在第13帧插入关键帧，将“蝴蝶”动画拖到场景中。 (13)新建“图标”影片剪辑，按图所示插入关键帧，第21-55帧，每一帧改变图标的颜色，如图1-19。 图1-19 (14)新建“图标”图层，在第90帧处插入关键帧，并将“图标”拖到场景中。 (15)选择按钮图层的第90帧，然后选中按钮，按【F9】打开动作面板，输入所图所示的脚本，如图1-20。 图1-20 理论讲解 (1) 单击“图层1”的第1帧，将用PhotoShop处理好的图片，拖到场景中，打开动作 面板，输入“stop ();”如图1-21。 图1-21 (2)新建“图层2”单击第1帧，将做好的按钮拖到场景中，如图1-22。 图1-22 (3)单击有按钮图层的第1帧，并且选择按钮，按【F9】打开动作面板，输入如图1-23的脚本。 图1-23 (4)打开“场景1”，将“图片1”拖到场景中，然后打开动作面板，输入“stop ();”，新建“图层2”，将按钮拖到场景中，输入脚本，如图1-24。 5 图1-24 (5)同(4)完成其他场景。 (6)转换到“场景1”，将做好的“图片1”拖动到场景中，新建“图层2”，将“按钮”拖 动到场景中。如图1-25。 图1-25 (7)选择“按钮”，打开动作面板，输入脚本。如图1-26。 图1-26 (8)同理完成“场景2”到“场景6” 视频讲解 (1)单击“图层1”的第1帧，将图片“视频背景”拖动到场景中，然后打开动作面板， 输入“stop ();”。 (2)新建“图层2”，将“按钮”拖动到场景中，在动作面板中输入 on (release) { gotoAndPlay("主界面",90); } (3)新建“图层3”，将“Back”拖动到场景中。 (4)新建“图层4”，将“调用”和“删除”按钮拖动到场景中。 (5)外部*.swf文件要和编辑的Flash文件放在同一目录下 1.新建立一个空的影片剪辑mymc,把它放在场景中，实例名是:mymc 2.新建一层,制作两个按扭(一个调用，一个清除)拖放到此层中 3.调用按扭上的AS: on(release){//鼠标离开按扭后执行下面的代码; loadMovie("flash8.swf","mymc");//加载外部的"aaa.swf"文件到"mymc"空影片剪辑中; mymc._x=0;//加载影片的X轴坐标; mymc._y=0;//加载影片的Y轴坐标; mymc._xscale=800;//加载影片的宽度; mymc._yscale=600;//加载影片的高度; } 清除按扭上的AS: on(release){//鼠标离开按扭后执行下面的代码 unloadMovie(mymc);//删除用loadMovie加载的*.swf文件; 6 } Ctrl+Enter测试 课堂练习 (1) 单击“图层1”的第1帧，将图片拖放到场景中，打开“库”面板，输入“stop ();”;新 建“图层2”，选择“文本工具” ，输入“课堂习题”。 (2) 新建“图层3”，将按钮拖放到场景中，打来动作面板，输入action。 on (release) { gotoAndPlay("主界面",90); } (3) 新建“图层4”，将其命名为“文字图层”，选择“文本工具” ，输入选题及。 (4) 新建“按钮”图层，执行【插入】【新建元件】对话框，创建“答案按钮”按钮元件， 在“弹起”中，绘制，透明度为“2%”的矩形框，在“单击”插入帧。 (5) 返回场景中，将“答案按钮”拖放到场景中的选项上。 (6) 执行【插入】【新建元件】对话框，创建“提交”按钮元件，绘制一个按钮，并将其拖 放到场景中。 (7) 执行【插入】【新建元件】对话框，创建“答案”影片元件，第1帧，输入“stop ();”， 在第2帧插入关键帧，输入“A”，第3帧为“B”，第4帧为“C”，第5帧为“D”。 (8) 执行【插入】【新建元件】对话框，创建“对错”影片元件，第1帧，输入“stop ();”， 在第2帧插入关键帧，用“线条工具” 绘制“”，第3帧为“”。 (9) 返回场景中，将“对错”元件拖放到题目的后面，也将“答案”元件拖放到题目的后面。 (10) 选择“文本工具” ，输入“提交”。 (11) 选中“答案”影片剪辑，命名为“mc1”和“mc3”;将“对错”影片剪辑，命名为“mc2” 和“mc4”。 (12) 选中A答案按钮，打开动作面板，输入action on (release) { d1==0; mcl.gotoAndPlay(2); } (13) 同(12)完成其他答案按钮。注:住呢个却答案是“d1==1”，选择题2为“mc3”。 (14) 选择“文本工具” ，输入“成绩 分”;绘制动态文本框。 (15) 新建“图层6”，选中第1帧，打开动作面板，输入“stop ();”。 (16) 选中所有图层的第2帧，插入空白关键帧;选中“提交”按钮，打开动作面板，输入actio. on (release) { gotoAndStop(2); } (17) 选中“图层6”的第2帧，输入action。 if (d1==1) { mc2.gotoAndStop(2); } else { mc2.gotoAndStop(3); 7 } if (d2==1) { mc4.gotoAndStop(2); } else { mc4.gotoAndStop(3); } (18)在“按钮层”的第2帧，转换成关键帧，将“提交”改为“返回”，打开动作面板，输入action。 on (release) { gotoAndStop(1); mc1.gotoAndStop(1); mc2.gotoAndStop(1); mc3.gotoAndStop(1); mc4.gotoAndStop(1); } (19)新建“图层7”，在第2帧处插入空白关键帧，打开动作面板，输入“cj1=(d1+d2)*50;”。 (20)单击“按钮层”图层，选中动态文本，在“属性”面板中，“变量”为“cj”。 网络资源 (1) 单击“图层1”的第1帧，将图片“背景”拖动到场景中，然后打开动作面板，输 入“stop ();”。 (2) 新建“图层2”，将“按钮”拖动到场景中，输入和“视频讲解”中(2)相同的脚 本。 (3) 新建“图层3”，选择“文本工具” ，输入如图1-27的字。 图1-27 片尾的制作 (1)选中“图层1”的第1帧，将“背景”拖动到场景中。 (2)执行【插入】【新建元件】菜单命令，新建影片剪辑“片尾效果”，选择“文本工具” ，输入:指导老师:张敬斋 制作人:肖安飞 然后，执行【修改】【分离】菜单命令，并再执行【修改】【时间轴】【分散到图层】菜单命令，将其文字分散到各个图层。插入如图1-28所示的关键字。 8 图1-28 (4) 选中前面的帧，移动“字”的位置，并改变透明度。 (5) 返回到“片尾”场景，新建“图层2”，将“片尾效果”拖动到场景中。 (6) 新建“图层3”， 选择“文本工具” ，在场景中输入“完”字，在图层的第1 帧到第10帧，每一帧插入关键帧，然后选中该帧场景中的实例，改变其颜色，制作 动态效果。如图1-29所示。 图1-29 (7) 单击“图层2”的第10帧，打开动作面板，输入“stop ();”。 (8) 新建“图层4”，在第10帧插入关键帧，将“蝴蝶”按钮拖动到场景中，输入action。 on (release) { gotoAndPlay ("主界面",90); } 9