网页设计与制作-13flash.ppt

《网页设计与制作-13flash.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作-13flash.ppt（97页珍藏版）》请在三一办公上搜索。

1、网页动画设计-Flash,简介,Flash是由Macromedia公司开发的网页制作软件利器之一，现在已被Adobe公司收购。它是一种交互式的动画设计工具，用它可以将音乐、声效、动画及富有创意的界面融合到一起，以制作出主品质的网页动态效果。,第一课 Flash 8 简介,Flash的产生和发展,Flash成了引燃互联网无穷创意的导火索。在具备广阔发展前景的无线领域，它同样展现出无穷的魅力。Flash的前身是FutureSplash，被Macromedia公司收购后主要用来完善该公司的拳头产品Director。开发的新一代产品Flash在网页上呈现了精彩的动画，其震惊程度可想而知。,1 Flas

2、h入门,初识Flash Flash CS6的工作环境 文档的基本操作 影片的测试和发布,1.1.1 Flash动画的特点 1.1.2 Flash的应用领域,1.1 初识Flash,Flash动画结合了流控制技术和矢量技术，Flash动画纪录的是关键帧和控制动作，生成的动画文件非常小巧。与传统的动画制作软件相比，Flash动画具有图文并茂、流媒体传输和受限制小等特点，同时其还具有强大的交互功能。,1使用矢量技术，文件短小精悍2使用流媒体技术，易于网络传播3逼真的动画和媒体支持4强大的交互性,1.1.1 Flash动画的特点,网站片头和网站广告,这是Flash最早出现的目的丰富互联网的表现方式。相

3、对与一些普通的jpg图片来说，这种Flash动画更具有冲击力，可以第一时间抓住浏览者的目光。给浏览者留下好的印象。（如图1-1-4）所示就是国外著名网站Eye4U精彩的片头动画。,图1-1-4,1.1.2 Flash 的应用领域,由于Flash相对于图片或GIF动画能达到更吸引人的效果，传达更多动态信息，所以许多Banner（横幅广告条）或者网站的图题部分，都采用Flash来制作，图1-1-5所示是在门户网站网易首页播放的Flash广告。,图1-1-5,Flash MV和二维动画,Flash的出现给人们带来了创作激情，尤其是用Flash对一些歌曲进行动画创作。制作简单的MV。在网上几乎可以找到

4、各种流行歌曲的MV版，可见Flash MV深入人心，简单易学，所以受广大网民的喜好。图1-1-6所示是网友为流行歌曲发如雪制作的Flash MV。,图1-1-6,更多专业的作者开始进行二维动画的创作，自己编写剧情，设计动画，甚至配音、配乐。目前国内已出现许多专业的Flash动画工作室，开始制作Flash长片和Flash连续剧，图1-1-7所示是由拾荒制作的二维动画小破孩。,图1-1-7,电子贺卡,以往过年过节，一般都通过邮局寄出贺卡的。或是通过网络传送祝福。但只是一些单纯的图片，出现了Flash之后。各大网站采用Flash来制作完成贺卡。这样制作的贺卡活灵活现。很受人们的喜爱。如图1-1-8,

5、第一课 Flash 8 简介,图1-1-8,网络游戏,经过多年的发展，Flash已具备强大的交互功能，通过Flash可快速开发出精彩的小游戏。有不少知名企业开始在自己的网站上放置和产品相关的小游戏，来增强浏览者对产品的关注度。如图1-1-9所示。,图1-1-9,Flash具有强大的二维动画功能，所以许多电视台和广告制作公司开始尝试用Flash来制作电视广告。采用Flash制作电视广告具有成本低、周期短、改动方便的优点，受到不少企业的青睐。如图1-1-10,电视广告,第一课 Flash 8 简介,图1-1-10,多媒体客户端,Flash有生动的表现力和强大的互动功能，越来越多的客户端软件开始使用

6、Flash制作，给用户以良好的使用体验。如图1-1-11,图1-1-11,教学课件,Flash操作界面简单，功能强大，越来越多的老师开始青睐Flash。老师开始用Flash上课。不需要借助其他软件。单独使用Flash就可以完成课件的制作。Flash制作的课件很容易发布到网络上，使课件的应用范围更广。如图1-1-12所示。,第一课 Flash 8 简介,图1-1-12,网络多媒体（播客）,第一课 Flash 8 简介,网络多媒体的应用也如火如荼地发展壮大。美国著名的视频播客网站YouTube就是采用Flash 8的流视频作为播出格式。用播客的人越来越多。大家选择用这样的动画视频做播出格式。受广大

