FLASH课件第1章.ppt

中文FlashMX2004案例教程,第1章中文FlashMX2004初步,本章要点1.1FlashMX2004简介1.2舞台工作区和面板1.3对象的基本操作1.4元件、实例和库1.5播放和发布Flash动画,第一课：FlashMX2004简介,重点：了解flashMX发展历史难点：了解flashMX的作用,1.1.1了解FlashMX20041Flash的发展和用处Flash是由美国一个著名的软件公司Macromedia公司出品的又一个非常受欢迎的矢量绘图和动画制作软件。1998年，Macromedia公司收购了一家很小的电脑公司，同时将该公司开发的Director的网络发布插件FutureSplash更名为Flash2后发布出去，取得了意想不到的效果。以后继续升级发展，很快就推出了Flash3，使Flash被商业界接受。1998年Macromedia公司公布了Flash动画格式文件的全部代码，方便了众多软件开发公司和其设计人员用它开发相关产品，从而更加快了它的推广与应用。1999年又推出了Flash4，更加受到各方面的重视。2000年9月发布了Flash5，引起了市场的强烈反响。2003年9月推出了最新版本FlashMX2004。目前，Flash文件的格式已成为网络动画的标准格式，是各公司和部门发布网络多媒体的首选网页设计工具。各个公司和个人推出的可以制作.swf动画文件的软件越来越多。新一代的FlashMX2004包含了两种产品，一种是普通版的FlashMX2004，一种是专业板的FlashMXProfessional2004。FlashMXProfessional2004是针对高级Web设计人员和应用程序开发者设计的，它包含了FlashMX2004的所有功能，同时还包含多个功能强大的新工具。从工作界面上看，它们基本一样，只是标题栏的名称不一样。本书介绍的是中文FlashMXProfessional2004，介绍的内容基本都适用于中文FlashMX2004。该版本注重于创建、导入和处理多种类型的媒体。与以前发布的版本相比，FlashMX2004增加了许多实用性的新功能，有着更人性化的设计和更突出的性能,Flash制作的这种动画可以在所有安装了ShockwaveFlash插件的浏览器中播放，可以在使用很小字节量的情况下，实现高质量的矢量图形和交互式动画的制作。可以使用插件的形式工作，用户只需安装一次插件，而不必像使用Java那样，每次都要启动虚拟机。Flash采用“流”的播放形式，可以边下载边观看。这些都是它之所以迅速广泛流行的重要原因。Flash可以制作出一种扩展名为.swf的动画文件，这种文件可以插入到HTML里，也可以单独成为网页。它不但可以制作一般的动画，还可以制作出带有背景声音，具有较强的交互性能的动画。Flash与Dreamweaver、Fireworks、Freehand等软件配合使用，可以快速制作精彩的网页、创建有特色的网站。Flash不仅可用于网页制作，还可以应用于交互式多媒体软件的开发。它不但可以在专业级的多媒体制作软件Authorware和Director中使用，而且还可以独立地制作多媒体演示软件、多媒体教学软件和游戏等。2FlashMX2004的主要特点（1）FlashMX2004的工作界面采用了与该公司其他软件相同特点的标准化菜单。采用浮动面板，面板安排更合理。采用“属性”面板，它可以根据对不同对象和工具的选择，显示不同的并与之有关系的内容，有效地减少了面板的数量，也极大地方便了操作。,（2）可以将快捷键转换为用户熟悉的某个软件的快捷键。（3）具有较强的矢量绘图和动画制作功能，图像质量高。制作的动画和网页数据量小。绘图工具操作方便，简单易学。（4）像素级的控制。动画的舞台工作区大小可以精确到1px1px（px即像素）。可以更轻松地对齐位图和线，并对像素边缘进行十分精细的描绘。新增了高清晰度显示小尺寸字体的功能为了弥补以前版本对小字体显示的不足，FlashMX2004在这方面做了优化，首先文字以锯齿文字显示，然后再转换成矢量文字，这样小尺寸字体也可以清晰地显示。（5）具有较强的多媒体技术。可以导入位图、QuickTime、AVI、MP3等格式文件等。可以动态地从SWF文件外部加载JPEG和MP3文件。新增了视频导入向导，可以通过向导的指引导入指定范围的视频，用户可以锁定数据的传输率。支持播放外部FLV，用户可以直接播放硬盘或其他外部存储器上的FLV(Flash视频)文件，并且不需要导入内存。这样用户可以用有限的内存播放很长的视频文件，而不需要从服务器上下载全部的文件。（6）支持直接导入和操作FreeHand文件。设计者可以通过鼠标拖拽、拷贝和粘贴等方法，或者使用导入对话框，在FlashMX2004的场景或独立关键帧中，直接映射Freehand的图像，而且具有精确的颜色映射。Freehand库中的元件也可以直接导入FlashMX2004的库中。可以直接导入PDF和Adobelllustrator10文件。,（7）在时间轴中可以添加图层文件夹，当动画变得复杂后，这个功能尤显重要，可以减少动画维护的工作量。新增了时间轴效果动画制作，例如：改变时间轴效果允许用户快速为一个对象设置动画、位置、缩放、透明度和颜色变化等。（8）可以使用影片剪辑实例作为遮罩，可以改变遮罩的属性，可以用鼠标拖曳遮罩。（9）完全与FlashMX兼容，可以在FlashMX2004中打开FlashMX文件，可以保存为FlashMX2004或FlashMX格式的文件，可以与其他人员共享Flash文件，便于协同工作。（10）为支持面向对象的编程，升级动作脚本为2.0版，与1.0版相比其语法更为严谨，输入的速度更快，更易被有经验的JAVA程序员接受。所有的脚本程序均可从外部脚本文件调入，外部的脚本文件可以是任何ASCII码编写的文本文件。（11）新增了更加面向用户的行为，用户可以通过“行为”面板快速启动ActionScript执行的界面，在无需了解代码的情况下，可以输入参数来创建自己的行为。（12）支持拼写检查和全局查找替换功能，可以对整个Flash文件进行全局查找和替换，并且支持正规表达式。这样用户进行修改时可以减少大量的工作。,（14）可以充分调用Flash文件内部库中的元件，重复利用资源。只要这个库下载以后，可以直接使用库中的元件，使文件字节数少。可以通过树状结构显示所有影片中对象的互相嵌套和使用情况。可以轻易找到文本、字体、ActionScript程序和元件名。（15）支持XML的转换和主要的HTML文本标记，允许HTML和Flash内容设计一致。新增CSS样式表，可以规范HTML和XML文件样式。可以在文本区内直接嵌入JPG、SWF或内部标号。（16）新增了历史面板，它记录了用户的每一步动作，可以用脚本回放这些动作，可以逐步执行，也可以选择几行来执行。（17）可以为多种系统平台和设备设计。使用Flash设计的内容可以在任意浏览器、系统平台和支持MacromediaFlashPlayers的设备上使用。另外，它完全支持全球语言字符集Unicode(万国码)。,第二课：中文FlashMX2004的工作环境,重点：了解flashMX的工作环境难点：理解时间轴的意义,1.1.2中文FlashMX2004的工作环境1“MacromediaFlashMXProfessional2004”对话框的使用通常在刚刚FlashMX2004时，或者关闭所有Flash文档时，会自动弹出“MacromediaFlashMXProfessional2004”对话框，如图1-1-1所示。该对话框个部分的作用简介如下。（1）“打开最近项目”栏：该栏中列出了Flash最近打开过的项目，单击其中任何一个项目名字，即可快速调出相应的Flash文档。如果此处列出的项目中没有要打开的Flash文档，可以单击“打开”按钮，调出“打开”对话框，利用该对话框选择要打开的Flash文档，再单击“打开”按钮，即可打开选择的Flash文档。,图1-1-1“MacromediaFlashMXProfessional2004”对话框,（2）“创建新项目”栏：该栏中列出了可以创建的项目，单击“Flash文档”项目，即可新建一个普通的Flash文档，进入FlashMX2004的工作环境。单击其他项目名称，可以快速创建一个相应项目的Flash文档。（3）“从模板创建”栏：该栏中列出了一些FlashMX2004提供的模板类型，单击其中一个模板类型图标按钮或名称，即可调出“从模板新建”对话框，如图1-1-2所示。利用该对话框可以选择一个具体的模板，来进一步利用模板创建Flash动画。在“从模板创建”栏的底部有一个MacromediaFlashExchange按钮，单击此按钮后，将链接到MacromediaFlashExchange网站。（4）“介绍”栏：它在“创建新项目”和“从模板创建”栏的下边，单击“Flash快速浏览”或“学习Flash课程”文字，可以登录网站，显示相关的学习信息。,图1-1-2“从模板新建”对话框,如果选中“MacromediaFlashMXProfessional2004”对话框下边的“不再显示此对话框”复选框，则下次启动FlashMX2004时或者关闭所有Flash文档时，就不会再出现此对话框，而是直接进入FlashMX2004的工作环境，如图1-1-3所示。,图1-1-3中文FlashMX2004的工作界面,2.主要工具栏主要工具栏也叫主工具栏，它有15个按钮，如图1-1-4所示。主要工具栏中各按钮的作用如表1-1-1所示。将鼠标指针移到各按钮之上，会显示该按钮的中文名称。,图1-1-4主要工具栏,3.工具箱工具箱提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为四个栏：“工具”栏、“查看”栏、“颜色”栏和“选项”栏，如图1-1-1所示。单击按下某个工具的按钮，即可激活相应的操作功能，以后把这一操作叫作使用某个工具。将鼠标指针移到各按钮之上，会显示该按钮的中文名称。（1）“工具”栏：工具箱“工具”栏内的工具用来绘制图形、输入文字和编辑图形。其中各工具按钮的名称与作用如表1-1-2所示。（2）“查看”栏：工具箱“查看”栏内的工具用来调整舞台编辑画面的观察位置和显示比例。其中两个工具按钮的名称与作用如表1-1-3所示。（3）“颜色”栏：工具箱“颜色”栏的工具是用来确定绘制图形的线条和填充的颜色。（4）“选项”栏：工具箱“选项”栏中放置了用于对当前激活的工具进行设置的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的，大多数工具都有自己相应的属性设置。在绘图、输入文字或编辑对象时，通常应当在选中绘图或编辑工具后，再对其属性和功能进行设置，才能顺利达到预期的效果。,1.1.3时间轴时间轴（Timeline）是中文FlashMX2004进行动画创作和编辑的主要工具，通常它位于舞台与主要工具栏之间，用鼠标拖拽时间轴，也可以改变它的位置。时间轴就好像导演的剧本，它决定了各个场景的切换以及演员出场、表演的时间顺序。Flash把动画按时间顺序分解成帧，在舞台中直接绘制的图形或从外部导入的图像，均可形成单独的帧，再把各个单独的帧画面连在一起，合成动画。每一个动画都有与它相应的时间轴。图1-1-5给出了一个Flash动画的时间轴。,图1-1-5时间轴,1时间轴的组成由图1-1-5可以看出，时间轴窗口可以分为左右两个区域。左边是图层控制区域，它主要用来进行各图层的操作；右边是帧控制区域，它主要用来进行各帧的操作。所谓图层就相当于舞台中演员所处的前后位置。图层靠上，相当于该图层的对象在舞台的前面。在同一个纵深位置处，前面的对象会挡住后面的对象。2图层控制区域的三个按钮的作用3下面一行按钮和信息框的作用,图1-1-6单击“绘图纸外观轮廓”按钮后的效果,1.1.4获取帮助FlashMX2004提供了非常强大的帮助，下面进行简要介绍。（1）单击“帮助”“帮助”菜单命令或按F1键，可调出“帮助”（帮助）对话框，如图1-1-7所示。单击目录中的题目，可以显示相应的帮助信息，如图1-1-8所示。单击该对话框中的“目录”按钮，可回到目录状态，如图1-1-7所示。,图1-1-7显示目录的“帮助”（帮助）对话框图1-1-8显示帮助内容“帮助”（帮助）对话框,第三课：【实例1】祖国风光美如画,重点：熟悉flashMX的工作环境难点：了解flashMX的意义,1.1.5制作第1个Flash影片【实例1】祖国风光美如画“祖国风光美如画”动画播放后，在黄色背景的演示窗口内上边，红色文字“祖国风光美如画”逐渐水平展开显示，同时一幅风景图像从小到大逐渐显示出来。该动画播放中的两个画面如图1-1-11所示。通过制作该案例，可以对中文FlashMX2004有一个初步的了解，了解它的工作环境和一些基本操作方法，了解如何新建Flash文档、设置文档属性，了解一些FlashMX2004的基本操作方法。,图1-1-11“祖国风光美如画”动画播放后的两幅画面,1新建Flash文档,图1-1-12“新建文档”（常规）对话框,2设置文档属性,图1-1-13“文档属性”对话框图1-1-14颜色面板,3创建文字由小到大逐渐展开的动画,图1-1-15静态文本的“属性”面板,图1-1-16输入的“祖国风光美如画”文字,图1-1-17时间轴中“图层1”图层内的动画,4创建图像由小逐渐变大的动画,图1-1-20导入一幅风景图像图1-1-21第1帧画面,5保存、打开、关闭Flash文档和退出FlashMX2004,第四课：舞台工作区和面板,重点：熟悉flashMX的工作区难点：掌握属性面板的使用,1.2.1舞台工作区在创建或编辑一段Flash影片时离不开舞台，像导演指挥演员演戏一样，要给演员一个排练演出的场所，这在Flash中被称为舞台。舞台中有一个白色或其它颜色的矩形区域，它是舞台的工作区，只有在舞台工作区内的对象才能够作为影片输出和打印。通常，在运行Flash后，它会自动创建一个新影片的舞台。舞台工作区是绘制图形和输入文字，编辑图形、文字和图像等对象的矩形区域，也是创建动画的区域。图形、文字、图像画面和动画等对象的展示也可以在舞台工作区中进行。1舞台工作区显示比例的调整,图1-2-1调整舞台工作区大小图1-2-2“缩放比率”菜单,2舞台工作区的网格,图1-2-3“网格”对话框图1-2-4加入网格的舞台工作区,3舞台工作区的标尺和辅助线,图1-2-5标尺栏和辅助线图1-2-6“辅助线”对话框,1.2.2面板1面扳的基本操作2“属性”面板的特点,图1-2-7“信息”面板的面板菜单图1-2-8椭圆工具的“属性”面板,3面板布局,第五课：对象的基本操作,重点：掌握移动、复制、删除对象的方法难点：掌握精确调整对象的位置与大小,1.3.1选取、移动、复制、删除和对齐对象1选取对象单击按下工具箱内的“选择工具”按钮，然后就可以选择对象，方法如下。（1）选取一个对象：单击一个对象，即可选中该对象。（2）选取多个对象方法之一：按住Shift键，同时依次单击各对象，可选中多个对象。（3）选取多个对象方法之二：用鼠标拖曳出一个矩形，可将矩形中的所有对象都选中。2移动和复制对象（1）用鼠标拖曳选中的对象，可以移动对象。如果在鼠标拖曳对象时按住Ctrl键或Alt键，则可以复制被拖曳的对象。（2）按住Shift键的同时拖曳对象，可以沿45的整数倍角度方向移动对象。如果在鼠标拖曳对象时按住Ctrl或Alt键的同时按住Shift键，则可以沿45的整数倍角度方向复制对象。3删除对象（1）选中要删除的对象，然后按Delete键，即可删除选中的对象。（2）选中要删除的对象，再单击“编辑”“清除”或单击“编辑”“剪切”菜单命令，也可以删除选中的对象。4对象的对齐,1.3.2精确调整对象的位置与大小1利用“信”面板精确调整对象的位置与大小使用选择工具选中对象。再单击“窗口”“设计面板”“信息”菜单命令，调出“信息”面板，如图1-3-1所示。利用“信息”面板可以精确调整对象的位置与大小，获取颜色的有关数据和鼠标指针位置的坐标值。“信息”面板的使用方法如下。,图1-3-1“信息”面板,2利用“属性”面板精确调整对象的位置与大小利用“属性”面板中左下角的“宽”和“高”文本框可以精确调整对象的大小，利用“X”和“Y”文本框可以精确调整对象的位置，如图1-3-2所示。,图1-3-2“属性”面板四个文本框,1.4.1元件和实例1元件和实例基本概念制作动画时，会遇到某个对象在舞台中多处出现的情况。如果把每个对象都分别制作，这样既费事又会增加动画文件的大小。为此，Flash设置了一个元件的“库”面板，用来存放各种元件。单击“窗口”“库”菜单命令，可以调出“库”面板，如图1-4-1所示。,图1-4-1“库”面板,第六课：元件及库面板,重点：掌握库面板的使用难点：理解元件的概念,2元件的分类3创建图形和影片剪辑元件4将对象转换为元件1.4.2库”面板1库的分类库有两种，一个是用户库，也叫“库”面板，用来存放用户创建Flash动画中的元件；另一个是FlashMX2004系统提供的“公用库”，用来存放FlashMX2004系统提供的元件，根据存放元件的种类，“公用库”分为三种。一个是“按钮”库，第二个是“学习交互”库，第三个是“类”库。用户库和公用库存放元素（主要是元件）的方法是一样的。2“库”面板中按钮的作用,一个动画制作完成后，生成作品的方法有两种：一是将其导出，二是将其发布。图1-5-1“控制器”面板1.5.1播放Flash动画1播放Flash动画的几种方法播放与测试Flash动画，可执行“控制”菜单的各菜单命令或使用“控制器”面板。,图1-5-1“控制器”面板,2播放动画方式的设置（1）在舞台工作区循环播放：单击选中“控制”“循环播放”菜单选项，使该菜单选项左边出现对勾。以后，可使舞台工作区内的动画播放是循环播放。（2）在舞台工作区播放所有场景的动画：单击选中“控制”“播放所有场景”菜单选项，使该菜单选项左边出现对勾。以后可使舞台工作区内的动画播放是所有场景的动画播放。3MacromediaFlashPlayer7（独立播放器）MacromediaFlashPlayer7是一个独立的应用程序，名字是SAFlashPlayer.exe。使用它可以播放SWF格式的文件。安装完成了FlashMX2004后，可以在Windows桌面上找到它。找到FlashPlayer.exe文件后，双击它即可调出MecromediaFlashPlayer7播放器。,1.5.2发布Flash动画1改变预览模式为了加速显示过程或改善显示效果，可以在查看菜单中选择有关图形质量的选项。因为图形质量需要额外计算，因而会影响动画在屏幕上的刷新速度。图形质量好，显示的速度会慢一些；如果要显示速度快，则可降低显示质量。2导出（1）单击“文件”“导出”“导出影片”菜单命令，调出“导出影片