![Flash CC动画制作实战从入门到精通](https://wfqqreader-1252317822.image.myqcloud.com/cover/493/33039493/b_33039493.jpg)
实例011 辅助线——使用辅助线制作动画安全框
为了在动画中准确定位,通常会使用辅助线功能。本例首先使用辅助线定位文档的尺寸,然后绘制出安全框的范围,为后期动画制作做好准备。
源文件 源文件\第1章\实例11.fla
视频 视频\第1章\实例11.swf
知识点 辅助线
学习时间 5分钟
实例分析
制作动画时常常需要安全框辅助定位。本例首先使用辅助线显示文档窗口的边界,然后创建安全框。读者要在熟练操作的同时理解安全框的功能和作用。本例最终效果如图1-53所示。
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0034_0248.jpg?sign=1738953775-jRZcW0yb1zTUMle55NTzKO1L1vpCS9Rw-0-863c6bf3600bdc48e684927a67dcfc8f)
图1-53 最终效果
知识点链接
如何显示和隐藏辅助线?
在窗口中创建辅助线后,可以通过执行“视图>辅助线>隐藏辅助线”命令,将辅助线隐藏。之后再次执行该命令可以显示辅助线。还可以通过按快捷键【Ctrl+;】显示或隐藏辅助线。
操作步骤
01 执行“文件>新建”命令,弹出“新建文档”对话框,如图1-54所示。新建一个大小为410像素×285像素,其他为默认的空白文档,新建成功后如图1-55所示。
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0034_0249.jpg?sign=1738953775-FrgyNtdwYOhrVmoBcR3hjCweo1HfQm21-0-a74c374b2a18c9ae5f2f558c82162d9b)
图1-54 “新建文档”对话框
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0034_0250.jpg?sign=1738953775-VEF8r9zPyJx0RTjfGSS3oLQLXilIn76T-0-edade5f032f202c3d655ff5732926b8e)
图1-55 新建空白文档
02 执行“视图>标尺”命令,在文档的左侧和上侧可以看到显示的标尺,如图1-56所示。将鼠标指针放在标尺的上方,按鼠标左键向下拖动,创建如图1-57所示的辅助线。
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0034_0251.jpg?sign=1738953775-nFT6GurxzQ8bB6qDFFJPU6Csp2DH9Iku-0-1a2d949479943c9cb08fd84ba7b71254)
图1-56 显示标尺
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0034_0252.jpg?sign=1738953775-BsHC6dl6k6JhYmwHrNHK1WhmJTnGAsYr-0-2146330163f9b23457a6e2b9001c8529)
图1-57 创建辅助线
03 使用相同方法完成其他辅助线的创建,创建完成如图1-58所示。然后选择“工具箱”中的“矩形工具”,执行“窗口>属性”命令,弹出“属性”面板,设置“笔触颜色”为无,“填充颜色”为#000099,“矩形边角半径”为15,设置面板如图1-59所示。
04 在舞台中沿着辅助线绘制一个矩形,如图1-60所示。使用“多边形套索工具”对矩形进行选取,并按【Delete】键将选中部分删除,效果如图1-61所示。
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0035_0253.jpg?sign=1738953775-BY7Lthi6P15WPjEGHC4KUwvpslTRPXa3-0-c7151e08f3b821c9d931156d55d851cd)
图1-58 创建多条辅助线
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0035_0254.jpg?sign=1738953775-VplSVH4qXQB8R1nGEUy7MzH8FwPm7vlu-0-5ba6b060f9520863cd30e0fecd59d358)
图1-59 “属性”面板
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0035_0255.jpg?sign=1738953775-eKAgJjbn8Hznz8Vjq3pHmC0whSk6w5Qq-0-76cb64ed55014b857b63c07539ca382f)
图1-60 绘制矩形
05 新建“图层2”,执行“文件>导入>导入到舞台”命令,弹出“导入”对话框,如图1-62所示。选择要导入的图像,单击“打开”按钮,调整图像到如图1-63所示的位置。
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0035_0256.jpg?sign=1738953775-QIoYDP4oF3TbiGiS7TRmyclvsPMx4kpS-0-eb1440c924f0750d0f3300b36baecdc0)
图1-61 部分删除
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0035_0257.jpg?sign=1738953775-DvsQlNpWVVikAkkpXIDTEiI6ULS4jCk9-0-286f7d51653c7590710d2ea4d5954757)
图1-62 “导入”对话框
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0035_0258.jpg?sign=1738953775-kiB8zWfDgrxHgxBp45z0TrRthv5q3XUw-0-3a9d4d03e1724e09c19bfc7474c8fbfc)
图1-63 最终效果
Q 如何准确对齐辅助线?
A 创建辅助线后,为了更好地实现对齐功能,可以执行“视图>贴紧>贴紧辅助线”命令,此后移动对象时会自动对齐贴紧辅助线。
Q 网格的用途是什么?
A 在布局动画中的各种元素时,网格是设计师非常有效的辅助工具。在使用网格辅助设计时,网格会布满整个舞台。读者可以根据网格的尺寸准确定位。通过执行“编辑网格”功能轻松地实现对网格基本属性的控制。