遮罩动画场景的应用多媒体素材动作引导动画指导书

第一篇：遮罩动画场景的应用多媒体素材动作引导动画指导书

《Flash动画设计与制作》实验指导书

实验三

矢量动画软件Flash的使用（3）

[实验目的]

1、掌握Flash中动作引导动画的制作方法；

2、掌握Flash中遮罩动画的制作方法；

3、掌握Flash中多媒体素材的使用；

4、掌握Flash中场景的应用；

[实验内容]

1、使用Flash制作运动引导动画

运动引导层使用户可以创建特定路径的动作补间动画效果。动画“飞翔”的制作步骤： ①使用菜单命令“文件 > 新建 > Flash文档”新建一个Flash文档；使用菜单命令“修改 > 文档”，将尺寸改为“640×480”；

②将“图层1”改名为“背景”；使用菜单命令“文件 > 导入 > 导入到舞台”，选择图片“天空.jpg”，将该图片作为背景；

使用菜单“插入 > 新建元件”，将名称改为“bird”、行为改为“影片剪辑”后确定，进入元件编辑状态；

使用菜单命令“文件 > 导入 > 导入到舞台”，选择“飞鸟”文件夹中的第1幅图片“飞鸟_1.png”； 《Flash动画设计与制作》实验指导书

当出现提示对话框时，单击“是”确认，将序列的其它图片也导入到Flash中；此时时间轴上自动出现了30个关键帧，每一帧都是序列中的一幅图片；单击工作区左上方的“场景1”按钮，回到场景编辑状态；

③在时间轴面板中单击“插入图层”按钮，创建一个新的图层，将图层改名为“飞鸟”；单击选择“飞鸟”图层的第1帧，按下Ctrl+L键打开库面板，将元件“bird”拖动到舞台的左侧；选择任意变形工具，按住Shift键拖动元件四周的控制点，将它缩小；

④选中“飞鸟”层的第50帧，按下F6键，建立一个关键帧，该帧内容与该层的前一关键帧（第1帧）相同；

使用选择工具将bird元件拖到舞台的右侧上方，选择任意变形工具，按住Shift键拖动元件四周的控制点，将它适当放大；

在“飞鸟”层的第1帧上右击，在快捷菜单中选择“创建补间动画”，在第1帧与第50帧之间出现了蓝色底色的箭头，创建运动补间动画；

单击选中“背景”层的第50帧，按下F5键，插入普通帧，表示将第1帧的背景内容延续到第50帧；

按下Enter或Ctrl+Enter键查看动画效果，此时鸟是沿直线移动到右侧的； ⑤在时间轴面板中选择“飞鸟”图层，单击“插入运动引导图层”按钮，创建一个引导层；

单击引导层的第1帧，选择铅笔工具表示鸟的飞行轨迹；，将选项设为“平滑”，在舞台上绘制一条曲线，该曲线 2 《Flash动画设计与制作》实验指导书

单击“飞鸟”图层的第1帧，使用选择工具附到曲线的左端；

将bird元件拖到轨迹线左侧，让元件的中心圆点吸

单击“飞鸟”图层的第50帧，用同样的方法让bird元件吸附到轨迹线的右端；

按下Enter或Ctrl+Enter键查看动画效果，此时的鸟已经按轨迹线来运动了； ⑥使用菜单命令“文件 > 保存”，将动画源文件保存为“飞翔.fla”；如果要发布Flash动画，则要使用菜单命令“文件 > 导出 > 导出影片”，将动画保存为“飞翔.swf”；

练习：在上面的Flash项目中再添加一个豹子的影片剪辑元件，并设置一个引导层，让豹子在草地上跑过；

2、使用Flash制作遮罩动画

遮罩动画要由遮罩层和被遮罩层相互配合才能完成。动画“探照灯”的制作步骤： ①使用菜单命令“文件 > 新建 > Flash文档”新建一个Flash文档；使用菜单命令“修改 > 文档”，将尺寸改为“400×100”，背景颜色改为黑色；

《Flash动画设计与制作》实验指导书

②双击“图层1”层的名称，将其改名为“text”；

单击“text”层的第1帧，选择文本工具，在舞台中单击，输入文字“湖南理工学院”；打开属性面板，将字体设为“黑体”，字号设为60磅，颜色为黄色；

使用选择工具垂直居中分布选中文字，按下Ctrl+K键，打开对齐面板，单击相对于舞台按钮和水平居中分布

按钮，使文字居于画布中心；，创建一个新的图层，将图层改名为“圆”；，再单击③在时间轴面板中单击“插入图层”按钮

单击“圆”层的第1帧，选择椭圆工具键在舞台上绘制一个圆形；

使用选择工具选中圆，按下Ctrl+G键将它组合，移动它将“湖”字盖住；，将笔触颜色设为无色，填充色设为白色，按住Shift

④单击“圆”层的第40帧，按下F6键，建立一个关键帧，该帧内容与该层的前一关键帧（第1 《Flash动画设计与制作》实验指导书

帧）相同；

单击“text” 层的第40帧，按下F5键，建立普通帧，表示将第1帧的内容延续到第40帧；

