flash+动画设计与项目实践3.ppt

1、第3章 对象绘制与编辑,3.1 绘制图形对象 3.2 填充图形对象 3.3 选取对象 3.4 编辑对象 3.5 文本工具 3.6 导入对象 3.7 应用实例 3.8 习题和实验指导,主目录,3.1 绘制图形对象,图形对象的绘制主要使用绘图工具，主要包括线条工具、铅笔工具、钢笔工具、椭圆工具、矩形工具和多角星形工具。这些工具都位于操作面板左边的工具箱中，单击相应的按钮后，均会得到相应的属性设置，属性设置位于面板的下方。例如，当单击多角星形工具时，其属性设置栏如下图的属性栏。,3.1.1 线条工具,单击工具箱中的相应按钮可以激活线条工具。如果要一次绘制一条直线段，则需使用线条工具。 线条工具需要注

2、意以下选项的含义： 笔触颜色：所绘制直线的颜色。 笔触高度：所绘制直线的粗细程度。 笔触样式：所绘制直线的样式。笔触样式可以自定义。 端点：线段端点的样式。 结合：设置两段直线相结合处的角度处理。 （转向演示）,3.1.2 铅笔工具,单击工具箱中的相应按钮可以激活铅笔工具。若要绘制线条和形状，则使用铅笔工具绘画的方式与使用真实铅笔大致相同。若要在绘画时平滑或伸直线条和形状，需要为铅笔工具选择一种绘制模式。 对铅笔工具的使用方法做演示。,3.1.3 钢笔工具,单击工具箱中的相应按钮可以激活钢笔工具。若要绘制精确的路径（如直线或平滑流畅的曲线），可使用钢笔工具。 使用钢笔工具绘画时，单击可以在直线

3、段上创建点，拖动可以在曲线段上创建点。 可以通过调整线条上的点来调整直线段和曲线段。 将曲线转换为直线，将直线转换为曲线，并显示用户用其它 Flash 绘画工具（如“铅笔”、“刷子”、“线条”、“椭圆”或“矩形”工具）在线条上创建的点，可以调整这些线条。 钢笔工具显示的不同指针反映其当前绘制状态。 各状态描述见课本。 下面是一个演示示例。通过钢笔工具将图中的花选择出来。,3.1.4 椭圆工具和基本椭圆工具,使用椭圆工具可以创建椭圆形状的图形。 除了“合并绘制”和“对象绘制”模型以外，椭圆工具还提供了图元对象绘制模式。 使用基本椭圆工具创建椭圆时，不同于使用对象绘制模式创建的形状，Flash将形

4、状绘制为独立的对象。 图元椭圆工具可让用户使用“属性”检查器中的控件，指定椭圆的开始角度、结束角度和内径。 创建图元形状后，可以选择舞台上的形状，然后调整“属性”检查器中的控件来更改半径和尺寸。只要选中图元对象绘制工具，“属性”检查器就将保留上次编辑的图元对象的值。 转向演示。以下是演示图示。,3.1.5 矩形工具和基本矩形工具,使用图元矩形工具创建矩形时，不同于使用对象绘制模式创建的形状，Flash将形状绘制为独立的对象。 图元形状工具可让用户使用“属性”检查器中的控件，指定矩形的角半径以及椭圆的开始角度、结束角度和内径。 创建图元形状后，可以选择舞台上的形状，然后调整“属性”检查器中的控件

5、来更改半径和尺寸。另外，“属性”检查器就将保留上次编辑的图元对象的值。 下面是一个应用示例的图片。,3.1.6 多角星形工具,单击工具箱中的按钮可以激活多角星形工具。多角星形工具可以用来绘制多边形和星形。绘制的方法比较简单：激活相应按钮后，设置如下图所示的参数，然后按住鼠标左键，在工作区中相应的位置拖动至适当大小后，释放鼠标即可。 转向演示。以下是一个演示示例。,本章目录,3.2 填充图形对象,在Adobe Flash CS3中，用以填充图形对象的方法主要包括：墨水瓶工具、颜料桶工具、滴管工具、刷子工具、填充变形工具和使用面板填充图形。,3.2.1 墨水瓶工具,单击工具箱中的相应按钮可以激活墨

