动画制作大学教程-Flash 第5章 处理图形对象.ppt

1、第5章 处理图形对象,在上一章中，着重讲解了对形状从局部上进行加工的方法，本章则从整体的角度出发，介绍对绘制的对象进行处理和加工的方法。 例如使对象的大小、角度发生变化，这就要用到“任意变形”工具。,此外，有时为了提高在Flash中工作的效率，需要把工作区中的图形，按照一定的逻辑关系，进行适当的组合，这也是本章将要介绍的重点内容。 本章的实例中，除了用到新的知识点外，也涉及了前面几章中介绍的内容，可以起到复习和巩固的作用。,5.1合并对象与组合对象,Flash提供了“合并对象”功能。它的作用是使这些对象能够根据一定的运算规则合并为一个对象。,5.1.1合并对象,现在就来学习Flash 8的新功

2、能“合并对象”，通过该功能，可以将多个对象组合成一个新对象。 在使用“合并对象”功能之前，先要确认需要合并的对象为独立个体。 可以使用“对象绘制”功能，使绘制出来的图形直接成为一个独立的对象。,要使用“合并对象”功能，需要选择菜单栏中的“修改合并对象”命令，然后在弹出的子菜单中选择其中的一个功能。 “合并对象”命令的子菜单中有4个命令，它们的作用分别如下。,联合：使用“联合”命令，可以将两个或多个形状合成单个形状。 交集：使用“交集”命令，可以创建两个或多个对象交集的对象。,打孔：使用“打孔”命令，可以删除所选对象的某些部分，这些部分由所选对象与排在所选对象前面的另一个所选对象的重叠部分来定义

3、。 裁切：使用“裁切”命令，可以使用某一对象的形状裁切另一对象。 由前面或最上面的对象定义裁切区域的形状。,图5.1 绘制3个圆形对象,图5.2 “联合”的效果,图5.3 “交集”的效果,图5.4 “打孔”的效果,图5.5 “裁切”的效果,需要说明的是，使用了“合并对象”的各项功能之后，合并后的对象仍然保持了“对象绘制”模式，即取消合并对象的选中状态，使用“选择”工具或者“颜料桶”工具等可以直接对其进行修改颜色等编辑操作。,5.1.2实践与练习：绘制图标,图5.6 绘制房子的轮廓,图5.7 填充颜色,图5.8 绘制烟囱,图5.9 联合对象,图5.10 启用“对象绘制”模式,图5.11 绘制门,

4、图5.12 打孔效果,图5.13 绘制窗口,图5.14 窗户效果,图5.15 设置渐变颜色,图5.16 绘制渐变椭圆,图5.17 调整渐变中心点的位置,图5.18 调整图形的叠放顺序,图5.19 摆放房子的位置,图5.20 最后的效果,5.1.3组合对象,多个对象不但可以通过“合并对象”命令合并在一起，还可以通过“组合”命令组合成一个“组”。 要组合对象，首先要选中需要组合的元素，然后选择菜单栏中的“修改组合”命令即可，或者使用键盘上的“Ctrl+G”组合键，快速执行“组合”命令。,图5.21 组合对象,图5.22 联合对象,执行了“组合”命令之后，仍然可以对组中的每个元素进行编辑，而不必取消

5、对象组合。 要编辑一个“组”，有两种方法：第1种方法是使用“选择”工具双击该组，进入组窗口，然后对组中的单个元素进行编辑；第2种方法是选择菜单栏中的“编辑编辑所选项目”命令，在组窗口中编辑元素。,5.2层 叠 对 象,在同一个图层内，Flash会根据对象的创建顺序来层叠对象，将最新创建的对象放在最上面。 对象的层叠顺序决定了它们在层叠时出现的顺序。 但对象的层叠顺序可以随时更改。 如果图层中已经有了组或元件，那么再画出来的线条和形状总是被放置在组和元件的下层。 若要将它们移动到上层，则必须组合它们或者将它们变成元件。,层也会影响层叠顺序。 第2层上的任何内容都在第1层的任何内容的上面，以此类推

6、。 要更改层的顺序，可以在时间轴中拖动层的位置。 关于层的详细介绍参见后面的章节。,要更改对象的层叠顺序，可以选中其中一个对象，然后选择菜单栏中的“修改排列”命令，在弹出的子菜单中选择层的叠放位置。 或者在所选对象上单击鼠标右键，在弹出的菜单中也可以选择“排列”命令。,修改对象层叠顺序的方法是，首先选择一个对象，然后选择菜单栏中的“修改排列移至顶层”或“移至底层”命令，可以将对象或组移动到层叠顺序的最前或最后。 或者选择菜单栏中的“修改排列上移一层”或“下移一层”命令，可以将对象或组在层叠顺序中向上或向下移动一个位置。,图5.23 调整对象的排列次序,图5.24 对象的层叠,5.3对 齐 对

