FLASH课件模板制作详解吴佳庆.docx
- 文档编号:20118940
- 上传时间:2023-04-25
- 格式:DOCX
- 页数:21
- 大小:3.09MB
FLASH课件模板制作详解吴佳庆.docx
《FLASH课件模板制作详解吴佳庆.docx》由会员分享,可在线阅读,更多相关《FLASH课件模板制作详解吴佳庆.docx(21页珍藏版)》请在冰豆网上搜索。
FLASH课件模板制作详解吴佳庆
《多媒体课件制作》
实训指导教案
教师:
吴佳庆
班级:
15计算机
一、实训目标
能力教学目标
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,把它放在场景中,实例名是:
mymc2.新建一层,制作两个按扭(一个调用,一个清除)拖放到此层中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)执行【插入】【新建元件】对话框,创建“对错”影片元件,第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);
}
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所示的关键字。
图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);
}
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- FLASH 课件 模板 制作 详解 吴佳庆
![提示](https://static.bdocx.com/images/bang_tan.gif)