2022年互动媒体设计教案 3

1、精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计教案教 案2022 2022 学年第 1 学期课程名称互动媒体设计系 院 、 部 艺术学院教研室 试验室 艺术设计授 课 班 级 设计 111, 设计 112,艺媒 111 主 讲 教 师 张青荣职 称 副教授使 用 教 材 无淮海工学院教务处制二 一三 年九月1 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 1 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计教案课 程 名 称

2、 课 程 类 别 任 课 教 师教案（首页）互动媒体设计总计： 32 学时基础选修课学分2 讲课： 16 学时分析争论课 : 3 学时张青荣职称： 副教授大作业及设计： 16 学时授课专业班级： 设计 111, 设计 112 艺媒 111共 3 个班对 象基要教材：无 主要参考书：1、 实例与操作万茂山等（著）北京期望电子出版社；2、朱健强,网络广告语言,厦门高校出版社本参教考材资和料主教学目的 : 互动媒体设计是艺术设计专业的一门专业基础选修课程；通过对互动媒体作品的艺术创作方法进行深化讲解, 使同学对互动媒体的艺术创作与教和应用有较全面的明白, 把握互动媒体艺术创作设计的流程, 培育同学应

3、用运算机软件进行互动媒体艺术作品基本创作设计的才能,为后续的专业设计服务 ；学要目求教学要求 : 的1、 把握互动媒体设计创作的基本原理与方法；2、 把握软件的基本使用方法；3、 独立完成一段互动网站的制作；教学重点 : 互动媒体设计分类和特点、互动媒体的设计与创作方法、的动画编辑 技巧、互动媒体设计实践；教及教学难点 : 互动媒体的设计与创作方法、的动画编辑技巧、互动媒体设计实践；学难重点点2 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 2 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设

4、计教案课次互动媒体设计课程教案4 1 授课方式理论课 争论课试验课 习题课其他课时 支配（请打）授课题目（教学章、节或主题） ：第一章、互动媒体设计概论；其次章、互动媒体设计基础软件熟识 . 教学目的、要求：明白互动媒体设计的基本概念；熟识互动媒体设计的分类与设计方法；把握互 动媒体设计基础软件的基本操作方法；教学重点及难点：互动媒体设计的设计方法、的基本操作方法（教学重点）的基本操作方法（教学难点）教 学 基 本 内 容 一、互动媒体设计概论：什么叫媒体？方法及 手段举 例 讲解、多媒体讲解、所谓媒体,是指传播信息的介质,通俗的说就是宣扬平台,能为信息的传播 供应平台的就可以称为媒体了,至于

5、媒体的内容,应当依据国家现行的有关政策,案例播放结合广告市场的实际需求不断更新,确保其可行性、相宜性和有效性；此前,传统的四大媒体分别为: 讲解；1、电视；2、广播；3、报纸；4、网站；此外,仍应有户外媒体,如路牌灯箱的广告位等；就其目前相宜性来讲,媒体应按其形式划分为平面、电波、网络三大类,即：使 用 板 书 及 投 影仪等；1、平面媒体：主要包括印刷类、非印刷类、光电类等；2、电波媒体：主要包括广播、电视广告（字幕、标版、影视）等；3、网络媒体：主要包括网络索引、平面、动画、论坛等；3 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 3 页,共 20 页精品word学习

6、资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计教案什么叫多媒体？多媒体 ：它集合文字、图形、图像、动画、视频、录像、声音、音乐等 传统表现媒体的优点,结合了运算机的交互功能,开发者针对客户及项目 需求通过细心的策划创意构思,结合各种表现方式,运用运算机对相关素材 其成为一有机的整体什么叫互动媒体？进行编程集成,使互动媒体来自英文 , 是指多重的,即媒体,指我们用来表达信息的载体与形式；多媒体从字面上说明是多种媒体（文字、图像、动画、视频、声音、音乐）集合的意思；互动媒体设计专业软件简介二、 概述：的产生与进展 的应用领域 的特性 界面简介 制