7、网民的喜爱。,无线通信应用,Flash已进入无线通信领域，采用Flash Lite开发的Flash游戏和Flash应用，已可应用到多种型号的手机上。在PDA上，Flash的应用也非常广泛。Flash已成为在原来移动开发领域中处于领先位置的Java的强有力的挑战者。,1.2.1 Flash CS6的开始页1.2.2 Flash CS6的操作界面,1.2 Flash CS6的工作环境,1.2.1 Flash CS6的开始页,在Flash CS6启动完成后，界面中将首先显示开始页。开始页将启动Flash CS6后常用的操作集中放在一起，供用户随时调用。用户可以在页面中选择从哪个项目开始工作，很容易地

8、实现从模板创建文档、新建文档和打开文档的操作。同时通过选择【学习】栏中的选项，用户能够方便地打开相应的帮助文档，进入具体内容的学习。,1.2.2 Flash CS6的操作界面,在开始页中选择【新建】栏中的【ActionScript 3.0】命令，Flash会创建一个空白的Flash文档。Flash CS6的操作界面主要包括应用程序栏、菜单栏、工具栏、舞台、时间轴和面板等。下图为 Flash CS6的界面构成。,1.2.2 Flash CS6的操作界面,1菜单栏2【工具】面板3舞台和场景。下图为舞台上的操作,1.2.2 Flash CS6的操作界面,4【时间轴】面板【时间轴】面板是一个显示图层和

9、帧的面板，其用于控制和组织文档内容在一定时间内播放的帧数，同时可以控制影片的播放和停止。下图为【时间轴】面板,1.2.2 Flash CS6的操作界面,5动画编辑器Flash CS6使用动画编辑器来对每个关键帧的参数进行完全控制，这些参数包括旋转角度、大小、缩放、位置和滤镜等。在动画编辑器中，操作者可以借助于曲线，以图形的方式来控制缓动。,6面板组 Flash CS6加强了对面板的管理，常用的面板可以嵌入面板组中。使用面板组，可以对面板的布局进行排列，这包括对面板进行折叠、移动和任意组合等操作。在默认情况下，Flash CS6的面板以组的形式停放在操作界面的右侧。,1.3.1 新建Flash文

10、档1.3.2 设置文档属性1.3.3 保存文档1.3.4 打开和关闭文档,1.3 文档的基本操作,1.3.1 新建Flash文档,1创建空白文档选择【文件】|【新建】命令打开【新建文档】对话框，在【常规】选项卡的【类型】列表选择需要创建的新文档类型。单击【确定】按钮即可创建一个新文档。,2从模板创建文档Flash CS6提供了各种类型的应用模板供用户选择使用，打开【新建文档】对话框，在对话框中选择【模板】选项卡，此时对话框变为【从模板新建】对话框。在对话框的【类型】列表中选择需要使用的模板类型，在【模板】列表中选择需要使用模板，单击【确定】按钮即可使用该模板创建新文档了。,1.3.1 新建Fl

11、ash文档,1.3.2 设置文档属性,在默认情况下，新建文档的舞台大小是550400像素，舞台背景色为白色。实际上，用户可以根据需要，对新文档的属性进行设置。选择【修改】|【文档】命令打开【文档设置】对话框。,1.3.3 保存文档,1文档的保存用户创建新文档后，如果是第一次保存，在选择【文件】|【保存】命令时，Flash将打开【另存为】对话框。使用该对话框用户可以设置动画文件保存的位置和文件名。完成设置后，单击【保存】按钮文档即被保存。,1.3.4 打开和关闭文档,1打开文档启动Flash CS6后，选择【文件】|【打开】命令将打开【打开】对话框，在该对话框中选择需要打开的文件后，单击【打开】

