7动画制作软件Flash.ppt

1、Flash 基本操作,Flash,Flash是Macromedia公司所推出的一款集矢量绘图、动画制作、互动设计、多媒体开发等多项功能于一身的著名平面动画制作软件，是当前最流行的且简单易学的动画制作软件之一 Flash以矢量图形为基础，以图层管理和帧编辑为基本方式来实现平面动画的制作 Flash被广泛地应用于网页动画设计、多媒体制作、远程教育课件、电子贺卡制作、游戏制作、网络动态广告等 Flash的常用版本有Flash 4、Flash 5、Flash MX、Flash MX 2004等,Flash特点, Flash基于矢量图形系统，所制作的作品体积小而且不失真 Flash采用“图层”技术，易于

2、制作复杂的图形和动画 Flash基于时间轴，能够简单直观地制作动画 Flash采用“流”技术，使得在网络上的传输速度快 Flash的交互性能强，利于制作交互性要求较高的多媒体课件等 Flash支持图形、图像、音频、视频等各种常见的多媒体文件格式,Flash动画设计原理,Flash用来设计、制作动画的基本原理与制作卡通动画一样，是将事先准备好的一连串的静态图像，按一定的顺序连续播放，从而在人的视觉里产生动的感觉 当播放速度达到每秒钟播放15幅画面（15k/s）时，动画的动作就比较连贯，没有不连续的跳跃感了；当播放速度达到30k/s时，动画就非常流畅了。但随着播放速度的提高，动画文档的体积也将随之

3、增大。这里，被播放的每一幅图形都被称为一帧 在Flash中，并不是所有帧图形都是自己事先绘制的，一般，只要指定一幅开始帧图形和一幅结束帧图形就可以了，中间过程由Flash自动生成,Flash动画设计原理,由于在动画播放过程中，有的图形静止不动，而有些图形要相对变动，在Flash中采用了图层的管理方式，将舞台中的对象分层进行处理。每个图层都是透明的，各个图层放置在一起，就形成了一幅完整的图形，从而简化了整个动画的制作。实际上，图层的方式也常被应用于一幅图形的制作上，利用图层可以将一个复杂图形分解为若干个简单的图形来独立制作和编辑，而对某一图层中的对象进行处理时，不影响其他图层中的对象，使得问题得

4、到简化，也便于处理各个简单图形的相互位置等关系 Flash中的对象主要有： 图形对象 文字对象 位图对象 组件对象 群组对象,Flash窗口组成,时间轴面板,工具箱,属性面板,舞台,混色器面板,主工具栏,菜单栏, Flash在菜单栏中提供了Flash的所有操作命令,主工具栏,对齐 缩放 旋转与倾斜 伸直 平滑 对齐对象 重做 撤销 粘贴 复制 剪切 打印 保存 打开 新建, Flash在主工具栏中提供了一些基本的文件、编辑操作命令,工具箱, Flash在工具箱中提供了用于绘制图形、输入文字，以及进行对象的缩放移动、选择颜色等编辑的基本工具 Flash工具箱按照功能分为: 编辑工具 查看 颜色

5、选项,部分选取工具 套索工具 文本工具 矩形工具 刷子工具 填充变形工具 颜料桶工具 橡皮擦工具 缩放工具 填充色 交换颜色,箭头工具 线条工具 钢笔工具 椭圆工具 铅笔工具 任意变形工具 墨水瓶工具 滴管工具 手形工具 笔触颜色 黑白,工具属性与选项, 当选择某一工具后，一般还将在其对应的“选项”区中进行选项设置，在“属性面板”进行属性设置 例如，选择“ （刷子工具）”后，其对应“选项”和“属性面板”如图所示,线条工具, 线条 工具用于绘制直线 按住Shift键可以拖出450的直线,铅笔工具, 铅笔 工具用于绘制直线或曲线 按住Shift键可以绘制直线,钢笔工具, 钢笔 工具用于绘制连续线条