使用选择工具选中圆，移动它将“院”字盖住；

⑤在“圆”层的第1帧上右击，在快捷菜单中选择“创建补间动画”，在第1帧与第40帧之间出现了蓝色底色的箭头，表示创建了运动补间动画；

在“圆”层上右击，在快捷菜单中选择“遮罩层”，“text”层自动成为了被遮罩层；

按下Enter或Ctrl+Enter键查看遮罩动画的效果，被遮罩层只有透过遮罩层中的图形部分才能显现出来；

⑥使用菜单命令“文件 > 保存”，将动画源文件保存为“探照灯.fla”；如果要发布Flash动画，则要使用菜单命令“文件 > 导出 > 导出影片”，将动画保存为“探照灯.swf”；

练习：在上面的Flash项目中再添加若干帧，让文字又从右到左显示回来；

3、滚动显示的照片

1使用“开始 > 程序> Macromedia > Macromedia Flash MX 2004”打开软件Flash MX 2004； 2使用菜单命令“文件 > 新建 > Flash文档”新建一个Flash文档；

《Flash动画设计与制作》实验指导书

3使用菜单命令“修改 > 文档”将场景大小设为400×250像素，将背景颜色设为黑色； 4使用菜单命令“插入 > 新建元件”，在“新建元件”对话框的“名称”栏中输入“图片”，在“行为”栏中选中“影片剪辑”选项，确定后进入影片剪辑元件编辑区；

5使用菜单命令“文件 > 导入 > 导入到舞台”导入图片“美人.BMP”，选择“窗口”菜单下“工具栏”下的“主工具栏”，调出主工具栏，点击“对齐”工具按钮，选中“相对于舞台”按钮，单击“水平中齐”和“垂直中齐”，调整图片到工作区的中央；

6使用菜单命令“插入 > 新建元件”，在“新建元件”对话框的“名称”栏中输入“矩形”，在“行为”栏中选中“影片剪辑”选项，确定后进入影片剪辑元件编辑区；

7在其中绘制一个无边框的红色矩形，选中后，点击“对齐”工具按钮，选中“相对于舞台”按钮，单击“水平中齐”和“垂直中齐”，调整图片到工作区的中央；

8单击“场景1”图标，回到场景中，按F11键打开“库”面板，在其中将元件“图片”拖动到舞台的如下位置；

9右击“图层1”的第55帧，按F6插入关键帧。选中该图片，按住Shift键，数次按→键，将其水平向右移到如下图所示位置； 《Flash动画设计与制作》实验指导书

10插入新的图层2，将库中“矩形”元件拖到舞台如下位置；

11选中图层2的第55帧，按F6插入关键帧，将矩形向右移到如下位置；

12分别右击两个图层的第一帧，分别创建动作补间动画；

13右击图层2的图层名处，在弹出的快捷菜单中选择“遮罩层”命令，创建遮罩效果； 14按“Ctrl+Enter”键播放动画，使用菜单命令“文件 > 保存”，将动画源文件保存为“滚动显示照片.fla”；

4、电影序幕效果

1使用菜单命令“文件 > 新建 > Flash文档”新建一个Flash文档，将背景颜色设为黑色； 2将图层1改名为“背景”，选择“矩，形”工具，拖出一个与背景一样的矩形，将其边框去掉；（提示：可将舞台显示比例缩小到50%）； 打开“混色器”面板，设置一种两头黑中间白折线性渐变颜色，给该矩形填充这种颜色。使用“任意变形”工具选中矩形，将矩形旋转90度，即水平方向，如下图所示；

4锁住图层“背景”，插入一个新的图层，名为“文字”，使用“文字”工具写上一段文字，隶书，字的大小要适合舞台大小，颜色随意。如：“元件是动画中可以反复取出使用的一个小部件，它可以是 《Flash动画设计与制作》实验指导书

图形、按钮或一个小动画，可以独立于主动画进行播放。元件可以反复使用，因而不必反复制作相同的动画或素材，大大提高了工作效率”。

5、将文字拖到舞台的下方，如图所示：

6在两个图层的80帧处插入关键帧，在图层“文字”的80帧处，将文字移动到舞台的上方，如图所示；

7在“文字”图层的第1帧处设置动作补间动画，并在“文字”图层名处右击在快捷菜单中选择“遮罩层”；

8按“Ctrl+Enter”键播放动画，使用菜单命令“文件 > 保存”，将动画源文件保存为“电影序幕.fla”。

5、flash中视频的使用

动画“播放器”制作步骤：

1使用菜单命令“文件 > 新建 > Flash文档”新建一个Flash文档，设置舞台为397×185像素、黑色；

2将图层1改名为“背景”，导入“Beijing.bmp”图片，作为背景图像； 3增加一个新图层，命名为“视频”，执行“文件”>导入>导入到舞台>导入“截取视频3”； 4将导入的视频放置到播放器的黑色区域，在背景图层的第52帧，按F5键插入普通帧；

《Flash动画设计与制作》实验指导书

