FlashCS6的基础知识.ppt

1、Flash CS6 的基础知识,通过学习，应掌握Flash CS6 的基本概念、工具箱中各种工具的使用，以及动画制作方面的基础知识。,重点：,启动Flash CS6，首先显示出图2-1 所示的启动界面。,2.1 Flash CS6 的界面构成,图2-1 启动界面,启动界面中部的主体部分列出了一些常用的任务。其中，左边栏是打开最近用过的项目，中间栏是创建各种类型的新项目，右边栏是从模板创建各种动画文件。下面打开一个动画文件。方法：单击左边栏中的 按钮，在弹出的“打开”对话框中选择配套光盘中的“素材及结果4.1 光影文字 光影文字.fla”文件，如图2-2 所示，单击“打开”按钮，即可进入该文件的

2、工作界面，如图2-3 所示。Flash CS6 工作界面主要可以分为动画文件选项卡、工具箱、时间轴、舞台、面板组和面板几部分，下面进行具体讲解。,图2-2 选择要打开的文件,图2-3 打开“光影文字.fla”文件,在这里显示了当前打开的文件名称。如果此时打开了多个文件，可以通过单击相应的文件名称来实现文件之间的切换。,1.动画文件选项卡,工具箱中包含了多种常用的绘制图形的工具和辅助工具，它们的具体使用方法参见1.2 节。,2.工具箱,时间轴用于组织和控制一定时间内的图层和帧中的文档内容。时间轴左边为图层，右边为帧，动画从左向右逐帧进行播放。,3.时间轴,舞台又称为工作区域，是Flash 工作界

3、面中最广阔的区域。在这里可以摆放一些图片、文字、按钮和动画等。,4.舞台,面板组位于工作界面右侧，包括多个面板缩略图。单击相关面板缩略图按钮，可以完整的显示出相关的面板。,5.面板组,在面板组中单击相关缩略图按钮，即可显示出相关面板。利用这些面板，可以为动画添加非常丰富的特殊效果。单击面板顶端的 小图标，可以将面板缩小为图标。在这种情况下。这样，可以使软件界面极大简化，同时保持必备工具可以访问。,6.面板,计算机以矢量图形或位图格式显示图形，了解这两种格式的差别有助于用户更有效地工作。使用 Flash 可以创建压缩矢量图形并将它们制作为动画，也可以导入和处理在其他应用程序中创建的矢量图形和位图

4、图像。在编辑矢量图形时，用户可以修改描述图形形状的线条和曲线属性，也可以对矢量图形进行移动、调整大小、重定形状及更改颜色的操作，而不更改其外观品质。在Flash 中绘图时，创建的是矢量图形，它是由数学公式所定义的直线和曲线组成的。矢量图形是与分辨率无关的，因此，用户可以将图形重新调整到任意大小，或以任何分辨率显示它，而不会影响其清晰度。另外，与下载类似的位图图像相比，下载矢量图形的速度比较快。,2.2.1 Flash 的图形,2.2 图形制作,图形编辑是Flash 重要的功能之一，了解了一些基本的绘图方法之后，就可以从绘图工具栏里选择不同的工具以及它们的修饰功能键来创建、选择、分割图形等。当选

5、择了不同的工具时，图形工具栏外观会跟着发生一些变化，且修饰功能键以及下拉菜单将出现在工具栏的下半部分。修饰功能键大大扩展了此工具的使用功能，加强了此工具的实用性和灵活性。一般情况下，在第一次接触到某工具时，只要能大概知道它的作用就可以了，至于具体应用，则需要通过一个个实实在在的例子去慢慢体会和理解。在本章中，将对Flash 提供的图形处理工具进行一些简单的讲解，另外，列举一些基本的图形绘制实例。通过对本章的学习，相信大家对Flash 的图形制作不会再感到陌生了。,在讲解铅笔工具之前先来熟悉一下工具箱。Flash CS6 的工具箱如图2-4 所示。,2.2.2 铅笔工具和线条工具,图2-4 Fl

6、ash CS6 工具箱中的工具,（铅笔工具）用于在场景中指定帧上绘制线和形状，它的效果就好像用真的铅笔画画一样。帧是Flash 动画创作中的基本单元，也是所有动画及视频的基本单元，将在后面的章节中介绍。Flash CS6 中的铅笔工具有属于自己的特点，例如，可以在绘图的过程中拉直线条或者平滑曲线，还可以识别或者纠正基本几何形状。另外，还可以使用铅笔工具的修正功能来创建特殊形状，也可以手工修改线条和形状。选择工具箱中的（铅笔工具）的时候，在工具栏下部的选项部分中将显示（对象绘制）按钮，用于绘制互不干扰的多个图形，单击右侧 下的小三角形，会出现如图2-5 所示的选项,1.铅笔工具,图2-5 下拉选

