《互动媒体设计》教案

教 案 2013 ～2014 学年第 1学期 课 程 名 称 互动媒体设计 系(院、部) 艺术学院 教研室(实验室) 艺术设计 授 课 班 级 设计111,设计112，艺媒111 主 讲 教 师 张青荣 职 称 副教授 使 用 教 材 无

淮海工学院教务处制 二○一三 年九月 2

教 案（首页）课 程 名 称 互动媒体设计 总计： 32 学时

课 程 类 别 基础选修课 学分 2 讲课： 16 学时

分析讨论课: 3 学时 大作业及设计：16学时 任 课

教 师 张青荣 职称：副教授

授课对 象 专业班级：设计111,设计112 艺媒111 共3个班

基要本参教考材资和料主

教材：无 主要参考书：

1、《flash mx实例与操作》万茂山等（著）北京希望电子出版社。 2、朱健强，《网络广告语言》，厦门大学出版社

教和学要目求的

教学目的: 互动媒体设计是艺术设计专业的一门专业基础选修课程。通过对互动媒体作品的艺术创作方法进行深入讲解,使学生对互动媒体的艺术创作与应用有较全面的了解,掌握互动媒体艺术创作设计的流程,培养学生应用计算机软件进行互动媒体艺术作品基本创作设计的能力，为后续的专业设

计服务。 教学要求: 1、 掌握互动媒体设计创作的基本原理与方法； 2、 掌握软件Flash的基本使用方法； 3、 独立完成一段互动网站的制作；

教及学难重点点

教学重点: 互动媒体设计分类和特点、互动媒体的设计与创作方法、Flash的动画编辑技巧、互动媒体设计实践。

教学难点: 互动媒体的设计与创作方法、Flash的动画编辑技巧、互动媒体设计实践。 《互动媒体设计》 课程教案 课次 1

授课方式 （请打√） 理论课√ 讨论课□ 实验课√ 习题课□ 其他□ 课时 安排 4

授课题目（教学章、节或主题）： 第一章、互动媒体设计概论； 第二章、互动媒体设计基础软件认识. 教学目的、要求： 了解互动媒体设计的基本概念；熟悉互动媒体设计的分类与设计方法；掌握互动媒体设计基础软件Flash的基本操作方法。

教学重点及难点： 互动媒体设计的设计方法、Flash的基本操作方法（教学重点） Flash的基本操作方法（教学难点）

教 学 基 本 内 容 方法及手段

一、互动媒体设计概论：

什么叫媒体？ 所谓媒体，是指传播信息的介质，通俗的说就是宣传平台，能为信息的传播提供平台的就可以称为媒体了，至于媒体的内容，应该根据国家现行的有关政策，结合广告市场的实际需求不断更新，确保其可行性、适宜性和有效性。此前，传统的四大媒体分别为: 1、电视； 2、广播； 3、报纸； 4、网站； 此外，还应有户外媒体，如路牌灯箱的广告位等。

就其目前适宜性来讲，媒体应按其形式划分为平面、电波、网络三大类，即： 1、平面媒体：主要包括印刷类、非印刷类、光电类等。 2、电波媒体：主要包括广播、电视广告（字幕、标版、影视）等。 3、网络媒体：主要包括网络索引、平面、动画、论坛等。

举例讲解、多媒体讲解、案例播放讲解；

使用板书及投影仪等。 4

什么叫多媒体？ 多媒体：它集合文字、图形、图像、动画、视频、录像、声音、音乐等 传统表

现媒体的优点，结合了计算机的交互功能，开发者针对客户及项目 需求通过精心的策划创意构思，结合各种表现方式，运用计算机对相关素材 进行编程集成，使其成为一有机的整体

什么叫互动媒体？ 互动媒体来自英文Multimedia , multi是指多重的，media即媒体，指我们用来表达信息的载体与形式。多媒体从字面上解释是多种媒体（文字、图像、动画、视频、声音、音乐）集合的意思。

互动媒体设计专业软件简介 二、Flash 概述：  Flash的诞生与发展  Flash的应用领域  Flash的特性  Flash 界面简介  Flash 制作流程

 导入外部文件

Flash的基本操作 图形基本绘制方法与简单动画的基本操作。

作业、讨论题、思考题： 1. 讨论思考互动媒体设计的特点是什么? 2. 温习Flash的基本操作； 3. 上网查询互动媒体设计的有关资料。 课后小结： 《互动媒体设计》 课程教案 课次 2