5选中舞台中的视频，打开属性面板，输入实例名：shipin，设置宽度为163，高度126； 6新建3个按钮元件，分别为“播放”、“暂停”、“停止”。新增一个图层，命名为“按钮”，然后将3个按钮拖放到舞台，摆放到适当的位置，如图所示：

7选中“播放”按钮，打开“窗口”>“开发面板”>“行为”，单击按钮，在弹出菜单中选择“嵌入的视频”>“播放”。弹出“播放视频”对话框，双击“shipin”，上面的文本框中出现“this.shipin”，单击“确定”按钮；

8选中“暂停”按钮，打开“行为”面板，单击按钮，在弹出菜单中选择“嵌入的视频”>“暂停”。弹出“暂停视频”对话框，双击“shipin”，上面的文本框中出现“this.shipin”，单击“确定”按钮； 《Flash动画设计与制作》实验指导书

9选中“停止”按钮，打开“行为”面板，单击按钮，在弹出菜单中选择“嵌入的视频”>“停止”。弹出“停止视频”对话框，双击“shipin”，上面的文本框中出现“this.shipin”，单击“确定”按钮；

10按“Ctrl+Enter”键播放动画，使用菜单命令“文件 > 保存”，将动画源文件保存为“播放器.fla”。Flash中场景的使用

动画“飞舞的蝴蝶”的制作步骤：

①使用菜单命令“文件 > 新建 > Flash文档”新建一个Flash文档； ②使用菜单“插入 > 新建元件”，将名称改为“花朵”、行为改为“图形”后确定，进入图形元件编辑区；使用菜单命令“文件 > 导入 > 导入到舞台”，选择图像文件“花1.jpg”，当出现提示对话框时，单击“是”确认，将图像文件“花2.jpg”也导入到Flash中；此时时间轴上自动出现了2个关键帧，每一帧都是一幅花朵的图片；

③使用菜单“插入 > 新建元件”，将名称改为“蝴蝶”、行为改为“影片剪辑”后确定，进入影片剪辑元件编辑区；将“图层1”改名为“身体”，使用菜单命令“文件 > 导入 > 导入到舞台”，选择文件“蝴蝶身体.swf”，将图形导入到“身体”图层的第1关键帧；新建一个图层“翅膀”，将图形文件“蝴蝶翅膀.swf”导入到“翅膀”图层的第1关键帧；移动蝴蝶的翅膀和身体，将它们组合成完整的蝴蝶；

《Flash动画设计与制作》实验指导书

④选中“翅膀”图层，按下F6键在第2帧插入一个关键帧，选中蝴蝶的翅膀，使用“任意变形工具”将蝴蝶图形以中心点为基准水平缩小；使用同样的方法，在第3帧插入关键帧，将翅膀缩到最小；将第2、3帧复制到第4、5帧，再将第4、5帧反转；选中“身体”图层，按下F5键，将蝴蝶身体的图形延续到第5帧；

⑤使用菜单“插入 > 新建元件”，将名称改为“舞动的蝴蝶”、行为改为“影片剪辑”后确定，进入影片剪辑元件编辑区；按下F11键打开库面板，将“蝴蝶”元件拖动到编辑区；按下F6键在第2帧插入关键帧，将蝴蝶元件旋转并移动一小段距离；使用同样的方法在第3-7帧插入关键帧，并旋转并移动蝴蝶元件，形成一个扇动翅膀并左右摇晃的蝴蝶元件；

《Flash动画设计与制作》实验指导书

⑥单击“场景1”按钮回到场景1的编辑状态，将“图层1”改名为“背景”；按下F11键打开库面板，将“花朵”元件拖动到舞台；选中第1帧中的“花朵”元件，在属性面板中调整参数（如下图），改变元件的大小、位置、显示和透明度；

选中第15帧，按下F6键插入一个关键帧，选中花朵元件，将透明度（Alpha）调整为“100%”；在第50帧插入关键帧，调整元件透明度为“100%”；在第65帧插入关键帧，调整元件透明度为“25%”；选中第1帧，将属性面板中的“补间”属性设为“动作”，创建动作补间动画；使用同样的方法，在第15帧和第50帧创建动作补间动画；

⑦新建一个“蝴蝶”图层，选中第1帧，将库面板中的“舞动的蝴蝶”元件拖动到舞台；选中蝴蝶元件，将它移到舞台的右侧，调整它的大小、旋转角度，将不透明度设为“20%”； 《Flash动画设计与制作》实验指导书

在“蝴蝶”图层的第35帧插入关键帧，将蝴蝶元件的移到舞台中间，调整它的大小、角度，将不透明度设为“100%”；第65帧插入关键帧，将蝴蝶元件的移到舞台左侧，调整它的大小、角度，将不透明度设为“20%”；选中第1帧，将属性面板中的“补间”属性设为“动作”，创建动作补间动画；使用同样的方法，在第35帧创建动作补间动画；

⑧在“蝴蝶”图层上右击，选择快捷菜单中的“添加引导层”，在蝴蝶图层上添加一个引导图层，使用铅笔工具在引导图层的第1帧中绘制一条蝴蝶的运动路径；将蝴蝶图层中第1、35、65帧中的元件拖动到路径上；按下Ctrl+Enter预览动画；