7、象,“修改”菜单中的“对齐”命令提供了各种各样的排列选项。 如图5.25所示，如果需要把选中的对象左对齐或者右对齐，可以选择菜单栏中的“修改对齐左对齐”或“右对齐”命令。 注意这样会使各个对象与所有对象中最外侧的边对齐。,图5.25 左对齐、右对齐对象,图5.26 垂直中齐对象,图5.27 水平均匀分布对象,图5.28 “对齐”面板,5.4对 象 变 形,使用“任意变形”工具可以对对象、组、实例或文本块进行任意变形。 可以单独执行变形操作，也可以将诸如移动、旋转、缩放、倾斜、扭曲等多种变形操作组合在一起执行。,需要注意的是，在Flash中，“任意变形”工具的功能非常多，仅使用这一个工具，就可以

8、实现各种各样的变形操作。 区分各种操作的方法是，注意鼠标指针的形状不同。,5.4.1认识“任意变形”工具,要对对象进行变形，首先要在舞台中选中对象，然后在工具栏中选择“任意变形”工具，如图5.29所示。 此时舞台中选中的对象周边会出现8个黑色控制点，如图5.30所示。,图5.29 选择“任意变形”工具,图5.30 使用“任意变形”工具,5.4.2缩放对象,通过拖曳4个转角上的控制点，可以同时修改对象的宽度和高度，即缩放对象，如图5.31所示。,图5.31 缩放对象,图5.32 不按“Alt”键拖动右下角,图5.33 按住“Alt”键缩放,图5.34 不等比例缩放,图5.35 等比例缩放对象,图

9、5.36 修改对象的宽度,5.4.3旋转对象,使用“任意变形”工具除了对图像进行缩放之外，还可以对对象进行旋转变形。 要旋转对象，就需要将鼠标指针移动到所选对象的4个转角外侧附近，当鼠标指针变成如图5.37所示形状时，拖曳鼠标即可旋转对象，旋转角度根据实际需要确定。,图5.37 旋转变形,图5.38 原来的旋转中心点,图5.39 移动旋转中心点后的旋转效果,5.4.4实践与练习：绘制箭靶,图5.40 箭靶,1. 绘制箭靶的轮廓,图5.41 选择“矩形”工具,图5.42 将“填充色”设置为无,图5.43 设置笔触高度,图5.44 绘制矩形,图5.45 选择“椭圆”工具,图5.46 绘制无填充椭圆

10、,图5.47 选择“任意变形”工具,图5.48 使用“任意变形”工具,图5.49 缩放椭圆,图5.50 完成同心圆环的制作,图5.51 完成圆环的绘制,图5.52 选择“颜料桶”工具,图5.53 选择颜色,图5.54 填充颜色,图5.55 继续填充圆环的颜色,图5.56 完成箭靶颜色的填充,图5.57 选择整个图形,图5.58 准备旋转图形,图5.59 按45角旋转图形,图5.60 最后的效果,5.4.5倾斜对象,要水平倾斜对象，只需要将鼠标指针移动到对象的上、下两条边上（不要放置到控制点上）。 当鼠标指针的形状变成双向箭头时，左右拖曳鼠标即可对对象进行倾斜变形，如图5.61所示。 同理如果要

11、对对象进行垂直方向的倾斜，只要将鼠标指针移动到对象左、右两侧的边缘上进行上、下拖曳即可，如图5.62所示。,图5.61 水平倾斜,图5.62 竖直倾斜,5.4.6实践与练习：绘制光驱,图5.63 光驱,1绘制光驱的轮廓,图5.64 设置边角半径,图5.65 设置笔触和填充颜色,图5.66 绘制圆角矩形,图5.67 选取圆角矩形,图5.68 垂直斜切变形,图5.69 水平斜切变形,图5.70 完成斜切变形,图5.71 启用“扭曲”功能,图5.72 扭曲变形,图5.73 透视效果,图5.74 复制圆角矩形,图5.75 绘制连接线,图5.76 完成光驱轮廓的绘制,2填充颜色,图5.76 完成光驱轮廓

