Flash技术突破.docx

1、Flash技术突破 Flash技术突破众所周知，Flash是美国著名的多媒体软件公司Macromedia开发的矢量图形编辑和交互式动画制作的专业软件。利用它可以将音乐、声效、影片、动画以及富有新意的界面融合在一起，从而制作出高品质的网页动画和多媒体作品。目前，Flash已成为一个非常流行的动画制作软件，并赢得了广大网页制作者与课件制作者的青睐。在Flash的制作过程中，掌握一定的绘图方法与技巧，对日后更好地使用该软件进行创作是非常有好处的。因为通过Flash绘图产生的矢量图，会使作品能以很小的体积表现出良好的品质。在本章里，将以Macromedia Flash Professional 8中文

2、专业版为平台（如图1.1所示），学习一些常用的绘图方法与图片处理效果。图 1.11.1 创建第1个Flash作品学习目的掌握Flash 8的界面修改文档属性保存文档发布文档实例效果简单地创建一个元件移动渐变动画效果，利用这个实例来说明如何进行Flash的操作，如图1.2所示。制作步骤（1）运行Flash 8，新建文档。（2）选择“插入”|“新建文件”命令，打开“创建新元件”对话框，如图1.3所示。图 1.2（3）在“创建新元件”对话框中，可以修改创建的元件的名称和类型。现在创建一个名称为“圆”，行为为“图形”的元件，单击“确定”按钮，保存设置并进入该元件的编辑区，如图1.4所示。 图 1.3

3、图 1.4（4）选中工具栏中的椭圆工具，在舞台中绘制一个圆形，如图1.5所示。（5）单击时间轴上面的“场景1”按钮，返回到场景1，如图1.6所示。 图 1.5 图 1.6（6）选择“窗口”|“库”命令，打开“库”面板，在“库”面板中存有刚才创建的图形元件“圆”，如图1.7所示。（7）按住“库”面板中“圆”图形元件不放，拖曳至舞台中（图层1的第1帧），如图1.8所示。 图 1.7 图 1.8（8）选择图层1的第30帧，右击，在快捷菜单中选择“插入关键帧”命令，插入一个关键帧，并将此帧中的元件位置向右移动一段距离，如图1.9所示。（9）在第1帧和第30帧之间任意一帧，右击，在快捷菜单中选择“创建补

4、间动画”命令，创建补间动画，如图1.10所示。 图 1.9 图 1.10（10）选择“文件”|“保存”命令，打开“另存为”对话框，将文件命名保存。实例讲解1Flash 8的操作界面双击Flash 8快捷图标，即可进入Flash 8“开始页”，如图1.11所示。图 1.11“开始页”中有“打开最近项目”、“创建新项目”和“从模板创建”等项目。在“打开最近项目”中可以快速地找到最近打开过的文档；在“创建新项目”中，可以创建“Flash文档”、“Flash幻灯片演示文稿”、“Flash表单应用程序”、“动作脚本文件”、“动作脚本应用文件”、“Flash JavaScript文件”、“Flash项目”

5、等文档，一般常用的是“Flash文档”；在“从模板创建”项目中，可以选择“幻灯片演示文稿”、“广告”、“测验”等项目，这些项目都是Flash 8预置的模板，可以直接应用。单击“Flash文档”按钮，会进入Flash的操作界面，如图1.12所示。图 1.12Flash的操作界面一般可以分成七个部分，分别是标题栏部分、菜单栏部分、工具栏、时间轴、舞台、固定面板和活动面板。标题栏部分位于操作界面的最上面，左边显示软件的版本及当前文件的名称，右 边是一些窗口常用的操作按钮，如最小化、最大化(还原)和关闭按钮，如图1.13 所示。图 1.13菜单栏部分位于标题栏的下方，包含“文件”、“编辑”、“插入”、