⑨使用菜单“插入 > 场景”，插入一个新的场景“场景2”；使用菜单“窗口 > 设计面板 > 场景”可以打开场景面板，对场景进行管理；

使用之前同样的方法，在“场景2”中建立“背景”、“蝴蝶”和“引导层”图层，再把“场景1”中各图层中的各帧复制到“场景2”中。在蝴蝶图层的第1帧中使蝴蝶从舞台右侧移动到左侧；（注意： 《Flash动画设计与制作》实验指导书

背景图层中的“花朵”元件的属性要设置为显示第2帧：选择背景>打开“属性”面板>在“单帧”右侧的文本框中输入‘2’。）

⑩按下Ctrl+Enter预览动画，可以看到“场景1”中的动画完毕后会自动播放“场景2”中的动画；如果在“场景”面板中调换场景的顺序，则播放的顺序也会变化；

使用菜单命令“文件 > 保存”，将动画源文件保存为“飞舞的蝴蝶.fla”；如果要发布Flash动画，则要使用菜单命令“文件 > 导出 > 导出影片”，将动画保存为“飞舞的蝴蝶.swf”；

[实验报告要求]

1、认真记录实验目的、实验内容、实验步骤。

2、本次实验的主要收获。

第二篇：引导动画、遮罩动画教案

课题：引导动画、遮罩动画综合练习（1）

一、教学目标

学习目标：了解和掌握遮罩的运用

技能目标：学会遮罩的运用以及变形的使用与操作，进而创作出更加生动的特效动画

情感目标：提高学生的FLASH操作能力和兴趣

二、教材重点、难点

教学重点：遮罩、变形。

教学难点：遮罩、变形。

三、教学环境：多媒体教室

四、教学手段：任务驱动法

五、教学过程：

1、复习引导动画、遮罩动画

2、授新课：

（1）总任务分析

展示福娃百叶窗

分析百叶窗原理 如图

（2）布置任务：制作百叶窗

分析：百般叶窗结构由（遮罩层—矩形元件，被遮罩层—背景图形）难点：元件百叶窗效果制作（3）作品展示，学生评价 参考步骤：

1、打开FLASH软件，新建一个空白的FLASH文档，场景大小默认。点插入→点新建元件，新建命名为长方形的图形元件，点确定。

利用工具栏中矩形工具，笔触颜色设置为无色，填充色设置为红色，在场景中拖动鼠标，画一个宽为56，高为400的矩形，（画出来的肯定不符合上述的尺寸，你可在属性栏中输入上述的大小），然后调出对齐面板，做水平居中对齐。

2、回到场景1，（点场景1），点插入→点新建元件，新建一个命名为百叶窗片的影片剪辑，点确定。在百叶窗片的影片剪辑的场景中，点图层1的第1桢，拖入刚才的那个百叶窗的图形元件，保持选中状态，作水平居中对齐。然后，在图层1的第三十桢处插入一关键桢。回到第一桢，在属性栏里把改为高1，高宽不变，然后作补间动作。复制第1图层的所有帧，新建图层，粘贴帧，并进行移动矩形。同理进行第3、4、5、6、7、8层。就完成了“百叶窗片”元件的制作。

3、回到场景1，图层1的第1帧中导入我们要的图片，然后新建图层2，将“百叶窗片”元件拖 到第1帧中

4、将图层2、1分别设制成遮罩层与被遮罩层

总结：每个复杂的FLASH都可以化简为几个元件组成，元件再进行编辑复杂的动作。

根据刚才的做法，学生完成一个百叶窗的制作任务。上传素材。

六、课堂小结：

我们将复杂的FLASH可以分成一个个元件来完成。上面的百叶窗效果也可以在元件中镶嵌元件的原理来完成。元件box绘图,元件boxd由元件box组成，动作帧为，元件box3由元件boxd元件组成，动作帧为

第三篇：多媒体技术应用第四章动画部分的教学设计

多媒体技术应用第四章动画部分的教学设计

徐州七中：余心

摘要：动画一直都受到同学的喜爱，而现在网上随处可见，充满创意的Flash动画，更给广大学生留下了深刻印象。针对这一现象，笔者在这一部分的教学中，先介绍动画、视频的基本特征，然后讲解Flash这一动画制作工具，实现出具体的动画效果，最后再归纳总结计算机动画技术的基本原理，引出不同的动画形式及其它一些制作工具。同时在教学中主要通过学生自主学习，探索实践，以及小组合作达到既定的教学目标。从而使学生在信息技术课堂中提高认知技能、团队合作精神以及学生的创作情趣，培养学生的创新精神。

关键词：多媒体技术，Flash，任务驱动，实践

多媒体技术作为现代科学技术的一个最新成就，已经成为当今备受关注的一个热点技术。它以五彩缤纷的静态或动态图像，悦耳的音乐，时尚的动画走进我们的生活，改变着我们的生活方式，理解和掌握多媒体技术也就成为我们时代必备的基本素质。而动画是多媒体技术中更能生动、形象的描述事务，同时深受广大同学的一种动态技术。所以这一部分内容主要采用情景导入，激发学生的探知欲望，以同学熟悉的Flash动画为突破点，讲授Flash动画的制作方法，最后再引导学生去了解制作动画的其他一些工具，总结出计算机动画技术的基本原理。