6、与贝赛尔曲线，并可以配合节点编辑工具对节点进行修整 在曲线上单击可以添加或删除节点,画笔工具, 画笔 工具可以仿真水彩笔的笔触，也可以用来为图形填色,椭圆工具, 椭圆 工具用于绘制椭圆 按住Shift键可以绘制正圆,矩形工具, 矩形 工具用于绘制矩形，按住Shift键可以绘制正方形 选择“选项”的“ （圆角矩形的半径）”按钮，在“矩形设置”中设置“角半径”,文本工具, 文本 工具用于产生文字 在“属性”面板中可以设置文本的颜色、字体、大小、样式、对其方式、段落属性与文本框的种类等,箭头工具, 箭头 工具用于选取对象与移动对象，还可以用来修整对象的轮廓,套索工具, 套索 工具用于以不规则的圈选方

7、式来选取对象 “选项”中的 按钮用于在选取前进行“魔术棒设置” “选项”中的 按钮用于用来选取打散分离后的图形中颜色近似区域 “选项”中的 按钮用于多边形选取,部分选取工具, 部分选取 工具（节点编辑工具）用于编辑绘图对象（线段、椭圆、矩形、多边形等）的节点,任意变形工具, 任意变形 工具用于缩放、旋转、移动对象,填充变形工具, 填充变形 工具用于调整填充的中心、缩放和倾斜等,墨水瓶工具, 墨水瓶 工具用于修改对象的轮廓线颜色 当使用墨水瓶工具来单击只有填充区域的对象时，会使对象的周围产生一层轮廓,油漆桶工具, 油漆桶 工具用于在指定的区域中填入颜色 当使用墨水瓶工具来单击只有填充区域的对象时

8、，会使对象的周围产生一层轮廓,吸管工具, 吸管 工具用于吸取对象上的颜色，并自动切换到油漆桶工具 吸管工具还可以用来查询对象的种类与属性,橡皮擦工具, 橡皮擦 工具用于清除线条或填色区域 橡皮擦工具提供了五种擦除模式 水龙头模式可以清除所选区域的填充颜色，恢复到未填色状态,手形工具, 手形工具 用于移动工作页面使之符合所要编辑的页面位置,缩放工具, 缩放 工具用于调整工作区的显示比例 按住Alt键，缩小显示比例,颜色编辑,控制面板操作, Flash提供了时间轴面板、属性面板、混色器面板等许多控制面板 控制面板的显示/隐藏可以通过“窗口”菜单来设置 用鼠标拖动控制面板标题栏的左端“ ”按钮可以移

9、动它，单击标题栏的名称或“ ”、“ ”按钮可以展开/折叠它，单击标题栏的右端“ ”按钮可以展开其扩展菜单,Flash文档,Flash的文档主要有.fla、.swf和.exe三种类型 .fla是Flash所编辑的动画文件，其特点是可以在Flash中编辑和播放 .swf是Flash的影片文件，其特点是可以在Flash或其播放器中播放，也可以在网页中播放，还可以导入到其他软件中，但不能在Flash中再编辑 .exe是Flash影片编译后的可执行文件，其特点是可以脱离Flash，而在Windows中直接运行播放,文档保存, 选择“文件/保存”或“文件/另存为”菜单命令，在“另存为”对话框中完成文档的保

10、存.Flash的文档默认类型为.FLA,导出影片, Flash影片可以脱离Flash，在Flash播放器中或网页等文档中播放 选择“文件/导出影片”菜单命令，在“导出影片”对话框中完成影片的导出，并设置属性 Flash的影片默认类型为.SWF,导出图像, 选择“文件/导出图像”菜单命令，在“导出图像”对话框中完成图像的导出，并设置属性,发布及其设置, 选择“文件/发布设置”菜单命令，在“发布设置”对话框中确定发布的格式，并进行对应格式属性的设置 选择“文件/发布”菜单命令，即可完成文档的发布,播放器中播放影片, 在Flash播放器中选择“文件/打开”菜单命令，打开指定的Flash影片（.SWF

11、） 选择“控制/播放”菜单命令，播放打开的Flash影片,播放器中导出可执行文件, 在Flash播放器中选择“文件/创建播放器”菜单命令，在“另存为”对话框中指定文件名称 所导出的是该Flash影片的可执行文件（.exe），可以在Windows中直接执行,例1 五彩风车, 结构分析 整个风车由5片风叶组成，每个风叶都由不同的放射状渐变颜色填充 制作思路 先制作一片风叶，再将其旋转复制 4 份,例1 五彩风车 设置文档属性, 选择“修改/文档”菜单命令，在显示的“文档属性”对话框中进行文档属性的尺寸、匹配、背景颜色、帧数和标尺单位进行设置 本例设置“尺寸”为400400，“背景颜色”为白色,例1

