[《逐帧动画》课件设计制作的案例研究]如何制作安全案例课件

《逐帧动画》课件设计制作的案例研究

● 设计思路与表现手法 为了达到让学生喜欢和在课堂上有效使用课件的目标， 我在课件设计制作中重点考虑了以下几个方面。

1.设计界面，统一风格 本课件在界面美工制作上寻求有所突破，这是确定要实 现的一个亮点。学生是课件的使用者和观众，首先在课件的 外观界面上要让学生喜欢，吸引学生的目光，给学生以美的 享受。因此，我从设计一开始筹划就决定在美工上下一番工 夫，在界面风格上借鉴了苹果计算机和手机的一些元素，为此我曾多次跑到苹果专卖店去体验苹果计算机的交互操作。

界面设计的第一步是在纸上画设计草稿，粗略构思课件的画 面。有了雏形，我就开始利用Photoshop分层设计每个画面 的效果图，在这个过程中需要对每个对象的位置进行反复的 摆放实验，每个画面的构图都需进行仔细的推敲，才确定了 课件的整体风格。第三步是切割Photoshop图片，将其导入 Flash的素材库，按照效果图设计的位置在Flash舞台中进行 元件的摆放，实现最终各画面效果（如图1）。

2.设计导航，便于操作 课件采用了二级导航设计，第一级用了学生熟知的七个 卡通形象作为交互按钮，分别代表“学习目标、动画欣赏、 动画原理、预备知识、制作方法、调整速度、知识检测”七 个学习环节，当鼠标移向每个卡通按钮时分别滑出提示语， 给学生以操作提示，人机交互亲切友好（如下页图2）。

第二级导航采用滑动的小圆角矩形按钮，点击按钮进入 相应的功能窗口。总体的操作习惯接近于苹果计算机和手机 的交互操作，不用过多的说明和操作培训，学生操作容易上 手，没有了传统演示文稿中“下一页”的概念，实现了非线 性的跳转，点击导航按钮可直达任意学习环节（如图3）。

3.精选作品，实现资源共享 动画欣赏这个环节里的内容是从互联网上精选的逐帧 动画视频作品，这些作品里逐帧动画制作的方法和所用的材 料各异。有一幅幅画在纸上或书边角的卡通人物漫画，通过翻动纸张和书本实现动画展示；
有一幅幅用橡皮泥、绿豆、 七巧板积木、毛线摆出的画面形成的动画，有用照相机一幅 幅拍摄的连续人物动作照片组成的动画；
有用LED、触摸屏 等电子设备显示出的画面组成的动画。通过欣赏这些优秀的 作品，开阔了学生的眼界，让他们看到动画制作方式的丰富 多彩和创意的无限，也提高了他们的欣赏水平，调动了学生 学习动画制作的兴趣和积极性，以此引领他们走进动画制作 的世界。

4.借助教具，帮助理解原理 动画原理的理解是一个教学重点和难点。动画的原理是 利用人类的视觉暂留特性，当以较快的速度播放图像时，观 察者就认为图像是连续运动的。如果用一个电影机来播放动 画，这个原理就容易理解，效果也会很好。但是在现实的课 堂中，让学生看到实物的电影机是比较困难的。我就在课件 里设计制作了一个电影播放机播放逐帧动画，通过让学生亲 自动手控制电影机播放“烈马奔跑”的动画，形象直观地把 动画形成的原理展示出来（如图4）。

5.综合多种方式，阐释制作方法 使用Flash制作逐帧动画的方法其实并不复杂，这一部 分采用的策略是以学生自主学习为主。在课件中利用图片文 字描述和录制操作视频两种方式描述逐帧动画的制作方法 和步骤，在图片文字展示逐帧动画每一个制作步骤的画面切 换的交互上采用了两种方法。一种是前后的翻页方式，另一种是点击代表步骤的数字按钮，可以直接展示想要看的步骤， 这样更方便学生自主学习（如上页图5）。

6.采用图示分解，回顾知识 Flash制作逐帧动画需要前面的一些基础知识的支持， 因此我在课件里设计了前置知识回顾这个环节，采用图示分 解的方法回顾旧知识，形象直观，便于学生理解、记忆（如 图6）。