授课方式 （请打√） 理论课√ 讨论课□ 实验课√ 习题课□ 其他□ 课时 安排 4

授课题目（教学章、节或主题）： 第三章 Flash中帧的运用 教学目的、要求： 了解帧的基本概念与类型；熟悉逐帧动画的制作方法；掌握形状补间动画的基本操作方法。

教学重点及难点： 逐帧动画、形状补间动画的基本操作方法（教学重点） 逐帧动画、形状补间动画的基本操作方法（教学难点）

教 学 基 本 内 容 方法及手段 6

一、帧的基本概念与类型： 电影就是把很多画面串在一条塑料胶片上，每个画面称为一帧。Flash中帧是创建动画的基础，不同的帧代表着不同的时刻。

Flash的帧类型： 1．关键帧。以实心圆表示，代表这个帧中含有对象。 2．普通帧。普通帧中的对象永远和离它最近的关键帧中的对象保持一致。 3．空白关键帧。以空心圆表示，代表这个关键帧中没有任何对象，在空白关键帧中加入对象即可变成关键帧。。 4．一般空白帧。代表空白区域中没有任何对象。 5．运动渐变帧。以底色为浅蓝色的箭头符号表示，代表这个区域存在运动补间动画。 6．形状渐变帧。以底色为浅绿色的箭头符号表示，代表这个区域存在形状补间动画。 7．错误渐变帧。以虚线表示，代表这个区域存在错误的补间动画。 8．加入帧标签的帧，标签类型为名称。 9．加入帧标签的帧，标签类型为注释。 10．加入帧标签的帧，标签类型为锚记。 11．加入音乐的帧。 12．加入脚本语言的帧。

举例讲解、多媒体讲解、案例示范等。 二、逐帧动画的制作方法 三、形状补间动画的制作方法 Flash提供了两种创建动画的方式，分别为逐帧动画与补间动画，其中补间动画又可以分为形状渐变动画与运动渐变动画两种，用户可以轻易的使对象在场景中来回的运动，在运动的过程中还可以伴随有诸如放大、缩小、旋转、变色以及淡入淡出等丰富效果 。

 教师做逐帧动画与形状补间动画的教学示范。 作业、讨论题、思考题： 课堂与课后进行逐帧动画与形状补间动画实践练习。 课后小结： 8

《互动媒体设计》 课程教案 课次 3

授课方式 （请打√） 理论课√ 讨论课□ 实验课√ 习题课□ 其他□ 课时 安排 4

授课题目（教学章、节或主题）： 第四章Flash中影片剪辑的运用 第五章 Flash中的引导层与遮罩层动画 教学目的、要求： 了解元件、实例与库的基本概念与类型；理解元件、实例与库的使用方法；了解Flash中影片剪辑的基本概念与类型；熟悉Flash中影片剪辑动画的制作方法；掌握Flash中的引导层与遮罩层动画动画的基本操作方法。

教学重点及难点： Flash中影片剪辑动画的基本操作方法、Flash中的引导层与遮罩层动画动画的基本操作方法（教学重点） Flash中的引导层与遮罩层动画的基本操作方法（教学难点）

教 学 基 本 内 容 方法及手段 第四章 Flash中影片剪辑的运用 1、元件的基本概念与类型： 在Flash中，常常需要重复使用一些元素，用户可以将这些元素装入元件中，需要时再调用，避免无谓操作，并可以大大减少文件大小，提高播放速度。 元件也被称作符号或图符，是Flash动画的重要组成部分，元件的主要特性是可以被重复利用，且不会影响影片的大小。 Flash中包括三种元件类型，分别为图形元件、影片剪辑元件与按钮元件，每一种元件都具有独特的属性 。 Flash中的所有元件都被归纳在库面板中，可以被随时调用，十分方便。即使在场景中将所有元件全部删除，也不会影响库面板中的元件。 2、元件、实例与库的使用方法：  不同类型元件的创建与属性修改方法。  实例的属性设置方法： 影片中的实例可以根据需要改变其原有的元件类型，3种元件类型之间可以随意互换。实例类型的改变仅限于所选的实例，不会影响到库面板中元件的类型。  库的使用 当库项目繁多时可以利用库文件夹对其进行分类整理，库面板中可以同时包含多个文件夹，但不允许文件夹使用相同的名字。

举例讲解、多媒体讲解、案例示范等。