Flash CC动画制作实战从入门到精通
上QQ阅读APP看书,第一时间看更新

实例011 辅助线——使用辅助线制作动画安全框

为了在动画中准确定位,通常会使用辅助线功能。本例首先使用辅助线定位文档的尺寸,然后绘制出安全框的范围,为后期动画制作做好准备。

源文件 源文件\第1章\实例11.fla

视频 视频\第1章\实例11.swf

知识点 辅助线

学习时间 5分钟

实例分析

制作动画时常常需要安全框辅助定位。本例首先使用辅助线显示文档窗口的边界,然后创建安全框。读者要在熟练操作的同时理解安全框的功能和作用。本例最终效果如图1-53所示。

图1-53 最终效果

知识点链接

如何显示和隐藏辅助线?

在窗口中创建辅助线后,可以通过执行“视图>辅助线>隐藏辅助线”命令,将辅助线隐藏。之后再次执行该命令可以显示辅助线。还可以通过按快捷键【Ctrl+;】显示或隐藏辅助线。

操作步骤

01 执行“文件>新建”命令,弹出“新建文档”对话框,如图1-54所示。新建一个大小为410像素×285像素,其他为默认的空白文档,新建成功后如图1-55所示。

图1-54 “新建文档”对话框

图1-55 新建空白文档

02 执行“视图>标尺”命令,在文档的左侧和上侧可以看到显示的标尺,如图1-56所示。将鼠标指针放在标尺的上方,按鼠标左键向下拖动,创建如图1-57所示的辅助线。

图1-56 显示标尺

图1-57 创建辅助线

03 使用相同方法完成其他辅助线的创建,创建完成如图1-58所示。然后选择“工具箱”中的“矩形工具”,执行“窗口>属性”命令,弹出“属性”面板,设置“笔触颜色”为无,“填充颜色”为#000099,“矩形边角半径”为15,设置面板如图1-59所示。

04 在舞台中沿着辅助线绘制一个矩形,如图1-60所示。使用“多边形套索工具”对矩形进行选取,并按【Delete】键将选中部分删除,效果如图1-61所示。

图1-58 创建多条辅助线

图1-59 “属性”面板

图1-60 绘制矩形

05 新建“图层2”,执行“文件>导入>导入到舞台”命令,弹出“导入”对话框,如图1-62所示。选择要导入的图像,单击“打开”按钮,调整图像到如图1-63所示的位置。

图1-61 部分删除

图1-62 “导入”对话框

图1-63 最终效果

Q 如何准确对齐辅助线?

A 创建辅助线后,为了更好地实现对齐功能,可以执行“视图>贴紧>贴紧辅助线”命令,此后移动对象时会自动对齐贴紧辅助线。

Q 网格的用途是什么?

A 在布局动画中的各种元素时,网格是设计师非常有效的辅助工具。在使用网格辅助设计时,网格会布满整个舞台。读者可以根据网格的尺寸准确定位。通过执行“编辑网格”功能轻松地实现对网格基本属性的控制。