7、作流程导入外部文件的基本操作图形基本绘制方法与简洁动画的基本操作；作业、争论题、摸索题：1. 争论摸索互动媒体设计 的特点 是什么 . 2. 温习的基本操作；3. 上网查询 互动媒体设计 的有关资料；课后小结：4 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 4 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计教案互动媒体设计课程教案课次理论课 争论课2 其他课时4 授课方式试验课 习题课（请打）支配授课题目（教学章、节或主题） ：第三章 中帧的运用教学目的、要求：明白帧的基本概念与类型；

8、熟识逐帧动画的制作方法； 把握外形补间动画的基 本操作方法；教学重点及难点：逐帧动画、外形补间动画的基本操作方法（教学重点）逐帧动画、外形补间动画的基本操作方法（教学难点）教 学 基 本 内 容方法及手 段5 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 5 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计教案一、 帧的基本概念与类型 ：电影就是把许多画面串在一条塑料胶片上,每个画面称为一帧；中帧是创建动画的基础,不同的帧代表着不同的时刻；的帧类型：1关键帧；以实心圆表示,代表这个帧中含有对

9、象；2一般帧；一般帧中的对象永久和离它最近的关键帧中的对象保 持一样；3空白关键帧； 以空心圆表示, 代表这个关键帧中没有任何对象,在空白关键帧中加入对象即可变成关键帧；举例讲解、4一般空白帧；代表空白区域中没有任何对象；多媒体讲5运动渐变帧；以底色为浅蓝色的箭头符号表示,代表这个区域 解、案例示存在运动补间动画；范等；6外形渐变帧；以底色为浅绿色的箭头符号表示,代表这个区 域存在外形补间动画；7错误渐变帧； 以虚线表示, 代表这个区域存在错误的补间动画；8加入帧标签的帧,标签类型为名称；9加入帧标签的帧,标签类型为注释；10加入帧标签的帧,标签类型为锚记；11加入音乐的帧；12加入脚本语言的

10、帧；6 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 6 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计教案二、 逐帧动画的制作方法三、 外形补间动画的制作方法 供应了两种创建动画的方式,分别为逐帧动画与补间动画,其中补间动画又可以分为外形渐变动画与运动渐变动画两种,用户可 以轻易的使对象在场景中来回的运动,在运动的过程中仍可以相伴有 诸如放大、缩小、旋转、变色以及淡入淡出等丰富成效；老师做逐帧动画与外形补间动画的教学示范；作业、争论题、摸索题：课堂与课后进行逐帧动画与外形补间动画实践练习

11、；课后小结：7 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 7 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计教案互动媒体设计课程教案课次理论课 争论课3 其他课时4 授课方式试验课 习题课（请打）支配授课题目（教学章、节或主题） ：第四章中影片剪辑的运用 第五章 中的引导层与遮罩层动画教学目的、要求：明白元件、实例与库的基本概念与类型；懂得元件、实例与库的使用方法；明白中影片剪辑的基本概念与类型；熟识中影片剪辑动画的制作方法；把握中的 引导层与遮罩层动画动画的基本操作方法；教学重点及难

12、点：中影片剪辑动画的基本操作方法、方法（教学重点）中的引导层与遮罩层动画动画的基本操作中的引导层与遮罩层动画的基本操作方法（教学难点）教 学 基 本 内 容方法及手 段8 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 8 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计教案第四章 中影片剪辑的运用1、元件的基本概念与类型 ：在中,经常需要重复使用一些元素, 用户可以将这些元素装入元 件中,需要时再调用,防止无谓操作,并可以大大削减文件大小,提 高播放速度；元件也被称作符号或图符, 是动画的重