12、按钮即可在Flash中打开该文件。,1.3.4 打开和关闭文档,2关闭文档在Flash CS6中，文档在程序界面中以选项卡的形式打开，单击文档标签上的【关闭】按钮，可以关闭该文档。,1.4.1 预览和测试动画1.4.2 Flash文件的导出,1.4 影片的测试和发布,1.4.1 预览和测试动画,要预览和测试动画，可以选择【控制】|【测试影片】|【测试】命令，或直接按【Ctrl+Enter】键，此时即可在Flash播放器中预览动画效果。,选择【窗口】|【工具栏】|【控制器】命令，将打开【控制器】面板，单击其中的【播放】按钮，动画将在舞台上播放。通过面板上的按钮，可以对动画播放进行控制。如，单击【

13、前进一帧】按钮，可以对动画向前进行逐帧播放。单击【后退一帧】按钮，可以使播放头跳到动画的最后一帧。,1.4.1 预览和测试动画,单击【播放】按钮播放动画,1.4.2 Flash文件的导出,选择【文件】|【导出】|【导出影片】命令打开【导出影片】对话框，在对话框中选择文件的保存路径并设置导出文件的文件名，将导出文件的类型设置为【SWF影片（*.swf）】，完成设置后，单击【保存】按钮即可将作品导出为Flash影片文件。,工具栏,绘图工具,Flash提供的绘图工具包括线条工具、钢笔工具、文本工具、椭圆工具、矩形工具、铅笔工具和刷子工具,1线条工具,线条工具用于绘制任意的矢量线段。在“属性”面板中，

14、可设置线条的颜色、粗细、线型等。单击“自定义”按钮，可弹出如图所示的“笔触样式”对话框。在其中可根据需要对线段进行设置。,“笔触样式”对话框,返回,2铅笔工具,铅笔工具用于绘制矢量线和任意形状的图形。在选择铅笔工具后，在“绘图”工具栏下方的“选项”栏中单击鼠标，将出现如图所示的列表。下面分别铅笔的三种绘图模式的含义。伸直：可以绘制直线并将接近三角形、椭圆、矩形和正方形的形状转换为这些常见的几何形状。平滑：可以绘制平滑的曲线。墨水：可以绘制任意而又不用修改的线条，这种模式绘制出的图形与绘制时的笔迹更接近。,选项列表,返回,3椭圆工具,椭圆工具用于绘制实心或空心的椭圆或圆。椭圆的绘制分为两个部分：

15、一是设置笔触颜色。二是设置填充颜色。几种不同的椭圆和圆,使用椭圆工具及其属性设置（椭圆工具）用于绘制椭圆图形，其使用方法与（矩形工具）基本类似，这里就不再赘述。在工具箱中选择（椭圆工具）后，在属性面板中将出现椭圆工具的相关属性设置，如图2-24 所示。1）“开始角度”与“结束角度”：用于设置椭圆图形的起始角度与结束角度值。如果这两个参数均为0，则绘制的图形为椭圆或圆形。调整这两项属性的参数值，可以轻松地绘制出扇形、半圆形及其他具有创意的形状。图2-25 所示为“开始角度”与“结束角度”参数变化时的图形效果。,图2-24 椭圆工具的“属性”面板,图2-25“开始角度”与“结束角度”参数变化时的图

16、形效果,4矩形工具,矩形工具用于绘制实心或空心的矩形或正方形。矩形工具的笔触色和填充色的设置方法与椭圆工具的使用相同。几种不同的矩形和正方形如图所示。,“矩形设置”,返回,几种不同的矩形和正方形,返回,利用（刷子工具）可以绘制类似毛笔绘图的效果，应用于绘制对象或者内部填充，其使用方法与（铅笔工具）类似。但是使用（铅笔工具）绘制的图形是笔触线段，而使用（刷子工具）绘制的图形是填充颜色。在工具箱中选择（刷子工具）后，在工具箱下方的“选项区域”中将出现（刷子工具）的相关选项设置，如图2-30 所示。,5 刷子工具,图2-30 刷子工具的相关选项,对象绘制：以对象模式绘制互不干扰的多个图形。锁定填充：

