FLASH课件模板制作详解.docx
《FLASH课件模板制作详解.docx》由会员分享，可在线阅读，更多相关《FLASH课件模板制作详解.docx（18页珍藏版）》请在冰豆网上搜索。
FLASH课件模板制作详解
《多媒体课件制作》
实训指导教案
实训指导教师：
张敬斋
实训班级：
计算机应用092
姓名：
肖安飞
一、实训目标
能力教学目标
1、通过本次实训，使学生掌握利用PHOTOSHOP、FLASH软件制作出课件所需的素材的方法。
2、掌握FLASH软件中的导入素材、运动、交互、框架、决策等技术以及它们如何应用到课件制作中的方法。
3、掌握如何编写课件脚本以及课件制作的发展历程、应用前景和发展趋势，使学生对多媒体课件制作有一个全面的认识，能利用FLASH制作出优秀的多媒体课件。
职业素养目标
1、通过本次实训，培养学生善于思考、独立自强、勤学好问，勇于探索的优良品格。
2、通过实训，培养学生多媒体课件的制作能力。
二、实训（实习）内容和要求
1、动画片头制作
掌握FLASH精美片头制作技巧；声音控制、LOADING制作技巧
2、主界面的设计
利用PHOTOSHOP软件处理精美图片界面：
有视频讲解部分、理论讲解部分、习题指导、帮助、退出部分。
3、各分支界面部分
要求初学者通过你制件的课件能掌握所教知识。
三、实训（实习）步骤
制作片头
（1）执行【开始】【程序】【AdobeFlashCS3】菜单命令，单击【Flash文件（ActionScript2.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）同上述步骤完成其他数字。
（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。
图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）在“图层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。
图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。
图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文件；
}
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）执
升级会员 