13、要组成部分, 元件的主要特性是可以被重复利用,且不会影响影片的大小；中包括三种元件类型, 分别为图形元件、 影片剪辑元件与按钮元举例讲解、多媒体讲解、案例示范等；件,每一种元件都具有特殊的属性；中的全部元件都被归纳在库面板中, 可以被随时调用,非常便利；即使在场景中将全部元件全部删除,也不会影响库面板中的元件；2、元件、实例与库的使用方法：不同类型元件的创建与属性修改方法；实例的属性设置方法：影片中的实例可以依据需要转变其原有的元件类型,3 种元件类型之间可以随便互换；实例类型的转变仅限于所选的实例,不会影响到库面板中元件的类型；库的使用 当库项目繁多时可以利用库文件夹对其进行分类整理,库面板

14、中可以 同时包含多个文件夹,但不答应文件夹使用相同的名字；9 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 9 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计教案3、中影片剪辑的特点及创建方法 4、中影片剪辑的编辑与修改方法 5、中影片剪辑所塑造的动画特效案例分析 第五章 中的引导层与遮罩层动画 1、中引导层的熟识及路径动画的制作 创建引导层动画：一般引导层可以懂得为除标尺、 网格等帮助工具以外的另一种辅 助制图手段, 例如在引导层上绘制图形, 然后将一般图层上的对象与 引导层中的图形对齐

15、, 或者在引导层中绘制一个网页的框架,接着在 一般图层中制作网页内容； 引导层除了起到引导的作用以外,同时具 备一般图层中的任何属性, 也就是说,在一般图层上能执行的操作在 引导层上同样可以,它们之间唯独的区分是在引导层上绘制的图形与 线条为引导线,在播放影片时,不会被显示出来；创建一般引导层创建运动引导层 同时引导多个图层 2、中的遮罩层的熟识及遮罩动画的制作 创建遮罩层动画：遮罩在中有着广泛的应用, 可以做出许多意想不到的成效； 遮罩举例讲解、多媒体讲解、案例示 范等；层的实现需要通过两个以上的图层,建立遮罩与被遮罩的关系, 也就是说,遮罩层不仅可以与一个一般图层之间建立遮罩关系,也可以同

16、时与多个一般图层之间建立遮罩关系；遮罩层的原理：懂得遮罩层的原理关键要记住两条：第一,遮罩层本身是不会被观察的；不管画出什么图形,简洁或复杂,只要它被用作遮罩层,在 播放时就不会显示出来, 也就是说, 不用管它是什么颜色, 遮罩层只 要求图形的外形, 在遮罩层中, 图形的填充颜色, 或是位图里的图形都会被忽视, 得到的遮罩范畴只是这个图形的剪影；其次,遮罩层中的对象掩盖的部分, 就是建立遮罩关系后显示的部分；另外,线条不 可以被用来制作遮罩层,要应用线条,必需要将它转换为填充色；将多个图层应用于同一个遮罩层时, 只需将这个图层拖拽置遮罩 层之下,即可与遮罩层之间建立了遮罩和被遮罩的关系；- -

17、 - 细心整理 - - - 欢迎下载 - - -老师做引导层与遮罩层动画的教学示范；第 10 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计教案作业、争论题、摸索题：课堂与课后做影片剪辑、引导层与遮罩层动画实践练习；课后小结：11 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 11 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计教案互动媒体设计课程教案课次理论课 争论课4 其他课时4 授课方式试验课 习题课

18、（请打）支配授课题目（教学章、节或主题） ：按钮元件的制作及动作指令教学目的、要求：进一步懂得元件、实例与库的使用方法；熟识按钮元件的制作及动作指令的使 用方法；熟识动作指令的基本概念；把握按钮元件的制作及动作指令的操作方法；教学重点及难点：按钮元件的制作及动作指令的操作方法（教学重点）按钮元件的制作及动作指令的操作方法（教学难点）方法 教 学 基 本 内 容 及手 段一、按钮元件的制作：通过绘制与鼠标大事相对应的对象, 按钮元件主要用于创建响应鼠举例讲解、多媒体讲解、案例示范标大事的交互式按钮； 鼠标大事包括鼠标触及与单击两种；将绘制的图形转换为按钮元件, 在播放影片时, 当鼠标靠近图形时,