17、用于设置填充的渐变颜色是独立应用还是连续应用。刷子模式：用于设置刷子工具的各种模式。刷子大小：用于设置刷子工具的笔刷大小。刷子形状：用于设置刷子工具的形状。,不同的刷子模式,返回,6钢笔工具,钢笔工具可以绘制出精确的直线或曲线，还可以绘制出多结点的曲线，并能增删曲线上的结点。单击工具栏上的钢笔工具按钮，在“属性”面板中可设置钢笔的属性。（1）画直线单击工具栏上的钢笔工具按钮，鼠标变成为钢笔的形状。在舞台工作区中单击鼠标左键定义直线的起点，然后在需要的位置单击鼠标定义直线的终点，Flash自动将两点连成一条直线。如图所示。（2）画曲线单击工具栏上的钢笔工具按钮，鼠标变成为钢笔的形状。在舞台工作区

18、中单击鼠标左键定义曲线的起点，在定义终点时按住鼠标的左键不放，会出现一条切线，移动鼠标改变曲线的斜率，放开鼠标后，曲线的形状便确定了。如图所示。,使用钢笔工具绘制直线,返回,使用钢笔工具绘制曲线,返回,图形填充工具,在Flash中，图形填充工具主要有墨水瓶工具、颜料桶工具、滴管工具和填充变形工具,Deco 工具,1墨水瓶工具,墨水瓶工具可以以任意一种纯色，对线条进行着色或为一个区域添加封闭的边线。可以通过“属性”面板设置墨水瓶的线条粗细和线型。还可以单击“自定义”按钮，在弹出的的“笔触样式”对话框中进行设置。,墨水瓶工具属性设置,2颜料桶工具,四种空隙封闭模式的含义：不封闭空隙：只有在区域完全

19、封闭的情况下才能填充。封闭小空隙：当区域存在较小空隙的时候可以填充。封闭中等空隙：当区域存在中等空隙的时候可以填充。封闭大空隙：当区域存在较大空隙时也可以填充。,颜料桶工具的选项栏及空隙封闭模式,3填充变形工具,填充变形工具可以对用线性、放射状的填充方式进行填充的图形修改填充效果。,线性填充的变形,放射状填充的变形,4滴管工具,滴管工具用于对色彩进行采样，可以拾取描绘色、填充色和位图图形。在拾取描绘色后滴管工具自动变成墨水瓶工具，在拾取填充色或位图图形后自动变成颜料桶工具。,对位图的拾取,将一幅位图图片导入到舞台工作区中，将图片选中，并按【Ctrl+B】组合键将其打散。使用椭圆工具画一个无填充

20、的椭圆。单击工具栏上的滴管工具按钮，将鼠标移到被打散的位图上单击鼠标左键，此时鼠标变成颜料桶形状，将其移动到绘制好的椭圆中单击鼠标左键，可见椭圆被拾取的位图填充。如图所示。,打散位图和绘制椭圆,使用位图填充椭圆,使用工具箱中的（Deco 工具）可以将创建的图形形状转变为复杂的几个图案，还可以将库中创建的影片剪辑或图形元件填充到应用的图形中，从而创建类似万花筒的效果。,Deco 工具,选择工具箱中的（Deco 工具）后，将光标放置到需要填充的图形处，单击鼠标，即可为其填充图案。整个流程如图2-59 所示。,1.使用Deco 工具填充图形,图2-59 使用Deco 工具填充图形,选择（Deco工具

21、）后，在“属性”面板中将出现其相关属性设置，其中，绘制效果包括“藤蔓式填充”、“网格填充”、“对称刷子”、“3D 刷子”、“建筑物刷子”、“装饰性刷子”、“火焰动画”、“火焰刷子”、“花刷子”、“闪电刷子”、“粒子系统”、“烟动画”和“树刷子”13 种，如图2-60 所示。图2-61 为选择不同绘制效果的效果比较。,2.Deco 工具的属性设置,图2-60“绘制效果”的下拉列表,a),b),c),d),图2-61 选择不同绘制效果的效果比较,a）藤蔓式填充 b）网格填充 c）对称刷子 d）3D 刷子 e）建筑物刷子 f）装饰性刷子 g）火焰动画 h）火焰刷子 i）花刷子 j）闪电刷子 k）粒子

