互动媒体设计教案.docx
教案2013-2014学年第1学期系（院、部）艺术学院教研室（试验室）艺术设计授课班级设计111,设计112,艺媒I1.1.主讲教师张育荣职称副教授使用教材_无课程名称互动媒体设计淮海工学院教务处制二O一三年九月教案（首页）课程名称互动媒体设计总计：32学时课程类别基础选修课学分2讲课，S学时分析探讨课：_1学时大作业与设计2坨学时任课教师张青荣职称：副教授授课对象专业班级：设计111,设计112艺媒U1.共3个班基要教材：无本参主要参考书：1、实例与操作万茂山等（著）北京希望电子出版社。教考2、朱健强，网络广告语言讥厦门高校出版社材资教学目的：互动媒体设计是艺术设计专业的一门专业基础选修课程。通过对互动媒体作品的艺术创作方法进行深化讲解，使学生对互动媒体的艺术创作与应用有较全面的了解，驾驭互动媒体艺术创作设计的流程，培育学生应用计算机软件进行互动媒体艺术作品基本创作设计的实力，为后续的专业设计服务。教学要求：I、驾驭互动媒体设计创作的基本原理与方法：2、驾驭软件的基本运用方法：3、独立完成一段互动网站的制作：教学重点：教与学难重点点互动媒体设计分类和特点、互动媒体的设计与创作方法、的动画编辑技巧、互动媒体设计实践。教学难点：互动媒体的设计与创作方法、的动画编辑技巧、互动媒体设计实践。6互动媒体设计课程教案课次1授课方式（请打J）理论课J探讨课口试验课J习题课口其他口课时支配4授课题目（教学章、节或主题：第i章、互动媒体设计概论；其次章、互动媒体设计基础软件相识.教学目的、要求：解互动媒体设计的基木概念：熟识互动媒体设诃的分类与设计方法：驾驭互动媒体设计基础软件的基本操作方法。教学重点与难点：互动媒体设计的设计方法、的基本操作方法（教学重点）的基本操作方法（教学难点）教学基本内容方法与手段举例讲解、多媒体讲解、案例播放讲解：运用板书与投影仪等。一、互动媒体设计概论：什么叫媒体？所谓媒体，是指传播佰息的介质，通俗的说就是宣扬平台，能为信息的传播供应平台的就可以称为媒体了，至于媒体的内容，应当依据国家现行的有关政策，结合广告市场的实际需求不断更新，确保其可行性、相宜性和有效性。此前，传统的四大媒体分别为：1、电视：2、广播：3、报纸：4、网站;此外，还应有户外媒体，如路牌灯箱的广告位等。就其11前相宜性来讲，媒体应按其形式划分为平面、电波、网络三大类，即：1、平面媒体：主要包括印刷类、非印刷类、光电类等。2、电波媒体：主要包括广播、电视广告（字幕、标版、影视）等。3、网络媒体：主要包括网络索引、平面、动画、论坛等。什么叫多媒体？多媒体:它集合文字、图形、图像、动画、视频、录像、声音、音乐等传统表现媒体的优点，结合了计算机的交互功能，开发者针对客户与项目需求通过细心的策划创意构思，结合各种表现方式,运用计算机对相关素材进行编程集成，使其成为有机的整体什么叫互动媒体？互动媒体来自英文，是指多垂的，即媒体，指我们用来表达信息的裁体与形式。多媒体从字面上说明是冬种媒体（文字、图像、动画、视频、声音、音乐）集合的意思。互动媒体设计专业软件简介二、概述： 的诞生与发展 的应用领域 的特性 界面简介 制作流程 导入外部文件的基本操作图形基本绘制方法与简洁动画的基木操作。作业、探讨题、思索题：1 .探讨思索互动媒体设计的特点是什么2 .温习的基本操作；i3.上网在询互动媒体设计的有关资料。O课后小结：互动媒体设计课程教案课次2授课方式（请打J）理论课J探讨课口试脸课J习题课口其他口课时支配4授课题目（教学章:、节或主题）:第三章中帧的运用教学目的、要求：了解帧的基本概念与类型；熟识逐帧动画的制作方法；驾驭形态补间动画的基本操作方法。教学重点与难点：逐帧动画、形态补间动画的基本操作方法（教学重点）逐帧动画、形态补间动画的基木操作方法（教学难点）教学基本内容方法与手段一、帧的基本概念与类型：电影就是把许多画面串在一条塑料胶片上，每个画面称为一帧“中帧是创建动画的基础，不同的帧代表着不同的时刻。的帧类型：1 .关键帧。以实心圆表示，代表这个帧中含有对象。2 .一般帧。一般帧中的对象恒久和离它最近的关键帧中的对象保持一样。3 .空白关谜帧,以空心圆表示，代表这个关键帧中没有任何对象，在空白关键帧中加入对象即可变成关键帧。4 .一般空白帧。代表空白区域中没有任何对象。5 .运动渐变帧。以底色为浅蓝色的箭头符号表示，代表这个区域存在运动补间动画。6 .形态渐变帧。以底色为浅绿色的箭头符号表示，代表这个区域存在形态补间动画。7 .错误渐变帧。以虚线表示，代表这个区域存在错误的补间动画。8 .加入帧标签的帧，标签类型为名称。9 .加入帧标签的帧，标签类型为注释。10 .加入帧标签的帧，标签类型为锚记。11 .加入音乐的帧。12 .加入脚本语言的帧。举例讲解、多媒体讲解、案例示范等。二、逐帧动画的制作方法三、形态补间动画的制作方法供应门两种创建动画的方式，分别为逐帧动画与补间动画，其中补间动画又可以分为形态渐变动画与运动渐变动画两种，用户可以轻易的使对象在场景中来回的运动，在运幼的过程中还可以伴随有诸如放大、缩小、旋转、变色以与淡入淡出等丰富效果O老师做逐帧动画与形态补间动画的教学示范。作业、探讨题、思索题：课堂与课后进行逐帧动画与形态补间动画实践练习。课后小结：互动媒体设计课程教案课次3授课方式（请打J）理论课J探讨课口试验课J习题课口其他口课时支配4授课题目（教学章、节或主题）：第四章中影片剪辑的运用第五章中的引导层与遮罩层动画教学目的、要求：r解元件、实例与库的基本概念与类型：理解元件、实例与库的运用方法；了解中影片剪辑的基本概念与类型：熟识中影片剪辑动画的制作方法：驾驭中的引导层与遮罩层动画动画的基本操作方法。教学雨点与难点：中影片剪辑动画的基本操作方法、中的引导层与遮罩层动画动画的基本操作方法（教学重:点）中的引导层与遮景层动画的基本操作方法（教学难点）方法与手教学基本内容第四章中影片剪辑的运用1、元件的基本概念与类型,在中，经常须要币;复运用些元素，用户可以将这些元索装入元件中，须要时再调用，避开无谓操作，并可以大大削减文件大小，提高播放速度。元件也被称作符号或图符，是动画的重要组成部分，元件的主要特性是可以被重复利用，且不会影响影片的大小。中包括三种元件类型，分别为图形元件、影片剪辑元件与按钮元件，每i种元件都具有独特的属性举例讲中的全部元件都被归纳在库面板中，可以被随时调用，非解、多媒常便利。即使在场景中将全部元件全部删除，也不会影响库面体讲解、板中的元件。案例示范2、元件、实例与库的运用方法：等。 不同类型元件的创建与属性修改方法。 实例的属性设苴方法：影片中的实例可以依据须要变更其原有的元件类型，3种元件类型之间可以随意互换。实例类型的变更仅限于所选的实例，不会影响到库面板中元件的类型。 库的运用当库项目繁多时可以利用库文件夹对其进行分类整理，库面板中可以同时包含多个文件夹，但不允许文件夹运用相同的名字。3、中影片剪辑的特点与创建方法4、中影片剪辑的编辑与修改方法5、中影片剪辑所塑造的动画特效案例分析第五章中的引导层与遮罩层动画1、中引导层的相识与路径动画的制作创建引导层动画：一般引导层可以理解为除标尺,网格等协助工具以外的另一种协助制图手段，例如在引导层上绘制图形，然后将一股图层上的对象与引导层中的图形对齐，或者在引导层中绘制个阿页的框架，接着在一般图层中制作网页内容。引导层除r起到引导的作用以外，同时具备般图层中的任何属性，也就是说，在一般图层上能执行的操作在引导层上同样可以，它们之间唯的区分是在引导层上绘制的图形与线条为引导线，在播放影片时，不会被显示出来。创建一般引导层创建运动引导层举例讲同时引导多个图层解、多媒2、中的遮罩层的相识与遮罩动画的制作体讲解、创建遍罩层动画：案例示范遮罩在中有着广泛的应用，可以做出许多意想不到的效果。等。遮罩层的实现须要通过两个以上的图层，建立遮罩与被遮单的关系，也就是说，遮罩层不仅可以与一个一般图层之间建立遮单关系，也可以同时与多个般图层之间建立遮罩关系。遮罩层的原理：理解遮罩层的原理关键要记住两条；第,遮罩层本身是作业、探讨题、思索题：i课堂与课后做账片剪辑、引导层与遮率层动画实践练习。O课后小结：互动城体设计课程教案课次4授课方式（请打J）理论课J探讨课口试脸课J习题课口其他口课时支配4授课题目（教学章、节或主题）：按钮元件的制作与动作指令教学目的、要求：进一步理解元件、实例与库的运用方法；熟识按钮元件的制作与动作指令的运用方法：相识动作指令的基本概念；驾驭按钮元件的制作与动作指令的操作方法。教学重点与难点:按钮元件的制作与动作指令的操作方法（教学重点）按钮元件的制作与动作指令的操作方法（教学难点）教学基本内容方法与手段举例讲解、多媒体讲解、案例示范等。一、按钮元件的制作:通过绘制与鼠标事务相对应的对象，按钮元件主要用于创建响应鼠标事务的交互式按钮。鼠标事务包括鼠标触与与单击两种。将绘制的图形转换为按钮元件，在播放影片时，当鼠标能近图形时，光标就会变成小手状态，为按钮元件添加脚本语言，即可实现影片的限制。二、动作指令的操作：交互式动画就是允许观众对影片进行限制，而达到某种目的的动画。交互式动Mi在动画与观众之间形成一种互动，使观众可以参加到动画中来。例如前面介绍的按钮元件的制作，它可以通过尿标的移入或移出制作出不同的响应效果。而除r简洁的响应效果以外，还可以通过为按钮编写脚本语言，使按钮具有限制影片的播放或者链接到指定的网页中去的功能。这是传统动画所不具备的，在中却能轻松实现°全部脚本语言的编写均在动作面板中完成，执行“窗口”一“开发面板”-“动作”吩咐或干脆按F9快捷键，即可打开动作面板。举例讲解、多媒体讲解、案例示范等。动作面板共有三个窗口组成，左上角为动作工具栏，以树状结构显示支持的全部脚本语言。左下角为信息工具栏，显示当前的选择，也就是要附加脚本语言的对象和已经附加脚本语言的对象的信息.°右边为脚本编辑区，编辑与显示脚本语言的窗口。交互式动画原理：交互式动画是由触发动作的事务、事务的目标和触发事务的动作3个因素组成的，例如果击按钮后，影片起先播放这一事务。其中，单击是触发动作的事务，按钮是事务的目标，影片起先播放是触发事务的动作。换句话说，事务、目标和动作构成一个交互式动画。在中，事务包括鼠标事务、键盘事务和帧事务三种。目标包括时间轴、按钮元件和影片剪辑元件三种。而动作就是指限制影片的一系列脚本语言，所以说脚本语言的编写也就是各种动作的编写O在编写脚本语言时，既可以通过干脆在脚本编辑区中输入字符进行编写，乂可以通过在动作工具栏中选择项目进行编写。单击动作工具栏中的项目文件夹，可绽开或收缩文件夹。在绽开的项目文件夹中包含多个脚本项目，通过双击进行选择。此外，还可以通过添加动作按钮，将新项目添加到脚本中。时间轴限制中包括几种最常用的动作，用于限制影片或影片剪辑元件中的时间轴O理解这些语言的意义，驾驭它们的编写与操作，可以轻松实现交互式影片中最为常见的效果。实例如限制影片的播放,停止和重新播放等。时间轴限制吩咐位于全局函数的子文件夹中。作业、探讨题、思索题：;做按钮元件的制作与动作指令实践操作练习。6课后小结：Q互动，体设计课程教案课次5授课方式（请打J）理论课J探讨课口试验课J习题课口其他口课时支配4授课题目（教学章、节或主题：导入声音与其它媒体；多场母动画；影片的测试、优化、发布与导出教学目的、要求：r解声音与其它媒体的导入程序：熟识多场景动画的链接设置方法：驾驭影片的测试、优化、发布与导出方法。教学重点与难点:导入声音与其它媒体的操作方法（教学重点）多场景动画的链接设置方法（教学难点）教学基本内容方法与手段举例讲解、多媒体讲解、案例示范等一、声音的导入：声音是的影片的重要组成部分，有声影片会使动画更加生动自然，给人身临其境之感。在中，既可以为整部影片添加声音，也可以单独为影片中的某个元件添加声音.在一部影片中，同一个声音文件可以被反且利用。用户还可以自行设定声音与影片的同步方式。而在声音资源的运用上也有若其它软件无法媲美的高压缩率，所以制作的影片极为灵巧，便于流传。可以导入影片的声音格式有：、3和（仅限苹果机）格式。以上格式中，最常用的为格式，它既可以应用于机，又可以应用于苹果机。声音导入的程序：1.新建文档，执行“文件”一“导入”一“导入到库”吩咐，弹出“导入到库”的对话框，在文件类型中选择声音格式，接着选中要导入的声音文件，单击“确定”按钮。2.返回场景编辑模式，按下快捷键打开库面板，在库面板中可以看到刚刚选择的声音文件。声音不但可以应用于整部影片中，还可以应用于某个元件中，和元件的原理相同，声音可以被反史利用与制作各种声音效果，均以库面板中声音为基础。二、其它媒体的导入与声音的导入方法相像；举例讲解、多媒体讲解、案例示范等.三、多场景动画能接。1、为每一个场景最终一帧设置停止动作语言关键帧：2、在每一个场景添加好相应的徒接按钮：3、为每一个链接按钮正确添加动作语言。*留意：输入动作语言是全角与半角输入法的精准切换！四、账片的测试、优化、发布与导出：1 .可以在两种环境下测试影片，一种为影片编辑环境，另一种为膨片测试环境。在影片编辑环境下，按健可以对影片进行简洁的测试，但影片中的影片剪辑元件、按钮元件以与脚本语言也就是影片的交互式效果均不能得到测试。要在影片编辑环境下测试简洁的帧动作（、和，须要执行“限制”-“启用简洁帧动作”吩咐。2 .优化影片的最终目的是削减文件的大小，确保它的播放流畅。因为无论影片如何精彩，假如在播放的过程中发生多次间断，都会影响它的效果。所以劝影片进行必要的优化是影片制作的最终步骤，下面将讲解并描述如何对影片的各种对象进行优化以与优化的一些技巧。3 .可以将影片发布成多种格式，而在发布之前需进行必要的发布设置，定义发布的格式以与相应的设置，达到最佳效果。在“发布设苴”对话框中，可以一次性发布多个格式，且每种格式均保存为指定的发布设置，可以拥有不同的名字。4 .导出影片不像发布那样可以对影片的各方面进行设置，它可以把当前影片全部导出为支持的格式。而账片的导出分为两种，分别是导出图片与导出影片。五、老师做声音与其它媒体导入、多场景动画链接设置、影片的测试、优化与导出教学示范。作业、探讨题、思索题:做声音与其它媒体导入、多场景动画设宜与影片的测试、优化与导出实践操作练习。课后小结:互动煤体设计课程教案课次6授课方式（请打J）理论课口探讨课口试验课J习题课其他口课时支配4授课题目（教学章、节或主题：第八章互动媒体设计综合作业实践训练一教学目的、要求：通过互动媒体设计综合作业实践训练，进一步了解7T动媒体作品制作的程序，熟识互动媒体作品制作的原理与方法，驾驭互动媒体作品制作的方法与技巧。教学重点与难点：互动媒体综合作品的艺术设计与制作技巧的现实运用（教学重点）互动媒体综合作品的制作技巧的现实作品运用（教学难点）教学基本内容方法与手段一、理论学问与关键操作技巧学问的熨习二、互动媒体综合作业的艺术设计与计算机制作的实践训练（一）学生进行互动媒体综合作品的前期设计制作实践练习，老师随堂指导。实践教学作业、探讨题、思索题：完成主题性互动媒体设计综合作业的设计与初步制作。课后小结：互动煤体设计课程教案课次7授课方式（请打J）理论课探讨课口试验课J习题课J其他口课时支配4授课题目（教学章、节或主题）：第八章互动媒体设计综合作业实践训练二教学目的、要求：通过互动媒体设计综合作业实践训练，进步了解互动媒体作品制作的程序、熟识互动媒体作品制作的原理与方法、驾驭互动媒体作品制作的方法与技巧，提升互动媒体艺术作品综合时间实力。教学重点与难点：互动媒体综合作品的艺术创意的融入、制作技巧的娴熟运用（教学重点）互动媒体综合作品的制作技巧的娴熟运用（教学难点）教学基本内容方法与手段一、理论学问与关键操作技巧学问的旦习二、互动媒体综合作业的中后期制作实践训练（二）学生进行互动媒体综合作品的中后期设计制作实践练习，老师随堂指导。实践教学作业、探讨题、思索题:完成主题性互动媒体设ir综合作业的中后期制作o课后小结:课次8授课方式（请打J）理论课口探讨课口试验课J习题课其他口课时支配4授课题目（教学章、节或主题：课程总结与作业点评、修正教学目的、要求：通过课程总结与作业点评，进步明白互动媒体作品制作的程序、明晰互动媒体作品制作的原理与方法、驾驭互动媒体作品制作的方法与技巧。教学重点与难点：互动媒体综合作品的制作完成（教学重点）互动媒体综合作品的艺术创意与制作表现的结合（教学难点）教学基本内容方法与手段一、课程总结与作业点评；二、互动媒体综合作业的后期制作实践训练：学生进行互动媒体综合作品的后期制作实践练习，老师随堂指导。实践教学；总结、作业点评、探讨。作业、探讨题、思索题：互动煤体设计课程教案进一步修正与完善主题性互动媒体综合作业的制作。课后小结:
