1、FLASH动画设计实例教程,第1节 FLASH动画制作基础,2.1.1 FLASH基础 一、FLASH CS4的主要新增功能1.全新的用户操作界面2.2D对象的3D转换 3.反向运动和骨骼工具4.基于对象的动画 5.Deco工具（装饰工具）和喷涂刷工具,清华大学出版社,二、重要概念解析1.矢量图和位图 (1)位图：是计算机根据图像中每一点(像素)的信息所生成的，要存储和显示位图就需要对每一个点的信息进行处理。位图的色彩丰富，主要用于对色彩丰富程度或真实感要求比较高的场合,出现明显的失真(即马赛克现象) 。 (2)矢量图：是计算机根据矢量数据计算后所生成的，它用包含颜色和位置属性的直线或曲线来描
2、述图像。所以，计算机在存储和显示矢量图时只需记录图形的边线位置和边线之间的颜色这两种信息。矢量图的特点是占用的存储空间非常小，而且矢量图无论放大多少倍都不会失真。,清华大学出版社,.帧帧的概念是从电影继承过来的，所以使用Flash制作的作品也被统称为Movie(即影片)。它是由许多静态画面构成的，而每一幅静态画面就是一个单独的帧。按时间顺序放映这些连续画面时，就会动起来。在Flash中，帧是时间轴上的一个小格，是舞台内容中的一个片断。.影片Flash里把制作完成的动画文件称为影片。实际上，Flash中的许多名词都与影片有关，如帧、舞台、场景等。影片放映时是按帧连续播放的，通常每秒24帧。由于视
3、觉暂留的原因，人们看到的影片就是连续动作的。Flash与影片一样，也需要制作成连续动作的图像，再输出播放就形成了影片。输出的影片可以使用Flash专有的影片格式，也可以输出成其他图片格式，比如Gif动画。,清华大学出版社,清华大学出版社,.舞台舞台是编辑影片的窗口，即文件窗口，用于做图、编辑图像以及测试播放影片。.时间轴Flash将时间分割成许多同样大小的块，每一块表示一帧。时间轴上的每一小格就表示一帧，帧由左向右按顺序播放就形成了动画影片。时间轴是安排并控制帧的排列及将复杂动作组合起来的窗口。时间轴上最主要的部分是帧、层和播放指针。,6.关键帧在影片制作过程中，通常都要制作许多不同的片断，然
4、后将片断连接到一起形成完整的影片。对于摄影或制作的人来说，每一个片断的开头和结尾都要加上一个标记,这样在看到标记时就知道这一段内容是什么。在Flash里，把有标记的帧称为关键帧。除此之外，关键帧还用于Flash识别动作开始和结尾的状态。比如在制作一个动作时，将一个开始动作状态和一个结束动作状态分别用关键帧表示，再告诉Flash动作的方式，Flash就可以做成一个连续动作的动画。对每一个关键帧可以设置特殊的动作，包括物体移动、变形或做透明变化。如果接下来播放新的动作，就再使用新的关键帧作为标记，就像切换动作一样。当然新的动作也可以用场景的方式来切换。,.场景影片需要很多场景，并且每个场景中的人物
5、、时间和布景可能都是不同的。与拍影片一样Flash可以将多个场景中的动作组合成一个连贯的影片。要编辑影片，都是在“第一个场景-场景1”中开始，场景的数量是没有限制的。.层层可以理解为一张张透明的胶片。用户可以在不同的层上做图，再将其叠放到一起组成一个复杂的图片。每个层本身都是透明的，所以图像叠到一起时仍感觉它像是在同一层上。当图像重叠时，排在时间轴窗口上面层中的图像要覆盖排在下面层中的图像。,2.1.2 Flash CS4的主界面,一、菜单栏1.文件菜单2.编辑菜单3.视图菜单4.插入菜单5.修改菜单6.文本菜单7.命令菜单8.控制菜单9.窗口菜单10.帮助菜单,二、主工具栏,Flash CS
6、4将一些经常使用的命令以按钮的形式集中到了如图所示的主工具栏中。熟练掌握这些工具将极大地提高图形绘制和动画制作的效率。,三、工具箱,Flash CS4主界面的左侧是用于绘图的工具箱，用户可以根据自己的喜好来设置工具箱的单列模式或双列模式。Flash绘图工具大致包含选取工具、绘图工具、文字工具、涂色工具、修改工具以及查看方式选择工具等。,三、工具箱,四、时间轴,五、舞台,默认情况下，舞台位于Flash主界面的中央。舞台是创建F1ash文档时放置图形内容的矩形区域，图形内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。F1ash创作环境中的舞台相当于在Flash Player或Web浏览
7、器窗口中播放F1ash文档的矩形空间。可以放大和缩小显示比例，以更改舞台的视图。对于没有特殊效果的动画，在舞台上也可以直接播放。,六、属性、动作面板,在动画制作过程中，常需要对动画内容进行编辑并设置其属性。舞台下方的“属性”面板和“动作”面板便是为设置对象属性而设计的。1.“属性”面板2.“动作”面板,七、工作面板,窗口右侧为工作面板区，在其中可以按需要显示各种面板，以查看、组织和更改文档中的元素。面板中的可用选项控制着元件、实例、颜色、类型、帧和其他元素的特征。通过显示特定任务所需的面板并隐藏其他面板，也可以自定义Flash界面。面板用于处理对象、颜色、文本、实例、帧、场景和整个文档。例如，
8、使用混色器创建颜色，并使用“对齐”面板将对象彼此对齐或与舞台对齐。要查看Flash中可用面板的完整列表，可查看窗口菜单。,第2节 图形绘制工具,2.2.1 绘图工具一、直线工具1.直线的颜色、粗细和形状2.直线的端点和接合3.直线工具的选项工具栏,二、铅笔工具 三、钢笔工具 四、椭圆工具 五、矩形工具1.绘制矩形和正方形2.绘制圆角矩形3.绘制星形及多边形 六、喷涂刷工具1.应用藤蔓式填充效果。2.应用网格填充效果3.应用对称效果,2.2.2 上色工具一、墨水瓶工具 二、颜料桶工具1.设置缺口宽度2.锁定填充 三、刷子工具1.刷子模式2.刷子大小和形状3.刷子工具的应用,四、滴管工具1.吸取填
9、充 2.吸取轮廓线3.吸取文本4.吸取位图,2.2.3【颜色】面板组 一、【颜色样本】面板 二、【混色器】面板1.选择颜色进行填充2.编辑渐变色3.设置【溢出】模式4.保存当前所编辑的渐变色5.位图填充,2.2.4 选择工具一、箭头工具1.选择、移动和复制对象2.编辑线条或轮廓3.平滑/拉直线条或轮廓 二、部分选择工具 三、 套索工具,2.2.5 编辑工具一、任意定形工具1.变形的中心点2.任意变形工具的基本使用(1)填充定形工具(2)橡皮擦工具,2.2.6 查看工具一、手形工具 二、放大镜工具,第3节 演员的创建,2.3.1 帧在Flash中，将每一个影格成为帧，帧是Flash中最小的时间单
10、位。 一、帧的分类1、普通帧2、关键帧3、过渡帧,二、帧的概念,1、普通帧只能将关键帧的状态进行延续，一般是用来将元素保持在舞台上。 2、关键帧关键帧有别于其他帧，它是一段动画起止的原型，其间所有的动画都是基于这个起止原型进行变化的。 3、过渡帧两个关键帧之间的部分是过渡帧，它们是起始关键帧动作向结束和关键帧动作变化的过渡部分。 4、空白关键帧在一个关键帧里，什么对象也没有，这种关键帧，我们就称其为空白关键帧。,1、选择帧 2、插入帧3、清除帧4、剪切、复制和粘贴帧,三、帧的编辑,四、帧的属性,2.3.2 元件、实例和库,一、关于元件元件可以说是Flash当中一个非常重要的概念，是可重复使用的
11、图片、动画或按钮。元件只需创建一次，就可以在整个文档或其他文档中重复使用。创建的任何元件都会自动成为当前文档库的一部分，当将元件从“库”面板拖出到舞台时，舞台上就增加一个该元件的实例。每个元件都有一个唯一的时间轴和舞台，以及几个层。Flash元件包括三个类型：图形、按钮和影片剪辑。创建元件时要选择元件类型，这也取决于您在作品中如何使用。创建后，在“库”面板中会显示不同类型的原件。,二、元件与实例当将元件从“库”中拖入舞台时，舞台上就增加了一个该元件的实例。可以随意地对实例进行缩放、改变大小与透明度等操作。对实例进行的这些操作将不会影响到元件本身。但对元件修改，Flash就会更新该元件的所有实例
12、。1、元件与实例2、影片剪辑与实例3、按钮元件与实例,三、关于库1、库Flash项目可包含上百个数据项，其中包括元件、声音、位图及视频。若没有库，要对这些数据项进行操作并对其进行跟踪将是一项使人望而生畏的工作。FlashCS4中包含大量的增强库，它们可以使在Flash文件中查找、组织及使用可用资源工作变得容易了许多。2、使用公共库Flash CS4给用户提供了公共库。利用该功能，可以在个动画中定义一个公共库，在以后制作其他动画的时候就可以链接该公共库，并使用其中的组件。,2.4.1 对象变形一般用户可以使用工具箱中自由变形工具和变形浮动面板对对象进行变形操作，还有可以使用“修改”菜单里“变形”
13、子菜单中的命令来变形对象。,1、对象变形2、使用“变形”面板调整对象使用“变形”面板可以精确地对对象进行等比例 缩放、旋转，还可以精确地控制对象的倾斜度。3、使用“信息”面板调整对象 可以精确地调整对象的位置和大小。,第4节 相关工具,2.4.2 导入外部素材在制作Flash动画过程中，仅使用自带的绘图工具远远不能满足对素材的需要。使用现有的外部资源会极大地提高工作的效率。Flash CS4提供了强大的导入功能，可以很方便地导入其他程序制作的各种类型的文件，特别是对Photoshop图像格式的支持极大地拓宽了Flash素材的来源。,一、导入图像文件1、导入位图2、导入PSD文件3、获取文字素材
14、的途径,二、导入声音文件1、获取声音素材的途径2、导入声音到文档3、编辑声音4、设置声音属性,三、导入视频1、可导入的视频格式2、导入视频编辑3、视频文件的属性4、获取动画素材的途径,2.4.3 使用滤镜滤镜是一种应用到对象上的图形效果。在动画设计中，利用滤镜功能可以制作投影、发光、模糊等效果。Flash CS4允许对文本、影片剪辑和按钮添加滤镜效果。滤镜共有七种功能，分别是投影、模糊、发光、斜角、渐变发光、渐变斜角和调整颜色。在正常情况下，可以添加多种滤镜，配合补间动画制作出精美的效果。滤镜面板上包括：添加按钮、预设、剪贴板、启用或禁用的滤镜、重置滤镜和删除滤镜6个按钮。添加滤镜效果后，可以
15、设置滤镜的相关属性，每种滤镜效果的属性设置都有所不同。,1、投影滤镜 2、模糊滤镜 3、发光滤镜 4、斜角滤镜 5、渐变发光滤镜 6、渐变斜角滤镜 7、调整颜色滤镜,滤镜的7种类型,2.5.1 “时间轴面板”在Flash中，时间轴窗口用于组织和控制文档内容在一定时间内播放的层数和帧数。按照功能的不同，时间轴窗口可以分为左右两个部分：图层控制窗口和时间轴。,第5节 时间轴和层,1、“滚动到播放头”按钮：用于改变时间线控制区的显示范围，将当前帧(动画指针所在帧)显示到控制区窗口中间。,一、时间轴按钮的基本功能,2、“绘图纸外观”按钮：又称洋葱皮按钮。用于在时间线上设置一个连续的显示帧区域，区域内的
16、帧所包含的内容同时显示在舞台上。,3、“绘图纸外观轮廓”按钮：又称洋葱皮轮廓按钮。用于设置一个连续的显示帧区域，除当前帧外，其余显示帧中的内容仅显示对象外边框。,4、“编辑多个帧”按钮：又称多帧编辑按钮。用于设置一个连续的编辑帧区域，区域内帧的内容可以同时显示和编辑。,5、“洋葱皮范围”按钮：又称修改绘图纸标记按钮。单击该按钮会出现一个多帧显示选项菜单，定义显示绘图纸2(2帧)、绘图纸1(1帧)或绘图纸全部(全部帧)内容。,二、洋葱皮功能,做动画时，很多时候都需要参考前后帧的内容来辅助处理当前帧的内容，这个时候就需要采用洋葱皮功能来达到这个目的。使用洋葱皮功能可以看到除当前帧以外的其他帧的内容
17、，这样就可以方便的对照着进行动画的编辑了。,三、多帧编辑功能,在有些情况下，必须同时处理、修改连续的多个帧的内容，这时候就要用到多帧编辑功能了。利用多帧编辑功能来同时调整舞者的多个动作，如同时移动、缩放等操作。多帧编辑是进行整体修改的一个方便手段。,图层就像一张张透明的动画纸，通过不同的画面的叠加，最终形成了完整的动画画面。在图层上绘制和编辑对象，不会影响其他图层上的对象。如果一个图层上没有内容，那么就可以透过它看到下面的图层。因此，可以根据需要，在不同层上编辑不同的动画而互不影响，然后在放映时得到合成的效果。,2.5.2 图层,一、图层,二、引导层,1、创建引导层 2、将图层转变为引导层 3
18、、取消引导层,逐帧动画是一种常见的动画形式，它的原理是在“连续的关键帧”中分解动画动作，也就是在每一帧中设置不同的画面，连续播放而形成动画。逐帧动画的帧序列内容不一样，不仅增加了制作负担而且最终输出的文件量也很大，但它的优势也很明显：因为它与电影播放模式相似，很适合于表演细腻的动画，如3D效果、人物或动物急剧转身等效果。,第6节 逐帧动画,2.6.1 逐帧动画的概念和表现形式,在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧地画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。,2.6.2 创建逐帧动画的方法,1、导入静态图片建立逐帧动画 2、绘制矢量逐帧动画 3、文字逐帧动画 4、指令逐帧动画 5、导入序列图像,
