第3 章 对象的编辑与修饰

第3章 对象的编辑与修饰

使用工具栏中的工具创建的向量图形相对 来说比较单调,如果能结合修改菜单命令修改图 形,就可以改变原图形的形状和线条等,并且可 以将多个图形组合起来达到所需要的图形效果。 本章将详细介绍Flash CC编辑和修饰对象的功 能。通过对本章的学习,读者可以掌握编辑和修 饰对象的各种方法和技巧,并能根据具体操作特 点,灵活地应用编辑和修饰功能。

课堂学习目标

  • 掌握对象的变形方法和技巧
  • 掌握对象的修饰方法
  • 熟练运用“对齐”面板与“变形”面板编辑对象

3.1 对象的变形与操作

应用变形命令可以对选择的对象进行变形修改,如扭曲、缩放、倾斜、旋转和封套等。还可以根据需要对对象进行组合、分离、叠放和对齐等一系列操作,从而达到制作的要求。

3.1.1 课堂案例——绘制环保插画

案例学习目标

使用不同的变形命令编辑图形。

案例知识要点

使用“钢笔”工具,绘制白云图形;使用“椭圆”工具、“矩形”工具和“颜色”面板,绘制树图形;使用“缩放”命令,调整图像大小,如图3-1所示。

效果所在位置

资源包/Ch03/效果/绘制环保插画.fla。

图像说明文字

图3-1

1.绘制云彩和树图形

STEP 1  选择“文件 > 打开”命令,在弹出的“打开”对话框中选择“Ch03 > 素材 > 绘制环保插画 > 01”文件,单击“打开”按钮,打开文件,如图3-2所示。

图像说明文字

绘制环保插画1

03002.tif

图3-2

STEP 2  按Ctrl+F8组合键,弹出“创建新元件”对话框,在“名称”选项的文本框中输入“云彩”,在“类型”选项下拉列表中选择“图形”选项,如图3-3所示,单击“确定”按钮,新建图形元件“云彩”。舞台窗口也随之转换为图形元件的舞台窗口。选择“钢笔”工具01tb10.tif,在钢笔工具“属性”面板中,将“笔触颜色”设为黑色,“填充颜色”设为无,“笔触”选项设为1,在舞台窗口中绘制一个闭合边线,如图3-4所示。

03003.tif

图3-3

03004.tif

图3-4