6、水瓶工具。可使用“墨水瓶”工具更改线条或者形状轮廓的笔触颜色、宽度和样式。 对直线或形状轮廓只能应用纯色，而不能应用渐变或位图。使用墨水瓶工具而不是选择个别的线条，可以更容易地一次更改多个对象的笔触属性。 转向演示。 以下是演示的图例。,3.2.2 颜料桶工具,单击工具箱中的相应按钮可以激活颜料桶工具。颜料桶工具可以用颜色填充封闭区域。 用户可以用此工具执行以下功能： 填充空区域，然后更改已涂色区域的颜色。 用纯色、渐变填充和位图填充进行涂色。 使用颜料桶工具填充不完全闭合的区域。 使用颜料桶工具时，让Flash闭合形状轮廓上的空隙。 以渐变为例的演示。,3.2.3 滴管工具,单击工具箱中的相

7、应按钮可以激活滴管工具。用户可以使用滴管工具从一个对象复制填充和笔触属性，然后立即将它们应用到其它对象。 滴管工具还允许用户从位图图像取样用作填充。 转向演示。示例图片如下。,3.2.4 刷子工具,单击工具箱中的相应按钮可以激活刷子工具。刷子工具能绘制出刷子般的笔触，就像在涂色一样。 它可以创建特殊效果，包括书法效果。使用刷子工具功能键可以选择刷子大小和形状。 对于新笔触来说，刷子大小在更改舞台的缩放比率级别时也保持不变，所以当舞台缩放比率降低时同一个刷子大小就会显得太大。在使用刷子工具涂色时，可以使用导入的位图作为填充。 转向演示。,3.2.5 渐变变形工具,单击工具箱中的相应按钮可以激活渐

8、变变形工具。通过调整填充的大小、方向或者中心，可以使渐变填充或位图填充变形。 中心点：中心点手柄的变换图标是一个四向箭头。 焦点：仅在选择放射状渐变时才显示焦点手柄。 焦点手柄的变换图标是一个倒三角形。 大小：大小手柄的变换图标（边框边缘中间的手柄图标）是内部有一个箭头的圆圈。 旋转：调整渐变的旋转。 旋转手柄的变换图标（边框边缘底部的手柄图标）是组成一个圆形的四个箭头。 宽度：调整渐变的宽度。宽度手柄（方形手柄）的变换图标是一个双头箭头。,如果按下Shift可以将线性渐变填充的方向限制为45的倍数。添加变形框时，可更改变形框形状。 转向演示。下图是应用示例图片。,3.2.6 使用面板填充图形

9、,用户也可以使用面板来填充图形。使用面板来填充图形比较简单，其操作的方法如下：首先选择需要填充的对象，然后在工具箱中，单击如下图中的红色区域，以打开颜色填充设置面板，选择填充颜色，即可实现对图形的填充。 转向演示。,本章目录,3.3 选取对象,在flash动画帧的制作，特别是涉及图形图像绘制的过程中，最常用的工具就是对象选取工具。对象选取工具主要包括选择工具、部分选取工具和套索工具。,3.3.1 选择工具和部分选取工具,选择工具的作用是选择对象、移动对象、改变线条或对象轮廓的形状。 部分选取工具的功能是：移动图形轮廓线上锚点和控制点的位置，修改图形大小和形状。 转向演示。 以下是部分选取工具的

