● 制作背景
在初中二年级《信息技术》课程的教学内容中有一个章节是Flash动画的制作,主要学习Flash常见的几种基础动画制作技术,逐帧动画是其中的入门篇。作为看着动画片长大的新一代青少年学生,利用电脑的强大功能,能激发他们的灵感与智慧,能促使他们最大限度地自由地演绎自己对生活的理解,勾画梦想中完美的世界。模仿传统手工动画的方式,每一帧都由手工绘制或导入连续图片完成的动画称为逐帧动画,其具有极大的灵活性,几乎可以表现任何想表现的内容。通过让学生欣赏精彩的逐帧动画作品,开阔眼界,培养学生对动画制作的浓厚兴趣是制作《逐帧动画》课件的首要目的。由于逐帧动画的制作方法并不是很复杂,通过课件的辅助学习功能,学生可以自主学习掌握逐帧动画的制作方法。
● 设计思路与表现手法
为了达到让学生喜欢和在课堂上有效使用课件的目标,我在课件设计制作中重点考虑了以下几个方面。
1.设计界面,统一风格
本课件在界面美工制作上寻求有所突破,这是确定要实现的一个亮点。学生是课件的使用者和观众,首先在课件的外观界面上要让学生喜欢,吸引学生的目光,给学生以美的享受。因此,我从设计一开始筹划就决定在美工上下一番工夫,在界面风格上借鉴了苹果计算机和手机的一些元素,为此我曾多次跑到苹果专卖店去体验苹果计算机的交互操作。界面设计的第一步是在纸上画设计草稿,粗略构思课件的画面。有了雏形,我就开始利用Photoshop分层设计每个画面的效果图,在这个过程中需要对每个对象的位置进行反复的摆放实验,每个画面的构图都需进行仔细的推敲,才确定了课件的整体风格。第三步是切割Photoshop图片,将其导入Flash的素材库,按照效果图设计的位置在Flash舞台中进行元件的摆放,实现最终各画面效果(如图1)。
2.设计导航,便于操作
课件采用了二级导航设计,第一级用了学生熟知的七个卡通形象作为交互按钮,分别代表“学习目标、动画欣赏、动画原理、预备知识、制作方法、调整速度、知识检测”七个学习环节,当鼠标移向每个卡通按钮时分别滑出提示语,给学生以操作提示,人机交互亲切友好(如下页图2)。
第二级导航采用滑动的小圆角矩形按钮,点击按钮进入相应的功能窗口。总体的操作习惯接近于苹果计算机和手机的交互操作,不用过多的说明和操作培训,学生操作容易上手,没有了传统演示文稿中“下一页”的概念,实现了非线性的跳转,点击导航按钮可直达任意学习环节(如图3)。
3.精选作品,实现资源共享
动画欣赏这个环节里的内容是从互联网上精选的逐帧动画视频作品,这些作品里逐帧动画制作的方法和所用的材料各异。有一幅幅画在纸上或书边角的卡通人物漫画,通过翻动纸张和书本实现动画展示;有一幅幅用橡皮泥、绿豆、七巧板积木、毛线摆出的画面形成的动画,有用照相机一幅幅拍摄的连续人物动作照片组成的动画;有用LED、触摸屏等电子设备显示出的画面组成的动画。通过欣赏这些优秀的作品,开阔了学生的眼界,让他们看到动画制作方式的丰富多彩和创意的无限,也提高了他们的欣赏水平,调动了学生学习动画制作的兴趣和积极性,以此引领他们走进动画制作的世界。
4.借助教具,帮助理解原理
动画原理的理解是一个教学重点和难点。动画的原理是利用人类的视觉暂留特性,当以较快的速度播放图像时,观察者就认为图像是连续运动的。如果用一个电影机来播放动画,这个原理就容易理解,效果也会很好。但是在现实的课堂中,让学生看到实物的电影机是比较困难的。我就在课件里设计制作了一个电影播放机播放逐帧动画,通过让学生亲自动手控制电影机播放“烈马奔跑”的动画,形象直观地把动画形成的原理展示出来(如图4)。
5.综合多种方式,阐释制作方法
使用Flash制作逐帧动画的方法其实并不复杂,这一部分采用的策略是以学生自主学习为主。在课件中利用图片文字描述和录制操作视频两种方式描述逐帧动画的制作方法和步骤,在图片文字展示逐帧动画每一个制作步骤的画面切换的交互上采用了两种方法。一种是前后的翻页方式,另一种是点击代表步骤的数字按钮,可以直接展示想要看的步骤,这样更方便学生自主学习(如上页图5)。
对于基础较薄弱的学生可以选择观看教师录制的操作视频,这就像有老师在手把手演示逐帧动画制作的每一个步骤,更加生动直观。在录制操作视频过程中,我尝试了多种视频录制工具软件,最后选定了Camtasia Studio,这个软件的主要特点是录制的视频清晰度高,后期编辑制作简单方便。
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的编程设计会大大提升课件的制作技术含量。