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

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

命令介绍

对齐面板：可以将多个图形按照一定的规律进行排列。能够快速地调整图形之间的相对位置、平分间距、对齐方向。

变形面板：可以将图形、组、文本及实例进行变形。

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

【案例学习目标】使用不同的浮动面板编辑图形。

【案例知识要点】使用“文本”工具，添加文字效果；使用“分离”命令，将文字转为形状；使用“组合”命令，将图形组合；使用“对齐”面板，对齐图形；使用“变形”面板，改变图形的角度，最终效果如图3-100所示。

【效果所在位置】Ch03/效果/制作商场促销吊签.fla。

扫描观看本案例视频

（1）选择“文件>新建”命令，弹出“新建文档”对话框，在“常规”选项卡中选择“Action Script 3.0”选项，将“宽”选项设置为600，“高”选项设置为600，“背景颜色”设置为深蓝色（#2F5994），单击“确定”按钮，完成文档的创建。

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

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

（4）在“时间轴”面板中创建新图层并将其命名为“价位”。在文本工具“属性”面板中进行设置，在舞台窗口中适当的位置输入大小为20、字体为“Helvetica Neue Extra Black Cond”的深蓝色（#3E74BA）符号，文字效果如图3-104所示。然后在舞台窗口中输入大小为95、字体为“Helvetica Neue Extra Black Cond”的深蓝色（#3E74BA）数字，文字效果如图3-105所示。接着在舞台窗口中适当的位置输入大小为49、字体为“Helvetica Neue Extra Black Cond”的深蓝色（#3E74BA）数字，文字效果如图3-106所示。

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

（6）选择“选择”工具，在舞台窗口中选中输入的符号，如图3-108所示，按Ctrl+B组合键将其打散，如图3-109所示。按Ctrl+G组合键将其组合，如图3-110所示。

（7）选中数字“79”，如图3-111所示，按多次Ctrl+B组合键将其打散，如图3-112所示。按Ctrl+G组合键将其组合，如图3-113所示。

（8）选中数字“80”，如图3-114所示，按多次Ctrl+B组合键将其打散，如图3-115所示。按Ctrl+G组合键将其组合，如图3-116所示。

（9）在舞台窗口中选中符号组合，按住Shift键的同时单击“79”组合和“80”组合，将其同时选中，如图3-117所示。按Ctrl+K组合键，弹出“对齐”面板，单击“顶对齐”按钮，将选中的对象顶部对齐，效果如图3-118所示。

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

（11）选择“线条”工具，在线条工具“属性”面板中，将“笔触颜色”设置为橘黄色（#EC6620），“填充颜色”设置为无，“笔触”选项设置为 3，其他选项的设置如图 3-121 所示，在舞台窗口中绘制两条水平线，效果如图3-122所示。

（12）在线条工具“属性”面板中，将“笔触颜色”设置为灰色（#CCCCCC），“笔触”选项设置为0.5，其他选项的设置如图3-123所示，在舞台窗口中绘制一条水平线，效果如图3-124所示。

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

3.3.2 对齐面板

选择“窗口>对齐”命令，弹出“对齐”面板，如图3-128所示。

1．“对齐”选项组

“左对齐”按钮：设置选取对象左端对齐。

“水平中齐”按钮：设置选取对象沿垂直线中对齐。

“右对齐”按钮：设置选取对象右端对齐。

“顶对齐”按钮：设置选取对象上端对齐。

“垂直中齐”按钮：设置选取对象沿水平线中对齐。

“底对齐”按钮：设置选取对象下端对齐。

2．“分布”选项组

“顶部分布”按钮：设置选取对象在横向的上端间距相等。

“垂直居中分布”按钮：设置选取对象在横向的中心间距相等。

“底部分布”按钮：设置选取对象在横向的下端间距相等。

“左侧分布”按钮：设置选取对象在纵向的左端间距相等。

“水平居中分布”按钮：设置选取对象在纵向的中心间距相等。

“右侧分布”按钮：设置选取对象在纵向的右端间距相等。

3．“匹配大小”选项组

“匹配宽度”按钮：设置选取对象在水平方向上等尺寸变形（以所选对象中宽度最大的为基准）。

“匹配高度”按钮：设置选取对象在垂直方向上等尺寸变形（以所选对象中高度最大的为基准）。

“匹配宽和高”按钮：设置选取对象在水平方向和垂直方向同时进行等尺寸变形（同时以所选对象中宽度和高度最大的为基准）。

4．“间隔”选项组

“垂直平均间隔”按钮：设置选取对象在纵向上间距相等。

“水平平均间隔”按钮：设置选取对象在横向上间距相等。

5．“与舞台对齐”选项

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

选中要对齐的图形，如图3-129所示。单击“顶对齐”按钮，图形上端对齐，如图3-130所示。

选中要分布的图形，如图3-131所示。单击“水平居中分布”按钮，图形在纵向上中心间距相等，如图3-132所示。

选中要匹配大小的图形，如图3-133所示。单击“匹配高度”按钮，图形在垂直方向上等尺寸变形，如图3-134所示。

勾选“与舞台对齐”复选框后，应用同一个命令所产生的效果不同。选中图形，如图3-135所示。单击“左侧分布”按钮，效果如图3-136所示。勾选“与舞台对齐”复选框，单击“左侧分布”按钮，效果如图3-137所示。

3.3.3 变形面板

选择“窗口>变形”命令，弹出“变形”面板，如图3-138所示。

“缩放宽度”和“缩放高度”选项：用于设置图形的宽度和高度。

“约束”按钮：用于约束“宽度”和“高度”选项，使图形能够成比例地变形。

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

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

“重置选区和变形”按钮：用于复制图形并将变形设置应用于图形。

“取消变形”按钮：用于将图形属性恢复到初始状态。

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

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

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

选中图形，在“变形”面板中将“旋转”选项设置为30，如图3-144所示，按Enter键，确定操作，图形被旋转，效果如图3-145所示。

选中图形，在“变形”面板中单击“倾斜”单选项，将“水平倾斜”选项设置为40，如图3-146所示，按Enter键，确定操作，图形水平倾斜变形，效果如图3-147所示。

选中图形，在“变形”面板中单击“倾斜”单选项，将“垂直倾斜”选项设置为-20，如图3-148所示，按Enter键，确定操作，图形垂直倾斜变形，效果如图3-149所示。

选中图形，在“变形”面板中将“旋转”选项设置为60，单击“重制选区和变形”按钮，如图3-150所示，图形被复制并沿其中心点旋转了60°，效果如图3-151所示。

再次单击“重制选区和变形”按钮，图形再次被复制并旋转了60°，如图3-152所示。此时，面板中显示旋转角度为180°，表示复制出的图形当前角度为180°，如图3-153所示。