Flash课件制作入门

１Flash课件制作入门Flash是Macromedia公司的三大网页设计利器之一，主要用于网页动画的制作。由于它采用了流控制技术、矢量技术、插件技术、关键帧和渐变技术等一系列新的技术，使得制作出来的动画具有短小精悍、声情并茂以及交互性强等特点，所以一经推出，就受到了广大动画制作者特别是网页设计者的青睐，被广泛用于网页动画的设计、多媒体软件的开发以及广告、电子贺卡、电子名片、FlashMTV、卡通片等的制作，成为当今最流行的软件之一。从以前的Flash1、Flash2、Flash3、Flash4，到现在流行的Flash5，以及最热门的FlashMX，Flash系列软件的功能得到了不断的完善和加强，Flash在网页制作中的应用也越来越广泛。特别是新近推出的FlashMX2004更是允许设计人员和开发人员在影片内容中将视频、文本、音频和图形等进行有机的整合，从而使得Flash动画在交互营销、动态演示、电子教学以及应用程序用户界面等领域中获得了更为广泛的应用。由于Flash动画具有体积小、放大后不失真、交互能力强、制作简便、可以边下载边运行、可以输出多种格式的电影文件等诸多优点，使得它在多媒体课件制作中的应用也越来越广泛。Flash课件与以前我们经常用到的PowerPoint、Authorware、FrontPage课件相比具有画面流畅，文件较小，在网络上传输速度快等特点，因此Flash尤其适合网络课件的制作。网站设计人员使用Flash可以创建出导航控件、动画Logo、具有同步声音效果的动画，完整的Flash网页，甚至完全的Flash站点。更为重要的是，Flash可以将很多特殊符号嵌入到文件之中，从而使理工科网络课程制作中的遇到的很多困难都迎刃而解。在理工科课程中，多含有大量的公式，其中包括数学符号、物理量等特殊符号，这些特殊符号在Windows操作系统大多都没有对应的字体，一般需要课件制作人员自行安装字体来解决，但又不能直接将这些特殊符号嵌入到网页中，否则在没有相应字体的客户端浏览器中将不能正确显示，所以必须借助其它的辅助工具将这些特殊符号转化为GIF、JPG等格式的图片，然后再发布于网页中，但排版时又需要用CSS定位，还要结合JavaScript，VBScript等技术来制作，可见操作起来是多么的麻烦和困难。采用Flash制作，则可以轻松克服上述缺点。用Flash制作的文件，在浏览器中看到的效果和制作时的效果将完全相同，所以在Flash制作的课件中，可以灵活运用各种字体，调整版面结构，使界面变得更加美观。本教程将以Flash5为基础，通过一个完整Flash课件的制作，引导您一步一步地进入令人神往的Flash闪烁新世界。２第一节FLASH5简介一、FLASH5的用户界面及常用面板图1Flash5用户界面Flash5用户界面的主要组成：Stage(舞台):：进行绘画和编辑动画的场所。Tools(工具箱)：由许多创作动画所需的实用工具组成。Timeline(时间轴)：可以有效的组织和控制组成动画的各种元素,使这些元素随着时间的推移而产生各种形式的动感变化，从而最终成为一部生动精彩的动画。Panels(浮动面板)Flash5有的浮动面板有１７种之多。Flash5的这些浮动面板几乎已经囊括了工具菜单的所有功能，绝大部分的操作都可以通过这些浮动面板来轻松实现。熟悉了这些浮动面板的使用方法，就可以在动画创作过程中轻车熟路，游刃有余。1、信息面板（INFO）信息面板显示编辑中各种对象的信息，如图2所示，如类型、大小、位置（坐标）和颜色，以及鼠标的当前坐标等等。当我们改变对象的大小、颜色、位置等属性时，信息面板会即时反映出来。信息面板非常实用的一个功能就是，如果用鼠标拖动不能精确确定对象的大小，或不能精确定位对象在编辑区中的位置时，可以直接在大小输入框或坐标输入框中输入精确到0.1的像素值，来精确确定对象的大小或位置。输入完毕后回车即可使输入生效。图2信息面板信息面板调色板面板字符面板实体面板舞台工具箱显示比例时间轴窗口３在通常情况下，Flash5把几个面板组合在一起，构成一个组合面板——标签式面板。这样使用更方便，不至于占去太多的屏幕空间。当然也可以把它们拆分开来，用鼠标按住标签往外拖即可变为独立的面板，要组合时又可以把它拖回去。图2所示的信息面板里就组合了Info面板、Transform面板、Stroke面板和Fill面板。2、填充面板（Fill）填充面板提供了4种填充方式：Solid（纯色填充）、LinearGradient（线性渐变填充）、RadialGradient（辐射状渐变填充）和Bitmap（位图填充）。填充面板如图3所示。图3填充面板■Solid（纯色填充）选择纯色（单色）填充方式，只能从调色板或屏幕上的任意地方选取一种颜色来填充，如图4所示。图4纯色（单色）填充方式■LinearGradient（线性渐变填充）选择线性渐变填充方式，可以使用线性渐变色填充。在线性渐变填充面板中，可以左右移动颜色滑块，调整滑块代表的颜色在渐变色中的位置。单击其中的某个滑块（即选中该滑４块），然后单击调色板色块，弹出调色板，从中选取一种颜色，可以改变当前滑块代表的颜色。设置好渐变色后，从工具箱中选择油漆桶工具，即可用设定的渐变色填充图案。如果对自己设置的渐变色感觉满意，需要保存起来供以后使用，可以单击保存按钮，把它保存到颜色样本面板（ColorSwatches）中。以后打开颜色样本面板，即可在该面板的下部选用所保存的渐变色。线性渐变填充方式及效果如图5所示。图5线性渐变填充方式■RadialGradient（辐射状渐变填充）选择辐射状渐变填充方式，可以得到辐射状渐变效果。设置方法与线性渐变填充相似。辐射状渐变填充方式及效果如图6所示。图6辐射状渐变填充方式■Bitmap（位图填充）选择位图填充方式，可以使用导入的位图填充图案，得到各种各样的填充效果。位图填充方式及效果如图7所示。图7位图填充方式５3、描绘面板（Stroke）描绘面板用来设置Flash绘画工具（如直线工具、钢笔工具、椭圆工具、矩形工具、铅笔工具等）的笔画样式、粗细和颜色。Flash5的描绘面板与Flash4不同的是，调节笔画粗细的方式改用滑杆，且所见即所得，使用更加方便。描绘面板如图8所示。图8描绘面板单击笔画样式选择菜单的下三角按钮，弹出笔画样式选择菜单。从中选择不同的样式（Flash5设置了7种笔画样式），然后选择不同的颜色，通过调整滑杆调整笔画的粗细，即可画出不同的描绘效果。描绘效果如图9所示。图9描绘效果4、转换面板（Transform）转换面板右下角有两个按钮：应用按钮和复原按钮。单击应用按钮，首先拷贝一份源对象，然后可对拷贝的对象应用转换处理。单击复原按钮，可以撤消最近一次的转换操作。图10所示的是使用应用按钮得到的转换效果。图10变形效果６5、字符面板（Character）使用字符面板（CharacterPanel），可以检查和设置字体类型、字体大小、颜色、字距、行距和基线移位，还可以设置文本链接，如图11所示。图11字符面板6、帧面板与场景面板（Frame&Scene）使用帧面板（FramePanel）很容易设置运动动画和变形动画。使用场景面板（ScenePanel）很容易在场景之间导航场景顺序和管理场景名称，如图12所示。图12帧面板与场景面板7、声音面板与实体面板（Sound&Instance）使用声音面板（SoundPanel）可以快速编辑声音和音效，设置循环。使用实体面板（InstancePanel）可以检查动画的图符和实体，如图13所示。图13声音面板与实体面板７8、效果（Effect）面板与Generator面板使用效果面板（EffectPanel），可以创建矢量图特效，如色彩和透明等。使用Generator面板（GeneratorPanel）可以设置由MacromediaGenerator服务器产生的数据驱动参数，如图14所示。图14效果面板与Generator面板9、颜色样本面板和混色器面板（Swatches&Mixer）使用颜色样本面板（SwatchesPanel）可以管理颜色、实现渐变填充，还可以导入、排序和保存颜色集。使用混色器面板（MixerPanel）可以按RGB、HSB、Hex方式快速选择颜色，设置Alpha透明，自由地在描绘和填充面板之间切换，如图15所示。图15颜色样本面板与混色器面板10、其它面板此外还有：排列面板（Align）、段落面板（Paragraph）、文本选项面板（TextOptions)、剪辑参数面板（ClipParameters）等，这里就不一一介绍了。８二、库窗口（library）每个Flash5文件都有自己的库，库中可以容纳符号、位图、声音和视频文件等元素。这些元素可重复利用，不同文件只要同时处于打开状态也可以相互调用而不会有什么影响。按[Ctrl+L]键或者选择Window-Library可调出库窗口，其形状如图16所示。库窗口的形状、大小是可以改变的，也可随意把它放置到合适的地方。图16库窗口■使用某个符号，只需把它从库里拖出来即可。■运用折叠夹很方便，一个夹子相当于一个项目，可以有效地管理符号。要把符号装入夹子或者在两个夹子间换位，只需拖动那个符号就可以了。双击某夹子可以打开/关闭该夹子。要打开/关闭所有的夹子，在库窗口的Option菜单上选择ExpandAllFolders或CollapseAllFolders。■某一项元素要更名，可以双击其名称，或者按右键弹出右键菜单，选Rename。■可以通过三角形的按钮对元素进行排序。９三、右键菜单（ContextMenus）在工作平台或时间线选定项目后击右键，出现一菜单，上面显示了与所选项目相关的各种操作，如图17所示。图17右键菜单四、矢量图和位图在计算机中，图形的显示格式有两种：矢量格式和位图格式。了解一下它们之间的不同可使工作更有效率。Flash5可创建矢量图形并对其进行动画设置，也可以导入并处理以其他方式创建的位图。1．矢量图矢量图通过直线和曲线来描述图形。之所以称之为矢量图，是因为除此之外它还包含了颜色和位置属性。矢量图的形状是由曲线通过的点来描述的，而它的颜色则由曲线的颜色和曲线所包围区域的颜色确定。在对一幅矢量图进行编辑修改时，实际上修改的是其中曲线的属性，可对其进行移动、缩放、改变形状和颜色而不影响它的显示质量。矢量图具有分辨率无关性，这意味着它可在不同分辨率的输出设备上显示，显示质量没有任何下降。2．位图位图通过把称作像素的不同颜色的点安排在网格中形成图像。位图成像的原理是通过指定的像素在网格中的排列位置和颜色值形成的，排列方式与拼接图形的方式十分类似。在对位图文件进行编辑时，对象是像素而不是曲线。位图显示的质量与分辨率有关，因为图像的每一个数据是针对特定大小的网格的，对位图进行编辑有可能改变显示的质量，尤其是缩放操作可使图形边缘呈锯齿状，在一个比图形本身分辨率低的输出设备上显示图形时也会使显示质量下降。１０五、其他概念1．帧（Frame）也可称作“影格”，在Flash5中，帧是构成作品的基本单位。帧中装载着Flash5作品的播放内容。Flash5作品的播放和交互操作也是以帧为基本单位进行的。在时间线控制窗口中，每一帧都是由一个动画轨道上的小矩形方格表示的。在Flash5中，影片由一系列不同内容的帧组成，每帧占用固定的放映时间。在Flash5中，一般的动画都是依靠关键帧来实现的，用户只需给出一个对象的几个关键动作，生成关键帧，系统就会根据需要在各个关键帧之间自动插入平滑的动画，因此，一个简单的动画可以在几分钟之内自动生成。2．层（Layer）在时间线控制窗口中，每一条动画轨道就可以包含一个Flash层，在每一个层中都包含了一系列的帧，每个层所使用的帧是独立的，各层的帧的位置是一一对应的。在播放时，场景上的某一时刻展示的图像，是由所有层中处于播放指针所在位置的帧共同组合完成的。Flash由于使用了层的概念，不同的角色可以出现在不同的