6、“修改”、“文本”、“命令”、“控制”、“窗口”、“帮助”等命令，如图1.14所示。图 1.14工具栏位于菜单栏的左下方，里面包含了各种常用的工具，如图1.15所示。时间轴位于菜单栏的下方，是创建动画效果的主要功能区域，如图1.16所示。舞台位于时间轴下方，是动画中各个元件的表现区域，元件只有在舞台（白色区域）中，才可以在文档发布以后展示出来，如图1.17所示。 图 1.15 图 1.16图 1.17固定面板包括“动作”面板、“帮助”面板和“属性”面板，Flash 8将这些面板固定在舞台的下方，便于制作者使用，这也显示了Flash 8的人性化操作理念，如 图1.18所示。图 1.18活动面板部

7、分位于舞台的右侧，这个区域包括“混色器”面板、“行为”面板、“组件”面板和“库”面板等，它们是可以移动的，如图1.19所示。图 1.192修改文档属性创建了一个新文档以后，文档的属性会使用默认值来设置，如图1.20所示。在实际创作中，Flash的属性要求往往会与默认值不符，这样就需要手动来修改。选择“修改”|“文档”命令，打开“文档属性”对话框，在对话框中可以修改文档的名称、尺寸、背景颜色、帧频和标尺单位等参数。例如修改成一个适合于非线性编辑的Flash文档，如图1.21所示。 图 1.20 图 1.21单击“确定”按钮，即可保存对文档属性的修改。3发布文档完成Flash动画作品的制作以后，若

8、要发布文档，则需生成Flash的播放文件SWF格式，这样才可以通过网络来进行传播。选择“文件”|“发布设置”命令，打开“发布设置”对话框，在“类型”中可以看到，Flash可以发布成SWF、HTML、GIF、JPG、PNG、EXE、HQX、MOV等格式文件。只要在对应的文件类型前选中复选框，就可以打开这个格式的标签，如图1.22所示。以发布SWF格式文件为例，在对话框中选择Flash选项卡，选项设置如图1.23所示。 图 1.22 图 1.23“版本”：可以选择发布的Flash版本，一般采用默认的设置。“加载顺序”：可以选择影片的加载顺序是“由上至下”或“由下至上”，一般采用默认的设置。“动作脚

9、本版本”：可以选择动作脚本的版本号，一般采用默认的“动作脚本2.0”。“选项”：包含生成大小报告、防止导入、省略跟踪动作、允许调试、压缩影片、覆盖声音设置和导出设置声音等设置项目。当想要对自己的作品进行保护时，可以在选项设置中选中“防止导入”复选框。同时，也可以为这个防止导入加上一个密码。另外，在压缩影片时，还可以根据制作需要，对JPEP品质、音频流和音频事件进行相应的设置。练习题仿照本节例子，制作一个简单的Flash动画。1.2 绘画一个小动物学习目的直线工具的使用箭头工具的使用椭圆工具的使用颜料桶工具的使用刷子工具的使用实例效果利用Flash 8的绘图功能绘制小鸡。通过该例子掌握直线工具、

10、箭头工具、椭圆工具、刷子工具和填充工具等常用工具的使用方法，如图1.24所示。图 1.24制作步骤（1）运行Flash 8，新建一个文档。（2）选择“修改”|“文档”命令，将文档属性设置为宽500像素，高300像素，颜色设置为绿色，如图1.25所示。（3）在工具栏中选择椭圆工具，并将笔触颜色设置为黑色，填充颜色设置为黄色。然后在舞台中绘制一个椭圆，如图1.26所示。 图 1.25 图 1.26（4）再在舞台上绘制一个比上面稍小一点的椭圆，并利用箭头工具将它的位置放 好，如图1.27所示。（5）选中工具栏上的刷子工具，刷子形状设置为圆形，刷子大小选择一个比较小的。然后在舞台中较小的椭圆上画出小鸡