一、教材分析

《动画及其应用》是《多媒体技术应用》第四章的前半部分内容，动画和视频有着同样的视觉特征，但在具体的制作、加工上却是不同的，各自有自己的一些工具，所以本章适合在介绍完动画和视频的相似点（如视觉特征，表达形式）后，采取分别教学。

动画一直受到同学们的喜爱，特别是现在比较流行的flash动画（主要表现形式有：短片，FlashMV，小游戏）。鉴于同学对Flash动画比较熟悉的特点，本部分主要采用重点教授Flash动画制作，从中总结出计算机动画的一些基本原理和基本制作过程，然后再引入其他的一些制作工具，以期在总体上对动画制作有全面的认识。同时在具体的Flash教学中，应注意情境的创设，激发学生兴趣，采用“兴趣指引和任务驱动”的双层模式，使这一部分的教学变得有兴趣，有内容，有尝试，有想象。

二、学生分析 学生属于非零起点，对计算机动画制作有一定了解。由于平时接触非常少，学生的知识遗忘相当严重。在教学进行过程中，学生普遍表现出模仿能力比较强，而动手创作能力、归纳总结能力比较弱的特点。

三、教学课时的设计

动画这部分内容的教学目标主要是让学生认知动画的特征，掌握Flash工具的应用，理解动画的基本原理、格式及制作过程。

因此，本部分计划8课时完成。它包括4.1节《多媒体作品中的动画、视频》（1课时），Flash动画制作（6课时），4.2节《计算机动画技术基本原理与应用》（1课时）。

四、教学的总体思路

这一部分是同学分生活中熟知的动画内容的教学，意在通过情景的创设，激发学生的兴趣和求知欲，让学生主动去探究动画制作的一般方法，同时结合任务驱动的方式使学生掌握Flash工具并运用所学知识进行创作，从而提高学生的动手操作能力，培养其审美意识，激发学生的创意。

五、教学过程设计

在教学过程中，主要采用情境创设，激发学生兴趣，学生自主探索，协同学习的方式，共同来完成教学内容，培养学生多方面的能力。

<一>、第一课时（§4.1多媒体作品中的动画、视频）：

1、播放视频：“Flip Book Animation”,展示用一个本子上面不同的图形在不断的翻动情况下的视觉效果。

2、学生思考、讨论产生以上效果的原因，引出“视觉暂停”概念。

3、教师再演示利用PowerPoint制作的“会转动眼睛的小熊猫”，设置不同的放映速度，观察放映效果，加深同学对“视觉暂停”的认识。

4、教师介绍：当画面的刷新率为每秒24幅左右，即每秒放映24幅画面，人眼看到的就是连续的画面。自然引导总结：“平时生活中所接触的电视，电影，动画都是利用‘视觉暂停’达到动态的效果”。

5、学生练习§4.1.2节的实践内容，通过讨论、交流、对动画、视频表达主题的特点进行归纳总结。

6、学生自主阅读§4.1.3节内容，理解动画和视频的不同之处。

7、教师归纳总结。

<二>、第二课到第七课时：Flash动画制作 Flash动画的制作内容主要包括：工具界面介绍，作图技巧，逐帧动画，形状补间，动画补间，引导层动画，遮罩动画，交互动画。在具体的授课中思路大体相同，主要包括以下几个部分：

⑴、导入新课：创设情境

新课从一个有趣的动画开始，可增强学生听课的趣味性，并起到以趣引思的妙用。同时分析动画的基本组成，让学生明确本堂课将要学习的主要内容，引入新课。

⑵、任务驱动，教师指导，学生自学，探索发现，完成任务

A、注重演示动画，任务动画的选择：在具体的动画制作讲解中，所选的例子要尽量简单、明了、有趣，以便学生能更好的把握制作动画方法。如：动画补间动画以“落下的小球”为例，这个动画很能引起学生兴趣，同时制作方法又很简单，故学生很容易把握动画补间动画的制作要点。

B、可能出现的情况：部分学生没有及时跟进课堂实验，根据不同情况采取不同措施；部分操作熟练的学生，被指定为“指导教师”，带领小组成员制作动画，并在完成任务的情况下，尽可能的发挥集体智慧，自主创作有趣的动画。

C、在学生动手的过程中，教师要注意多走、多看，发现问题及时给与解答。⑶、作品展示，学生互评、教师点评

展示学生作品，学生自评或互评作品，可由学生谈自己创意的一些想法以及创作体会，活跃气氛，交流经验，师生共享创作喜悦。

在课堂教学中可以通过提问和评价引导来肯定学生的创新： ①、请你给我们介绍一下你的作品的创意 ②、你认为某某同学的作品哪里最吸引你？

③、你的作品的那些地方是跟老师不一样的，是自己所特有的。我觉得非常好，你真棒，如果在某些地方再尝试一下，可以又有意外惊喜。

