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