22、系统 l）烟动画 m）树刷子,（喷涂刷工具）的作用类似于粒子喷射器，使用它可以将粒子点形状图案填充到舞台中。在默认情况下，（喷涂刷工具）会使用圆形小点作为喷涂图案，当然，也可以将影片剪辑或图形元件作为喷涂图案进行图形填充。,喷涂刷工具,图2-62 选择喷涂刷工具,默认情况下，（喷涂刷工具）不在工具箱中进行显示。如果需要使用该工具，可以在工具箱中按住（刷子工具）不放，在弹出的隐藏工具面板中选择该工具，如图2-62 所示。使用（喷涂刷工具）的具体操作步骤如下：1）选择工具箱中的（喷涂刷工具）。2）在“属性”面板中选择喷涂点的填充颜色，或者单击 按钮，如图2-63 所示，从弹出的“交换元件”对话框中

23、选择自定义元件，如图2-64 所示，从而将库中的任何影片剪辑或图形元件作为喷涂点使用。,1.使用喷涂刷工具,图2-64 选择所谓喷涂点的元件,图2-63 单击“编辑”按钮,图2-65 喷涂后的效果,3）在舞台中要显示图案的位置单击或者拖曳鼠标左键，即可为图案填充喷涂点，如图2-65 所示。,提示：在Flash CS6 中可以直接使用复制和粘贴的方式，将Illustrator 中的符号转换为Flash 中的元件。,在工具箱中选择（喷涂刷工具）后，“属性”面板中将出现（喷涂刷工具）的相关属性，如图2-66 所示。,2.喷涂工具属性设置,图2-66 显示元件名称,编辑：单击该按钮，可以在弹出的“交换

24、元件”对话框中选择影片剪辑 或图形元件作为喷涂刷粒子。在选择相应的元件后，其名称将显示在 按钮的左侧。颜色选取器：用于选择喷涂刷的填充颜色。如果选择库中的元件作为喷 涂粒子时，将禁用颜色选取器。缩放：用于设置作为喷涂粒子的元件的宽度。例如，输入值为10%，则将使元件宽度缩小10%；输入值为200%，则将使元件宽度增大200%。随机缩放：用于设定填充的喷涂粒子按随机缩放比例进行喷涂。“宽度”与“高度”：用于设置喷涂刷填充图案时的宽度与高度。画笔角度：用于设置喷涂刷填充图案的旋转角度。,在早期的Flash 版本中不能进行3D 图形与动画的操作，需要借助第3 方软件才能完成。但是，Flash CS6

25、 增加了令人兴奋的3D 功能，允许用户使用（3D 旋转工具）和（3D 平移工具）使2D 对象沿着X、Y、Z 轴进行三维旋转和移动。通过组合这些3D 工具，用户可以创建出逼真的三维透视效果。,2.1.13 3D 旋转工具和3D 平移工具,图2-67 利用3D 旋转工具选择对象,使用（3D 旋转工具）可以在3D 空间中旋转影片剪辑元件。当使用（3D 旋转工具）选择影片剪辑实例对象后，在影片剪辑元件上将出现3D 旋转空间，其中，红色的线表示绕X 轴旋转、绿色的线表示绕Y 轴旋转、蓝色的线表示绕Z 轴旋转、橙色的线表示同时绕X 和Y 轴旋转，如图2-67 所示。如果需要旋转影片剪辑，只需将鼠标放置到需

26、要旋转的轴线上，然后拖曳鼠标即可，此时，随着鼠标的移动，对象也会随之移动。,1.3D 旋转工具,提示：Flash CS6 中的3D 工具只能对ActionScript 3.0 下创建的影片剪辑对象进行操作，因此，要对对象进 行3D 旋转操作，必须确认当前创建的是Flash（ActionScript 3.0）文件，而且要进行3D 旋转的对象 为影片剪辑元件。,图2-68 选中“全局转换”按钮前后的比较,（1）使用3D 旋转工具旋转对象 在工具箱中选择（3D旋转工具）后，工具箱下方的“选项区域”将出现（贴紧至对象）和（全局转换）两个选项按钮。其中，（全局转换）按钮默认为选中状态，表示当前状态为全局

27、状态，在全局状态下旋转对象是相对于舞台进行旋转。如果取消（全局转换）按钮的选中状态，表示当前状态为局部状态，在局部状态下旋转对象是相对于影片剪辑本身进行旋转。图2-68 所示为选中（全局转换）按钮前后的比较。,图2-69 沿着X 轴方向进行旋转,当使用（3D 旋转工具）选择影片剪辑元件后，将光标放置到X 轴线上时，光标变为，此时拖曳鼠标则影片剪辑元件会沿着X 轴方向进行旋转，如图2-69 所示；将光标放置到Y 轴线上时，光标变为，此时拖曳鼠标则影片剪辑元件会沿着Y 轴方向进行旋转，如图2-70 所示；将光标放置到Z 轴线上时，光标变为，此时拖曳鼠标则影片剪辑元件会沿着Z 轴方向进行旋转，如图2