⑷、教师总结，知识延伸

每节课的最后教师都要给与总结，归纳出每节课的要点，并适当的加以延伸，使学生加深对本节课要点的理解，并给学生留下思考的空间。

<三>第八课时：§4.2 计算机动画技术基本原理与应用

在教授完Flash之后，学生对计算机动画的基本原理，计算机动画的制作过程已然有了深刻的认识，所以本节课的重点在于其他的动画格式、动画制作软件的介绍。学生对本节课的内容主要在于了解，认知不同的工具，熟悉其功能、特点和使用范围。以上部分就是动画部分的教学设计，通过循序渐进的学生分组实验，帮助学生进行归纳总结，将原有的理论知识点融合到实验中进行。完成课程教学目标。能有效的满足学生主动探究，合作学习，交流分享的需要，也有效的促进学生从技能训练向思想方法升华，满足学生主体发展需求。

第四篇：《多媒体作品中的动画、视频(多媒体技术应用)》教学设计

《多媒体作品中的动画、视频（多媒体技术应用）》教学设计

【本章节课程标准】

通过本模块的学习，学生应该在亲身体验的过程中认识多媒体技术对人类生活、社会发展的影响；学会对不同来源的媒体素材进行甄别和选择；初步了解多媒体信息采集、加工原理，掌握应用多媒体技术促进交流并解决实际问题的思想与方法；初步具备根据主题表达的要求，规划、设计与制作多媒体作品的能力。

【内容分析】

本节内容包括“动画、视频的视觉特征”、“动画、视频在表达思想上的特点”、“动画、视频的选择”三个内容。重点是后两个内容，通过对这两个内容的理解，体会如何去应用动画、视频来表达思想。难点是第二个内容，因为动画、视频在思想表达上很难用一个准确的定义来表示，我们只能通过几个实例的分析来帮助学生理解，以达到正确地应用。最终达到本节课的教学目的。【学情分析】

学生通过初中和高一对信息技术课的学习，学生对电脑的的操作有了一定的基础，了解了多媒体是什么，对幻灯片的制作是有一定基础的。这样对于我们这节课来说，虽然学生在基础上存在差异，但在教师的指导下学生应该还是易理解和接受的。【教学目标】（１）知识技能与过程方面：通过幻灯片“小熊眼睛转动”的制作和几部多媒体作品的观察，理解动画、视频的视觉特征；揭示动画、视频信息在表达主题中的作用特点；能根据主题和表达目标的需求选择动画、视频。

（２）在方法和思想方面：明确运用动画、视频信息能够更好地表达事物的变化过程的思想。

（３）在情感态度和价值观方面：希望培养学生客观分析计算机动画、视频在表达主题中的效果与特点，主观的根据所要表达主题信息的意思，学会选择动画、视频工具，合理运用动画、视频信息的能力。【教学重点和难点】

根据教学大纲提及的难易级别和掌握程度设置教学重点和教学难点：

1、教学重点：

①动画的制作原理

②动画、视频在表达思想上的特点 ③动画、视频的选择

2、教学难点

理解和体会动画、视频在表达思想上的特点 【教学方法和策略】

1、教学方法

演示教学法、问题教学法、讨论法、读书指导法：对比法：启发式教学法、作品点评法

2、教学策略

参照普通高中信息技术新课标的精神，本课采用了以突出学生“学”为中心，以提高学生的多媒体信息素养、合作能力以及综合能力为重点，采取多种教学方法，通过师生双方互动，创设良好情境让学生积极主动地合作完成学习任务。

【教学过程】

活动1【讲授】(2分钟)知识回顾与导入

教师活动：展示“数点”图片

根据学生的回答，提出问题：为什么会产生这种错觉呢？通过小结，唤醒学生对已有知识的回忆——视觉暂留（画面从眼前消失后，停留在视网膜上的图像不会马上消失，会延迟70ms左右的时间），通过控制播放速度展示“跑动的小鸡”展示动画的形成，以及通过速度的控制形象的说明动画既需要图象间的相互关联，又需要速度上的快速播放，导入新课4-1多媒体作品中的动画、视频。

学生活动：仔细观察，认真思考问题并回答老师的提问。回忆视觉暂留相关知识，观看ppt动画“跑动的小鸡”展示，体会、理解动画、视频形成的原因。

媒体及资源的使用：用课前准备好的素材“数点”图片，让学生回顾视觉暂留，通过观看“跑动的小鸡”ppt,观察老师的操作方法以及体会动画形成的原因；利用多媒体教室广播教学软件进行展示，教学。

