flash课件第1课.ppt

第一课走进Flash的精彩世界,课前导读课堂讲解上机实战课后练习,课前导读,基础知识重点知识提高知识了解知识,基础知识,FlashMX2004的启动与退出、FlashMX2004的新增功能。读者应认真阅读并熟悉其基本操作。,重点知识,FlashMX2004的操作界面、菜单功能和面板布局。读者应仔细阅读相关部分，并结合上机实战进行练习以达到熟练掌握的目的。,提高知识,用Flash制作动画的方法，读者可暂时不学或等有了一定基础以后再学。,了解知识,Flash概述、Flash的应用领域、Flash推荐网站。,课堂讲解,FlashMX2004概述启动与退出FlashMX2004FlashMX2004的操作界面FlashMX2004的菜单功能面板的基本操作,一个简单的实例从方形到圆形剖析Flash动画“内幕”“闪客”的世界Flash推荐网站,FlashMX2004概述,Flash与动画FlashMX2004的新增功能FlashMX2004的应用领域,Flash是美国Macromedia公司推出的一款动画制作软件，它是目前使用最广泛、最受广大用户青睐的平面动画制作软件。用它制作的动画不但流畅生动、画面精美，而且对制作者的要求不是很高，简单易学，因此在动画制作领域受到广大用户的青睐，Flash占据了动画制作的主流地位。在学习之前，首先应对FlashMX2004有一个完整的认识，以方便以后的学习。本课中介绍的内容读者不一定立即全部掌握和理解，只要能对FlashMX2004有一个感性的认识，就达到学习目的了。,Flash与动画,自从Flash问世后，Flash动画就成为一个流行的话题，并以惊人的速度风靡全球。现在我们经常提到的Flash包括两方面的含义：一方面是指Flash软件本身；另一方面就是指用Flash制作的动画作品，即Flash动画。用Flash制作的动画具有下载时间短、占用空间小、适用范围广等特点，这也是Flash动画能流行起来的主要原因。具体说来，Flash动画的特点主要表现在以下几个方面。,适用范围广：Flash动画的适用范围极广。它可以应用于网页、游戏、MTV、卡通短剧、商业广告和多媒体课件等领域。图像质量高：Flash动画提供了强大的矢量图形绘制功能，而且它还支持直接调用矢量图形，大多数Flash动画都是由矢量图形制作而成的。由于矢量图形可以真正无限制地放大而不影响其质量，因此图像质量很高。下载时间短：Flash动画是一种流式动画，它可以边下载边播放，而不必等待全部动画下载完毕才开始播放。,占用空间小：矢量图形占用的空间比位图小得多，由于Flash动画支持矢量图形，所以动画占用的空间可以保持最小状态，即使动画内容很丰富，也不会占用很大的空间。交互性强：在Flash动画中，开发人员可以轻易地为动画添加交互效果。如游戏、心理测试题等都是Flash动画交互性的表现。这些动画可以让用户参与，极大地提高了用户的兴趣。可以跨平台播放：Flash动画可以跨平台播放，制作好的Flash动画，不管在哪种操作系统或平台上播放，看到的内容和效果都是相同的，不会因为平台的不同而有所变化。,FlashMX2004的新增功能,2003年，Macromedia公司推出了Flash的最新版本FlashMX2004。它在以前版本的基础上新增了许多功能，而且操作界面更加友好和人性化，使用起来更加方便。主要表现在以下几个方面。,开始页如果是第一次启动FlashMX2004，将出现一个如图1-1所示的开始页。利用它，可以进行最常见的操作：如打开最近项目、创建新项目、链接到MacromediaFlashExchangeWeb站点、学习Flash课程等。另外，开始页中还显示了试用版转换信息、升级通知和其他值得关注的消息。,图1-1,如果不想在启动Flash时显示开始页，只需选中复选框即可。如果要恢复显示开始页，选择编辑首选参数菜单命令，在打开的“首选参数”对话框中选中单选项即可。,文档选项卡在Flash以前的版本中，如果打开了多个文档，要在各个文档之间切换是一件比较麻烦的事，必须在“窗口”菜单中选择相应的文档名称，而在FlashMX2004中，每一个被打开的文档名称都显示在工作区顶部，这就是文档选项卡，如图1-2所示。通过该选项卡，可以快速地在这些文档之间切换。,图1-2,时间轴特效时间轴特效是FlashMX2004新增的功能，利用该功能，可以对舞台上的任何对象应用如分离、展开、投影和模糊等时间轴特效。利用时间轴特效的方法很简单，只需选择要添加时间轴特效的对象。选择插入时间轴特效菜单命令，从弹出的子菜单中选择“变形/转换”、“帮助”或“效果”，并从相应的下拉菜单中选择一种特效，如图1-3所示，在打开的如图1-4所示的预览窗口中单击按钮，然后按【Ctrl+Enter】键即可在播放窗口中看到图形变形效果，如图1-5所示。,图1-3,图1-4,图1-5,更新的模板相对于以前版本来说，FlashMX2004添加了一些新的模板。选择文件新建菜单命令，在打开的“新建文档”对话框中单击“模板”选项卡，即可找到所有的模板，如图1-6所示。利用这些模板可创建演示文稿、表单应用程序、广告、移动设备应用程序以及其他常用的Flash文档类型。,图1-6,“行为”面板在Flash以前的版本中，必须通过编写动作脚本来控制影片剪辑和实例，而在FlashMX2004中可以使用“行为”来添加交互性，无需编写动作脚本。“行为”是指软件预先编写的“动作脚本”代码，它使得用户不必自己创建动作脚本代码，简化了许多操作。选择窗口开发面板行为菜单命令，可以打开“行为”面板，如图1-7所示。在“行为”面板中单击“添加行为”按钮，在弹出的下拉菜单中可以选择相应的命令来执行动作脚本，如图1-8所示。,图1-7,图1-8,“历史记录”面板“历史记录”面板也是FlashMX2004新增的一个面板，它可以跟踪和记录用户自创建或打开某个文档以来执行的操作。用户可以将这些操作转换为可重用的命令。选择窗口其他面板历史记录菜单命令即可打开“历史记录”面板，如图1-9所示，列表框中的每个选项都是用户曾经进行过的操作。,图1-9,FlashMX2004的应用领域,在今天，只要打开一个网站，就会看到闪动的广告、动感绚丽的动画，只要对Flash稍有了解，就知道东北人都是活雷锋、大话三国等经典Flash作品，另外，电视上的一些广告也是用Flash制作的。从平面动画到MTV、游戏，从网页到多媒体，从电子贺卡到影视片头，Flash的身影无处不在。,广告动画：打开任何一个网站可能都会弹出一些动感时尚的小广告条，使得整个网站显得富有生气，如图1-10所示就是一个网站的广告动画。电子贺卡:在新春佳节、五一节、国庆节、三八妇女节做一张电子贺卡发给亲朋好友，送去一片温暖。如图1-11所示就是一张用Flash制作的新年贺卡。,图1-10,图1-11,游戏：相信大多数电脑爱好者都对游戏很感兴趣，五子棋、俄罗斯方块、游戏战机、拼图游戏、迷宫游戏曾经伴随着我们度过美好的童年。如图1-12所示就是利用Flash制作的一款五子棋游戏。MTV:东北人都是活雷锋唱火了FlashMTV。现在随便打开一个Flash网站，就会发现FlashMTV铺天盖地席卷而来。如图1-13所示就是绝望生鱼片中的一个场景。,图1-12,图1-13,搞笑动画：一部大话三国曾经令无数人捧腹折腰，用Flash制作搞笑动画似乎成为了“闪客”们的一种娱乐方式，也为无数观众添加了不少生活乐趣。生动滑稽的动画角色、搞笑的对白让无数人沉浸在欢乐之中。如图1-14所示就是著名的大话三国中的一个场景。,图1-14,网页制作：网页制作是Flash的一个重要领域，如果您想将自己的个性展示在众人面前，用Flash制作一个个人主页是一个不错的主意；如果您想让更多的人了解你的公司，为公司制作自己的网站或网页也是一个好方法。如图1-15所示就是利用Flash制作的一个名为“西部先锋”的网站。,图1-15,片头动画：利用Flash还可以为一些游戏或宣传片做片头动画，如图1-16所示就是一个游戏片头动画的场景之一。其他：Flash的应用领域极为广泛，除了以上所讲的领域外，在网络广播、教学课件、多媒体制作等领域无处不闪烁着Flash的身影。,图1-16,启动与退出FlashMX2004,启动FlashMX2004的主要方法有以下几种。,选择开始所有程序MacromediaFlashMX2004菜单命令。双击桌面上的FlashMX2004快捷方式图标。在“我的电脑”窗口或开始我最近的文档子菜单中打开一个FlashMX2004文档。,退出FlashMX2004的方法主要有以下几种。,选择文件退出菜单命令。单击FlashMX2004主界面右上角的按钮。按【Alt+F4】键。,FlashMX2004的操作界面,启动FlashMX2004后，将出现其工作界面，该界面与其他应用软件一样，包括标题栏、菜单栏、工具栏等部分，此外FlashMX2004还包含特有的时间轴、“属性”面板、“颜色样本”面板、“组件”面板等，如图1-17所示。,图1-17,FlashMX2004工作界面中各部分的功能及含义如下。,标题栏：和其他应用软件一样，FlashMX2004的标题栏上也包括软件名称、当前文档名称和窗口控制按钮。菜单栏：菜单栏由文件、编辑、视图、插入、修改、文本、命令、控制、窗口和帮助10组菜单组成，FlashMX2004中的所有命令都可从这些菜单中找到，关于每个菜单的具体作用将在后面讲解。,工具栏：默认情况下，工具栏位于工作界面的左侧，它将Flash中最常用的工具汇集到了该工具栏中，其中包括绘图工具、填色工具和编辑工具等，关于各工具的具体用法将在以后的学习中详细讲解。时间轴：时间轴是Flash工作界面中最重要的组成部分，在制作Flash动画时，主要就是在时间轴中对帧进行编辑，动画的播放也是靠时间轴来控制的。时间轴的左边为图层区，右边由播放指针、帧、时间轴标尺及状态栏组成，如图1-18所示。,时间轴与图层是对应的，每个图层上都有自己的时间轴，图层不同，时间轴也可能不同。,图1-18,舞台：在Flash中编辑动画内容通常是在工作界面中间的白色区域（区域颜色是可以设置的）中进行的，这个白色区域叫做“舞台”，用户可以在其中进行图形的绘制和编辑等工作。场景：舞台（白色区域）外部有一大片灰色区域，这个灰色区域称为工作区。工作区中的内容在最终播放动画时是不会显示出来的。工作区就像舞台的“后台”，在其中可以做许多准备或辅助工作，但真正表现出来的只是舞台上的内容。舞台和工作区组合起来就成为“场景”。,浮动面板：FlashMX2004中包括了许多浮动面板，如“属性”面板、“动作”面板、“混色器”面板、“组件”面板等。这些面板主要用于对舞台中对象的各种属性进行设置。关于它们的使用方法，将在后面具体讲解。,事实上，图1-17中并没有将FlashMX2004中的所有面板显示出来。在“窗口”菜单的各种面板子菜单下可以看到所有的面板。,FlashMX2004的菜单功能,“文件”菜单“编辑”菜单“视图”菜单“插入”菜单“修改”菜单,“文本”菜单“命令”菜单“控制”菜单“窗口”菜单“帮助”菜单,FlashMX2004的菜单栏位于操作界面上方，它包含了FlashMX2004的10组命令菜单，如图1-19所示。,图1-19,下面对每个菜单的功能进行简单的介绍，使读者对FlashMX2004的菜单有一个全面的认识。读者在学习这一节内容时可以打开自己的FlashMX2004，一项一项地观察和测试各菜单项的作用。,“文件”菜单,“文件”菜单主要用于对Flash文档进行各种操作，主要包括文件的新建、打开、保存和关闭操作，以及导入和导出图像、发布Flash作品、页面设置和打印等常用的操作，如图1-20所示。,图1-20,“编辑”菜单,“编辑”菜单主要用于对Flash文档和图形对象进行各种编辑操作，主要包括撤消和重复操作，复制和移动对象，选择对象，查找替换对象，对帧、元件的操作和对Flash文档的参数设置等，如图1-21所示。,图1-21,“视图”菜单,“视图”菜单主要用于设置以何种方式查看Flash动画中的内容，主要包括转到其他场景、缩放场景显示比例、预览模式、对齐对象的辅助工具、是否显示标尺、网格、辅助线等，如图1-22所示。,图1-22,“插入”菜单,“插入”菜单主要用于插入元件、帧、图层和场景，并添加时间轴特效，如图1-23所示。,图1-23,“修改”菜单,“修改”菜单主要用于对各种对象进行编辑和修改，包括修改文档、元件及图形的属性、修改帧/图层和时间轴特效、变形/排列/对齐对象、打散与组合对象等操作，如图1-24所示。,图1-24,“文本”菜单,“文本”菜单主要用于编辑文本，包括设置文本的字体、大小和样式，设置不同文本的对齐方式和间距等操作，还可对文本进行拼写和检查等操作，如图1-25所示。,图1-25,“命令”菜单,“命令”菜单是FlashMX2004新增的一个菜单，它通常与“历史记录”面板结合使用，当在“历史记录”面板中将某个操作保存后，在“命令”菜单下就会显示保存该操作的名称，选择“命令”菜单下相应的命令即可重复执行该操作。如图1-26所示的“绘制椭圆”和“绘制矩形”就是保存的命令。,图1-26,“控制”菜单,“控制”菜单主要用于测试动画和对动画的播放进程进行控制。动画制作完成后，如果想只测试动画中的某一部分，不必每次都播放整个动画，可以通过“控制”菜单下的命令来实现，如图1-27所示。,图1-27,“窗口”菜单,“窗口”菜单主要用于显示和隐藏各种窗口、工具栏和面板等，并管理面板布局。如果要显示某个面板或工具栏，只需在“窗口”菜单中选择相应的命令，使其前面出现符号即可，如果要隐藏它，只需再次单击它即可，如图1-28所示。,图1-28,在“窗口”菜单下面的选项中，如果前面有符号，表示它代表的功能面板或工具栏已打开，如果没有，说明已将其隐藏。,“帮助”菜单,对于Flash初学者来说，“帮助”菜单是一个非常有用的菜单，它提供了FlashMX2004的在线帮助信息，还提供了FlashMX2004的新功能、使用方法、动作脚本字典等方面的帮助，如图1-29所示。,图1-29,面板的基本操作,显示和隐藏面板改变面板的显示状态,在制作Flash动画时，常常需要对舞台中的对象进行各种编辑操作和属性设置，除了可以利用菜单命令和工具按钮来实现外，还可以利用Flash提供的各功能面板来设置。,显示和隐藏面板,单击“窗口”菜单，在弹出的下拉菜单中可以看到FlashMX2004中的所有面板组。,在某一组面板的子菜单下选择某一选项，即可打开相应的面板，如图1-30所示。,图1-30,要隐藏某个面板，只需在“窗口”菜单中再次单击该面板名称即可。如果要隐藏所有面板，可以选择窗口隐藏面板菜单命令。所示。如果已经将Flash的工作界面设置成了自己习惯的布局，要将这种布局保存下来，可选择窗口保存面板布局菜单命令，在打开的对话框中输入该布局的名称，该名称会出现在“面板设置”子菜单下，如图1-31所示。下次要用时直接从“面板设置”子菜单中选取即可。,图1-31,改变面板的显示状态,选择窗口面板设置默认布局菜单命令可看到默认情况下的面板布局情况：项目、混色器、组件、行为等面板位于窗口的右侧，“帮助”面板、“动作”面板和“属性”面板位于工作界面的底部。Flash中的面板都是浮于工作界面上方的，不但可以隐藏或显示它们，还可以将其展开或折叠起来，或改变面板的位置。,展开与折叠面板单击浮动面板中的按钮可以展开浮动面板，同时按钮变为按钮，单击按钮可隐藏浮动面板。在展开的面板右侧有一个图标，单击该图标弹出相应的菜单，在其中可对面板进行各种操作。,关于每个面板的具体使用方法，将在后面的章节中详细讲解，这里不再赘述。这里只需对这些面板有个感性的认识就可以了。,移动面板将鼠标光标移至浮动面板的图标上，按住鼠标左键拖动，即可将其移动到窗口中的任意位置。,一个简单的实例从方形到圆形,下面通过一个最简单的例子来体验一下Flash的神奇。在本例中，要使一个矩形逐渐变成圆形。也许其中的很多步骤初学者都不知道为什么要这样做，这没有关系，只需按照文中所述一步一步制作出来即可，这样可以对Flash动画有个感性的认识。,（1）选择开始所有程序MacromediaFlashMX2004菜单命令，启动FlashMX2004，系统会自动新建一个空白的Flash文档。（2）在工作界面左边的工具栏中单击矩形工具，将鼠标光标移到舞台上，按住鼠标左键拖动绘制出一个矩形，如图1-32所示。,图1-32,如果在启动后发现工作界面上有开始页，只需在“创建新项目”栏下面单击“Flash文档”即可自动新建一个空白文档。,（3）在时间轴的第25帧上单击一下鼠标左键选中该帧，如图1-33所示。,图1-33,（4）按【F7】键插入空白关键帧，舞台中的矩形不见了。这时单击工具栏中的椭圆工具，将鼠标光标移到舞台上，按住鼠标左键拖动绘制出一个圆形，如图1-34所示。,图1-34,（5）在时间轴的第1帧上单击鼠标左键，然后展开工作界面下方的“属性”面板，在下拉列表框中选择“形状”选项，如图1-35所示。（6）这时观察时间轴，可以发现第1帧和第25帧之间出现了一个绿色背景的箭头，如图1-36所示，这表示在第1帧和第25帧之间创建了一个形状补间动画。,图1-35,图1-36,（7）为了使圆形停留久一点，可以选中时间轴中的第40帧，按【F5】键插入普通帧，然后按【Ctrl+Enter】键播放动画，可以看到一个由矩形变为圆形的动画，如图1-37所示。,图1-37,剖析Flash动画“内幕”,前面制作了一个简单的动画，这一节我们来剖析一下Flash动画的“内幕”，也就是解决Flash中的对象是怎样“动”起来的这么一个问题。具体到这个实例就是矩形是怎么变成圆形的呢。,就像电影一样，Flash动画实际是由一系列静止画面组成的，每一个画面中都有不同的对象。由于人类具有视觉暂留的特点，当看到一幅画面或一个物体后，在1/24s之内画面都不会消失，Flash动画就是利用这一视觉特点来制作的。制作者在每一帧中放置不同的静止画面，在播放动画时一帧一帧地播放，帧与帧之间的间隔时间相当短，还不到1/24s，在前一幅画面还没有在视线中消失以前就播放到下一幅画面，给人造成连续变化的感觉，从而形成“动画”。,在制作前面一个Flash动画时，经历了以下步骤。（1）创建一个Flash文档，保存时它的文件扩展名为.fla。（2）在时间轴上的每一帧创建不同的内容。这里在第1帧创建了一个矩形，在第25帧创建了一个圆形。,（3）第2-24帧是通过创建形状补间动画，由Flash自动生成每一帧中的对象。（4）拖动播放指针，Flash便依次从第1帧的内容开始播放，直到显示完最后一帧的内容，整个过程就是Flash动画的播放过程。（5）在创建完成动画后按【Ctrl+Enter】键用FlashMX2004软件自带的FlashPlayer7软件来播放创建的动画，并自动生成一个扩展名为.swf的文件。,只要播放过一次Flash文件，系统就会在Flash文档所在的位置添加一个.swf文件，以后要观看该动画，只需直接双击这个.swf文件即可。如果双击.swf文件不能播放动画，可以用鼠标右键单击该文件，在弹出的快捷菜单中选择“打开方式”命令，在打开的对话框中选择Flash安装文件夹下的MacromediaPlayer7即可。,“闪客”的世界Flash推荐网站,,上机实战,设置Flash的面板布局制作由小变大的圆,在本课上机实战中将进行两个练习：一是练习对Flash工作界面中面板布局进行设置；二是练习制作一个圆从小变大的动画，目的只是为了让读者体验一下Flash的神奇，对Flash动画有个感性的认识。本次练习涉及到的知识点主要有启动和退出FlashMX2004、菜单命令的使用、工具按钮和各种面板的使用等。需要注意的是，由于制作的需要，我们将涉及到许多没有学过的知识点，在这里读者只需按照书中所述步骤一步一步操作即可。,设置Flash的面板布局,本次练习将把Flash界面按照自己喜欢的样子布置，并将这种布局保存起来。其具体操作如下。（1）选择开始所有程序Macromed-iaFlashMX2004菜单命令，在打开的开始页中选中复选框，在“创建新项目”栏下面单击“Flash文档”自动新建一个空白文档，如图1-38所示，这是FlashMX2004的默认布局。,图1-38,（2）在工作界面右上角的“项目”面板上单击鼠标右键，在弹出的快捷菜单中选择“关闭面板”命令，关闭“项目”面板，如图1-39所示。,图1-39,（3）用相同的方法关闭“帮助”面板、“组件”面板、“组件检查器”面板和“行为”面板，如图1-40所示。,图1-40,单击“项目”面板右上角的按钮，在弹出菜单中选择“关闭面板”命令也可以关闭该面板。,（4）选择窗口设计面板对齐菜单命令，打开“对齐”面板；选择窗口设计面板变形菜单命令，打开“变形”面板；选择窗口其他面板历史记录菜单命令，打开“历史记录”面板，如图1-41所示。,图1-41,（5）将鼠标光标移动到“历史记录”面板左上角的图标上，当其变为形状时按住鼠标左键向右拖动到“混色器”面板的下方。（6）用相同的方法将“对齐”面板和“变形”面板拖动到界面的右下角，如图1-42所示。这就形成了一个自己喜欢的布局了。,图1-42,（7）选择窗口保存面板布局菜单命令，在打开的“保存面板布局”对话框中输入该布局的名称“我喜欢的布局”，如图1-43所示。该名称会出现在“面板设置”子菜单下，如图1-44所示。下次需要使用该布局时直接从“面板设置”子菜单中选取即可。,图1-43,图1-44,制作由小变大的圆,本次练习将制作一个圆从小变大的动画，其具体操作如下。（1）选择开始所有程序MacromediaFlashMX2004菜单命令，启动FlashMX2004，系统