《网页设计与制-作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服务器中。,