12、的绘制,图5.78 选择填充颜色,图5.79 选择渐变类型,图5.80 最近一次使用过的渐变颜色,图5.81 添加颜色指针,图5.82 选择颜色,图5.83 设置中间和右侧的颜色指针,图5.84 填充光驱侧面颜色,图5.85 重新设置渐变颜色,图5.86 设置渐变方向,图5.87 完成颜色填充,图5.88 选取边框,图5.89 修改边框颜色,图5.90 设置笔触高度,3绘制光盘的入口和按钮,图5.91 绘制直线,图5.92 转换为元件,图5.93 发光滤镜,图5.94 设置发光效果,图5.95 发光效果,图5.96 最后的效果,5.4.7“扭曲”和“封套”变形,使用“任意变形”工具选中舞台中的

13、对象后，在工具栏的“选项”区域内会出现4个单独的变形选项，如图5.97所示。 它们的作用是细化了“任意变形”的功能。 在菜单栏中的“修改变形”命令的子菜单中，也可单独选择这些功能。,图5.97 变形选项,在只选择“任意变形”工具的情况下，同样可以对选中对象进行缩放、倾斜和旋转变形。 而单独使用“选项”区域内的“旋转与倾斜”或者“缩放”选项之后，只能针对性地对对象进行变形，而不能同时应用多种变形。 例如这里选择了“缩放”命令，那么所选对象就只能进行缩放操作，而其他变形操作则无效。,旋转”、“倾斜”和“缩放”这3种变形就不再介绍了，下面介绍一下“扭曲”和“封套”变形。 选择“扭曲”图标之后，可以通

14、过拖动边框上的角手柄或边手柄，移动该角或边的位置，然后重新对齐相邻的边，如图5.98所示。 如果同时按住“Shift”键拖动角点，可以使对称的两个角点移动相同的距离，如图5.99所示。,图5.98 “扭曲”变形,图5.99 对称扭曲,使用“封套”功能可以弯曲或扭曲对象。 封套是一个边框，更改封套的形状会影响该封套内的对象的形状。,图5.100 调整控制点,图5.101 调整控制手柄,5.5使用“变形”面板,除了使用“任意变形”工具外，还可以在“变形”面板中输入精确的参数值，对对象进行缩放、旋转和倾斜变形。 如果“变形”面板还没有打开，就需要选择菜单栏中的“窗口变形”命令打开它。 选中对象，在“

15、变形”面板（见图5.102）中设置水平缩放（ ）、垂直缩放（ ）、旋转角度和倾斜角度等参数，按回车键就可以应用变形了。,在这里要注意的是“约束”复选框，它的作用是将水平缩放（ ）和垂直缩放（ ）的比例固定住，以防对象变形。 在面板的右下方有两个按钮：单击“复制并应用变形”按钮（ ），可以将选中的物品复制一次，同时按照面板上的参数进行变形；单击“重置”按钮（ ），则可以将选中的物品恢复到变形前的外观。,图5.102 “变形”面板,5.5.1变形复制,“变形”面板除了可以对对象进行变形外，还可以对对象进行变形复制操作。 也就是说保留原来的对象，便能够产生一个新的变形后的对象，这个命令很有用。,图5

16、.103 要绘制的花,图5.104 确定中心点的位置,图5.105 确定旋转角度,图5.106 旋转复制,图5.107 原子星形,5.5.2实践与练习：绘制原子星形,图5.108 设置笔触和填充色,图5.109 设置笔触高度,图5.110 绘制圆形,图5.111 使用“任意变形”工具,图5.112 修改圆形的宽度,图5.113 缩放后的椭圆,图5.114 修改椭圆的高度,图5.115 完成椭圆的变形操作,图5.116 设置旋转角度,图5.117 复制并旋转椭圆,图5.118 绘制中心点,图5.119 联合对象,图5.120 修改填充颜色,图5.121 最终的效果,5.6翻 转 对 象,除了上述的变形操作之外，还有一种与旋转操作相关的操作，被称为翻转操作，或者称为镜像。 这里主要是指水平翻转对象和垂直翻转对象。,图5.122 水平翻转与垂直翻转,5.6.2实践与练习：绘制箭,图5.123 箭,图5.124 选择“矩形”工具,图5.125 设置笔触高度,图5.126 绘制箭身,图5.127 绘制箭羽,图5.128 使用“任意变形”工具选中矩形,图5.129 使用“旋转与倾斜”功能,图5.130 鼠标形状,图5.131 倾斜变形,图5.132 倾斜后的矩形,图5.133 绘制斜线,图5.134 箭羽上的纹理,图5.135 完成上侧箭羽的绘制,图5.136 选取箭羽,图5.