![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=1739237960-Kwe2FloHbtPlRoaTWjeyelFl39DrNCF6-0-bf2130f1b913da64432452389196d414)
图1-53 最终效果
知识点链接
如何显示和隐藏辅助线?
在窗口中创建辅助线后,可以通过执行“视图>辅助线>隐藏辅助线”命令,将辅助线隐藏。之后再次执行该命令可以显示辅助线。还可以通过按快捷键【Ctrl+;】显示或隐藏辅助线。
操作步骤
01 执行“文件>新建”命令,弹出“新建文档”对话框,如图1-54所示。新建一个大小为410像素×285像素,其他为默认的空白文档,新建成功后如图1-55所示。
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0034_0249.jpg?sign=1739237960-VyytT9Ml4XzO8ay0tfn06jjWN0dA35g3-0-74daccda1cd68b372cafb46cf3a9f442)
图1-54 “新建文档”对话框
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0034_0250.jpg?sign=1739237960-Y3LYwB0K3JrXnI2TYeC4KwL26yi4HzaS-0-9b45d1eb635b361492abbb8a55f5a794)
图1-55 新建空白文档
02 执行“视图>标尺”命令,在文档的左侧和上侧可以看到显示的标尺,如图1-56所示。将鼠标指针放在标尺的上方,按鼠标左键向下拖动,创建如图1-57所示的辅助线。
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0034_0251.jpg?sign=1739237960-YjxMJqIrKj9KUtCdkkl1i5NBpB8Qzhfk-0-836da4d08a2f67bb820962853a1d7eca)
图1-56 显示标尺
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0034_0252.jpg?sign=1739237960-eIe7NG6h1UB1huOiGkUsFCVM5gJMPMBk-0-ae57f8b31e34e69aa8d14b862724287d)
图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=1739237960-OTOyt3hSUYjPsN0TNdtnPReHbCd5Cksk-0-94c3fb97311291704ba420959b978642)
图1-58 创建多条辅助线
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0035_0254.jpg?sign=1739237960-wRNZQ2vXAaqIPbCzYC02wb9O0LkAqAJK-0-f54e5f775e436e94e3498c9ece084873)
图1-59 “属性”面板
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0035_0255.jpg?sign=1739237960-kGuiJNOriW1hIWIcymRxyOZNAyEAiPse-0-6c4969c93c2b8ba9d9f00225ba3c09f6)
图1-60 绘制矩形
05 新建“图层2”,执行“文件>导入>导入到舞台”命令,弹出“导入”对话框,如图1-62所示。选择要导入的图像,单击“打开”按钮,调整图像到如图1-63所示的位置。
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0035_0256.jpg?sign=1739237960-uKKbCcpRf0cklVvpx1lJWzNYS3v31faT-0-f8c763907a38b3751061bcbfd9b99a8c)
图1-61 部分删除
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0035_0257.jpg?sign=1739237960-Q7j9PAgNPIk9UnEvggihU5OkFIj7fpUl-0-26751871df0363fcbfbcbdb8e2873625)
图1-62 “导入”对话框
![](https://epubservercos.yuewen.com/3CB99D/17700255807831006/epubprivate/OEBPS/Images/figure_0035_0258.jpg?sign=1739237960-NYieYr1dqZxZGh5WpK2Cjna4wAHU09Ar-0-7434d8b3a910b6b5527a97699bb20d2a)
图1-63 最终效果
Q 如何准确对齐辅助线?
A 创建辅助线后,为了更好地实现对齐功能,可以执行“视图>贴紧>贴紧辅助线”命令,此后移动对象时会自动对齐贴紧辅助线。
Q 网格的用途是什么?
A 在布局动画中的各种元素时,网格是设计师非常有效的辅助工具。在使用网格辅助设计时,网格会布满整个舞台。读者可以根据网格的尺寸准确定位。通过执行“编辑网格”功能轻松地实现对网格基本属性的控制。