
4.3 调整多个对象的位置
在舞台上创建大量的对象后,经常需要调整它们的位置,按一定的次序摆放,或以某种方式对齐,调整它们之间的距离。如果同一层中有不同的对象相互叠放在一起时,也需要调整它们的前后顺序,以方便编辑或达到某种设计效果。
4.3.1 叠放多个对象
“修改”|“排列”命令用于更改选定对象在堆栈中的位置,可以将一个对象移动到其他对象的前面或后面,如图4-21所示。
移至顶层:将选中对象移到当前层中所有对象的最上面。
上移一层:将选中对象向上移动一层。
下移一层:将选中对象向下移动一层。
移至底层:将选中对象移到当前层中所有对象的最下面。

图4-21 “排列”命令子菜单
锁定:锁定选中对象,不参与排序,也不可以进行任何其他编辑。
解除全部锁定:解除所有对象的锁定状态。
例如,选择舞台上需要调整排列顺序的对象,例如图4-22中的女孩。执行“修改”|“排列”|“移至底层”命令,此时即可将选中的对象移到三个对象的最下面,如图4-23所示。
选中“Kitty”对象,执行“修改”|“排列”|“上移一层”命令,此时即可将选择的对象向上移动一层,如图4-24所示。

图4-22 选择对象

图4-23 移至底层

图4-24 上移一层
如果选中图4-22的女孩,执行“修改”|“排列”|“锁定”命令,则不能再对该对象执行排列命令,除非先解除锁定。
如果排列时选择多个对象,所有选中的对象将同时进行移动排列,并且它们之间的排列关系保持不变。
注意
以上的这几个命令只能用来改变同一层中的对象之间的排列关系,不能改变不同层中的对象排列关系。
4.3.2 对齐多个对象
执行“窗口”|“对齐”命令,打开“对齐”浮动面板,如图4-25所示。
从图4-25可以看出,“对齐”面板中的功能按钮被分成五类:对齐、分布、匹配大小、间隔、与舞台对齐。各类中分别有一个或多个按钮图标。在任何时刻每类按钮最多只有一个按钮处于选中状态。
1. 对齐
“对齐”面板顶部的第一行按钮即为对齐类按钮,用于在垂直或水平方向对齐选定的多个对象,如图4-26所示。

图4-25 “对齐”面板

图4-26 对齐命令
使用上述命令对齐选中的多个对象时,Animate CC 2018根据对象的边界框来对齐对象。例如,选择左对齐,则以选中对象中最左端的对象的左边界为基准进行对齐。同样,当选择顶对齐、底对齐和右对齐时,将以最顶端、最底端或最右端对象为基准进行对齐,如图4-27、图4-28、图4-29所示。

图4-27 选择对象

图4-28 左对齐效果
注意
图4-28是在没有选择“与舞台对齐”按钮时的对齐效果。如果选择该按钮,显示效果将发生变化,有兴趣的读者可以上机试一试。
水平中齐:使选中的对象垂直中心对齐,并在水平方向显示在舞台的中心。
垂直中齐:使选中的对象水平中心对齐,并在垂直方向显示在舞台的中心,如图4-30所示。

图4-29 底对齐效果

图4-30 垂直中齐效果
2. 分布对象
“对齐”面板中的第二行按钮即为分布对象按钮,可以在水平方向上或垂直方向上以中心或边界为准分布对象,如图4-31所示。如果要将多个选定的对象进行等距离排列,使用这些选项非常方便。
(1)选中舞台上需要分布的多个对象,效果如图4-32所示。

图4-31 分布命令

图4-32 分布前的按钮效果
(2)打开“对齐”面板,在“分布”区域单击需要的分布方式按钮,即可将所有选中对象以指定的方式进行分布。
例如,单击“水平居中分布”按钮,选择的所有对象在水平方向上等距离分布,效果如图4-33所示。
单击“垂直居中分布”按钮,选中的所有对象在垂直方向上等距离分布,效果如图4-34所示。

图4-33 水平居中分布效果

图4-34 垂直方向上等距离分布效果
3. 匹配大小
“对齐”面板上第三行左边的三个按钮是“匹配大小”按钮,如图4-35所示。使用这一组按钮可以调整所有选中对象的尺寸,使它们在水平或垂直方向能够与选中对象中最大的一个进行匹配。
例如,选中图4-36(a)中的三个对象后,单击“匹配高度”按钮,可以以选中对象中高度最大的对象为基准,将其他对象的高度进行拉伸,从而达到高度相同的效果,如图4-36(b)所示。

图4-35 匹配大小命令

图4-36 匹配高度的效果
4. 间隔对象
“对齐”面板中的“间隔”按钮用于在水平或垂直方向上等间距隔开选定的对象,如图4-37所示。
在两个大小差不多的图像之间使用“间隔”和“分布”按钮不会有太大的差别,但是当使用不同尺寸大小的图像时差别就很明显了。
5. 与舞台对齐
选择“与舞台对齐”选项,可以以整个舞台为标准,使舞台上的对象相对于舞台进行对齐,即使更改舞台大小,舞台上的对象也不会偏离舞台进入工作区。

图4-37 间隔命令
例如,两个对象的初始排列方式如图4-38所示。选择“与舞台对齐”按钮的左对齐与没有选择该按钮的左对齐效果分别如图4-39和图4-40所示。

图4-38 初始排列方式

图4-39 相对于舞台的左对齐效果

图4-40 不相对于舞台的左对齐效果
从图4-39和图4-40中可以看出,“与舞台对齐”的左对齐以舞台的左边界为基准对齐选中的对象;而没有选择“与舞台对齐”复选框的左对齐则以最左边的对象的左边界为基准对齐选中的对象。