11、的眼睛，如图1.28所示。 图 1.27 图 1.28（6）在工具箱中选择直线工具，并设置其属性：笔触颜色为黑色，笔触高度为2.5，笔触样式为实线，如图1.29所示。图 1.29（7）利用直线工具在舞台小鸡的身体部分画出小脚和小嘴，如图1.30所示。（8）用箭头工具选中小鸡，选择“编辑”“复制”“粘贴到中心位置”命令，复制出多只小鸡。选择“修改”“变形”“缩放和旋转”命令，改变小鸡的位置，如图1.31所示。 图 1.30 图 1.31（9）按Ctrl+Enter键，测试影片，最后进行保存。实例讲解1直线工具笔触的设置直线工具是在Flash中使用得比较多的常用工具之一。平时除了可以使用系统预设的

12、几种常用格式外，还可以对直线工具的笔触进行个性化的设置。具体的操作方法如下：（1）单击直线工具属性窗口最右端的“自定义”按钮，即可弹出“笔触样式”的对话框，如图1.32所示。（2）单击“类型”下拉列表框，即可查看到系统提供的相关笔触类型，分别有实线、虚线、点状线、锯齿状、点描和斑马线，如图1.33所示。（3）可以根据自己的需要，选择不同的类型进行不同数值的设置。这里以斑马线为例，进行一些设置，如图1.34所示。图 1.32 图 1.33 图 1.34斑马线设置中提供了以下一些项目的设置，有浓度、间隔、微动、旋转、曲线和长度。而每一个项目都有相应的数值，可以根据自己的需要进行不同的设置。每一个选

13、项的改变，都可以从对话框左上角的预览窗口中查看。2椭圆工具的一些相关知识椭圆工具在Flash制作中经常使用。一般来说，选择椭圆工具后，在舞台中随便一拖即可画出一个椭圆。但有时候会因为制作需要，要求画出的圆必须是正圆，这时可以在画圆的同时，按住Shift键，就可以画出一个正圆了。另外，有时候在画圆时，要求图形没有边框和填充颜色。这时，可以通过两种方法实现。方法一：利用椭圆工具画完一个圆后，再用箭头工具选择不要的部分，将其直接删除即可。方法二：在画圆前对椭圆工具的属性进行边框或填充颜色上的相应设置。选中笔触颜色或填充颜色右边的小三角按钮，在弹出的颜色选择框的右上方，选择没有颜色的“透明”按钮即可，

14、如图1.35所示。3颜料桶工具的设置颜料桶工具的使用是否得当，会直接影响作品的质量。当选中颜料桶工具后，便可以在其属性窗口中进行相应的设置。在填充选项里，提供了三种方式的填充效果：纯色填充、线形填充和放射性设置，如图1.36所示。 图 1.35 图 1.36如果对系统预设的这些颜色不满意，可以通过“混色器”进行个性化修改，如图1.37所示。颜色设置好后，还可以根据要填充区域的特点，进行相应选项的设置。如不封闭空隙、封闭小空隙、封闭中等空隙和封闭大空隙，如图1.38所示。4刷子工具在Flash作品中，要快速绘制出一些小圆点、小方格和小雨点等图形时，可以直接使用刷子工具。刷子工具提供了9种不同的刷

15、子形状和10个不同的刷子大小供我们使用，如图1.39所示。 图 1.37 图 1.38 图 1.39练习题利用本节所学的工具绘制一些小动物，并将它们保存，方便日后调用。1.3 绘画一个植物学习目的钢笔工具的使用橡皮刷工具的使用实例效果利用Flash 8的绘图功能画一棵小树，如图1.40所示。通过该例子掌握一些常用工具的使用方法。（1）运行Flash 8，新建一个文档。（2）选择“修改”|“文档”命令，将文档属性设置为宽550像素，高400像素，颜色设置为蓝色，如图1.41所示。 图 1.40 图 1.41（3）选择工具箱中的钢笔工具，在舞台中描出树的枝干部分，如图1.42所示。（4）用钢笔工具描出树的叶子部分，如图1.43所示。（5）选择工具箱中的颜料桶工具，分别对树干和树叶部分填充上灰色和绿色，如图1.44所示。 图 1.42 图 1.43 图 1.44（6）按Ctrl+Enter键测试影片，最后保存文件。