STEP 3  选择“窗口 > 颜色”命令,弹出“颜色”面板,选择“填充颜色”选项01tb27.tif,在“颜色类型”选项的下拉列表中选择“径向渐变”,在色带上将左边的颜色控制点设为浅黄色(#FFFFE7),将右边的颜色控制点设为浅绿色(#AEF1CA),生成渐变色,如图3-5所示。

STEP 4 选择“颜料桶”工具02tb058.tif,在边线内单击鼠标,填充图形,如图3-6所示。选择“选择”工具01tb01.tif,在边线上双击鼠标,将其选中,按Delete键,将其删除,效果如图3-7所示。

03005.tif

图3-5

03006.tif

图3-6

03007.tif

图3-7

STEP 5  按Ctrl+F8组合键,弹出“创建新元件”对话框,在“名称”选项的文本框中输入“树”,在“类型”选项下拉列表中选择“图形”选项,如图3-8所示,单击“确定”按钮,新建图形元件“树”。舞台窗口也随之转换为图形元件的舞台窗口。

图像说明文字

图3-8

STEP 6  在“颜色”面板中选择“填充颜色”选项01tb27.tif,在“颜色类型”选项的下拉列表中选择“线性渐变”,在色带上将左边的颜色控制点设为褐色(#886818),将右边的颜色控制点设为深褐色(#643B18),生成渐变色,如图3-9所示。

STEP 7  在“时间轴”面板中将“图层1”重命名为“矩形”。选择“矩形”工具01tb13.tif,在舞台窗口中绘制1个矩形条,效果如图3-10所示。

03009.tif

图3-9

03010.tif

图3-10

STEP 8 在“颜色”面板中选择“填充颜色”选项01tb27.tif,在“颜色类型”选项的下拉列表中选择“径向渐变”,在色带上将左边的颜色控制点设为黄绿色(#A4DC3D),将右边的颜色控制点设为绿色(#006600),生成渐变色,如图3-11所示。

STEP 9 单击“时间轴”面板下方的“新建图层”按钮01tb30.tif,创建新图层并将其命名为“圆形”。选择“椭圆”工具02tb093.tif,按住Shift键的同时在舞台窗口中绘制1个圆形,效果如图3-12所示。

03011.tif

图3-11

03012.tif

图3-12

2.摆放树的位置

STEP 1  单击舞台窗口左上方的“场景1”图标02tb005.tif,进入“场景1”的舞台窗口。单击“时间轴”面板下方的“新建图层”按钮01tb30.tif,创建新图层并将其命名为“树”。将“库”面板中的图形元件“树”拖曳到舞台窗口中,如图3-13所示。并在图形“属性”面板中选择“色彩效果”选项组,在“样式”选项的下拉列表中选择“Alpha”,将其值设为64%,效果如图3-14所示。

图像说明文字

绘制环保插画2

STEP 2  选择“选择”工具01tb01.tif,选择“树”实例,按住Alt+Shift组合键的同时向右拖曳到适当的位置复制图形,如图3-15所示。

03013.tif

图3-13

03014.tif

图3-14

03015.tif

图3-15

STEP 3  选择“任意变形”工具02tb076.tif,缩放复制的“树”实例的大小,效果如图3-16所示。用相同的方法再次复制1个,缩放大小并放置在适当的位置,效果如图3-17所示。选择“选择”工具01tb01.tif,选中如图3-18所示的实例,按Ctrl+G组合键,将其组合,效果如图3-19所示。

03016.tif

图3-16

03017.tif

图3-17

03018.tif

图3-18

03019.tif

图3-19

STEP 4 选择“任意变形”工具02tb076.tif,选择“树”实例组合,按住Alt+Shift组合键的同时向左拖曳到适当的位置复制图形,并缩放实例的大小,效果如图3-20所示。用相同的方法制作出如图3-21所示的效果。

03020.tif

图3-20

03021.tif

图3-21

3.摆放云彩与太阳的位置

STEP 1  单击“时间轴”面板下方的“新建图层”按钮01tb30.tif,创建新图层并将其命名为“云彩”。将“库”面板中的图形元件“云彩”拖曳到舞台窗口中,选择“任意变形”工具02tb076.tif,缩放云彩实例大小,并放置在适当的位置,如图3-22所示。

图像说明文字

绘制环保插画3

STEP 2 保持云彩实例的选取状态,在图形“属性”面板中选择“色彩效果”选项组,在“样式”选项的下拉列表中选择“Alpha”,将其值设为30%,效果如图3-23所示。用相同的方法将“库”面板中的图形元件“云彩”向舞台窗口中拖曳多次,并缩放大小和调整其不透明度,效果如图3-24所示。

03022.tif

图3-22

03023.tif

图3-23

03024.tif

图3-24

STEP 3 单击“时间轴”面板下方的“新建图层”按钮01tb30.tif,创建新图层并将其命名为“太阳”。将“库”面板中的图形元件“太阳”拖曳到舞台窗口中,并放置在适当的位置,如图3-25所示。

STEP 4  单击“时间轴”面板下方的“新建图层”按钮01tb30.tif,创建新图层并将其命名为“云彩1”。将“库”面板中的图形元件“云彩”拖曳到舞台窗口,选择“任意变形”工具02tb076.tif,缩放大小并放置在适当的位置,如图3-26所示。

STEP 5  保持云彩实例的选取状态,在图形“属性”面板中选择“色彩效果”选项组,在“样式”选项的下拉列表中选择“Alpha”,将其值设为50%,效果如图3-27所示。环保插画绘制完成,按Ctrl+Enter组合键即可查看效果,如图3-28所示。

03025.tif

图3-25

03026.tif

图3-26

03027.tif

图3-27

03028.tif

图3-28

3.1.2 扭曲对象

选择“修改 > 变形 > 扭曲”命令,在当前选择的图形上出现控制点,如图3-29所示。光标变为03tb14.tif,拖曳右上方控制点,如图3-30所示。拖动4角的控制点可以改变图形顶点的形状,效果如图3-31所示。

03029.tif

图3-29

03030.tif

图3-30

03031.tif

图3-31

3.1.3 封套对象

选择“修改 > 变形 > 封套”命令,在当前选择的图形上出现控制点,如图3-32所示。光标变为03tb14.tif,用鼠标拖动控制点,如图3-33所示,使图形产生相应的弯曲变化,效果如图3-34所示。

03032.tif

图3-32

03033.tif

图3-33

03034.tif

图3-34

3.1.4 缩放对象

选择“修改 > 变形 > 缩放”命令,在当前选择的图形上出现控制点,如图3-35所示。光标变为03tb15.tif,按住鼠标左键不放,向左下方拖曳控制点,如图3-36所示,用鼠标拖动控制点可成比例改变图形的大小,效果如图3-37所示。

03035.tif

图3-35

03036.tif

图3-36

03037.tif

图3-37

3.1.5 旋转与倾斜对象

选择“修改 > 变形 > 旋转与倾斜”命令,在当前选择的图形上出现控制点,如图3-38所示。用鼠标拖动中间的控制点倾斜图形,光标变为03tb16.tif,按住鼠标左键不放,向右水平拖曳控制点,如图3-39所示,松开鼠标,图形变为倾斜,如图3-40所示。光标放在右上角的控制点上时,光标变为03tb17.tif,如图3-41所示,拖动控制点旋转图形,如图3-42所示,旋转完成后效果如图3-43所示。

03038.tif

图3-38

03039.tif

图3-39

03040.tif

图3-40

03041.tif

图3-41

03042.tif

图3-42

03043.tif

图3-43

选择“修改 > 变形”中的“顺时针旋转90度”和“逆时针旋转90度”命令,可以将图形按照规定的度数进行旋转,效果如图3-44和图3-45所示。

03044.tif

图3-44

03045.tif

图3-45

3.1.6 翻转对象

选择“修改 > 变形”中的“垂直翻转”和“水平翻转”命令,可以将图形进行翻转,效果如图3-46和图3-47所示。

03046.tif

图3-46

03047.tif

图3-47

3.1.7 组合对象

选中多个图形,如图3-48所示,选择“修改 > 组合”命令,或按Ctrl+G组合键,将选中的图形进行组合,如图3-49所示。

03048.tif

图3-48

03049.tif

图3-49

3.1.8 分离对象

要修改多个组合图形、图像、文字或组件的一部分时,可以使用“修改 > 分离”命令。另外,制作变形动画时,需用使用“分离”命令将组合图形、图像、文字或组件转变成图形。

选中组合图形,如图3-50所示。选择“修改 > 分离”命令,或按Ctrl+B组合键,将组合的图形打散,多次使用“分离”命令的效果如图3-51所示。

图像说明文字

图3-50

图像说明文字

图3-51

3.1.9 叠放对象

制作复杂图形时,多个图形的叠放次序不同,会产生不同的效果,可以通过“修改 > 排列”中的命令实现不同的叠放效果。

如果要将图形移动到所有图形的顶层。选中要移动的汽球图形,如图3-52所示,选择“修改 >排列 > 移至顶层”命令,将选中的汽球图形移动到所有图形的顶层,效果如图3-53所示。

03052.tif

图3-52

03053.tif

图3-53

提示


叠放对象只能是图形的组合或组件。

3.1.10 对齐对象

当选择多个图形、图像、图形的组合和组件时,可以通过“修改 > 对齐”中的命令调整它们的相对位置。

如果要将多个图形的底部对齐。可选中多个图形,如图3-54所示,然后选择“修改 > 对齐 > 顶对齐”命令,将所有图形的顶部对齐,效果如图3-55所示。

03054.tif

图3-54

03055.tif

图3-55

3.2 对象的修饰

在制作动画的过程中,可以应用Flash CC自带的一些命令,对曲线进行优化,将线条转换为填充,对填充色进行修改或对填充边缘进行柔化处理。

3.2.1 课堂案例——绘制风景插画

案例学习目标

使用不同的绘图工具绘制图形,使用形状命令编辑图形。

案例知识要点

使用“钢笔”工具和“颜料桶”工具,绘制云彩效果;使用“柔化填充边缘”命令,制作云彩的虚化边缘效果,如图3-56所示。

效果所在位置

资源包/Ch03/效果/绘制风景插画.fla。

图像说明文字

图3-56

1.导入素材制作背景

STEP 1  选择“文件 > 新建”命令,在弹出的“新建文档”对话框中选择“ActionScript 3.0”选项,将“宽”选项设为576,“高”选项设为439,单击“确定”按钮,完成文档的创建。

图像说明文字

绘制风景插画1

STEP 2  按Ctrl+L组合键,弹出“库”面板,选择“文件 > 导入 > 导入到库”命令,在弹出的“导入到库”对话框中选择“Ch03 > 素材 > 绘制风景插画 > 01、02”文件,单击“打开”按钮,文件被导入到“库”面板中,如图3-57所示。

STEP 3  在“时间轴”面板中将“图层1”重命名为“底图”,如图3-58所示。将“库”面板中的位图“01”拖曳到舞台窗口中,效果如图3-59所示。

03057.tif

图3-57

03058.tif

图3-58

03059.tif

图3-59

2.绘制云彩效果

STEP 1  在“时间轴”面板中创建新图层并将其命名为“云彩”。选择“钢笔”工具01tb10.tif,在钢笔工具“属性”面板中将“笔触颜色”设为黑色,“笔触”选项设为0.1,在舞台窗口绘制出一个闭合区域,效果如图3-60所示。

图像说明文字

绘制风景插画2

STEP 2 选择“颜料桶”工具02tb058.tif,在工具箱中将“填充颜色”设为白色,在闭合区域中单击鼠标填充颜色,如图3-61所示,选择“选择”工具01tb01.tif,双击边线将其选中,按Delete键将其删除,效果如图3-62所示。

03060.tif

图3-60

03061.tif

图3-61

03062.tif

图3-62

STEP 3  选中“云彩”图层,选中图形,按Ctrl+C组合键复制图形。选择“修改 > 形状 >柔化填充边缘”命令,弹出“柔化填充边缘”对话框,在“距离”选项的数值框中输入20,“步长数”选项的数值框中输入10,点选“扩展”选项,如图3-63所示,单击“确定”按钮,效果如图3-64所示。按Ctrl+G组合键,将其组合,如图3-65所示。

03063.tif

图3-63

03064.tif

图3-64

03065.tif

图3-65

STEP 4  按Ctrl+Shift+V组合键,将复制的图形原位粘贴到当前位置,在工具箱中将“填充颜色”设为浅黄色(#F7F4EA)。选择“修改 > 形状 > 柔化填充边缘”命令,弹出“柔化填充边缘”对话框,在“距离”选项的数值框中输入20,“步长数”选项的数值框中输入5,点选“扩展”选项,如图3-66所示,单击“确定”按钮,按Ctrl+G组合键,将其组合,选择“选择”工具01tb01.tif,将图形向左下方拖曳,效果如图3-67所示。选中“云彩”图层,选中图形,按Ctrl+G组合键,将其组合,效果如图3-68所示。

03066.tif

图3-66

03067.tif

图3-67

03068.tif

图3-68

STEP 5  选中“云彩”图层,按住Alt键将云彩向左上方拖曳,复制云彩,效果如图3-69所示。按Ctrl+T组合键,弹出“变形”面板,在“变形”面板中进行设置如图3-70所示,按Enter键,确定操作,效果如图3-71所示。

03069.tif

图3-69

03070.tif

图3-70

03071.tif

图3-71

STEP 6  用上述的方法制作出如图3-72所示的效果。在“时间轴”面板中创建新图层并将其命名为“花草”。将“库”面板中的位图“02”拖曳到舞台窗口中,效果如图3-73所示。绘制风景插画完成,按Ctrl+Enter组合键即可查看效果。

03072.tif

图3-72

03073.tif

图3-73

3.2.2 优化曲线

应用优化曲线命令可以将线条优化得较为平滑。选中要优化的线条,如图3-74所示。选择“修改 > 形状 > 优化”命令,弹出“最优化曲线”对话框,进行设置后,如图3-75所示。单击“确定”按钮,弹出提示对话框,如图3-76所示。单击“确定”按钮,线条被优化,如图3-77所示。

03074.tif

图3-74

03075.tif

图3-75

03076.tif

图3-76

03077.tif

图3-77

3.2.3 将线条转换为填充

应用将“线条转换为填充”命令,可以将矢量线条转换为填充色块。打开“03”文件,如图3-78所示。选择“墨水瓶”工具02tb060.tif,为图形绘制外边线,如图3-79所示。

双击图形的外边线将其选中,选择“修改 > 形状 > 将线条转换为填充”命令,将外边线转换为填充色块,如图3-80所示。这时,可以选择“颜料桶”工具02tb058.tif,为填充色块设置其他颜色,如图3-81所示。

03078.tif

图3-78

03079.tif

图3-79

03080.tif

图3-80

03081.tif

图3-81

3.2.4 扩展填充

应用“扩展填充”命令,可以将填充颜色向外扩展或向内收缩,扩展或收缩的数值可以自定义。

1.扩展填充色

选中图形的填充颜色,如图3-82所示。选择“修改 > 形状 > 扩展填充”命令,弹出“扩展填充”对话框,在“距离”选项的数值框中输入3 (取值范围为0.05~144) ,单击“扩展”单选项,如图3-83所示。单击“确定”按钮,填充色向外扩展,效果如图3-84所示。

03082.tif

图3-82

03083.tif

图3-83

03084.tif

图3-84

2.收缩填充色

选中图形的填充颜色,选择“修改 > 形状 > 扩展填充”命令,弹出“扩展填充”对话框,在“距离”选项的数值框中输入10 (取值范围在0.05~144) ,单击“插入”单选项,如图3-85所示。单击“确定”按钮,填充色向内收缩,效果如图3-86所示。

03085.tif

图3-85

03086.tif

图3-86

3.2.5 柔化填充边缘

1.向外柔化填充边缘

选中图形,如图3-87所示,选择“修改 > 形状 > 柔化填充边缘”命令,弹出“柔化填充边缘”对话框,在“距离”选项的数值框中输入50,在“步长数”选项的数值框中输入5,选择“扩展”选项,如图3-88所示。单击“确定”按钮,效果如图3-89所示。

03087.tif

图3-87

03088.tif

图3-88

03089.tif

图3-89

2.向内柔化填充边缘

选中图形,如图3-90所示,选择“修改 > 形状 > 柔化填充边缘”命令,弹出“柔化填充边缘”对话框,在“距离”选项的数值框中输入50,在“步长数”选项的数值框中输入4,选择“插入”选项,如图3-91所示。单击“确定”按钮,效果如图3-92所示。

03090.tif

图3-90

03091.tif

图3-91

03092.tif

图3-92

3.3 “对齐”面板与“变形”面板的使用

可以应用“对齐”面板来设置多个对象之间的对齐方式,还可以应用“变形”面板来改变对象的大小以及倾斜度。

3.3.1 课堂案例——制作商场促销吊签

案例学习目标

使用“变形”面板改变图形的角度。

案例知识要点

使用“文本”工具,添加文字效果;使用“分离”命令,将文字转为形状;使用“组合”命令,将图形组合;使用“变形”面板,改变图形的角度,效果如图3-93所示。

效果所在位置

资源包/Ch03/效果/制作商场促销吊签.fla。

图像说明文字

图3-93

图像说明文字

制作商场促销吊签

STEP 1  选择“文件 > 新建”命令,在弹出的“新建文档”对话框中选择“ActionScript 3.0”选项,将“宽”选项设为600,“高”选项设为600,单击“确定”按钮,完成文档的创建。

STEP 2 选择“文件 > 导入 > 导入到舞台”命令,在弹出的“导入”对话框中选择“Ch03 > 素材 > 制作商场促销吊签 > 01”文件,单击“打开”按钮,图片被导入到舞台窗口中,拖曳图形到适当的位置,效果如图3-94所示。将“图层1”重命名为“底图”,如图3-95所示。

03094.tif

图3-94

03095.tif

图3-95

STEP 3  在“时间轴”面板中创建新图层并将其命名为“标题文字”。选择“文本”工具01tb11.tif,在文本工具“属性”面板中进行设置,在舞台窗口中适当的位置输入大小为20、字体为“Helvetica Neue Extra Black Cond”的橘黄色(#EC6620)英文,文字效果如图3-96所示。

STEP 4  在“时间轴”面板中创建新图层并将其命名为“价位”。在文本工具“属性”面板中进行设置,在舞台窗口中适当的位置输入大小为20、字体为“Helvetica Neue Extra Black Cond”的深蓝色(#3E74BA)符号,文字效果如图3-97所示。其次在舞台窗口中输入大小为95、字体为“Helvetica Neue Extra Black Cond”的深蓝色(#3E74BA)数字,文字效果如图3-98所示。再次在舞台窗口中适当的位置输入大小为49、字体为“Helvetica Neue Extra Black Cond”的深蓝色(#3E74BA)数字,文字效果如图3-99所示。

03096.tif

图3-96

03097.tif

图3-97

03098.tif

图3-98

03099.tif

图3-99

STEP 5  在文本工具“属性”面板中进行设置,在舞台窗口中适当的位置输入大小为36、字体为“Helvetica Neue Extra Black Cond”的橘黄色(#EC6620)英文,文字效果如图3-100所示。

STEP 6  选择“选择”工具01tb01.tif,在舞台窗口中选中输入的符号,如图3-101所示,按Ctrl+B组合键,将其打散,如图3-102所示。按Ctrl+G组合键,将其组合,如图3-103所示。

STEP 7  选中数字“79”,如图3-104所示,按多次Ctrl+B组合键,将其打散,如图3-105所示。按Ctrl+G组合键,将其组合,如图3-106所示。

03100.tif

图3-100

03101.tif

图3-101

03102.tif

图3-102

03103.tif

图3-103

03104.tif

图3-104

03105.tif

图3-105

03106.tif

图3-106

STEP 8  选中数字“80”,如图3-107所示,按多次Ctrl+B组合键,将其打散,如图3-108所示。按Ctrl+G组合键,将其组合,如图3-109所示。

03107.tif

图3-107

03108.tif

图3-108

03109.tif

图3-109

STEP 9 在舞台窗口中选中符号组合,按住Shift键的同时单击79组合和80组合,将其同时选中,如图3-110所示。按Ctrl+K组合键,弹出“对齐”面板,单击“顶对齐”按钮03tb30.tif,将选中的对象顶部对齐,效果如图3-111所示。

STEP 10  在“时间轴”面板中创建新图层并将其命名为“装饰图形”。选中“多角星形”工具03tb24.tif,在多角星形工具“属性”面板中,将“笔触颜色”设为无,“填充颜色”设为橘黄色(#EC6620),单击“工具设置”选项组中的“选项”按钮03tb25.tif,在弹出的“工具设置”对话框中进行设置,如图3-112所示,单击“确定”按钮,在舞台窗口中适当的位置绘制一个五角形,效果如图3-113所示。

03110.tif

图3-110

03111.tif

图3-111

03112.tif

图3-112

03113.tif

图3-113

STEP 11 选择“线条”工具01tb12.tif,在线条工具“属性”面板中,将“笔触颜色”设为橘黄色(#EC6620),“填充颜色”设为无,“笔触”选项设为3,其他选项的设置如图3-114所示,在舞台窗口中绘制两条水平线,效果如图3-115所示。

STEP 12  在线条工具“属性”面板中,将“笔触颜色”设为灰色(#CCCCCC),“笔触”选项设为0.5,其他选项的设置如图3-116所示,在舞台窗口中绘制1条直线,效果如图3-117所示。

03114.tif

图3-114

03115.tif

图3-115

03116.tif

图3-116

03117.tif

图3-117

STEP 13 按Ctrl+A组合键,将舞台窗口中的所有对象全部选中,如图3-118所示。按Ctrl+T组合键,弹出“变形”面板,将“旋转”选项设为15,如图3-119所示,按Enter键,对象顺时针旋转15°,效果如图3-120所示。商场促销吊签制作完成,按Ctrl+Enter组合键即可查看效果。

03118.tif

图3-118

03119.tif

图3-119

03120.tif

图3-120

3.3.2 “对齐”面板

选择“窗口 > 对齐”命令,或按Ctrl+K组合键,弹出“对齐”面板,如图3-121所示。

图像说明文字

图3-120

1.“对齐”选项组

  • “左对齐”按钮03tb27.tif:设置选取对象左端对齐。

  • “水平中齐”按钮03tb28.tif:设置选取对象沿垂直线中对齐。

  • “右对齐”按钮03tb29.tif:设置选取对象右端对齐。

  • “顶对齐”按钮03tb30.tif:设置选取对象上端对齐。

  • “垂直中齐”按钮03tb31.tif:设置选取对象沿水平线中对齐。

  • “底对齐”按钮03tb32.tif:设置选取对象下端对齐。

2.“分布”选项组

  • “顶部分布”按钮03tb33.tif:设置选取对象在横向上上端间距相等。

  • “垂直居中分布”按钮03tb34.tif:设置选取对象在横向上中心间距相等。

  • “底部分布”按钮03tb35.tif:设置选取对象在横向上下端间距相等。

  • “左侧分布”按钮03tb36.tif:设置选取对象在纵向上左端间距相等。

  • “水平居中分布”按钮03tb37.tif:设置选取对象在纵向上中心间距相等。

  • “右侧分布”按钮03tb38.tif:设置选取对象在纵向上右端间距相等。

3.“匹配大小”选项组

  • “匹配宽度”按钮03tb39.tif:设置选取对象在水平方向上等尺寸变形(以所选对象中宽度最大的为基准) 。

  • “匹配高度”按钮03tb40.tif:设置选取对象在垂直方向上等尺寸变形(以所选对象中高度最大的为基准) 。

  • “匹配宽和高”按钮03tb41.tif:设置选取对象在水平方向和垂直方向同时进行等尺寸变形(同时以所选对象中宽度和高度最大的为基准) 。

4.“间隔”选项组

  • “垂直平均间隔”按钮03tb42.tif:设置选取对象在纵向上间距相等。

  • “水平平均间隔”按钮03tb43.tif:设置选取对象在横向上间距相等。

5.“与舞台对齐”选项

“与舞台对齐”复选框:勾选此选项后,上述设置的操作都是以整个舞台的宽度或高度为基准的。

选中要对齐的图形,如图3-122所示。单击“顶对齐”按钮03tb30.tif,图形上端对齐,如图3-123所示。

03122.tif

图3-122

03123.tif

图3-123

选中要分布的图形,如图3-124所示。单击“水平居中分布”按钮03tb44.tif,图形在纵向上中心间距相等,如图3-125所示。

选中要匹配大小的图形,如图3-126所示。单击“匹配高度”按钮03tb40.tif,图形在垂直方向上等尺寸变形,如图3-127所示。

03124.tif

图3-124

03125.tif

图3-125

03126.tif

图3-126

03127.tif

图3-127

勾选“与舞台对齐”复选框前后,应用同一个命令所产生的效果不同。选中图形,如图3-128所示。单击“左侧分布”按钮03tb36.tif,效果如图3-129所示。勾选“与舞台对齐”复选框,单击“左侧分布”按钮03tb36.tif,效果如图3-130所示。

03128.tif

图3-128

03129.tif

图3-129

03130.tif

图3-130

3.3.3 “变形”面板

选择“窗口 > 变形”命令,或按Ctrl+T组合键,弹出“变形”面板,如图3-131所示。

图像说明文字

图3-131

  • “缩放宽度”03tb46.tif和“缩放高度”03tb47.tif选项:用于设置图形的宽度和高度。

  • “约束”按钮03tb48.tif:用于约束“宽度”和“高度”选项,使图形能够成比例地变形。

  • “旋转”选项:用于设置图形的角度。

  • “倾斜”选项:用于设置图形的水平倾斜或垂直倾斜。

  • “重置选区和变形”按钮03tb49.tif:用于复制图形并将变形设置应用给图形。

  • “取消变形”按钮03tb50.tif:用于将图形属性恢复到初始状态。

  • “变形”面板中的设置不同,所产生的效果也各不相同。导入一幅图片,如图3-132所示。

选中图形,在“变形”面板中将“缩放宽度”选项设为50,按Enter键,确定操作,如图3-133所示,图形的宽度被改变,效果如图3-134所示。

03132.tif

图3-132

03133.tif

图3-133

03134.tif

图3-134

选中图形,在“变形”面板中单击“约束”按钮03tb48.tif,将“缩放宽度”选项设为50,“缩放高度”选项也随之变为50,按Enter键,确定操作,如图3-135所示,图形的宽度和高度成比例缩小,效果如图3-136所示。

选中图形,将旋转角度设为30°,按Enter键,确定操作,如图3-137所示,图形被旋转,效果如图3-138所示。

03135.tif

图3-135

03136.tif

图3-136

03137.tif

图3-137

03138.tif

图3-138

选中图形,在“变形”面板中选择“倾斜”选项,将水平倾斜设为40°,按Enter键,确定操作,如图3-139所示,图形进行水平倾斜变形,效果如图3-140所示。

选中图形,在“变形”面板中选择“倾斜”选项,将垂直倾斜设为-20°,按Enter键,确定操作,如图3-141所示,图形进行垂直倾斜变形,效果如图3-142所示。

03139.tif

图3-139

03140.tif

图3-140

03141.tif

图3-141

03142.tif

图3-142

选中图形,在“变形”面板中,将旋转角度设为60°,单击“重置选区和变形”按钮03tb49.tif,如图3-143所示,图形被复制并沿其中心点旋转了60°,效果如图3-144所示。

03143.tif

图3-143

03144.tif

图3-144

再次单击“重置选区和变形”按钮03tb49.tif,图形再次被复制并旋转了60°,如图3-145所示,此时,面板中显示旋转角度为−180°,表示复制出的图形当前角度为−180°,如图3-146所示。

03145.tif

图3-145

03146.tif

图3-146

3.4 课堂练习——绘制圣诞夜插画

练习知识要点

使用“钢笔”工具,绘制雪山图形;使用“颜色”面板和“颜料桶”工具,填充渐变色;使用“柔化填充边缘”命令,制作图形虚化效果;使用“变形”面板,调整图像的大小,效果如图3-147所示。

文件所在位置

资源包/Ch03/效果/绘制圣诞夜插画.fla。

图像说明文字

图3-147

图像说明文字

绘制圣诞夜插画

3.5 课后习题——绘制美丽家园插画

习题知识要点

使用“矩形”工具和“颜色”面板,绘制背景底图;使用“椭圆”工具和“颜色”面板,绘制小山和树,效果如图3-148所示。

文件所在位置

资源包/Ch03/效果/绘制美丽家园插画.fla。

图像说明文字

图3-148

图像说明文字

绘制美丽家园插画1

图像说明文字

绘制美丽家园插画2

目录

人邮微信
本地服务
教师服务
教师服务
读者服务
读者服务
返回顶部
返回顶部