10、演示图例。,3.3.2 套索工具,单击工具箱中的相应按钮可以激活套索工具。套索工具用于选取多个对象或不规则区域。激活套索工具后，在工具箱的最下端，有三个功能选项：魔术棒、魔术棒设置和多边形模式。 下图是套索工具的演示图例。,本章目录,3.4 编辑对象,在制作好一个对象后，我们常常需要对其进行编辑，也就是对对象进行复制、删除、移动、旋转和翻转、任意变形、排列和对齐以及组合等操作，本节主要介绍进行这些处理的方法。,3.4.1 复制、删除对象,复制对象和删除对象时，必须要先选定对象。选定对象可以使用选择工具和部分选取工具。复制对象可选择“编辑”“复制”或“直接复制”菜单命令，复制是先将对象放到剪贴板

11、中，再选择“编辑”“粘贴”菜单命令，实现对象的复制。直接复制是立即将选定的对象复制到当前帧中。 删除对象也需要选定对象，然后选择“编辑”“剪切”或“清除”菜单命令，也可以在选定对象后直接按Delete键或Backspace进行删除。还可以在选中的对象中单击右键，从弹出的快捷菜单中选择“剪切”菜单项。 进行示例。,3.4.2 移动和锁定对象,如果要移动对象，可以通过拖动它、使用箭头键、使用“属性”检查器或使用“信息”面板来实现。 移动的方法主要有：通过拖动来移动对象、通过用箭头移动对象、使用属性检查器移动对象、使用属性面板移动对象。 在Flash中锁定对象的方法是：选择要锁定的对象，然后单击“修

12、改”“排列”“锁定”命令或者按下Ctrl+Alt+L键。如果要取消锁定的对象，可以单击“修改”“排列”“解除全部锁定”命令或者按下Ctrl+Alt+Shift+L键进行解锁。在未锁定图片的情况，鼠标单击可以选中图片；如果锁定图片，则再次单击图片时，则不能够选中该图片。 进行演示。,3.4.3 对象的旋转和翻转,在工具箱中单击相应按钮可激活任意变形工具。任意变形工具的使用方法在下一小节介绍，现简述如下：先选择任意变形工具，然后单击或框选对象，此时所选对象周围将显示一个有 8 个控制柄的变形框。将光标移至不同位置的控制柄单击并拖动即可旋转对象。旋转操作会使该对象围绕其变形点旋转。变形点是可以拖动调

13、整的。在默认的情况下，变形点即为对象的中心点。 以下是对象的旋转和翻转的演示图例。,3.4.4 任意变形工具,使用任意变形工具，可以单独执行某个变形操作，也可以将诸如移动、旋转、缩放、倾斜和扭曲等多个变形操作组合在一起执行。 任意变形工具不能变形元件、位图、视频对象、声音、渐变或文本。 如果多项选区包含以上任意一项，则只能扭曲形状对象。 要将文本块变形，首先要将字符转换成形状对象。 以下是任意变形工具的示例图。,3.4.5 排列和对齐图形对象,在同一图层上，flash会根据对象创建的先后顺序层叠放置，最后创建的对象将放置在最上面，而最早创建的对象被放置在最下面。如果要对对象进行重新排列，需先选

14、中对象，然后选择“修改”“排列”菜单命令。在排列下有以下选项： 移至顶层：可以将选中的对象放置在所有对象的最上面； 上移一层：可以将选中的对象在层叠顺序上上移一层； 下移一层：可以将选中的对象在层叠顺序上下移一层； 移至底层：可以将选中的对象移到最下面。 这里所有操作只适用于场景中同一图层上的对象，图层之间的顺序需在“时间轴”面板中进行调整。 以下是排列和对齐对象的演示图例。,3.4.6 组合对象,在flash中，可以将多个对象组合在一起，这样就可以将其看作一个对象来进行操作。组合对象的操作方法是： （1）选择要组合的对象； （2）选择 “修改”“组合”菜单命令或按CtrlG组合键。 如果要撤