7.模拟选择题，测试及反馈知识 我在知识检测环节大量采用单选组件，组成多组的单项 选择题，完全真实模拟纸质试卷的版面效果。学生答完题后， 可点击“完成测试”按钮，课件会自动判断对错并给出正确 答案作为修正参考，随后会给出正确与错误的题目数，同时 计算出准确率（如图7）。这样计算机代替了教师的阅卷， 提高了课堂效率。这里的答题功能主要是通过Flash ActionScript 3的组件编程实现的，具体的程序代码发布在 了这个博客里http：//blog.sina.com.cn/u/1423041473。

● 评价与反思 本课件设计的初衷主要是作为学生自主学习的工具，教 师也可以在教课时演示使用。在使用时，通过计算机教室的 局域网发给每一位学生，学生可在课堂上自主学习。经过实 践证明，学生对动画欣赏非常感兴趣，的确起到了开阔眼界 的作用。逐帧动画的制作方法学习这个环节实现了分层教学， 接受能力和学习进度不同的学生可以反复观看这一部分，并利用下发的动画制作素材进行练习。学生通过完成课堂单选 题测试，课件当场反馈评价，能够及时找到知识学习的薄弱 环节，根据正确的答案显示及时进行知识认知错误的纠正。

总体来说这个课件取得了较好的教学效果。

● 幕前幕后 2012年暑假期间，我带着这个课件参加了第十届全国中 小学信息技术创新与实践活动的多媒体学习工具评优的赛 项。参赛期间，我观摩了许多来自全国各地的优秀课件，并 现场聆听了专家评委们的指导和点评，收获很大。通过学习 交流，我也发现了自己制作课件的不足和下一步在制作课件 上的努力方向。

（1）在课件制作的理念上需要不断更新和提高，多向 国内外的专家和老师学习，争取多参加一些赛事交流。

（2）在课件内容的系列化上需要进一步扩展。在这次 比赛中，我被一位老师制作物理课件“十年磨一剑”的坚持 所感动，他经过长时间的积累把课程的知识点做成组件，最 终的课件是按照知识点形成的较大的、完整的教学资源。

（3）许多专家都提出课件内容的可扩展性是一个发展 的方向，针对这个课件，单项选择题的内容没有更换和扩展 的功能就是一个弊端。

（4）在制作课件的软件及技术应用上，我还需要进一 步学习。为了增加课件的交互性和人工智能性，我选用Flash 作为课件制作的主要软件，对于Flash ActionScript 3.0的编程还需要进行系统的学习，当然其他一些辅助软件的应用 也还需要不断的了解和尝试，以使自己的制作技术更加娴熟。

评委印象 初看孙航卫老师的《逐帧动画》课件，一种赏心悦目的 感触油然而生，首先，映入眼帘的是精美的界面设计和精湛 的美工制作，这应该是最初留下的深刻印象吧！经过细心研 读，浅淡一下自己的感受与印象。

印象一：界面制作具有较高艺术性。界面创意新颖，元 件设计精致有趣。孙老师在界面美工上着力下了工夫，他借 鉴了苹果计算机和手机的交互界面的风格元素，界面导航按 钮生动有趣。色彩采用蓝色渐变色，主色调设计凸显科技主 题，给人以视觉上的享受。

印象二：课件导航的交互设计形象直观，人机交互友好， 操作简便。课件采用了两级导航设计，教学内容与学习环节 的呈现条理清晰，布局合理，友好提示，导航设计已改传统 演示文稿中“下一页”的设计思想，实现非线性的跳转，点 击导航按钮可直达任意学习环节，使得操作简单明了。

印象三：课件设计充分体现了现代信息技术辅助课堂教 学的作用，使多媒体课件成为突出重点、突破难点的教学手 段。

印象四：孙老师尚待思考完善的有这样两方面：一是课 件在可移植性和可扩展性方面还可以改进。如果能设计成模 块式积件，便可进行二次开发使用，则实用性会更强。就本课件来说，像单项选择题的内容没有设计更换和扩展的功能， 也没有设计“清除”或“重做”功能按钮就是一个缺憾。二 是课件在技术运用上还可以进一步的提高，特别在课件的交 互性及智能性方面，若能多采用Flash Action Script 3.0 的编程设计会大大提升课件的制作技术含量。