第一篇:FLASH课件制作示例_再别康桥
作者简介剪辑制作制作
管俊闯
大家好!本节课我们一起来制作作者简介。浏览其效果为……
主要制作过程分析:
一、创建新的图层“作者简介”。
二、制作元件“作者简介”,类型为“影片剪辑”。
三、制作元件“返回首页”,类型为“按钮”。
四、在“作者简介”图层上46帧处插入制作的元件。
五、对“返回首页”按钮设置动作控制。
具体操作步骤:
一新建一个新的图层,把层名称改为“作者简介”。在该层第46帧处插入
一个关键帧。
二选择“插入” →“新建元件”,名称为“作者简介”,类型为“影片剪辑”。
1、选择“文件菜单”→“导入” →“导入到舞台”,在弹出的对话框
中的“查找范围”中选择“再别康桥素材→图片→image3.png”。(这个图标的作用主要是看上去美观。)利用“选择工具”把它的位置调整到合适的地方。
2、利用“文字工具”,在图标的后面输入“作者介绍”。在属性面板里把字体设置为“黑体”,字号为“36”,颜色为“#FFFFFF”,字符间距为“1”,字符位置为“一般”,字体呈现方式为“动画消除锯齿”。
3、利用“文字工具”,在图标的下面输入“作者简介”。在属性面板里把字体设置为“楷体_GB2312”,字号为“20”,其他值跟“作者介绍”一样。
4、选择“文件”→“导入” →“导入到舞台”,在弹出的对话框中的“查找范围”中选择“再别康桥素材→图片→image23.png”。选择“修改菜单” →“变形” →“缩放”,调整好图片的大小,再利用“选择工具”把它的位置调整好。
5、利用“文字工具”在作者图片下面输入“徐志摩像”,其属性面板的值跟“作者简介”一样。
三选择“插入” →“新建元件”,名称为“返回首页”,类型为“按钮”。
1、仿照步骤二,导入图标image19.png,利用“选择工具”把它移动右下角。
2、利用“文字工具”在上面的图标后面输入“返回首页”。
四选择“场景1”,在“作者简介”图层上46帧处插入一个关键帧,插入我们上面制作的元件“作者简介”和“返回首页”。
五选择“返回首页”按钮,打开“动作面板”,使用“全局函数”中的“影片剪辑控制”中的“on函数”,使用其中的“press”事件,在函数值里面输入“时间轴函数”中的“gotoandstop(45)”(45为单击该按钮返回的首页的帧数)。
第二篇:FLASH课件制作详解
FLASH课件模板制作详解
教师也“闪”一把
Flash MX 2004打造精美多功能课件
湖南省浏阳市 官桥中心完小 冯献
随着多媒体课件在教学上的运用,越来越多的教师开始学习设计自己的课件并用之于课堂教学实际。但是却面临着一个问题:用什么来制作呢?Powerpoint档次太低,Authorware又不会… …于是,本人作为小学教师的一员,特地向苦于以上问题的教师们介绍一下如何用FLASH打造出精美的多功能课件。
功能简介:
首先,要简单介绍一下flash:它是一个Macromedia公司出品的动画制作软件,带有丰富的交互功能,配以适当的Action script脚本,能做出功能丰富,画面精美的动画课件。能让我们当教师的也来“闪”一把!
注:本文中代码后面的“//”表示接下来是代码解释文字
一、先设计出一个漂亮的界面来
打开flash MX 2004,按Ctrl+F8新建一个影片剪辑,取名叫“窗口”。然后在主舞台中画一个窗口界面。(如下图1,大小为550*400,怎么画?你自己想要什么样的就画什么样的吧!)
说明:界面设计不能太花了,但要有主色调。我这里用的是淡绿色。
不建议使用晃眼的色调,因为整个课件要协调好。太黑了使人感到郁闷,太亮了眼睛痛,适中最好。
风格看个人的喜好了,比如我喜欢窗口风格的。也有好多人喜欢无窗口的,全由你自己爱好啦。我这个版面上面是标题栏,右边是按钮控制区,下方是显示一些说明信息。
初步做好后,将它拖放到场景中,刚好与舞台重合。并在“属性”栏中,实例名称中输入:window
二、界面做好后,就要来制作交互用的按钮了
一般我们需要制作3-4种按钮:
1、控制课件的屏幕大小及关闭按钮(名为close_btn、fullscree_btn、small_btn):
2、响应课件内容及相关操作的通用按钮(因为只要在上面加个名字,就能变成“播放”,“停止”,“音乐”等按钮了);
3、临时按钮:主要在课件中进行临时交互用的。
详细制作方法(不要嫌我啰嗦啊):
1、点插入--新建元件, 或按crtl+F8, 取名为“按钮”,类型选“按钮”,确定。按钮都有四个帧“向上”(即平常状态)、“经过”(鼠标移上去的样子)、“向下”(鼠标点下去的样子)、“点击”(这里什么色无所谓,它只限定鼠标起作用的范围)。另外还可以为这个按钮加点声音,按下时响一下。方法是,点“文件”-“导入”一个声音来。声音就存在于库中了,在按钮图上新建一层,在“按下”帧插入一个关键帧,将声音从库中拖入编辑窗口中即可。(其实声音还可有好多种设置,这里不必要作过多设置,就不详说了)
2、按自己的想法,分别做好四个不同的帧,这样你的多彩的按钮就做出来了,建议多用渐变色(包括线性和径向)。
3、将做好的按钮拖放到界面中去,命名并输入文字
在库中双击“界面”元件,进入影片剪辑“界面”的编辑状态,新建一层,取名为“按钮”,从库中把做好的按钮拖入到适当的位置,摆放整齐。分别在“属性”栏中的“实例名称”中输入:(不包括后面的汉字)fullscreen_btn全屏 close_btn 关闭play_btn 播放 stop_btn 暂停 back_btn 返回 music_btn 音乐practice_btn 练习score_btn 计分 help_btn 帮助 quit_btn 退出。再新建一层,取名为“按钮文字”,用文本工具在按钮的上面输入各按钮的名称(如下图):
4、为各个按钮输入脚本控制语句:
新建一层,取名为“脚本”。按F9调出动作面板(如果是FLASH MX,请选“专家模式”),然后在空白处输入以下代码:
fullcreen_btn.onRelease=function(){ //onRlease表示点击并松开运行(function)
fscommand(“fullscree”,true)//fscommand是一个命令语句 fullscreen是全屏
}
close_btn.onRelease=function(){
fscommand(“quit”,true)
//quit表示退出
}
play_btn.onRelease=function(){
_root.play()
//播放 _root.表示主场景,加上这个前缀来控制主时间轴,下同
}
stop_btn.onRelease=function(){ _root.stop()
//停止
}
back_btn.onRelease=function(){
_root.gotoAndStop(“mulu”)//返回到目录帧(你在课件中有目录的帧的属性面板中找到“标签”栏,在其中输入:mulu 这时在时间轴会有一面小红旗和mulu字样)
}
music_btn.onRelease=function(){
musiccontrol.play()//这里要涉及一个音乐控制影片剪辑,在后面介绍
}
practice_btn.onRelease=function(){
_root.gotoAndStop(“practice”)//跳到练习内容(帧标签为practice)
}
score_btn.onRelease=function(){
score_mc._visible=true //设置计分板为可见,计分板制作将在后面介绍
}
help_btn.onRelease=function(){
helpcontrol.play()//设置帮助信息的可见与隐藏控制,后面有相关介绍
}
输入完成后,点一下上部分的小勾,检查脚本有无错误,如果出现错误提示,认真检查,并正确输入。直到提示“此脚本无错误”。
三、制作实现背景音乐控制、计分板、帮助信息面板的影片剪辑
在这里顺便提一下:建议在库中建立几个文件夹,便于管理众多的影片剪辑
单击库面板中左下角的文件夹图标,就会在库中建立文件夹,可以将各种影片剪辑归类存放:如建立“声音”、“按钮”、“面板部件”三个文件夹,再把相应的元件拖入其中。要使用里面的元件时,只要双击文件夹图标即可。
1、制作背景音乐控制元件 导入一个mp3/wav格式的音乐文件,不要太大,以1-4M为佳。导入后,在库面板中会出现一个喇叭形状的图标,将它拖到“声音”文件夹中。
新建一个影片剪辑,取名为“音乐”。将刚才导入的音乐拖入到编辑窗口中,单击第一帧,在“属性”面板中,将“同步”下拉选单中选“数据流”(如下图,为的是让音乐随帧播放,便于控制),然后在700帧左右插入帧(不是关键帧呀!),如果音乐大概是1分钟就要720帧,自己算算。直到你的最后一帧中无蓝色波形,说明音乐刚好放到那里就完成了。
再新建一个影片剪辑,取名为“音乐控制”。在第一帧的帧动作中输入:
stop()
music_mc.play()//让音乐放
在第二帧插入一个关键帧,在帧动作中输入:
stop()
music_mc.stop()//让音乐停
在库中双击“界面”元件进入它的编辑状态,新建一层,取名为“音乐”,将刚才做好的影片剪辑“音乐”和“音乐控制”拖到工作区任意位置,并分别命名为:music_mc和musiccontrol。到此,背景音乐的控制元件就做好了。能在界面中单击“音乐”按钮进行控制了。按Ctrl+Enter键测试一下吧!
2、制作计分板元件
这个里面将要用到“动态文本”,这是一个可以按要求随时改变字符的文本,用来动态显示分数。
新建一个影片剪辑,取名为“计分板”。先画好板面,要注意与主界面相配。并在适当的位置用文本输入各组组号。
新建一层,取名为“分数”,点T文本工具,并在属性栏中,设为“动态文本”,在面板组名下框出六个文本区,并分别取“变量”为s1-s6,如图:
再做一个加分按钮和一个减分按钮(不细说步骤了),将它们拖放六次到计分板的适当位置,实例名为:jia1_btn,jian1_btn,jia2_btn,jian2_btn … …如图:
新建一层,打开帧动作面板,输入六段下面类似代码:
a1 = 0;
jia1_btn.onRelease = function(){ a1++;
//每次单击递加1 s1 = a1;};
Jian1_btn.onRelease = function(){ a1--;
//每次单击递减1 s1 = a1;}
… …
(以上是1组的加减分按钮,你就另外加5个的进去吧!只要将1改成2、3、4、5、6即可,注意要认真一点,输完后要检查无误。)
最后还要拖入一个可以将计分板关闭的按钮来,放在右上角,实例名称为:close_btn,在帧动作面板中还要加入条:
close_btn.onRelease=function(){
_parent._visible=false
//表示上一级(即计分板)不可见
}
这时,计分板己做好。在库面板中,双击“界面”,打开它的编辑状态。
新建一层,取名为“计分”,将做好的“计分板”元件拖入到场景中适当位置,并在“实例名称”输入:score_mc。你再测试一下你的计分板吧!呵呵!
3、制作帮助信息元件
这个很简单,新建一个影片剪辑,命名为“帮助信息”,画个450*20的矩形,再向里面添加一个动态文本。变量取为 helptxt就行了。
再新建一个只有两帧的类似于音乐控制的影片剪辑:帮助控制
第一帧动作:stop()
help_mc._visible=true //帮助为可见
第二帧动作:stop()
第三篇:FLASH课件制作详解
FLASH课件模板制作详解
教师也“闪”一把
Flash MX 2004打造精美多功能课件 湖南省浏阳市 官桥中心完小 冯献
随着多媒体课件在教学上的运用,越来越多的教师开始学习设计自己的课件并用之于课堂教学实际。但是却面临着一个问题:用什么来制作呢?Powerpoint档次太低,Authorware又不会„ „于是,本人作为小学教师的一员,特地向苦于以上问题的教师们介绍一下如何用FLASH打造出精美的多功能课件。功能简介:
首先,要简单介绍一下flash:它是一个Macromedia公司出品的动画制作软件,带有丰富的交互功能,配以适当的Action script脚本,能做出功能丰富,画面精美的动画课件。能让我们当教师的也来“闪”一把!注:本文中代码后面的“//”表示接下来是代码解释文字
一、先设计出一个漂亮的界面来
打开flash MX 2004,按Ctrl+F8新建一个影片剪辑,取名叫“窗口”。然后在主舞台中画一个窗口界面。(如下图1,大小为550*400,怎么画?你自己想要什么样的就画什么样的吧!)说明:界面设计不能太花了,但要有主色调。我这里用的是淡绿色。
不建议使用晃眼的色调,因为整个课件要协调好。太黑了使人感到郁闷,太亮了眼睛痛,适中最好。
风格看个人的喜好了,比如我喜欢窗口风格的。也有好多人喜欢无窗口的,全由你自己爱好啦。我这个版面上面是标题栏,右边是按钮控制区,下方是显示一些说明信息。
初步做好后,将它拖放到场景中,刚好与舞台重合。并在“属性”栏中,实例名称中输入:window
二、界面做好后,就要来制作交互用的按钮了
一般我们需要制作3-4种按钮:
1、控制课件的屏幕大小及关闭按钮(名为close_btn、fullscree_btn、small_btn):
2、响应课件内容及相关操作的通用按钮(因为只要在上面加个名字,就能变成“播放”,“停止”,“音乐”等按钮了);
3、临时按钮:主要在课件中进行临时交互用的。详细制作方法(不要嫌我啰嗦啊):
1、点插入--新建元件, 或按crtl+F8, 取名为“按钮”,类型选“按钮”,确定。按钮都有四个帧“向上”(即平常状态)、“经过”(鼠标移上去的样子)、“向下”(鼠标点下去的样子)、“点击”(这里什么色无所谓,它只限定鼠标起作用的范围)。另外还可以为这个按钮加点声音,按下时响一下。方法是,点“文件”-“导入”一个声音来。声音就存在于库中了,在按钮图上新建一层,在“按下”帧插入一个关键帧,将声音从库中拖入编辑窗口中即可。(其实声音还可有好多种设置,这里不必要作过多设置,就不详说了)
2、按自己的想法,分别做好四个不同的帧,这样你的多彩的按钮就做出来了,建议多用渐变色(包括线性和径向)。
3、将做好的按钮拖放到界面中去,命名并输入文字
在库中双击“界面”元件,进入影片剪辑“界面”的编辑状态,新建一层,取名为“按钮”,从库中把做好的按钮拖入到适当的位置,摆放整齐。分别在“属性”栏中的“实例名称”中输入:(不包括后面的汉字)
fullscreen_btn全屏 close_btn 关闭play_btn 播放 stop_btn 暂停 back_btn 返回
music_btn 音乐practice_btn 练习score_btn 计分 help_btn 帮助 quit_btn 退出。再新建一层,取名为“按钮文字”,用文本工具在按钮的上面输入各按钮的名称(如下图):
4、为各个按钮输入脚本控制语句:
新建一层,取名为“脚本”。按F9调出动作面板(如果是FLASH MX,请选“专家模式”),然后在空白处输入以下代码:
fullcreen_btn.onRelease=function(){ //onRlease表示点击并松开运行(function)fscommand(“fullscree”,true)//fscommand是一个命令语句 fullscreen是全屏 } close_btn.onRelease=function(){ fscommand(“quit”,true)
//quit表示退出 } play_btn.onRelease=function(){ _root.play()//播放 _root.表示主场景,加上这个前缀来控制主时间轴,下同 } stop_btn.onRelease=function(){ _root.stop()//停止 } back_btn.onRelease=function(){ _root.gotoAndStop(“mulu”)//返回到目录帧(你在课件中有目录的帧的属性面板中找到“标签”栏,在其中输入:mulu 这时在时间轴会有一面小红旗和mulu字样)} music_btn.onRelease=function(){ musiccontrol.play()//这里要涉及一个音乐控制影片剪辑,在后面介绍 } practice_btn.onRelease=function(){ _root.gotoAndStop(“practice”)//跳到练习内容(帧标签为practice)} score_btn.onRelease=function(){ score_mc._visible=true //设置计分板为可见,计分板制作将在后面介绍 } help_btn.onRelease=function(){ helpcontrol.play()//设置帮助信息的可见与隐藏控制,后面有相关介绍 } 输入完成后,点一下上部分的小勾,检查脚本有无错误,如果出现错误提示,认真检查,并正确输入。直到提示“此脚本无错误”。
三、制作实现背景音乐控制、计分板、帮助信息面板的影片剪辑
在这里顺便提一下:建议在库中建立几个文件夹,便于管理众多的影片剪辑
单击库面板中左下角的文件夹图标,就会在库中建立文件夹,可以将各种影片剪辑归类存放:如建立“声音”、“按钮”、“面板部件”三个文件夹,再把相应的元件拖入其中。要使用里面的元件时,只要双击文件夹图标即可。
1、制作背景音乐控制元件
导入一个mp3/wav格式的音乐文件,不要太大,以1-4M为佳。导入后,在库面板中会出现一个喇叭形状的图标,将它拖到“声音”文件夹中。
新建一个影片剪辑,取名为“音乐”。将刚才导入的音乐拖入到编辑窗口中,单击第一帧,在“属性”面板中,将“同步”下拉选单中选“数据流”(如下图,为的是让音乐随帧播放,便于控制),然后在700帧左右插入帧(不是关键帧呀!),如果音乐大概是1分钟就要720帧,自己算算。直到你的最后一帧中无蓝色波形,说明音乐刚好放到那里就完成了。
再新建一个影片剪辑,取名为“音乐控制”。在第一帧的帧动作中输入: stop()music_mc.play()//让音乐放
在第二帧插入一个关键帧,在帧动作中输入: stop()music_mc.stop()//让音乐停
在库中双击“界面”元件进入它的编辑状态,新建一层,取名为“音乐”,将刚才做好的影片剪辑“音乐”和“音乐控制”拖到工作区任意位置,并分别命名为:music_mc和musiccontrol。到此,背景音乐的控制元件就做好了。能在界面中单击“音乐”按钮进行控 制了。按Ctrl+Enter键测试一下吧!
2、制作计分板元件
这个里面将要用到“动态文本”,这是一个可以按要求随时改变字符的文本,用来动态显示分数。新建一个影片剪辑,取名为“计分板”。先画好板面,要注意与主界面相配。并在适当的位置用文本输入各组组号。
新建一层,取名为“分数”,点T文本工具,并在属性栏中,设为“动态文本”,在面板组名下框出六个文本区,并分别取“变量”为s1-s6,如图:
再做一个加分按钮和一个减分按钮(不细说步骤了),将它们拖放六次到计分板的适当位置,实例名为:jia1_btn,jian1_btn,jia2_btn,jian2_btn „ „如图: 新建一层,打开帧动作面板,输入六段下面类似代码: a1 = 0;jia1_btn.onRelease = function(){ a1++;
//每次单击递加1 s1 = a1;};Jian1_btn.onRelease = function(){ a1--;
//每次单击递减1 s1 = a1;} „ „
(以上是1组的加减分按钮,你就另外加5个的进去吧!只要将1改成2、3、4、5、6即可,注意要认真一点,输完后要检查无误。)
最后还要拖入一个可以将计分板关闭的按钮来,放在右上角,实例名称为:close_btn,在帧动作面板中还要加入条:
close_btn.onRelease=function(){ _parent._visible=false //表示上一级(即计分板)不可见 } 这时,计分板己做好。在库面板中,双击“界面”,打开它的编辑状态。
新建一层,取名为“计分”,将做好的“计分板”元件拖入到场景中适当位置,并在“实例名称”输入:score_mc。你再测试一下你的计分板吧!呵呵!
3、制作帮助信息元件 这个很简单,新建一个影片剪辑,命名为“帮助信息”,画个450*20的矩形,再向里面添加一个动态文本。变量取为 helptxt就行了。
再新建一个只有两帧的类似于音乐控制的影片剪辑:帮助控制
第一帧动作:stop()help_mc._visible=true //帮助为可见 第二帧动作:stop()help_mc._visible=false //帮助为不可见
两个做好了,再在库中双击“界面”进入编辑状态,新建一层,取名为“帮助”,将刚做的“帮助信息”拖到界面的下文横条上。在实例名中输入:help_mc,再将“帮助控制”也拖入,实例名:helpcontrol。要实现实时显示帮助信息,还得要加入一些代码,单击“界面”的第一帧,在动作面板中输入: close_btn.onRollover=function(){ // onRollOver表示在鼠标移到按钮上时触发事件
help_mc.helptxt=”提示:单击关闭本课件” //给动态文本的变量helptxt赋值,下同 } fullscreen_btn.onRollover=function(){ help_mc.helptxt=”提示:单击全屏显示课件” } small_btn.onRollover=function(){ help_mc.helptxt=”提示:单击小屏显示本课件” } play_btn.onRollOver=function(){
help_mc.helptxt=“提示:单击播放课件。” } stop_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击暂停播放课件。” } back_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击返回课件目录。” } music_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击播放或停止背景音乐。” } score_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击进入小组计分系统。” } practice_btn.onRollOver=function(){ help_mc.helptxt=“提示:单击进入练习题。” } quit_btn.onRollOver=function){ help_mc.helptxt=”提示:单击将退出课件” }
另外,有时想在课件上显示时间,可以加一个动态文本,变量为:mytime。并在它所在的帧的帧动作中输入:
function showtime(){ var time=new Date()//得到系统时间字符串 mytime=substring(time,11,9)//只截取其中时分秒的部分 } setInterval(showtime,100)
//100毫秒刷新一次
提高篇:(可以不做)
1、课件中实现粉笔的功能(即鼠标画线并能擦除): 在主场景帧动作中输入下面的代码可以实现鼠标的画线: _root.onLoad=function(){ i=false;} _root.onMouseDown=function(){ x=_root._xmouse;y=_root._ymouse;i=true;_root.moveTo(x,y)} _root.onMouseUp=function(){ i=false;} _root.onMouseMove=function(){ if(i==true){ //判断画线条件
_root.lineStyle(2,oxff0000,100);//确定线型(线宽,RGB色,透明度)_root.lineTo(_root._xmouse,_root._ymouse)}else{ _root.lineStyle()//如果条件不具备,则利用无线型,不显示线条 } updateAfterEvent()}
还要另加一个按钮来清除画好的线,按钮动作: on(release){ _root.clear()//清除 } 带画线功能课件实例(如图):http://gqxx.lyedu.com.cn/soft/learnclock.swf
2、让计分等面板成为仿windows窗口,可随意拖动
新建一个影片剪辑,画一个像Windows窗口标题栏样式的条状体,取名为bar 将它放在计分面板上,实例名设为:bar 然后在它所在帧的帧动作中输入: bar.onPress=function(){ _parent.startDrag()//当鼠标按下时能拖动 } bar.onRelease=function(){ _parent.stopDrag()//当鼠标弹起时停止拖动 }
实际上在所有的面板都可以像这样做,一样可以实现面板可拖动。呵呵,是不是挺酷? 可拖动窗口课件实例(如图):http://gqxx.lyedu.com.cn/soft/siji.swf 到此为止,我们的多功能课件封面己全部完成了。让我们来测试一下课件吧!如下图:
剩下要做的只要做好课件的动画内容了,在要停的帧中加入一个帧动作:stop(),就能用我们的课件封面来控制内容显示了!赶快行动吧,让我们一起来做一个多功能动画课件,一起来“闪”吧!
本人最近作品效果图
好了,我要说的就到这里了。欢迎朋友们来我校网址下载课件封面源文件,谢谢!http://gqxx.lyedu.com.cn/2005/ 最后,我的QQ:475563067 欢迎加我哦!电邮:fengxian975027@163.com
第四篇:如何用flash制作课件
XXXX大学毕业设计论文
如何用flash制作课件
姓 名: XXXXXXXXXXXXXXX 指导教师: XXXXXXXXXXXXXXX 专 业: XXXXXXXXXXXXXXXX 年 级: XXXXXXXXXXXXXXXX 完成日期: 年 月 日
目录
第一章:Flash在教学中的实践 第二章:FLASH的介绍: 1.Flash的概念 2.为什么用FLASH 3.FLASH的特点 4.FLASH工作环境
第三章: Flash工具简介
1.时间轴 2.图层
3.Macromedia Flash MX 一些新功能
第四章:用Flash制作课件
1、Flash动画文件的制作
2、Flash动画文件的输出
3、在Authorware中导入SWF文件
4、在方正奥思中导入MOV文件
结束语
参考文献
摘要
随着计算机技术的飞速发展,计算机在教学管理中的普及,利用计算机实现教学也势在必行。本系统结合实际教学的情况, 经过实际的教学分析, 采用功能强大的FLASH软件制作.整个课件从符合操作简便、界面友好、灵活、实用、安全的要求出发,经过实际使用证明,本文所设计的flash课件完全可以在学校教学使用.论文主要介绍了本课题的开发背景,Flash在实际教学中的实践,Flash的基本概念以及Flash工具的简介和发展现况。所要完成的功能和开发的过程。重点的说明了如何运用FLASH制作课件的过程,设计的重点、设计思想、难点技术和解决方案。
关键字:Flash 课件,计算机,教育
第一章 课件在教学中的实践
1、根据国家教育部1997年颁布的多媒体课件制作规范的界定,课件(Courseware)是“实现和支持特定课程的计算机辅助教学软件及配套的教学资料”,也就是说,课件是利用计算机实现教学功能的计算机软件,属于广泛的CAI范畴。另外,随着我国人口素质的提高,人口政策的落实,独生子女的特殊家庭和社会地位,新一代年轻父母们都希望子女在知识的海洋中畅游、德智体全面发展,在力所能及的范围内都会尽力为孩子提供相对来说是最好的成长环境。
2、教育教学活动中,学生是学习的主体,教师起主导作用。另外,基于计算机学科重在逻辑思维与形象思维及实践能力。所以,为尝试调动学生学习的主动性,以学生为本,故设想在某些知识点的教学实践中,教师的课堂教学完全转为后台备课,溶教师的点、拔、启、导于课件的设计之中。课堂在这些知识点的教学中,“传道”的主动权完全交给学生的人机(生师)交互式学习,教师在这些知识点的教学中真正退居第二线,专心“授业、解惑”。当然,这样容易进入用计算机代替黑板的误区,故在这些知识点的选取中要有充分的斟酌,把握分寸。辩证法告诉我们,事情是相对的,根据特定课程的知识点及各种非智力因素等内容,在某些知识点的课堂教学中偶而为之,也是无可厚非的。随着人民物质文化生活水平的提高,计算机的普及,教育网站的发展,亦或会成为学生学习知识、开阔视野、培养兴趣、提高能力等的第二课堂
3、教学过程的实质为生命的实现过程,课堂教学过程的实现形式为交往。“人„机‟(生师)交互式课堂教学”是“交往”的一种可选形式。从教师角度看,在制作课件的过程中,教师要吃透教学大纲和教材内容,考虑到各种可能出现的学生反应,还要掌握一定的计算机知识,针对教学内容和可能面对的具体学生实际情况,多方取长补短改进教法,等等,其工作量远非传统备课、课堂教学的工件量可比,而这恰恰是生命的实现过程!
4、教师发挥集体智慧及个人创新才智而制作的统一标准化的课件,仍然能且更好地考虑到学生的个性差异。因为在设计交互式课件时可用的事件驱动,针对不同学生,课件运行的情况是一个非常庞大的组合,且每一个组合恰恰就是针对进行交互操作的具体学生个体的较适当的教学过程。
5、这种“人„机‟(生师)交互式课堂教学”,并不是不要教师。教学课件的制作,是为了运用计算机辅助教师解决难点、重点,而不是完全代替教师的授课。教师要更好地担当起管理者、监督者、组织者、咨询者的角色;也不是对传统教学手段和方法的全盘否定,是与其相结合的产物。
6、借助现代多媒体技术设施进行的师生(内容)人机(形式)交互式课堂教学,恰恰也是古老的私塾教育与传统的课堂教学在知识爆炸、终生学习时代的最佳结合形式之一。形式上可一人一机一室,可多人一班一室,可遍布各地同时学等等,灵活多变。内容上可充分发挥学生的主动性和学习积极性,并真切挖掘教师的个人智慧与集体合力,考虑得周祥,更为重要的是可适当进行学科渗透跨越等,培养提高学生知识迁徙、灵活变通、综合运用等能力。在提高学生学习兴趣、积极主动参与学习、揭示教学内容的实质、训练学生思维和技能、辅助教学等方面,是一种有效的补充形式。
7、课件所用色彩过分亮丽、鲜艳,往往会分散学生的注意力,我们追求的是界面友好,并不是“华丽”。但也不能因为如此,在该强调注意处用了些变化与色彩等,就认为分散学生的注意力。这也并不是“一味追求最新的高科技”,只不过是在锄头镰刀斧头中选择合适的割稻工具而已,何况这些工具只会使用不会制造。计算机不同于数学,计算机首先要重视的就是观察!利用变化与色彩等来吸引学生的无意注意,从而达到有意注意的目的,既强调了重点,又培养了观察的目的性、方向性。还是一句老话:具体问题具体分析。
8、资源共享,这样,课堂教学时可有选择地与自己的教学安排有机整合起来,课后电脑能针对学生个体的学习情况调用相应知识学习和巩固练习,达到提高教学质量的目标。
9、计算机学是一门实验科学,课件的动画演示毕竟是“纸上谈兵”,根本无法替代实验的实践活动!在使用课件的过程中,教师一定要鼓励学生多观察、实验并实践,特别要注意培养实践能力,不能“画饼充饥”。使用动画实验,仅仅是为了突出重点、分散难点,利用其形象性简化被观察的对象,辅助学生的形象思维与逻辑思维,以利学生更好地理解概念,掌握方法(也不排除学生个体因其他原因而使用课件)。
本课件是基于以上指导思想而进行的尝试。因没有充裕时间和实践,本课件在交互和事件驱动的组合方面,没有过多地留给学生足够思维的时空,仅作了针对具体学生个体不同练习情况下电脑调用相应知识点的尝试,在知识的学习中没有安排自动调用,深感遗憾。好在最主要的还是想抛砖引玉。
第二章 FLASH的介绍: 1.Flash的概念
Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具,用它可以将音乐,声效,动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果。FLASH工作环境
如图所示就是Flash4.0的基本工作环境。为了方便说明,可以拖动的部分都移离主环境,成为独立的小窗口。Flash的工作环境大致就包括这几个部分,以下分别作简要介绍。
1舞台(Stage)就是工作区,最主要的可编辑区域。在这里可以直接绘图,或者导入外部图形文件进行安排编辑,再把各个独立的帧合成在一起,以生成电影作品。
2时间轴窗口(Timeline)用它可以调整电影的播放速度,并把不同的图形作品放在不同图层的相应帧里,以安排电影内容播放的顺序。3绘图工具栏(Drawing Toolbar)放置了可供图形和文本编辑的各种工具,用这些工具可以绘图,选取,喷涂,修改以及编排文字,还有些工具可以改变查看工作区的方式。在选择了某一工具时,其所对应的修改器(Modifier)也会在工具条下面的位置出现,修改器的作用是改变相应工具对图形处理的效果。4 标准工具栏(Standard Toolbar)列出了大部分最常用的文件操作,打印,剪贴板,撤消和重做,修改器以及控制舞台放大比例的图标和选项,便于进行更为快捷的操作。5图库窗口(Library Window)用以存放可以重复使用的称为符号的元素。符号的类型包括有图片(Graphics),按钮(Button)和电影片断(Movie Clip)。其调用的快捷键为Ctrl-L。
6控制器面板(Controller)控制电影的播放操作的工具集合,一般不大常用,处于隐藏状态。3.FLASH的特点 1.使用矢量图形和流式播放技术。与位图图形不同的是,矢量图形可以任意缩放尺寸而不影响图形的质量;流式播放技术使得动画可以边播放边下载,从而缓解了网页浏览者焦急等待的情绪。
2.通过使用关键帧和图符使得所生成的动画(.swf)文件非常小,几K字节的动画文件已经可以实现许多令人心动的动画效果,用在网页设计上不仅可以使网页更加生动,而且小巧玲珑下载迅速,使得动画可以在打开网页很短的时间里就得以播放。
3.把音乐,动画,声效,交互方式融合在一起,越来越多的人已经把Flash作为网页动画设计的首选工具,并且创作出了许多令人叹为观止的动画(电影)效果。而且在Flash的版本中已经可以支持MP3的音乐格式,这使得加入音乐的动画文件也能保持小巧的‘身材’。4.强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画,通过ACTION和FS COMMAND可以实现交互性,使Flash具有更大的设计自由度,另外,它与当今最流行的网页设计工具Dreamweaver配合默契,可以直接嵌入网页的任一位置,非常方便。总之,Flash已经慢慢成为网页动画的标准,成为一种新兴的技术发展方向。面对这么不可多得的设计工具。
第三章.flash工具简介
1.时间轴
时间轴(Timeline)是Flash中最重要的工具之一。用它可以查看每一帧的情况,调整动画播放的速度,安排帧的内容,改变帧与帧之间的关系,从而实现不同效果的动画。
红色的播放头可以在所创建的最大帧范围内拖动到任一帧上,以观察每一帧的内容,其下的状态栏(例:)中可以将播放头的位置居中,这个按钮在动画较长且播放头位于最多可显示的帧总数一半以上的位置时才有效。
状态栏中的为洋葱皮(Onion skin)按钮,其作用是在显示播放头所在帧内容的同时显示其前后数帧的内容。当点击该按钮时,播放头周围会出现方括号形状的标记,其中所包含的帧都会显示出来,这将有利于我们观察不同帧之间的图形变化过程。和的作用一样,只不过它只显示各帧图形的轮廓线。当我们需要同时编辑多个帧时,按下按钮就可以了,但要注意,它只对帧-帧动画有效,而对渐变动画无效,因为渐变动画是通过定义关键帧再插值的方法实现的,所以其中内插的帧是无法编辑的。
是洋葱皮修改器,用于改变洋葱皮的状态和设置。其后的三个数字分别为当前播放头所在帧号,动画播放速度以及以此速度从头播放到当前帧所需的时间。时间轴窗口右上角的可以用来调整时间每个单元格的宽窄大小,各人可根据自己的喜好,动画的长短等因素进行修改,以便于实际操作。
另外,我们还注意到在时间轴窗口中帧的表现形式也很多样。在Flash中,有两类动画,一类是刚刚介绍过的渐变动画,通过关键帧内插的方法实现;另一类为帧-帧动画,是将每一帧都作为关键帧的动画,用来实现无法用渐变动画实现的效果,但一般不推荐频繁使用,因为关键帧的增加将加大动画文件的大小。以下列出了区分这两类动画的所有可能的方法:
空心小圆圈表示空白的关键帧,没有内容,例如在新建一个动画文件时出现。
表示运动渐变动画,关键帧用黑色的圆点标识,内插帧用黑色的实线表示,背景为淡紫色(浅蓝色)。
表示变形过渡动画,关键帧用黑色的圆点标识,内插帧用黑色的实线表示,背景为淡绿色。
虚线说明中间的过渡存在错误,无法正确实现内插。
单独的关键帧为一黑色圆点,后面为灰色表明其后各帧的内容与其一致,没有变化。
字母a表示该帧已通过帧属性对话框指定了action。关于action以后会详细介绍。
小红旗表明该帧有标签或注解。
在时间轴里还包括一个重要的部分,就是图层(Layer),我们在下一节中介绍。2.图层
关于图层(Layer)的概念,学过Photoshop的人都不会陌生。形象地说,图层可以看成是叠放在一起的透明的胶片,如果层上没有任何东西的话,你就可以透过它直接看到下一层。所以我们可以根据需要,在不同层上编辑不同的动画而互不影响,并在放映时得到合成的效果。使用图层并不会增加动画文件的大小,相反它可以更好帮助我们安排和组织图形,文字和动画。图层是Flash中最基本而且重要的内容,因而需要很好地掌握。
上图是一个典型的图层例子,图中所示共有十一个层。其中用黑色标识带有一支铅笔标志的层为当前正在编辑的层。如果该层不能被编辑,则会显示图标。在这些层右上方有三个图标,其中
可以控制该层是否被显示,默认状态为正常显示,在对应下方用表示,如果点击这个黑点,则会出现,同时该层被隐藏,隐藏的层不能被编辑。用来控制是否锁住该层,被锁住的层可以正常显示,但不能被编辑,这样在你编辑其它层时,可以利用这一层作参考,而不会误改了这一层的内容。
可以控制是否将层以轮廓线方式显示,点击对应的黑点,会出现,再点一次恢复正常。这几个功能可以同时起作用。
点击层下方的可以在当前选中的层上方新建一个层。的作用是新建一个导向层,关于导向层的概念我们一会儿再说。用来删除当前选定的层,注意点击这个图标就会立即把当前层删掉,没有提示。双击任何一个层都可以选中该层并进入更换图层名称的状态,把图层命名为与编辑内容相关的名称将有利于我们的工作。当我们选中了某一层的同时,也就选中了所有该层上的对象。按住SHIFT键,我们可以同时选择多个图层。另外要注意的是,层的排列是有顺序的,最上面的层是你所能看到的最接近你的层,其上的内容将遮盖其它层,但你也可以通过用鼠标拖动的方式改变层与层之间的排列关系。
每一层上的图标和文字都称作是该层的属性,我们也可以通过在某一层点鼠标右键,在菜单中选属性(Properties...)来进行修改,在类型(Type)一栏中一共有五个选项,Normal为普通图层,也是图层的默认状态。Guide为导向图层,其作用是辅助其它图层对象的运动或定位,例如我们可以为一个球指定其运动轨迹。另外也可以在这个图层上创建网格或对象,以帮助对齐其他对象。Guided为被导向图层,该选项在上一层为一导向层或被导向层时才有效。当该项被选择时,所代表的层与导向图层将产生某种关联。注意,在没有被导向层时,导向层用来表示,有被导向层以后,导向层的标识将变为。Mask是遮罩图层,遮罩层中的对象被看作是透明的,其下被遮罩的对象在遮罩层对象的轮廓范围内可以正常显示。遮罩也是Flash中常用的一种技术,用它可以产生一些特殊的效果,例如探照灯效果。遮罩层的标识为,当定义一层为遮罩层时,其下的一层会自动定义为Masked,也就是被遮罩层,当然也可以通过属性进行修改。Masked选项在其上一层为遮罩层或被遮罩层时才有效。被遮罩层的标识为并缩进。
以上是有关图层的最基本的概念和知识,我们将在以后的课程中通过实例,更加深入地理解图层的作用和操作。3绘图工具的使用
图形和文字是Flash动画的基础,所以掌握绘图工具的使用对于制作好的Flash作品是至关重要的。由于Flash的绘图工具种类比较多,其相应的修改器也各不相同,当你所绘制的线条穿过别的线条或图形时,它会象刀一样把其他的线条或图形切割成不同的部分。同时,线条本身也会被其他线条和图形分成若干部分。如下图所示,先绘制一条黄线,然后画一条白线穿过它,这时点取黄线的不同部分你会发现黄线已被切割成三部分,你可以分别选取、移动、修改每个单独的部分,图中阴影部分为被选取的部分。同样,白线这时也被分成了三个部分,可以随意进行修改,删除,移动等操作。(注:要选取整条黄线,只需在黄线上双击鼠标左键,或按住SHIFT键,分别点取黄线的不同部分。)
另外,当你在同一层中绘制图形时,如果图形颜色不同且之间有重叠部分,那么重叠部分将具有后绘制的图形的颜色而且不再属于先绘制的那个图形。如下图所示,先画一个白色的椭圆形,再画一个黄色的矩形覆盖部分椭圆,这时覆盖部分成为黄色,点取椭圆移动一些距离,发现椭圆丢失了与矩形重叠的那部分。如果绘制相同颜色的图形,则当图形间有重叠时,两图形将会合成为一个图形。如下面最右边的图所示,假设椭圆和矩形的颜色相同,这时将无法分开这两个图形,无论点击哪一个图形都会将两个图形同时选中,因为这时它们已经合二为一了。利用这一点,可以选取所有具有相同颜色且互相连结的图形。
Flash全套绘图工具的简要介绍。Flash的绘图工具大致包含以下几大部分:选取工具,绘画工具,文字工具,涂色工具,擦除工具以及查看方式选择工具。对应于不同的工具,在工具栏的下方还会出现其相应的参数修改器,可以对所绘制的图形作外形,颜色以及其他属性的微调。例如左图下方所示为矩形工具的修改器。
表示所绘制的可矩形没有外框,下面的选择框分别可以选择线宽和线型,点击以对所绘矩形的颜色作调整,而的作用是控制是否给矩形加上圆角,以及加入圆角的半径。对于不同的工具,其修改器是不一样的。需要注意的是,绘制图形时最好去除其外边界,假设上图所示的矩形有黑色的边线,且矩形与椭圆的颜色相同,这时两个图形将无法合成,因为黑色的边线阻断了两个图形颜色之间的联系。在Flash中,边线是独立于其内部图形的对象,可以进行单独操作。4.Macromedia Flash MX 一些新功能
(1)面向设计师:Flash MX 提供新型视频功能、增强型颜色管理、时间轴图层文件夹,以及带有区分上下文的属性检查器的优化工作区。
(2)面向开发者:Flash MX 为应用程序开发人员提供对高级脚本撰写和调试工具、内置代码引用以及 Flash 组件的访问,以便于开发人员快速部署富 Web 应用程序。
(3)与 Flash 5 文档的向后兼容性
使用“文件”>“另存为”命令,现在可以用 Flash 5 文档格式保存文档,这允许您在 Flash MX 和 Flash 5 项目之间共享文件。
(4)颜色管理
Flash MX 包含改进的颜色混合工具以及渐变和位图填充编辑功能,所有这些都集成到了混色器中。现在,只需单击一下,就可从“颜色样本”面板中添加和删除颜色。
(5)属性检查器 Flash MX 将 Flash 5 中许多单独存在的面板合并到一个区分上下文的属性检查器中。属性检查器基于您的选择而显示对象(如文本、元件实例、帧和组件)的任意相关属性。
(6)国际语言支持
Flash MX 增加了对朝鲜语和中文的支持,还增加了以下功能:创建可分析和解释 Unicode 字符串的 Flash 内容。使用可在属性检查器中找到的文本工具和新的格式设置选项,您还可以创作垂直文本。
(7)辅助功能
您现在可以创建供所有残疾人体验的内容。若要编写具有辅助功能的内容,请选择“窗口”>“辅助功能”。
(8)扩展的视频功能
利用 Flash MX,现在可以使用“文件”>“导入”或“文件”>“导入到库”命令,将任何格式的视频文件导入到 Flash 文档中,包括 MPG、DV(数字视频)、MOV(QuickTime)和 AVI。在导入时,将出现一个包含压缩设置的对话框,视频将直接嵌入到 Flash MX 文档中。
(9)像素级控制
现在,在场景上,可在场景上方便而又精确地使位图、笔触和填色与像素边界对齐。在 Flash Player 中查看形状时,这可提供边缘均匀而又齐整的线条。在放大到 400% 以上时,将显示像素网格,可帮助您更精确地放置和绘制形状和对象。(10)创作时间共享库
共享库资源允许您在多个目标影片中使用一个源影片中的资源。使用共享库资源有助于优化工作流程和影片资源管理。
(11)Flash 组件 Flash MX 允许您通过使用组件来快速开发 Web 应用程序用户界面。这些可重复使用的对象由具有相关参数的若干个影片剪辑所组成。组件可用于各种功能,如界面元素、客户端/服务器交互以及音频/视频对象。Flash MX 包含所有最常用的操作系统界面元素,用户将能够立即熟悉的这些元素、所有最常用的操作系统界面元素。每个组件都允许您在不影响易用性的情况下完全自定义外观和感觉。要获取更多信息,请参见“组件简介”教程和“使用 Flash”。
(12)增强型开发环境
Flash MX 建立在它的现有动作脚本编辑环境上,另外还增加了对代码提示、彩色突出显示语法和广泛的自定义的支持。改进的动作脚本编辑器更便于新手和老手利用动作脚本的全部潜能。对调试器的增强将现有的功能与某个集成的环境结合了起来,该集成环境允许您在执行代码时设置断点并单步执行代码。
(13)时间轴增强
Flash MX 提供更便于使用时间轴的功能,其中包括图层文件夹、改进的指针反馈以及帧的大小调整。“新文件夹”图层便于组织和访问时间轴中的内容。
(14)动态加载图像和声音
现在可使用操作脚本将 JPEG 和 MP3 文件直接下载到 Flash Player 中。这消除了在创作过程中导入媒体的必要,从而大大减小了 Flash 内容的大小。
第四章:用Flash制作课件
大家知道,HTML语言的功能十分有限,无法达到人们的预期设计,以实现令人耳目一新的动态效果,在这种情况下,各种脚本语言应运而生,使得网页设计更加多样化。然而,程序设计总是不能很好地普及,因为它要求一定的编程能力,而人们更需要一种既简单直观又功能强大的动画设计工具,而Flash的出现正好满足了这种需求。谈到教师制作课件,大家肯定会想到用3D MAX这个大部头的动画制作工具,这让繁忙的教师感到十分为难。如果不用,课件少了一个上档次的动画,总觉得有点遗憾。现在好了,可用眼下十分红火的短小精悍的Flash来完成,让你的课件锦上添花。下面是具体制作中的方法步骤和注意事项。
1、Flash动画文件的制作
用Flash制作动画文件可以自己动手制作,还可以从网上直接下载。下载后,可根据需要略作修改,便可大功告成。下面举例说明其步骤:
(1)下载闪动的文字GOOD(如 从www.xiexiebang.com)。
(2)进入Flash,按下[Edit symbols]按钮。
(3)点取文字工具,在图中点击,出现输入文字提示符,可输入动画文字。
(4)加入自己想要的设置并美化。
(5)预览保存。
酷不酷,一个复杂的动画制作好了。
2、Flash动画文件的输出
Flash动画文件不仅短小精悍,而且还支持了教师们最喜欢的两款课件平台:Anthorware和方正奥思,极大地方便了教师们制作课件。但要注意:
(1)要输出到Authorware中,应选Export Movie,其格式为SWF;
(2)要输出到方正奥思中,其格式为MOV。
3、在Authorware中导入SWF文件
在Authorware中导入SWF文件,使用数学化电影图标,依次为:拖动数字电影图标到Authorware流程线→数字电影图标→Import→浏览→SWF文件名。
4、在方正奥思中导入MOV文件
(2)
方正奥思多媒体创作平台,为国人量身定制、符合中国人思维、习惯,教师制作课件得心应手,导入MOV文件也十分方便。而且由于Flash采用矢位图技术,文件放大不会产生剧齿变形,所以效果非常理想。具体操作为:OLE→对象类型→由文件创建→浏览→文件名。
计算机教学中,有许多渐变的、动态的计算机过程需要描述,这用传统的方法很难解决。FLASH是集向量绘图、动画制作、多媒体动画合成三大功能于一体的网页动画制作软件。它使用向量图来制作动画,做成的文件较小,便于在网上传递。使用这一软件制作动画,只要画出始末两个画面,中间的变化过程就会自动产生,图形的移动、旋转、颜色变化等,用它来完成也不费吹灰之力。因而,可以说该软件是计算机教师制作动画的好帮手,是解决计算机教学难点,提高计算机教学质量的有力工具。
总之,FLASH在制作动画方面确实优于其它软件,它不但制作方便,而且画面色彩丰富、立体感强,能产生较好的视觉效果,激发学生的兴趣,创设逼真的计算机情境,拓展学生的想像空间,让学生在轻松愉快的氛围中学习。而且,教师只要掌握FLASH中最常用的一些功能,并不需要掌握复杂的函数,就能制作出解决许多计算机教学难点的积件。
结束语
本课件经过试用证明,课件基本满足教学的需要。实现了现代教学的基本条件,给教师和学生带来很多方便,在界面上立求做到美观、在操作方面尽量做到简单易用并满足教师的使用习惯。但由于自己水平有限,加上时间有限,还存在很多不足,这些都有必要在以后的学习中进行改进。
致
谢
在本次毕业设计中,我从指导老师身上学到了很多东西。老师认真负责的工作态度,严谨的治学精神和深厚的理论水平都使我收益匪浅。老师无论在理论上还是在实践中,都给与我很大的帮助,使我得到不少的提高这对于我以后的工作和学习都有一种巨大的帮助,感谢他耐心的辅导。
参 考 文 献
[1] 张春林 《flash MX设计导学》.清华大学出版社.2004.5 [2] 飞思科技 《flash6开发者手册》.电子工业出版社.2004.3 [3] 尚宝鹏
《 PowerPoint Authorware Flash 课件制作实务》电子工业出版社 2004.9
第五篇:FLASH制作课件电子教案
教学设计
: 【课题】 熊猫的梦
【学习者分析】
本教学方案面向的对象是2012级的学生,他们对一些软件的使用已经有了一定的基础,并且对新软件的使用有着浓厚的兴趣。经调查,不少的学生寝室装有电脑,所以有些学生也学会了在电脑上如何制作动画,但还是有大部分学生不会使用Flash制作动画,并且有个别学生还没有接触过Flash软件,他们还是很渴望这方面的知识与技能。
【学习需要分析】
Flash动画制作是学生需要了解并掌握的一门技能,学生应该逐渐学习制作逐帧动画,而大部分学生还不知道如何使用Flash制作动画。
【教学目标】
● 知识目标
了解Flash如何制作动画,掌握简单的逐帧动画。
● 能力目标
培养学生自主探究,动手操作的能力。
● 情感目标
激发学生探索新知识的欲望和学习的兴趣。
【授课时数】4课时
【教学重点】 图像的绘制、帧的插入、时间的调整、预览效果。
【教学难点】 帧的选择与插入。【教学方法】
讲授法、示范演示法、任务驱动法以及成果展示法。
【教学环境】
机房、多媒体教室。
【教学过程】
1.复习图像绘制。
打开画图工具,选择椭圆工具,设置笔触颜色为黑色,接着绘制一只熊猫。然后打开已经课前准备的动画的熊猫展示给学生看,问学生动画熊猫是否更生动些,是否有学生会制作这样的动画,激起学生的好奇心以及求知欲。
2.新课讲解
Flash是一款创作动画的软件,利用Flash不仅可以制作简单的动画,而且还可以制作游戏,课件等具有交互式的复杂的动画。启动Flash的工作界面来认识Flash的“基本功能”,Flash工作界面主要由菜单栏、舞台、时间轴、浮动面板、工具面板组成。如果界面不小心被调乱,还可以执行“窗口”→“工作区”→“重置基本功能”命令,或根据需要进行“新建工作区”、“管理工作区”的操作。工具面板可以进行对象选择、图形绘制、文本录入与编辑、对象控制等操作。时间轴主要由图层和帧组成,用于组织和控制影片内容在一定时间内播放。舞台是用来创作影片各帧的区域。浮动面板包含各种不同特定功能,如属性、库、颜色、变形、对齐等。
3.演示示范
操作步骤:(1)执行“开始”→“所以程序”→Adobe Flash命令,即可启动Flash。(2)单击新建ActionScript2.0,再执行“修改”→“文档”命令,在弹出的“文档设置”对话框中,设置尺寸为550像素Χ400像素。背景颜色设为黄色。(3)制作第一帧画面:单击工具面板中的“椭圆工具”,设置笔触颜色为“黑色”,填充颜色为“没有颜色”,然后在舞台中拖动鼠标绘制熊猫的脸、眼睛、耳朵、鼻子。嘴部轮廓可以先绘制一个椭圆形,然后利用“线条工具”圆中绘制一条直线,使用“选择工具”单击上面的半圆,按delete键将其删除。再利用“线条工具”绘制竖线连接鼻子和嘴。利用“铅笔工具”绘制熊猫的毛发。最后单击工具面板中的“颜料桶工具”,设置填充颜色为黑色。在需要填充黑色的区域填充。再分别将熊猫的脸、眼球和嘴填充为白色和红色。单击工具面板中的“刷子工具”,设置填充色为棕色,绘制土地的效果。再使用“刷子工具”分别绘制深色的土块和绿色的小竹苗。(4)制作第二帧画面:在右下方图层1第2 帧的位置右击,在弹出的快捷菜单中选择“插入关键帧”命令。使用“矩形工具”,设置笔触颜色为“黑色”,填充颜色为“绿色”,绘制3个纵向排列的矩形。单击“选择工具” 将鼠标指向矩形边线,当鼠标变成↖状态时向里拖动矩形边线。然后使用个“刷子工具”绘制竹叶。(5)调整动画时间:执行“控制”→“测试影片”→“在Flash Professional中”命令,此时弹出测试影片的窗口,观看动画效果,可以看到动画播放频率过快,然后关闭窗口,在第1帧上右击,在弹出的快捷菜单中选择“插入帧”命令,同样在第2 帧上插入帧,使动画时间延长。再测试影片效果。(6)保存文件:执行“文件”→“保存”命令,在弹出的对话框中选择保存的位置,将文件命名为“熊猫的梦”,单击“保存”。
4.操作练习
让学生动手来试一试动画制作,遇到问题向老师或同学求助。
5.作品展示与评价
请学生推荐其中比较好的作品来进行展示,并让制作者大概讲解自己的设置。然后让老师学生进行评价,最后老师做出总结:
通过这节课的学习,同学们初步了解Flash制作动画,并能够制作简单的动画,这节课的重点难点都是帧的插入,所以同学们下课之后要多做练习。
6.探究活动
课堂内容完成以后,向学生提问一些制作动画过程中的一些快捷键的使用,动画的制作过程中需要经常测试影片,影片测试除了在“控制” →“影片测试”中测试还有什么方法来进行测试。让学生来探究,然后说出自己的答案:通过使用快捷键Ctrl+Enter,还有插入帧的快捷键F5,撤销命令快捷键Ctrl+Z。
若时间有余,可以向学生讲述一些课外知识,进行视野拓展,中国动画片的发展,自1926中国的第一部动画片问世开始,中国动画发展迅速,1955年中国第一部彩色动画片《乌鸦为什么是黑》在国际获奖,后来又陆续有《三个和尚》,《葫芦兄弟》等获奖。
【教学反思】
制作简单的Flash动画对于学生来说不是很难,通过几节课的学习,几乎全部学生都实现了学习目标,都能亲手制作简单的动画,这不仅让学生增加了信心,有了成就感,更大大提高了学生的学习兴趣。探究活动的开展让课堂气氛更活跃,还开扩了学生的思维,让他们更具探索精神和交流能力。对于学生在课堂提出的问题若不能解决,在课后要想出解决方法,让学生得到更全面的知识。