28、-71 所示。,图2-70 沿着Y 轴方向进行旋转,图2-71 沿着Z 轴方向进行旋转,图2-73 使用“变形”面板进行3D 旋转,（2）使用变形面板进行3D 旋转 在Flash CS6 中可以使用（3D 旋转工具）对影片剪辑元件进行任意的3D 旋转，但是，如果需要精确地控制影片剪辑元件的3D 旋转，则需要使用“变形”面板进行控制。当在舞台中选择影片剪辑元件后，在“变形”面板中将出现3D 旋转与3D 中心点位置的相关选项，如图2-72 所示。3D 旋转：在3D 旋转选项中可以通过设置X、Y、Z 参数来改变影片剪辑元件各个旋转轴的方向，如图2-73 所示。,图2-72“变形”面板,3D 中心点：

29、用于设置影片剪辑元件的3D 旋转中心点的位置，可以通过设置X、Y、Z 参数来改变其位置，如图2-74 所示。,图2-74 使用“变形”面板移动3D 中心点,图2-75 3D 旋转工具的属性设置,（3）3D 旋转工具的属性设置 选择（3D 旋转工具）后，在属性面板中将出现（3D 旋转工具）的相关属性，用于设置影片剪辑的3D 位置、透视角度和消失点等，如图2-75 所示。,3D 定位和查看：用于设置影片剪辑元件相对于舞台的3D 位置，可以 通过设置X、Y、Z 参数来改变影片剪辑实例在X、Y、Z 轴方向上的 坐标值。透视角度：用于设置3D 影片剪辑元件在舞台中的外观视角，参数范围 从1 180，增大

30、或减小透视角度将影响3D 影片剪辑的外观尺寸 及其相对于舞台边缘的位置。增大透视角度可使3D 对象看起来更接近 查看者；减小透视角度属性可使3D 对象看起来更远。此效果与通过镜 头更改视角的照相机镜头缩放类似。透视3D 宽度：用于显示3D 对象在3D 轴上的宽度。透视3D 高度：用于显示3D 对象在3D 轴上的高度。消失点：用于控制舞台上3D 影片剪辑元件的Z 轴方向。在Flash 中所有 3D 影片剪辑元件的Z 轴都会朝着消失点后退。通过重新定位消失点，可以更改沿Z 轴平移对象时对象的移动方向。通过设置消失点选项中 的“X：”和“Y：”位置，可以改变3D 影片剪辑元件在Z 轴消失的 位置。重

31、置：单击该按钮，可以将消失点参数恢复为默认的参数。,图2-76 选择3D 平移工具,（3D 平移工具）用于将影片剪辑元件在X、Y、Z 轴方向上进行平移。如果在工具箱中没有显示（3D 平移工具），可以在工具箱中单击（3D 旋转工具），从弹出的隐藏工具面板中选择该工具，如图2-76 所示。当选择（3D 平移工具）后，在舞台中的影片剪辑元件上单击，对象将出现3D 平移轴线，如图2-77 所示。,2.3D 平移工具,图2-77 3D 平移轴线,图2-78 光标变为,当使用（3D 平移工具）选择影片剪辑后，将光标放置到X 轴线上时，光标变为，如图2-78 所示，此时拖曳鼠标则影片剪辑元件会沿着X 轴方向

32、进行平移；将光标放置到Y 轴线上时，光标变为，如图2-79 所示，此时拖曳鼠标则影片剪辑元件会沿着Y 轴方向进行平移；将光标放置到Z 轴线上时，光标变为，此时拖曳鼠标则影片剪辑元件会沿着Z 轴方向进行平移，如图2-80 所示。,图2-79 光标变为,图2-80 光标变为,图2-81 改变对象的3D 中心点的位置,当使用（3D 平移工具）选择影片剪辑元件后，将光标放置到轴线中心的黑色实心点上时，光标变为图标，此时拖曳鼠标可以改变影片剪辑的3D中心点的位置，如图2-81 所示。,5 图形编辑工具,在Flash中，图形编辑工具主要有箭头工具、部分选取工具、套索工具、任意变形工具和橡皮擦工具,5.1套