12、 五彩风车 制作曲边三角形, 在工具箱中用鼠标单击选择“ （矩形工具）”，鼠标变为十字状。用鼠标在舞台中上部拖动出一个矩形 在工具箱中用鼠标单击选择“ （箭头工具）”，鼠标变为箭头状。用鼠标拖动矩形右下角（鼠标箭头的右下角出现“直角”）到对角线，使矩形变为三角形 用鼠标单击选择“ （箭头工具）”，用鼠标向上拖动三角形上直角边（鼠标箭头的右下角出现“圆弧”），使三角形上直角边为曲线，同样改变三角形左直角边，使三角形上直角边为曲线，最终成为曲边三角形,例1 五彩风车 曲边三角形填充颜色, 在舞台中用鼠标单击选定曲边三角形，在“混色器面板”中的“填充样式”中选择“放射状（从起始点到终点按照环形模式向

13、四周逐渐变化）”，并用鼠标单击选定“渐变定义栏”左下方的指针，而后在下方的颜色区中用鼠标单击选择蓝色，在“亮度”栏中拖动鼠标调整亮度。同样地，为“渐变定义栏”右下方的指针设置白色。所设置的 放射状渐变效果将显示在“混色器面板”的 预览框和所选定的曲边三角形中,例1 五彩风车 改变颜色渐变中心, 用鼠标单击选择“ （填充变形工具）”，用鼠标单击曲边三角形，在曲边三角形上显示圆圈，用鼠标拖动中心圆点到曲边三角形下角点，并拖动圆圈上的“半径柄”调整半径,例1 五彩风车 删除曲边三角形轮廓线, 用鼠标单击选择“ （箭头工具）”，用鼠标双击曲边三角形的边框将边框选定，按Del键删除边框,例1 五彩风车

14、调整曲边三角形重心, 为了使曲边三角形能够围绕着其下角点旋转，将其下角点设置为“重心” 用鼠标单击选择“ （任意变形工具）”，用鼠标单击曲边三角形，在曲边三角形上显示矩形，拖动其中心点到曲边三角形下角点,例1 五彩风车 旋转复制曲边三角形, 选定曲边三角形后，选择“窗口/设计面板/变形”菜单命令，在显示的“变形面板”中的“旋转”框中输入72.0度，连续按 4 次右下角的“（复制并应用变形）”按钮，即可得到由5个曲边三角形组成的风车,例1 五彩风车 改变风叶颜色, 选择工具箱的“ （颜料桶工具）”，再分别在“混色器面板”中设置某风叶所需的放射状渐变颜色，用鼠标单击其风叶的根部（位于风车中心），即

15、改变了颜色。同样地，为其他风叶填充所需的颜色，一个五彩风车就绘制完毕了,练习1 旋转花瓣, 在“混色器”中设置“放射状”颜色 选择“椭圆”工具，绘制椭圆作为花瓣 定义渐变颜色 填充渐变 删除边框 移动重心 复制旋转,练习2 图形填充, 绘制一个椭圆 在椭圆中填充位图 用“填充变形工具”调整填充位图的大小,文字处理, 输入文字时，先选择工具箱的“ （文本工具）”，然后在舞台的适当位置用鼠标单击，或拖出一个文本框，这时就可以在光标位置处输入文字 在“ （箭头工具）”状态下，用鼠标单击文本框即选定该文本框，文本框周围将显示一个蓝框。用鼠标双击文本框（或在“文本工具”状态下，用鼠标单击），即进入文本的

16、编辑状态，用鼠标可以定位、选定文字，可以修改、编辑文字,文本格式及其变形, 选定文本框后，在“属性面板”中可以设置其字体、大小、颜色，以及加粗、斜体等样式和各种对齐方式、字符间距等属性 文字的格式还可以通过“文本”菜单来设置, 对于所输入的文本框，可以使用“ （任意变形工具）”对其进行缩放、旋转、扭曲处理,文本的分离, 文字是一种特殊的对象，可以对其进行缩放、旋转、扭曲等处理，但是不能为其填充渐变颜色，也不能制作更多的字体变形等 选择“修改/分离”菜单命令，将文本框分离为孤立的文本，再选择“修改/分离”菜单命令，将文本分离为矢量图形 “分离”也称打散，或矢量化，是将文字转换为一般的矢量图形，以