19、 光标就会变成小手状态,为按钮元件添加脚本语言,即可实现影片的掌握；二、动作指令的操作：交互式动画就是答应观众对影片进行掌握,而达到某种目的的动画； 交互式动画在动画与观众之间形成一种互动,使观众可以参加到动画中来； 例如前面介绍的按钮元件的制作, 它可以通过鼠标的移入或移出制作出不同的 响应成效；而除了简洁的响应成效以外,仍可以通过为按钮编写脚本语言,使按钮具有掌握影片的播放或者链接到指定的网页中去的功能；这是传统动画所不具备的,在中却能轻松实现；全部脚本语言的编写均在动作面板中完成,执行“ 窗口” “ 开发面板”“ 动作” 命令或直接按F9 快捷键,即可打开动作面板；等；12 / 20 -

20、 - - 细心整理 - - - 欢迎下载 - - -第 12 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计教案动作面板共有三个窗口组成, 左上角为动作工具栏, 以树状结构显示支 持的全部脚本语言； 左下角为信息工具栏, 显示当前的挑选, 也就是要附加举 例讲解 、多 媒体 讲解 、案 例示 范等；脚本语言的对象和已经附加脚本语言的对象的信息；右边为脚本编辑区, 编辑与显示脚本语言的窗口；交互式动画原理：交互式动画是由触发动作的大事、大事的目标和触发大事的动作3个因素组成的,例如单击按钮后,影片开头播放这一大事

21、；其中,单击 是触发动作的大事, 按钮是大事的目标, 影片开头播放是触发大事的动 作；换句话说,大事、目标和动作构成了一个交互式动画；在中,大事包括鼠标大事、 键盘大事和帧大事三种； 目标包括时间 轴、按钮元件和影片剪辑元件三种； 而动作就是指掌握影片的一系列脚本语言,所以说脚本语言的编写也就是各种动作的编写；在编写脚本语言时,既可以通过直接在脚本编辑区中输入字符进行编 写,又可以通过在动作工具栏中挑选项目进行编写；单击动作工具栏中的项目文件夹, 可绽开或收缩文件夹； 在绽开的项目文件夹中包含多个脚本项目, 通过双击进行挑选； 此外,仍可以通过添加动 作按钮,将新项目添加到脚本中；时间轴掌握中

22、包括了几种最常用的动作, 用于掌握影片或影片剪辑元件 中的时间轴； 懂得这些语言的意义, 把握它们的编写与操作, 可以轻松实现 交互式影片中最为常见的成效； 实例如掌握影片的播放, 停止和重新播放等；时间轴掌握命令位于全局函数的子文件夹中；三、老师做按钮元件的制作及动作指令的操作的教学示范；作业、争论题、摸索题：做按钮元件的制作及动作指令实践操作练习；课后小结：13 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 13 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计教案课次互动媒体设计课程教

23、案课时4 5 授课方式理论课 争论课试验课 习题课其他（请打）支配授课题目（教学章、节或主题） ：导入声音及其它媒体；多场景动画；影片的测试、优化、发布与导出教学目的、要求：明白声音及其它媒体的导入程序； 熟识多场景动画的链接设置方法；把握影片 的测试、优化、发布与导出方法；教学重点及难点：导入声音及其它媒体的操作方法（教学重点）多场景动画的链接设置方法（教学难点）方法 教 学 基 本 内 容 及手 段14 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 14 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - -

24、- 互动媒体设计教案一、声音的导入：声音是的影片的重要组成部分,有声影片会使动画更加生动自然,给人身临其境之感；在中,既可以为整部影片添加声音,也可以单独为影片中的某个元件添加声音；举 例 讲解 、 多媒 体 讲在一部影片中,同一个声音文件可以被反复利用；用户仍可以自行设 定声音与影片的同步方式； 而在声音资源的使用上也有着其它软件无法媲 美的高压缩率,所以制作的影片极为轻巧,便于流传；可以导入影片的声音格式有： 、3 和 （仅限苹果机）格式；以上格式中,最常用的为格式,它既可以应用于机,又可以应用于苹果机 ；声音导入的程序：1. 新建文档,执行“ 文件” “ 导入” “ 导入到库” 命令,弹