33、索工具,套索工具用于选取不规则的物体。单击工具栏中的套索工具按钮后，在工具栏上出现如图所示的选项栏。魔术棒属性按钮：单击魔术棒属性按钮，会弹出如图所示的“魔术棒设置”对话框。在该对话框中，用户可定义平滑程度，在“平滑”下拉列表中可选择像素、粗略、正常和平滑四种属性。多边形模式按钮：选择这种模式，可以实现对多边形区域的选择。在舞台工作区中使用鼠标单击若干点，由这些点构成的区域将被选择。完成设置后，在图形上按住鼠标左键用套索工具圈出要选择的区域，放开鼠标后Flash自动选择套索圈定的封闭区域或近似封闭区域。按住鼠标左键拖动可将原图形分开。如图所示。,套索工具选项栏,返回,“魔术棒设置”对话框,返回

34、,5.2任意变形工具,使用任意变形工具可以使被编辑的图形产生各种变形。比如旋转与倾斜、缩放、扭曲和封套等。单击工具栏上的任意变形工具按钮，在工具栏上将出现如图所示的选项栏。,任意变形工具的选项栏,旋转与倾斜效果,扭曲和封套效果,5.3橡皮擦工具,使用橡皮擦工具可以擦除线条和填充区域。在擦除的过程中，可以对线条、填充区域进行选择。单击工具栏中的橡皮擦工具按钮，在工具栏上将出现如图所示的选项栏。单击橡皮擦形状按钮，可弹出一个橡皮擦形状的下拉列表，在列表中可选择所需的橡皮擦形状。单击选项栏按钮，弹出如图所示的橡皮模式下拉列表。标准擦除：标准擦除模式可以擦除舞台上的任何线条或填充区域。擦除填色：擦除填

35、色模式可以擦除舞台上的任何填充区域，但是会保留轮廓线。擦除线条：擦除线条模式可以擦除舞台上的曲线或轮廓线，但是会保留填充区域。,橡皮擦工具,擦除所选填充：擦除所选填充模式可以在舞台上擦除被选择的填充区域，但是未被选择的填充区域不会被擦除。内部擦除：内部擦除模式只擦除橡皮起始位置所在的填充区域内部，如果橡皮擦除起始位置以外无任何可擦除对象，则擦除操作不起任何作用。水龙头按钮：选择水龙头按钮，可以快速擦除填充区域，只需在需要擦除的填充区域内单击鼠标即可。几种橡皮擦的橡皮模式的示例如图所示。,橡皮擦工具的选项栏,返回,橡皮擦工具的橡皮模式,返回,橡皮模式示例,6 简单动画的制作,帧,动画中每一变化的

36、页面构成了动画的帧.帧频全称是帧频速率，是指每秒钟显示的动画帧的数量，帧频的单位为fps，一般网络动画的帧频为12fps，电视动画为24fps，电影动画25fps。Flash中“帧”分为四类：关键帧、空白关键帧、普通帧和过渡帧，这四种类型在时间线上有明确的表示，关键帧：时间轴上为“实心的圆点”表示此帧为关键帧，一般需要改变的帧插入关键帧。新建关键帧：F6删除关键帧：shift+F6,普通帧：为了在对某一关键帧的内容进行延续，需要插入普通帧，没有明显的标记，只是颜色较深一些。新建普通帧：F5 删除普通帧：shift+F5 空白关键帧：没有内容的关键帧，时间轴上为“空心的圆点”，表示此帧为空白关键帧。新建空白关键帧：F7 删除空白关键帧：shift+F7 过度帧：运动或者形状补间动画中间为紫或者绿色的帧称为过度帧，做运运或者形状补间动画时自动生成,Flash中影片的创建可先通过自己绘制或导入相关的图片，将它们适当地安排在“舞台”上，通过在它们各自的“时间轴（timeline）”上进行设置使它们“动”起来，让它们对特定事件做出反应或按特定的方式变化而产生互动效果。完成的影片可作为Flash播放器文件输出，可嵌入到HTML页中，并一同被传到Web服务器中。,