17、便能够充分利用图形处理技术进行处理,例2 空心文字, 输入文字 打散文字 用墨水瓶为文字设置边线 删除文字填充,导入对象, 导入对象主要通过“文件/导入”菜单命令，在“导入”对话框中进行。导入的对象将被放置到影片的场景及库中 可以导入常见 的各种图形、图像、 音频、视频文件,库管理, “库”可以将各种元件予以保存 对“库”中的元件可以重复使用，以便缩减文件的大小，加快传输的速度，简化影片的编辑过程 用鼠标拖动“库”中的元件到场景中,库元件的属性, 选择“库”窗口下的“属性”按钮，或双击对象 在显示的“属性”对话框中可以进行元件的属性设置,图形编辑, 导入一幅图片 选择其快捷菜单的“转换为元件”

18、命令，在“转换为元件”对话框中选择“图形”，按“确定”按钮 在“属性面板”的“颜色”框中可以进行亮度、色调、透明等设置,对齐, 对舞台中的多个对象，可以在选定后，通过“对齐面板”重新调整这些选定对象的对齐方式和分布,组合, 对于多个对象，在其相对位置不变的情况下，为了防止变形、改变，也为了能够简便地进行统一操作 选择“修改/组合”菜单命令，将多个选定对象组合成一个对象 选择“修改/取消组合”菜单命令，将已经组合起来的群组对象分离，分解为群组前的多个对象,图层, “图层”可以理解为是一叠画有图形的透明纸，上层的图形会盖住下层的图形，而透过上层的空白处可以显露出下层的图形，多个图层交叠起来就形成了

19、完整的画面。“图层”概念被广泛应用于图形处理中，Photoshop软件中就深入地应用了“图层”技术 各图层中对象的移动、变化不会互相影响，当要编辑某一对象时，在该对象所在的图层上编辑即可 图层面板中的上下位置代表了图层在影片中的前后次序关系。在图层面板中，最上面的图层在影片中也是最前面 的一层，最下面的一层也是最后的图层 在Flash中，图层的处理主要在 “时间轴面板”左侧 的“图层区”中完成,显示,锁定,外框显示,添加新图层,添加引导图层,添加层文件夹,删除选定图层,图层的基本操作, 图层的添加 用鼠标单击“图层区”左下角的“ （插入图层）”按钮（或选择“插入/时间轴/图层”菜单命令，或选择

20、当前图层“快捷菜单/插入图层”命令），将在当前图层的上方插入一个新的图层 图层重命名 用鼠标双击“图层区”中的某图层，进入该图层重命名状态，输入新图层名即可将其更改 图层的删除 单击“删除选定图层”按钮，或选择当前图层快捷菜单的“删除图层”命令，或拖动要删除的图层到“删除选定图层”按钮 图层顺序的调整 拖动要移动的图层到指定位置,例3 阴影文字, 在“文字”图层中加入深灰色文字 新建“阴影”图层，调整到上层，并复制“文字”图层中文字 将“文字”图层中文字两次打散，填充“线性渐变颜色” 将“文字”图层中文字图形，用“填充变形工具”调整线性渐变颜色的方向 移动“文字”图层中文字图形，使其与“阴影”

21、图层中文字位置错位对应,练习3 描边文字, 将层1命名为“文字”，在其中输入文字，并打散文字 添加层2，命名为“边线”，在其中粘贴文字，用墨水瓶为文字设置边线，删除文字填充 移动层2中的边线于层1中文字的斜上方,例4 拼合图形, 导入“花卉”和“树叶”两幅图片到两个图层 将“花卉”图层置于上层 将“花卉”图层中的“花卉”图片分离 选取“花卉”图片中的花朵，清除其余,Flash动画设计,帧, 在Flash动画中，“帧”代表的是动画的各个时刻，当将这些帧的内容连续地在舞台上播放就成了动画 Flash动画的效果、顺序、长度等设置一般都是在“时间轴”的“时间轴控制区”中完成 Flash的动画分为“逐帧