25、出“ 导入 到库” 的对话框,在文件类型中挑选声音格式,接着选中要导入的声音文 件,单击“ 确定” 按钮；2. 返回场景编辑模式,按下快捷键打开库面板,在库面板中可以看到刚刚 挑选的声音文件；解 、 案例 示 范等声音不但可以应用于整部影片中,仍可以应用于某个元件中,和元件 的原理相同,声音可以被反复利用及制作各种声音成效,均以库面板中声音为基础；二、其它媒体的导入与声音的导入方法相像；15 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 15 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计

26、教案三、多场景动画链接；1、为每一个场景最终一帧设置停止动作语言关键帧；2、在每一个场景添加好相应的链接按钮；举 例 讲解 、 多3、为每一个链接按钮正确添加动作语言；* 留意：输入动作语言是全角与半角输入法的精准切换！四、影片的测试、优化、发布与导出：媒 体 讲解 、 案例 示 范等；1.可以在两种环境下测试影片,一种为影片编辑环境,另一种为影片测试环境；在影片编辑环境下,按键可以对影片进行简洁的测试,但影片中的影 片剪辑元件、 按钮元件以及脚本语言也就是影片的交互式成效均不能得到测试；要在影片编辑环境下测试简洁的帧动作（、 、和）,需要执行“ 掌握”“ 启用简洁帧动作” 命令；2. 优化影

27、片的最终目的是削减文件的大小,确保它的播放流畅；由于无 论影片如何杰出,假如在播放的过程中发生多次间断,都会影响它的 成效；所以对影片进行必要的优化是影片制作的最终步骤,下面将讲 述如何对影片的各种对象进行优化以及优化的一些技巧；3. 可以将影片发布成多种格式,而在发布之前需进行必要的发布设置,定义发布的格式以及相应的设置,达到正确成效；在“ 发布设置” 对 话框中,可以一次性发布多个格式,且每种格式均储存为指定的发布 设置,可以拥有不同的名字；导出影片不像发布那样可以对影片的各方面进行设置,它可以把当前 4.影片全部导出为支持的格式；而影片的导出分为两种,分别是导出图 片与导出影片；五、老师

28、做声音及其它媒体导入、多场景动画链接设置、影片的测试、优 化与导出教学示范；作业、争论题、摸索题：做声音及其它媒体导入、 多场景动画设置及影片的测试、优化与导出实践操 作练习；课后小结：16 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 16 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设计教案课次互动煤体设计课程教案课时4 6 授课方式理论课争论课试验课 习题课 其他（请打）支配授课题目（教学章、节或主题） ：第八章 互动媒体设计综合作业实践训练一教学目的、要求：通过互动媒体设计综合作业实

29、践训练,进一步明白互动媒体作品制作的程序,熟识互动媒体作品制作的原理与方法,把握互动媒体作品制作的方法与技巧；教学重点及难点：互动媒体综合作品的艺术设计与制作技巧的现实运用（教学重点）互动媒体综合作品的制作技巧的现实作品运用（教学难点）教 学 基 本 内 容 方法及手段 一、理论学问与关键操作技巧学问的复习 实践教学二、互动媒体综合作业的艺术设计与运算机制作的实践训练（一）同学进行互动媒体综合作品的前期设计制作实践练习,老师 随堂指导；作业、争论题、摸索题：完成主题性互动媒体设计综合作业的设计与初步制作；课后小结：17 / 20 - - - 细心整理 - - - 欢迎下载 - - -第 17 页,共 20 页精品word学习资料 可编辑资料 - - - - - - - - - - - - - - - - - 互动媒体设