1、摘 要I本科毕业论文基于微视频的“flash 动画教程”的设计与开发学院专业 教育技术学姓名学号目 次摘 要：近年来，微视频教程引起了许多教育者的关注，其具有短小精悍等特点，将教学内容碎片化，得到了许多学习者的青睐。目前，师范院校现代教育技术公共实验课教师少、课时少、内容多、学生多，教师很难实现因材施教。笔者开发现代教育技术公共实验课微视频教程“flash 动画教程” 。学习者可根据自身学习需要利用微视频教程进行自主学习。本论文根据教学最优化理论、建构主义学习理论、认知主义学习理论以及美学理论设计微视频教程，将微视频教程分为七个模块：软件界面介绍、逐帧动画、补间动画、引导层动画、遮罩层动画、简
2、单 Flash 脚本及动画的发布与导出。利用录屏软件录制微视频教程，并进行后期评价与修改完成“flash 动画教程”的设计与开发。关键词：微视频教程；Flash 动画；设计Design and Development of”Flash Animation Tutorial”Based on Micro VideoAbstract: In recent years,Micro video attracted attention by many educators which have acclaimed advantages like short , pithy and the contents
3、 of fragmentation. At present, normal colleges public experiment courses-Technologies of Modern EducationModern is suffering the issues about the lack of tutors and hours with excessive contents and students. So, tutors are feeling tired in teaching students in accordance of their aptitude. Based on
4、 this situation, the writer developed the micro video tutorials for the flash animation tutorial. Thus, the learners could be able to using the micro video to study independently according to their own demands. This paper of the designed micro video tutorials are related to the theory of optimizing
5、educations, the studying theory of construct socialist, the studying theory of cognitivism as well as the theory of aesthetic. And these videos are divided into seven models which are the introduction of software interface, frame by frame, tweening, layers of animation, mask animation, simple flash
6、script, as well as the animations release and derive. Then, the screen recording software has been used to transcribe the videos while using the later state of evaluation and modification to finish the design and development of flash animation tutorial.Keywords: Micro video tutorial;Flash animation;
7、Design目 次II目 次1 绪论 .11.1 研究现状 .11.1.1 国 外 研 究 分 析 .11.1.2 国 内 研 究 现 状 .11.2 研究目的和意义 .11.3 学习者分析 .21.4 理论基础 .21.4.1 教学最优化理论 .21.4.2 建构主义学习理论 .21.4.3 认知主义学习理论 .21.4.4 美学理论 .31.5 研究方法与思路 .32 基于动画软件的微视频教程的设计 .32.1 微视频制作流程设计 .3微视频的制作需要设计一个详细的制作流程，根据流程来进行实际的操作，如图 1。 32.2 微视频教学内容分析 .42.3 微视频的脚本制作 以逐帧动画为例 .
8、43 基于动画软件的微视频教程的开发 以逐帧动画为例 .63.1 开发软件的选择与安装 .63.2 素材的选择与收集 .63.3 微视频教程的开发 .63.4 后期视频编辑与处理 .84 评价与修改 .105 总结及未来展望 .10参考文献 .12致 谢 .1311 绪论1.1 研究现状1.1.1 国 外 研 究 分 析微课（Micro-lecture）最早出现于美国，在美国逐渐发展壮大并传至各个国家。 1最早的微视频教程雏形是英国开通教师电视频道（www.teacher.tv）正式将面对面的教育形式转变为视频教学，得到普遍认可，但由于访问量过大，被迫关闭。 2随后可汗学院（Khan Acad
9、emy）的出现推动了教育改革，标志着微课的教育形式开始被广大学习者接受并流行，并由此激发了教育研究者对微视频教程的研究。 3可汗学院的教学视频时长在 10 分钟左右，内容短小精悍，利用电脑软件录制知识点的讲解，形成一节微视频教程。目前在国外，微课的研究主要集中于中小学课堂教学领域，基于微课的教育改革(电子书包、混合学习等)都得到了显著的效果，并有部分学校已用微课代替传统课堂。1.1.2 国 内 研 究 现 状微 视 频 的 概 念 最 早 出 现 于 2006 年 ， 直 至 今 日 ， 微 视 频 在 各 个 领 域 都 得 到 了 极 大 的 发 展 。微 视 频 的 出 现 更 符 合
10、如 今 快 节 奏 的 生 活 模 式 。 而 微 视 频 教 程 的 出 现 也 同 时 推 动 了 我 国 的 教 育 改革 ， 形 成 了 一 种 新 型 的 教 学 模 式 和 学 习 方 式 。 最 先 提 出 以 微 视 频 为 中 心 的 新 型 教 学 资 源 “微 课 ”的 是 我 国 广 东 省 佛 山 市 教 育 局 的 胡 铁 生 。 4 微 视 频 教 程 一 直 受 到 教 育 研 究 者 的 热 议 ，并 且 中 小 学 教 学 领 域 对 微 课 设 计 和 实 践 表 现 出 了 极 大 的 关 注 ， 在 国 内 举 办 了 各 种 微 视 频 教 程 的活
11、 动 与 研 究 ， 比 如 佛 山 市 中 小 学 新 课 程 优 秀 微 课 征 集 评 审 活 动 、 广 东 省 名 师 网 络 课 堂 等 。 并 且我 国 也 有 许 多 学 者 对 传 统 课 堂 与 微 视 频 教 程 做 比 较 ， 同 时 也 出 现 了 许 多 类 似 于 可 汗 学 院 的 微 课模 式 。 我 国 微 视 频 教 程 的 兴 起 到 目 前 仅 有 5 年 不 到 的 时 间 ， 对 于 微 视 频 教 程 的 现 状 研 究 尚 未成 熟 ， 还 需 要 更 多 的 理 论 研 究 做 支 撑 。 51.2 研究目的和意义随着时代的发展，信息技术的不
12、断进步，我国已悄然踏入微时代。微视频教程的出现推动了我国的教育改革。微视频具有以下特点：（1）视频课程时间短。视频时长通常在 5 到 10 分钟，与传统课堂 45 分钟相比，时间短，学习者能更好地集中精力去学习； （2）视频课程内容精炼。一段视频主要传授某一学科的某一个知识点，内容更加精炼；（3）视频容量较小。一个视频容量仅有几十兆，下载方便，不占内存，可保存在电脑中，也可放在移动设备中（手机、平板或 MP4） ，便于随身携带，随时随地可以进行学习； （4）视频课程应用范围广。不仅局限于学校教育中，还能运用于各种校外教育。 6据调查，在 2010 年到 2015 年期间，全世界移动学习设备的产
13、品和应用得到广泛运用，到2015 年将达到 9.1 亿美元，且根据对学生进行的移动学习调查结果中，82%的学生会使用手机上网，54%的学生在多种学习方式中认为运用微课程进行学习能达到较好的效果，越来越多的学习者更加接受这样的碎片化学习。微视频教程的开发与应用能更好的实现教育中的因材施教，并且这种教育形式能够更好的培养学生自主学习的能力，将被动变为主动学习。6Flash 软件具有文件基于微视频的“动画软件教程”的设计与开发2数据量小、交互性强、制作流程简单、适于网络传播、图像清晰度高、应用领域广泛等优点，并且 flash 软件的学习具有实践性强、操作性强的显著特点，用传统教育一味的讲解和传授已经
14、很难达到良好的效果，不利于培养学生操作技能。 7因此开发基于微视频的 Flash 动画教程更有利于 flash 软件的学习。1.3 学习者分析本微视频教程内容主要针对于师范生对于 Flash 动画的学习。如今教育类专业学生传统公共实验课内容多、课时少、学生人数多，教师很难关注到每一位学生的问题。对于类似于 Flash 动画这种具有实践性强、操作性强的特点的软件学习是有弊端的，学生一般无法在 45 分钟内完全集中精神去听讲并能记住课堂中所有的知识点的学习。而微视频教程时间短，更有利于学生集中精力学习；微视频容量小，学生可以下载到移动设备中，随身随地进行学习与复习；微视频教程内容精炼，知识点划分比
15、较细致，有助于学生对薄弱知识点的强化学习。微视频教程有助于培养学生自主学习，培养学生独立学习的能力。1.4 理论基础基于微视频的 Flash 动画教程设计需要理论基础作为支撑，通过学习理论、教学理论和美学理论相结合，设计出更加符合学习者特征的教学方案。 81.4.1 教学最优化理论教学最优化理论是由巴班斯基在 20 世纪下半叶提出的，该理论的基本观点为：将教学系统化，在一定条件下，付出最少的教学时间，得到最显著的教学效果。 9一节微视频教程通常为 5分钟左右的时间，内容精炼，知识点系统化，将 Flash 动画教程分为七个板块，基于一个动画作品对每个动画技能进行分类讲解。相比较传统课堂的一节课
16、45 分钟，微视频教程教学时间更短，更有利于集中精力。对于实践性、操作性强的 flash 软件的学习，微视频教程的形式更有利于学生学习并反复练习操作。而要达到最优化，仅仅是教学时间短并不能达到最优化的效果，前期还需要对教学内容和学习者进行较分析、研究、设计和全面评价，有一个好的前期准备才能更好的达到教学最优化的水平。1.4.2 建构主义学习理论建构主义学习理论更加注重以学生为中心的学习理论，认为学习是获取知识的过程，而非教师传授所得。在学习过程中，更加注重自主学习，通过身边的人的帮助与协作，通过意义建构的方式获取知识。教师不再是课堂的主导者，而变成获取知识的帮助者和促进者，以学生为主体，使学生
17、成为学习的主动者。 10利用微视频教程教学的课堂中，以学生为课堂的主体，通过观看微视频学习 flash 动画并进行操作练习，教师和同学成为自己的帮助者和促进中，将传统课堂的被动学习转化为主动学习，课后可利用资源下载，对微视频教程资源进行下载，利用课余时间进行巩固学习和操作练习，这样的形式更有助于学生培养自我学习能力。1.4.3 认知主义学习理论认知主义学习理论强调内部心理活动的过程，以学习者为主体。知识的获得是通过内心的心理变化过程加上外部刺激相互影响所得到的。 11学习者利用微视频教程进行学习往往会根据自己3的态度、需要、兴趣等内部心理进行选择性学习，所以微视频教程的设计过程中不能忽视学习者
18、的心理因素。在教学设计中要勾起学生对于 flash 动画学习的兴趣及学习的动机，以学生为中心，使学习者从被动接受外部刺激变为主动接受外部刺激所提供的信息进行选择性加工。1.4.4 美学理论在微视频教程的设计过程中，美学也是不可缺少的理论基础之一。通过画面、声音所形成的艺术美来创建一个舒适的视觉与听觉环境。所以从素材准备、ppt 课件制作到微视频录制都要符合美的规律。 12例如在素材准备中，视频素材要具有感染性，能够激发起学生的兴趣；在 PPT 课件制作中要注意构图、色彩、色调等，因为 Flash 界面是灰色，所以主色调为灰色，整体简约大方。1.5 研究方法与思路 （1）研究方法：文献调查法、实
19、验法（2）思路:文献调查法是对所搜集的文献进行分析、整理、归纳的研究方法。本文运用图书馆资源和中国知网来搜集相关文献，分析微视频教程的历史和现状、分析微视频教学设计的特点等，为本文提供结实的理论基础；利用实验法，控制一定外在条件，去观察课堂上学生利用微视频进行学习的状态和效果，并通过访谈以及问卷调查了解其中存在的问题，帮助了解学习者对微视频教程的学习模式的认可程度和其中存在的写问题。2 基于动画软件的微视频教程的设计在正式对基于微视频的 Flash 动画教程进行开发之前，我需要制定一个详细的计划。通过设计微视频制作流程，理清视频制作的实际操作过程。依据教学理论和学习理论的相互作用，对微视频教程
20、进行教学设计以及教学内容的分析，并完成微视频的脚本制作一系列微视频教程的前期工作。2.1 微视频制作流程设计 微视频的制作需要设计一个详细的制作流程，根据流程来进行实际的操作，如图 2-1。微视频教学设计素材准备PPT 课件制作 微视频脚本编写微视频录制微视频后期处理修改与评价总结基于微视频的“动画软件教程”的设计与开发4图 2-1在实施制作流程过程中，我们需注意：（1）教学设计需符合课程标准，从易到难，阶梯式教学。（2）视频素材的准备须符合教育类的小动画（3）PPT 制作能使学习者根据 PPT 内容也能学会动画技术（4）脚本编写尽量简洁（5）微视频录制过程中，应做到操作熟练，解说词流畅。2.
21、2 微视频教学内容分析“Flash 动画教程”的微视频主要是依据课程标准以微视频为载体讲解 Flash 软件的基础学习。微视频教程主要分为以下几个板块（如图 2-2）：第一讲：作品欣赏及界面介绍；第二讲：逐帧动画；补间动画分为第三讲：动作补间、第四讲：形状补间；第五讲：引导动画；第六讲：遮罩动画；第七讲：简单 Flash 脚本；第八讲：动画的发布与导出。第一讲中以三个小作品作为作品欣赏在小作品的选择上选择了不同类型的 flash 作品，有教育动画类、课件类、游戏类，凸显出 flash 软件应用领域广泛、功能强大，同时能够激发起学生对 flash 软件学习的兴趣与动力。第二讲至第七讲为具体的 f
22、lash 软件学习的教程，内容以第一讲中所展示的一个较为简单的作品 梅花为例，展开并分类讲解其中的包含的 flash 软件技能。每一讲都添加了一个知识的拓展，作为对动画的思维拓展和对 flash 软件进一步的了解和学习。第八讲主要讲解在动画完成之后的导出、发布与优化等。图 2-22.3 微视频的脚本制作以逐帧动画为例基于微视频的Flash 动画教程教学内容作品欣赏及界面介绍逐帧动画技术补间动画技术引导层动画技术遮罩动画技术简单 Flash 脚本动作补间形状补间逐帧动画技术5完成微视频教学设计、素材准备、PPT 制作，开始进行微视频文字脚本的编写，微视频教程一共分为七讲，每一讲时长约为 5 分钟
23、，文字脚本语言注意言简意赅，不罗嗦。逐帧动画：在 Flash 中，逐帧动画是一种最为常见的动画技术，它是在连续的每一关键帧上都有图片，并且内容略有改变，连贯在一起形成某一动作。逐帧动画具有灵活性，基本上可以表现出任何你想要的动画，但是工作量比较大，并且比较考验设计者的绘画技术。逐帧动画主要用于表现比较细腻、精致的动画，比如角色说话，走路，头发的飘动等。表 1 微视频教程文字脚本序 号 类 别 解 说 词 备 注1 片 头大 家 好 ， 这 节 课 我 们 一 起 来 学 习 一 下 利 用 逐 帧 动 画 做 出 梅 花绽 放 的 效 果 。新 建 文档首 先 打 开 Flash 软 件 ，
24、执 行 文 件 新 建 命 令 ，选 择 ActionScript2.0,设 置 一 下 参 数 。 将 帧 频 改为 12， 设 置 一 下 背 景 颜 色 ， 单 击 确 定 。背 景 制作执 行 文 件 导 入 导 入 到 库 命 令 ， 选 择 所 需 要 的素 材 ， 单 击 打 开 。 我 们 可 以 在 库 面 板 中 找 到 所 导 入 的素 材 。 找 到 树 干 图 片 ， 将 图 片 拖 至 舞 台 。 对 齐 单 击 右键 ， 选 择 转 换 为 元 件 ， 重 命 名 为 树 干 ， 类 型 为 图 形 ，单 击 确 定 。 选 中 选 择 工 具 对 其 调 整 位
25、 置 。 在 库 面 板 中找 到 花 苞 图 形 ， 将 其 拖 至 舞 台 ， 单 击 右 键 转 换 为 元 件 ，重 名 为 花 苞 ， 类 型 为 图 形 ， 单 击 确 定 。 按 住ctrl 键 拖 动 花 苞 对 齐 进 行 复 制 ， 选 择 任 意 变 形 工 具 ，对 花 苞 进 行 旋 转 。2内 容讲 解梅 花 绽放 制 作在 时 间 轴 35 帧 处 插 入 帧 ， 控 制 整 个 动 画 的 长 度 。单 击 新 建 图 层 命 令 ， 将 图 层 2 重 名 为 梅 花 。 在 第 2帧 处 插 入 关 键 帧 ， 在 库 面 板 中 找 到 花 苞 元 件 ，
26、 拖 至 舞台 ， 调 整 其 位 置 ， 选 择 任 意 变 形 工 具 进 行 旋 转 ， 改 变中 心 轴 位 置 并 缩 小 ， 选 择 缩 放 工 具 将 舞 台 放 大 。 在 第三 帧 处 插 入 关 键 帧 ， 选 择 任 意 变 形 工 具 将 花 苞 放 大 一点 ， 重 复 上 一 个 动 作 直 至 第 5 帧 。 在 第 6 帧 处 插入 空 白 关 键 帧 ， 单 击 绘 图 纸 外 观 ， 可 以 观 察 到 前 一 帧图 像 的 位 置 ， 找 到 梅 花 另 一 张 图 ， 将 其 拖 至 舞 台 ， 调整 其 位 置 。 单 击 右 键 选 择 转 换 为
27、元 件 ， 名 称 为 梅 花第 二 朵 梅花 绽 放 制作 过 程 不展 示基于微视频的“动画软件教程”的设计与开发62， 单 击 确 定 。 在 第 7 帧 处 插 入 空 白 关 键 帧 ， 找 到已 经 绽 放 的 梅 花 ， 将 其 拖 至 舞 台 ， 调 整 其 位 置 ， 在 第8 帧 处 插 入 关 键 帧 ， 返 回 第 7 帧 处 将 梅 花 放 大 一 些做 出 梅 花 绽 放 的 效 果 。 将 播 放 头 移 动 至 第 1 帧 处 ，单 击 播 放 命 令 ， 观 察 梅 花 绽 放 过 程 对 齐 进 行 修 改 。 单击 新 建 图 层 命 令 ， 重 命 名
28、为 梅 花 2， 在 梅 花 2 图层 第 18 帧 处 插 入 关 键 帧 ， 重 复 制 作 第 一 朵 梅 花 的 过程 制 作 第 二 朵 梅 花 。 执 行 控 制 测 试 影 片 测 试 命令 对 其 进 行 测 试 。保 存执 行 文 件 另 存 为 命 令 ， 将 名 称 改 为 梅 花 绽 放 ，单 击 保 存 。3 结 尾今 天 利 用 逐 帧 动 画 制 作 梅 花 绽 放 效 果 就 学 习 到 这 里 ， 谢 谢 大家 ！3 基于动画软件的微视频教程的开发以逐帧动画为例在完成微视频教学设计、素材准备、ppt 制作、脚本设计后，进入到最为关键的步骤微视频教程的开发。3.
29、1 开发软件的选择与安装开发微视频教程所需要的软件为 Adobe Flash CS6 和 Camtasia Studio 8。Flash 软件是用于创作动画和多媒体应用的创作软件，符合所要开发的微视频教程内容。 13Camtasia Studio 软件是由美国 TechSmith 公司推出的一款屏幕录像软件，并有视频剪辑和编辑的功能，能够满足开发微视频教程的要求。 143.2 素材的选择与收集我通过在各类信息资源网站，比如 CSDN 社区（http:/ 、中国儿童资源网（http:/ flash 短片资源进行下载，并通过在图书馆借阅相关书籍及光盘，从中搜集相关素材。素材的选择须包含 flash 软件基础技能（逐帧动画技术、补间动画技术、形状补间技术、遮罩动画技术、引导动画技术、简单脚本） ，比较大量素材后，最终确定所需要用到的素材，并根据课程需要，将短片进行修改与创作，短片超速 梅花 快乐汉堡屋作为欣赏作品，其中以梅花为主要讲解素材。在所借阅的光盘中，选择了一些小范例作为知识拓展板块内容。3.3 微视频教程的开发在前期的教学设计、素材准备以及文字脚本的编写完成后，通过 Camtasia Studio 8 软件对视频教程进行开发。打开 Camtasia Studio 8 软件，弹出欢迎使用窗口，如图 3-1。