22、”动画和“补间”动画两类，“补间”动画又分为“移动”动画和“形状”动画两种,帧的播放速度, 选择“修改/文档”菜单命令，在“文档属性”对话框的“帧频”框中设置帧频 为了使影片播放的连贯，“帧频”值至少为12fps,帧的刻度, 时间轴上的刻度可以根据操作的精细需要进行设置,帧的分类, 关键帧“ ” 空白关键帧“ ” 过渡帧（关键帧和空白关键帧之间）,帧指针的移动, 帧指针用红色显示 在时间轴的目的帧上单击 在刻度栏上拖动帧指针,帧操作, 添加帧 在添加前单击选定添加帧的位置 选择“插入/帧”菜单命令 选择快捷菜单的“插入帧”命令 按快捷键F5 删除帧 在删除前选定要删除的帧（可能是多个） 选择快

23、捷菜单的“删除帧”命令 按快捷键Shift+F5,关键帧操作, 关键帧是指在该帧中具有关键性内容的帧。在关键帧中必须拥有组件或图形 插入关键帧 在时间轴上选择要插入帧的位置 选择“插入/关键帧”菜单命令 选择快捷菜单的“插入关键帧”命令 按快捷键F6 清除关键帧 清除关键帧的作用是把关键帧还原成一般空白帧 清除前，先选择要清除的帧 选择快捷菜单的“移除帧”命令 设置空白关键帧 清除前面关键帧的内容 设置前，先选择要插入的关键帧 选择快捷菜单的“转换为白色关键帧”命令,Flash的动画方式, Flash制作动画有两种方式 逐帧动画（Frame by Frame） 类似于传统的动画制作方法，事先编

24、辑动画的每一帧，而后将它们依次串起来 这种方式制作的动画变化较大而且精致，但制作繁琐，文件体积较大 运动动画（Tweening） 用户仅制作动画的第一帧和最后一帧（两个关键帧），通过选择“帧属性”面板的“补间”框选择将这两个关键帧之间自动插入所有的帧 这种方式制作简单、容易，但所制作的动画变化较少,Flash逐帧动画方式, Flash逐帧动画所采用的原理是传统的动画制作原理，就是将动画分解为各个动作的每一帧，再按照顺序连续播放就形成了动画效果 逐帧动画方式制作的动画变化较大而且精致，但制作繁琐，文件体积较大 各帧图形可以是逐帧绘制的分解动作，也可以是导入的在其他绘图软件中制作的连续图形文件,例

25、5 书写大字, 在第1帧输入“大”字，并分离打散 在第10、9、2处分别插入关键帧，并用橡皮擦依次擦除适当的笔画,动画播放, 用鼠标拖动“帧工作区”上的红色竖线标志（称为“帧指针”）移动，在舞台中即可看到动画效果 选择“控制/播放”菜单命令，或按回车键，即可在舞台中自动显示动画效果 选择“控制/测试影片”菜单命令，或按Ctrl+回车键，在测试窗口中循环显示动画效果。测试状态退出时，按Ctrl+W键，或者选择“文件关闭”菜单命令 在测试影片时，系统将自动对当前文档进行了编译，生成和播放的是其影片文件（.swf）,练习5 猫和老鼠, 选择“文件/导入”菜单命令，在“导入”对话框中选择打开图像序列的

26、第1个文件，在显示的对话框中选择“是”按钮 图像序列中的所有文件按照其顺序依次放置在同一图层的各帧中,练习6 文字逐显, 新建影片，设置文档属性 在第1帧处书写文字 在第212帧处插入关键帧 从11帧到第1帧，依次将文本中的文字删除后面的一部分，前面的帧比后面的帧依次的少一个汉字或字符，第1帧只有一个汉字“欢”,Flash补间动画方式, 在Flash中，并不是所有帧图形都是自己事先绘制的。一般，用户仅制作动画的第一帧和最后一帧这两个关键帧 通过在“帧属性面板”的“补间”框中进行选择，Flash将自动插入这两个关键帧之间的所有帧，从而完成动画的设计 “补间”动画又分为“动作”动画和“形状”动画两种 补间方式制作简单、容易，但所制作的动画变化较少,例7 图形变形形状, 分别在第1、10、20帧处添加关键帧，并在其中绘制图形 分别在第1、10帧“属性”面板的“补间”框中选择“形状”,例8 蜜蜂采蜜动作, 导入“蜜蜂”