15、销对对象的组合，可在选中被组合对象后，选择“修改”“取消组合”菜单命令即可。 以下是组合对象的演示图例。,本章目录,3.5 文本工具,在Flash中，用户可以根据需要创建文本，创建好的文本可以进行编辑，必要时，还可以转化为图形。,3.5.1 创建文本,单击工具箱中的按钮可以激活文本工具。在Flash中，可以创建三种类型的文本字段：静态文本、动态文本和输入文本。 所有的文本字段都支持Unicode。静态文本字段显示不会动态更改字符的文本。动态文本字段显示动态更新的文本，如股票报价或天气预报。 输入文本字段使用户可以在表单或调查表中输入文本。用户可以创建水平文本（从左到右流向）或静态垂直文本（从右

16、到左流向或从左到右流向）。 文本属性设置栏如下图所示。,3.5.2 设置文本属性,字体属性包括字体系列、磅值、样式、颜色、字母间距、自动字距微调和字符位置。段落属性包括对齐、边距、缩进和行距。静态文本的字体轮廓将导出到发布的SWF文件中。对于水平静态文本，可以使用设备字体，而不必导出字体轮廓。对于动态文本或输入文本，Flash存储字体的名称，Flash Player在用户系统上查找相同或相似的字体。 也可以将字体轮廓嵌入到动态或输入文本字段中。 嵌入的字体轮廓可能会增加文件大小，但可确保用户获得正确的字体信息。创建新文本时，Flash使用“属性”检查器中当前设置的文本属性。 选择现有的文本时，

17、可以使用“属性”检查器更改字体或段落属性，并指示Flash使用设备字体而不使用嵌入字体轮廓信息。,3.5.3 编辑文本,在Flash中，可以使用最常用的字处理方法编辑文本。使用“剪切”、“复制”和“粘贴”命令可以在Flash文件内、在Flash和其它应用程序之间移动文本。激活按钮后，在文本框中，选择需要更改的部分，在编辑菜单中，便可进行相关文字处理的操作。 下图是文本编辑的一个应用示例。在此示例中，字体颜色设置为红色，字体大小设置为63，文本类型为动态文本。,3.5.4 分离文本,在Flash用户可以分离文本，将每个字符放在单独的文本字段中。 然后可以快速地将文本字段分布到不同的图层并使每个字

18、段具有动画效果。 不能分离可滚动文本字段中的文本。 还可以将文本转换为组成它的线条和填充，以便对它执行改变形状、擦除等操作。 如同其它任何形状一样，您可以单独将这些转换后的字符分组，或者将它们更改为元件并制作动画效果。 将文本转换为线条和填充之后，就不能再编辑文本了。 以下是分离文本的演示图例。,本章目录,3.6 导入图像,在Flash动画制作过程中，我们通常需要添加其它形式的文件中的内容，以便实现特定的制作要求，这就需要导入各式文件。,3.6.1 可以导入的文件格式,在Adobe Flash CS3中，可导入的外部图形和图像，如EPS、JEPG、GIF，AutoCAD DXF和PNG等格式的

19、文件；可导入BMP格式的位图图像；还可以导入视频剪辑，可导入的视频格式主要包括MOV、AVI、MPEG、QuickTime等格式以及FLA格式。,3.6.2 导入方式,打开Adobe Flash CS3后，选择“文件”“导入”菜单命令，并选择相应需要导入的类型或需导入到的位置，得到一个文件位置选择的对话框，选择需要打开的文件，即可将需要导入的图形图像文件或视频文件导入到Adobe Flash CS3工作舞台中。,3.6.3 导入位图图像,导入位图的方式与3.6.2所述导入方式类似，不再赘述。Adobe Flash CS3会将导入以后的位图图像当作一个元件来管理。,3.6.4 设置位图属性,如果用户想为位图设置压缩、消除锯齿等属性，可以执行如下的步骤： （1）选择“窗口”“库”菜单命令或按CtrlL组合键，可打开“库”面板，如右图所示。 （2）在“库”面板中选择需进行属性设置的位图，然后单击“库”面