设计意图：通过“数点”图片的观看，分析产生的原因——视觉暂留。利用这一原理，顺势播放幻灯片“跑动的小鸡”，首先通过学生总结肯定画面之间是相互关联的，并通过控制播放速度体验动画的形成。为后面的教学“动画既描述了一个立体的空间又显现出流逝的时间伏笔。活动2【活动】(7分钟）： 动画、视频的视觉特征

教师活动：下发半成品幻灯片“会转动眼睛的小熊”，提示学生按照任务一的要求完成幻灯片的制作，并巡查学生完成情况，拍摄完成较好的同学照片，收缴部分学生作品进行评价交流。期间，小组互相讨论交流，互相完成可以给旁边同学展示。小结：实践证明，不管是动画还是电影，每秒钟播放24幅相关联的画面，那我们看到的就是连续的画面。

学生活动：按照任务一的要求对“会转动眼睛的小熊”进行加工，并通过设置切换速度亲身体验动画的形成，同学间相互讨论、交流，以此体会和理解动画、视频的视觉特征。一到两名同学上台给同学们展示，交流。同学间相互评价。

媒体及资源的使用：利用学生机对半成品ppt“会转动眼睛的小熊”素材资源进行加工，并运用多媒体广播软件进行下发。

设计意图：本届内容较多，学生如若从零开始制作“会转动眼睛的小熊”需要较多的时间，而该环节的重点是体验动画的生成——视觉暂留，所以将“小熊”加工为半成品，这样既提高了教学效率，同时更好展示了本环节的教学重点。学生完成任务的过程中拍摄照片以及视频是完成教学评价，于此同时则是搜集素材，激发学生学习兴趣，为任务3的资料收集埋下伏笔.活动3【活动】活动二（22分钟）： 动画、视频在表达思想上的特点

教师活动：集中展示我校学生的电脑作品“高考”动画，让学生在观看的过程思考三个问题：1.作品的主要思想是什么？2.属于什么类型的素材（动画、视频）？3.表达思想上的特点是什么？学生回答后小结：动画流畅、直观、形象、生动，可以采用幽默的、夸张的、真实的简单的、细腻的，等表达方法。通过观看视频“国庆阅兵”，继续回答上述三个问题，教师小结：视频也可以表达流畅、生动、形象，但主要是现场画面的真实记录，让人产生身临其境的感觉。要求学生按照作品名称完成表格4-1的填写，组织学生讨论，启发学生鉴赏评价动画、视频在多媒体作品中的作用，从它的主题思想要表达什么，为了表达该主题又是如何创意的？学生观看动画、视频，体会动画视频信息对于表达思想、交流情感等方面的作用，学习如何去评价鉴赏作品。小结：动画、视频在表达思想上的特点。

学生活动：认真观看，积极思考并回答问题；按照表格要求认真选择动画及视频完成观看，结合已给的作品例评，完成表格填写，小组间互相讨论、交流。

媒体及资源的使用：本环节主要用到的资源是课前已准备好的我校学生自己制作的动画“高考”和从网上搜索到的视频“国庆阅兵”，利用多媒体教室、投影、音响，广播教学软件进行教学。

设计意图：组织学生通过集中观看“高考”动画，“国庆阅兵”视频，通过三个问题（1.作品的主要思想是什么？2.属于什么类型的素材（动画、视频）？3.表达思想上的特点是什么？）的回答，理解动画、视频在表达思想上的特点，激发学生学习兴趣。以分组讨论的形式完成表格4-1的填写，让每一位同学完成至少对一个作品的评价，通过讨论、交流理解动画、视频在表达思想上的特点。区分的越明显，那么在接下来讲第三个问题动画、视频的选择上就更容易接受。页所以，本环节既是重点，又是难点，这个环节抓好了，下一个任务就相对简单了，可以通过有限的时间内自学完成，培养学生的阅读能力。活动4【活动】活动三（7分钟）：动画、视频的选择

教师活动：既然动画和视频各有各的特点，那么我们怎么选择呢？引出本节课第三个环节——动画、视频的选择。组织学生在有限的时间内阅读教材P64-65页的4.1.3动画、视频的选择，并通过讨论、交流，完成表4-2的填写，以“我喜欢的一堂

课为主题，简述主要内容，素材类型，并描写创作过程，更重要的是要注明选择动画、视频表达的原因。”

学生活动：在有限的时间内完成阅读教材的任务，并完成表格4-2的填写。

媒体及资源的使用：多媒体教室、教学软件、任务3表格

设计意图：教材讲的比较详细，让学生通过快速阅读了解动画、视频的区别；计算机动画主要是在对真实失误进行模拟化、抽象化、线条化后，生成再造动画，所以主要用于动态模拟、展示虚拟显示。视频是将多幅实地拍摄的图像信息按照一定的速度连续播放，所以需要体会真实变化时，要用视频信息完成。在完成表格4-2的填写过程中明白动画和视频的选择。

活动5【活动】教学总结(3分钟)

教师活动：和学生一起总结：1.动画和电影利用了人眼的视觉暂留效果，只有以一定的的速率把画面投影到银幕上才能有运动的视觉效果。2.动画视频信息的渲染效果要强于图形图象，在表达思想上更直观、具体，适用于表达事物的动态变化过程。3.要根据动画、视频各自的特点，结合不同的主题和对象来恰当的选择运用动画视频信息来表达思想。

学生活动：学生听老师小结，并回答老师提出的问题：1.动画和电影每秒播放多少幅画面，人眼看到的的就是连续的动画。2.动画和视频在表达思想上各自采用的手法如何？使学生意识到动画视频信息在思想表达上的特点，体会动画视频对于信息表达交流的作用，能根据主题和表达目标的需求恰当选择动画、视频。

活动6【讲授】【教学反思】

1.创新之处：整节课以问题引领，任务驱动的方式进行。

复习已学知识时提问“为什么会产生这种错觉呢？”在完成任务一时给学生提供半成品“会转动眼睛的小熊猫”，学生如若从零开始制作“会转动眼睛的小熊”需要较多的时间，而该环节的重点是体验动画的生成——视觉暂留，所以将“小熊”加工为半成品，这样既提高了教学效率，同时更好展示了本环节的教学重点。进行到任务二时，集中展示我校学生的电脑作品“高考”动画，让学生在观看的过程思考三个问题：1.作品的主要思想是什么？2.属于什么类型的素材（动画、视频）？3.表达思想上的特点是什么？让每一位同学完成至少对一个作品的评价，通过讨论、交流理解动画、视频在表达思想上的特点。区分的越明显，那么在接下来讲第三个问题动画、视频的选择上就更容易接受。页所以，本环节既是重点，又是难点，这个环节抓好了，下一个任务就相对简单了，可以通过有限的时间内自学完成，培养学生的阅读能力。

任务三的环节中以“我喜欢的一堂

课”为主题，简述主要内容，素材类型，并描写创作过程，更重要的是要注明选择动画、视频表达的原因。

整节课在学生的探究、交流、评价中进行，学生总结形成自己对于每一个知识点的理解。2.本节课主要是以学生观看作品为主，通过和学生一起观看作品、分析作品，结合适当的动手操作和问题的思考、讨论，学生一节课下来都能在比较轻松愉快的环境中学习，学生发分析、讨论和回答问题很积极。

3.本节课是在机房上，如果要是有两节信息技术课能连上的话，学生尝试利用网络资源搜索表达不同思想的动画、视频信息的作品，学习如何去评价鉴赏作品。就可以让学生在课堂中完成，不必只局限于教师提供的作品进行分析。可能效果会更佳。

第五篇：PPT中自定义动画之动作路径的应用教案

[教案：自定义动画——动作路径]

教学内容分析： 小学信息技术第五册第2单元，本课知识点比较单一，就是设置自定义动画，但这恰恰是PowerPoint的精华，范文之教案:

教案：自定义动画——动作路径。所以并未安排其他知识点，要求教师反复演示，学生反复

操练，这样才能熟练掌握。

1、“学着做”部分：通过对任务的练习，学会利用“自定义动

画”任务窗格设置动画。

2、“试一试”部分：拓展练习，进一步巩固知识点。学生情况

分析： 该课时的学习对象为小学五年级的学生，他们从三年级开始学习信息技术，已经基

本掌握了计算机的基本操作、PowerPoint软件等。学生学习信息技术兴趣浓、积极性高。

这些都为该课时的学习打下了良好的基础。教学目标：

1、了解“自定义动画”任务窗格。

2、学会设置对象的自定义动画

3、通过自定义动画的设置，进一步培养学生学习电脑的兴

趣。教学重点：

1、了解“自定义动画”任务窗格

2、设置对象的自定义动画 教学难点：

1、设置对象自定义动画

2、合理安排对象的动画顺序 教学准备：

1、PowerPoint课件。

2、本课用到的素材 教学过程：

一、情境导入： 动画影片导入。

二、新课： 讲解自定义

动画中的动作路径。师问：这个动画是怎么动的？（人先向左移动，然后云形标注出现，教案《教案：自定义动画——动作路径》。）师问：演示如何制作第一面的动画。师问：下

面请同学自己制作，并且思考老师的两个问题：

1、两个动画前面有数字序号有什么用。

2、如何让这个人走的更远。学生自己练习，并思考问题。师问：先请同学说一下这个1和2

有什么作用。师问：那第二个问题，怎样让他走的更远一点呢？（学生机示范）把红点往

前拖一下。师问：那绿点是什么？（绿点是起点）师：介绍红点和绿点。任务一：直

线运动 出示赛道图形，让学生做直线运动练习。学生练习，教师总结。任务二：直线

赛道比赛 两人一组进行比赛。任务三：环形赛道。学生练习。学生演示。讲解曲线

绘制。学生尝试曲线绘制。

三、小结本课内容。通过前面的制作，我们已经对PowerPoint

中“自定义动画”有所了解。通过“自定义动画”任务窗格，可以设置对象的动画效果。

1、学习了怎样打开“自定义动画”任务窗格

2、查看窗格中帮助信息：“选中幻灯片的某个元

素，然后单击‘添加效果’添加动画。”

3、根据帮助信息，课下自主探究自定义动画的其

它效果。

四、探究学习，培养他们自主学习的能力指导学生的操作，加强个别辅导。

1、任务四练习。

2、任务五练习。

五、作品评价

1、让学生展示自己制作的动画

2、学生

之间相互评价看谁做的最好

六、根据学生的讲解与演示，进一步学习PowerPoint自定义

动画的设置方法。为其他幻灯片设置动画。请同学们回去以后自己再学习其它的动画效果二○一○年十二月二十二日