7、项,图2-6 铅笔属性面板,这3 个选项分别对应铅笔工具的3 个绘图模式。选择(直线化）时，系统会将独立的线条自动连接，将接近直线的线 条自动拉直，对摇摆的曲线实施直线式的处理。选择（平滑）时，将缩小Flash 自动进行处理的范围。在平滑选项模式 下，线条拉直和形状识别功能将都被禁止。在绘制曲线后，系统可以进 行轻微的平滑处理，且使端点接近的线条彼此可以连接。选择（墨水）选项时，将关闭Flash 自动处理功能，即画的是什么样，就是什么样，不做任何平滑、拉直或连接处理。选择（铅笔工具）的同时，在“属性”面板中也会出现如图2-6 所示的选项，包括笔触颜色、笔触粗细、样式、缩放、端点类型和接合类型等

8、。,单击 颜色框，会弹出Flash 自带的Web 颜色系统，如图2-7 所示，从中可以定义所需的笔触颜色；拖动“笔触”右侧的滑块，可以自由设定线条的宽度；单击“样式”右侧的下拉列表框，用户可以从弹出的下拉选单中选择自己所需要的线条样式，如图2-8 所示；单击（编辑笔触样式）按钮，可以在弹出的“笔触样式”对话框中设置所需的线条样式。,图2-7 Web 颜色系统,图2-8 线条样式,在“笔触样式”对话框中共有“实线”、“虚线”、“点状线”、“锯齿状线”、“点刻线”和“斑马线”6 种线条类型。实线：最适合于在Web 上使用的线型。此线型可以通过“粗细”和“锐化转角”两项来设定，如图2-9 所示。虚线

9、：带有均匀间隔的实线。短线和间隔的长度是可以调整的，如图2-10 所示。,图2-9 实线,图2-10 虚线,点状线：绘制的直线由间隔相等的点组成。与虚线有些相似，但只有点的间隔距离可调整，如图2-11 所示。锯齿线：绘制的直线由间隔相等的粗糙短线构成。它的粗糙程度可以通过图案、波高和波长3 个选项来进行调整，如图2-12 所示。在“图案”选项中有“实线”、“简单”、“随机”、“点状”、“随机点状”、“三点状”、“随机三点状”7 种样式可供选择；在“波高”选项中有“平坦”、“起伏”、“剧烈起伏”、“强烈”4 个选项可供选择；在“波长”选项中有“非常短”、“短”、“中”、“长”4 个选项可供选择。

10、,图2-11 点状线,图2-12 锯齿状线,点刻线：绘制的直线可用来模拟艺术家手刻的效果。点刻的品质可通过点大小、点变化和密度来调整，如图2-13 所示。在“点大小”选项中有“很小”、“小”、“中等”、“大”4 个选项可供选择；在“点变化”选项中有“同一大小”、“微小变化”、“不同大小”、“随机大小”4 个选项可供选择；在“密度”选项中有“非常密集”、“密集”、“稀疏”、“非常稀疏”4 个选项可供选择。,图2-13 点刻线,斑马线：绘制复杂的阴影线，可以精确模拟艺术家手绘的阴影线，产生无数种阴影效果，这可能是Flash 绘图工具中复杂性最高的操作，如图2-14所示。它的参数有：粗细、间隔、微动

11、、旋转、曲线和长度。其中，“粗细”选项中有“极细”、“细”、“中等”、“粗”4 个选项可供选择；“间隔”选项中有“非常近”、“近”、“远”、“非常远”4 个选项可供选择；“微动”选项中有“无”、“弹性”、“松散”、“强烈”4 个选项可供选择；“旋转”选项中有“无”、“轻微”、“中等”、“自由”4 个选项可供选择；“曲线”选项中有“直线”、“轻微弯曲”、“中等弯曲”、“强烈弯曲”4 个选项可供选择；“长度”选项中有“相等”、“轻微变化”、“中等变化”、“随机”4 个选项可供选择。,图2-14 斑马线,“端点”和“接合”选项用于设置线条的线段两端和拐角的类型，如图2-15 所示。端点类型包括“无”

12、、“圆角”和“方形”3 种，效果分别如图2-16 所示。用户可以在绘制线条之前设置好线条属性，也可以在绘制完成后重新修改线条的属性。,图2-15 端点和接合位置说明,图2-16 端点类型,a）选择“无”b）选择“圆角”c）选择“方型”,接合指的是在线段的转折处也就是拐角的地方，线段以何种方式呈现拐角形状。有“尖角”、“圆角”和“斜角”3 方式可供选择，效果如图2-17 所示。当选择接合为“尖角”的时候，右侧的尖角限制文本框会变为可用状态，如图2-18 所示。在这里可以指定尖角限制数值的大小，数值越大，尖角就越趋于尖锐，数值越小，尖角会被逐渐削平。,图2-17 接合类型,图2-18 尖角选项,使

13、用Flash 中的（线条工具）可以绘制从起点到终点的直线。其选项与（铅笔工具）的选项基本一致，这里就不再重复。,2.线条工具,a）选择“尖角”b）选择“圆角”c）选择“斜角”,在Flash CS6 中包括（椭圆工具）、（矩形工具）、（多角星形工具）、（基本矩形工具）和（基本椭圆工具）5 种图形工具。在默认情况下，Flash 工具箱中只显示（矩形工具），如果要选择其他图形工具，可以在工具箱中按住（矩形工具）不放，在弹出的隐藏工具面板中选择相关的图形工具，如图2-19 所示。,2.2.3 图形工具,图2-19 选择相关的工具,（椭圆工具）和（矩形工具）分别用于绘制矩形图形和椭圆图形，其快捷键分别是

14、R和O。（1）使用矩形工具及其属性设置 使用（矩形工具）可以绘制出矩形或圆角矩形图形。绘制的方法为：在工具箱中选择（矩形工具），然后在舞台中单击并拖曳鼠标，随着鼠标拖曳即可绘制出矩形图形。绘制的矩形图形由外部笔触线段和内部填充颜色所构成，如图2-20 所示。,1.椭圆工具和矩形工具,图2-20 绘制的矩形图形,提示：使用（矩形工具）绘制矩形时，如果按住键盘上的Shift键的同时进行绘制，可以绘制正方形；如果在按住Alt键的同时进行绘制，可以从中心向周围绘制矩形；如果在按住Alt+Shift组合 键的同时进行绘制，可以从中心向周围绘制正方形。,选择工具箱中的（矩形工具）后，在属性面板中将出现（矩

15、形工具）的相关属性设置，如图2-21 所示。,图2-21 矩形的“属性”面板,在“属性”面板中可以设置矩形的外部笔触线段属性、填充颜色属性以及矩形选项的相关属性。其中，外部笔触线段的属性与（铅笔工具）的属性设置相同，属性面板中的“矩形选项”用于设置矩形4 个边角半径的角度值。1）矩形边角半径：用于指定矩形的边角半径，可以在每个文本框中输入矩形边角半径的参数值。2）（锁定）与（解锁）：如果当前显示为（锁定）状态，那么只设置一个边角半径的参数，则所有边角半径的参数都会随之进行调整，同时也可以通过移动右侧滑块的位置统一调整矩形边角半径的参数值，如图2-22 所示；如果单击（锁定），将取消锁定，此时显

16、示为（解锁）状态，不能再通过拖动右侧滑块来调整矩形边角半径的参数，但是还可以对矩形的4 个边角半径的参数值分别进行设置，如图2-23 所示。,图2-22 同时调整矩形边角半径的参数值后的效果,3）重置：单击 按钮，则矩形边角半径的参数值都将重置为0，此时，绘制矩形的各个边角都将为直角。,图2-23 分别调整矩形边角半径的参数值后的效果,（2）使用椭圆工具及其属性设置（椭圆工具）用于绘制椭圆图形，其使用方法与（矩形工具）基本类似，这里就不再赘述。在工具箱中选择（椭圆工具）后，在属性面板中将出现椭圆工具的相关属性设置，如图2-24 所示。1）“开始角度”与“结束角度”：用于设置椭圆图形的起始角度与结束角度值。如果这两个参数均为0，则绘制的图形为椭圆或圆形。调整这两项属性的参数值，可以轻松地绘制出扇形、半圆形及其他具有创意的形状。图2-25 所示为“开始角度”与“结束角度”参数变化时的图形效果。,图2-24 椭圆工具的“属性”面板,图2-25“开始角度”与“结束角度”参数变化时的图形效果,2）内径：用于设置椭圆的内径，其参数值范围为0 99。如果参数值为0 时，则可根据“开始角度”与“结束角