![中文版Flash CS6基础培训教程(第2版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/711/24981711/b_24981711.jpg)
3.2 对象的修饰
在制作动画的过程中,可以应用Flash CS6自带的一些命令对曲线进行优化,将线条转换为填充,对填充色进行修改或对填充边缘进行柔化处理。
命令介绍
柔化填充边缘:可以将图形的边缘制作成柔化效果。
3.2.1 课堂案例——绘制沙滩风景
【案例学习目标】使用不同的绘图工具绘制图像,使用形状命令编辑图形。
【案例知识要点】使用“柔化填充边缘”命令,制作太阳发光效果;使用“钢笔”工具,绘制白云形状;使用“变形”面板,改变图形的大小,最终效果如图3-57所示。
【效果所在位置】Ch03/效果/绘制沙滩风景.fla。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0073-0746.jpg?sign=1739277750-DXaWzS5JXoaKiaoNjoETBrzyHdwfNo44-0-578a9060f8eeb9c4f19af91cbd2519a6)
图3-57
扫描观看本案例视频
(1)选择“文件>新建”命令,弹出“新建文档”对话框,在“常规”选项卡中选择“Action Script 3.0”选项,将“宽”选项设置为600,“高”选项设置为450,单击“确定”按钮,完成文档的创建。
(2)将“图层1”重新命名为“背景”,如图3-58所示。选择“矩形”工具,在工具箱中将“笔触颜色”设置为无,“填充颜色”设置为青色(#0099FF),单击工具箱下方的“对象绘制”按钮
,在舞台窗口中绘制一个矩形,如图3-59所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0074-0750.jpg?sign=1739277750-orFM6KcOLviUFYHdiUrypwv01nhAUTIE-0-d505032d957fa0b23ed0159e45bee9f6)
图3-58
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0074-0751.jpg?sign=1739277750-QGd1s5OZImoAWCTYr31p14ENHSp3Qjm4-0-e582846cfe4967465577ff952efd7c1a)
图3-59
(3)选择“窗口 > 颜色”命令,弹出“颜色”面板,单击“填充颜色”按钮,在“颜色类型”选项的下拉列表中选择“线性渐变”,在色带上将左边的颜色控制点设置为青色(# 81C8EB),将右边的颜色控制点设置为蓝色(#3198CC),生成渐变色,如图3-60所示。
(4)选择“颜料桶”工具,在矩形的内部从下向上拖曳鼠标填充渐变色,效果如图3-61所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0074-0754.jpg?sign=1739277750-cKM6F7iSPPunv4vR4u0Sjui4ApmqXZck-0-2ee5e29970f0bf8f1ba9eea7917f8645)
图3-60
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0074-0755.jpg?sign=1739277750-7y1RWoK76f1VjAiHW1myPwOznLy6oEdh-0-21c0f4104d3efde7755c7e257222929b)
图3-61
(5)选择“文件>导入>导入到舞台”命令,在弹出的“导入”对话框中选择“Ch03 >素材>绘制沙滩风景> 01”文件,单击“打开”按钮,文件被导入舞台窗口中,如图3-62所示。将“图层1”重命名为“风景”。
(6)单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“太阳”。选择“椭圆”工具
,在工具箱中将“笔触颜色”设置为无,“填充颜色”设置为黄色(#FFDC00),在舞台窗口中绘制一个圆形,如图3-63所示。选择“选择”工具
,选中圆形,如图3-64所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0074-0759.jpg?sign=1739277750-6pVOONDrJSf0cpwc312OMAW4z3891BJe-0-0f759e476ff2f448fdac88b7fe6a9f6a)
图3-62
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0074-0760.jpg?sign=1739277750-ajWnLhxwIrT5iKB739XG5lOQ9wTMEF79-0-52c2b5be9c0c02f974c90f6838640ef1)
图3-63
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0074-0761.jpg?sign=1739277750-3kybA4tTOXGmCsV8KO7HCOyenLUdyWP0-0-5540148545301165b66a36b9b59d1d33)
图3-64
(7)选择“修改>形状>柔化填充边缘”命令,弹出“柔化填充边缘”对话框,在对话框中进行设置,如图3-65所示,单击“确定”按钮,效果如图3-66所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0075-0762.jpg?sign=1739277750-xFhZ7LUqJeSR5BPPuAtOBwAyak7xdgAj-0-e2d2e4798893e2d6a0494b1bda0e413c)
图3-65
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0075-0763.jpg?sign=1739277750-hZF2VmAvcRbOxLAPQxjgbAxBVnEFNj9j-0-38bf938cf98feae6e3826a4d38a99704)
图3-66
(8)单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“云彩”。选择“钢笔”工具
,在钢笔工具的“属性”面板中,将“笔触颜色”设置为黑色,“笔触”选项设置为1,在舞台窗口中绘制一个闭合边线,如图3-67所示。
(9)调出“颜色”面板,单击“填充颜色”按钮,在“颜色类型”选项的下拉列表中选择“线性渐变”,在色带上将左边的颜色控制点设置为白色,将右边的颜色控制点设置为淡绿色(#DBEBC8),生成渐变色,如图3-68所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0075-0767.jpg?sign=1739277750-imvKFjS1droJ34dti51Tinfr6JsEPqe4-0-49fe1017ad6d8ad69c6b1a21291268bd)
图3-67
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0075-0768.jpg?sign=1739277750-dTlEcEosIUpAksw7KH6XPIMSAfenf3n1-0-94dedb888af99f1c801a7e5ee8947b7a)
图3-68
(10)选择“颜料桶”工具,在闭合边线内部从左向右拖曳鼠标填充渐变色,效果如图3-69所示。选择“选择”工具
,选中云彩图形,如图 3-70 所示,在工具箱中将“笔触颜色”设置为无,效果如图3-71所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0075-0771.jpg?sign=1739277750-xLWQlSCUwc9lHdqiJDLEWRtVs20bWWlW-0-1810e45a94d0068c1cf3318d62cc0973)
图3-69
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0075-0772.jpg?sign=1739277750-zRSsyzmAwGceyKP0UusgUcD60pMk9v4d-0-8d7a7cf87a313144bb8e253b3c7e719e)
图3-70
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0075-0773.jpg?sign=1739277750-1qEmwwx662gufHtJZ2KI4SdXX2tixri2-0-0172603808bd9bbf98fc333db9683e0a)
图3-71
(11)选中“云彩”图形,按住Alt键的同时拖曳鼠标到适当的位置复制图形,效果如图3-72所示。选择“窗口 >变形”命令,弹出“变形”面板,在“变形”面板中将“缩放宽度”选项设置为60%,“缩放高度”选项也随之变为60%,如图3-73所示,按Enter键确定操作,效果如图3-74所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0076-0774.jpg?sign=1739277750-urwvzASl00GkWwx1Yh71seejfxLKAtlA-0-5b9e6de64f26e45798c5d4ffde3ccb8c)
图3-72
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0076-0775.jpg?sign=1739277750-9CCvnF7dLBhhxRaeSEvCZ3Ul9iUi1hOM-0-72944b4c906594715ca04cd20ed7a61b)
图3-73
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0076-0776.jpg?sign=1739277750-7SjbGXZI3EVVihfnT9vxlSrfBW8iCakV-0-9cdbf5fe39ea998eda249fe8f446e778)
图3-74
(12)用相同的方法再复制几朵白云图形,然后拖曳到适当的位置并调整其大小,效果如图3-75所示。沙滩风景绘制完成,效果如图3-76所示,按Ctrl+Enter组合键即可查看。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0076-0777.jpg?sign=1739277750-u98UNSC4zfI5l0HqnWtGUp0G02G8HQWE-0-7f597d84e0b70ebb47fb85127b17d348)
图3-75
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0076-0778.jpg?sign=1739277750-7sA39L0FRkC4PrZ0VL3tm90P0cv4lA97-0-f133869b9586e6c155c256f6ade6533d)
图3-76
3.2.2 优化曲线
应用优化曲线命令可以将线条优化得较为平滑。选中要优化的线条,如图3-77所示。选择“修改 > 形状 > 优化”命令,弹出“优化曲线”对话框,进行设置后,如图3-78所示;单击“确定”按钮,弹出提示对话框,如图3-79所示,单击“确定”按钮,线条被优化,如图3-80所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0076-0779.jpg?sign=1739277750-4Tqcfa4GTS5oGAzglfXt4qvFcnH8e07v-0-3debc5b0cdddb48cd20c5b18918a1aea)
图3-77
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0076-0780.jpg?sign=1739277750-k2iVEOFIMBFVGGzfzwmJdMa6BfME3MP5-0-175e9cd3a78edd26f0f29b9a49985f26)
图3-78
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0076-0781.jpg?sign=1739277750-W7hgTRCFck3WdUhlbCarpjxnpb3N1G9Z-0-c30596cf133c18f846945289d3d31d66)
图3-79
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0076-0782.jpg?sign=1739277750-h0lFXRb4Neocew1DvtFZOhoNtFztXnD5-0-a0392a23f3f93ac33fdd4ca95dfe902e)
图3-80
3.2.3 将线条转换为填充
应用将线条转换为填充命令可以将矢量线条转换为填充色块。导入花朵图片,如图3-81所示。选择“墨水瓶”工具,为图形绘制外边线,如图3-82所示。
选择“选择”工具,双击图形的外边线将其选中,选择“修改 > 形状 > 将线条转换为填充”命令,将外边线转换为填充色块,如图 3-83 所示。这时,可以选择“颜料桶”工具
,为填充色块设置其他颜色,如图3-84所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0077-0786.jpg?sign=1739277750-nCXYtMl8tQsNssCKHnWmQKgYHm3omQ0h-0-c9f84723be10c12ebbe2add6bbad2aa8)
图3-81
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0077-0787.jpg?sign=1739277750-kBZT2HqBG5zNcjbO9WUmNr6IvQTyduLz-0-93e6f8b001678712c2bfd32a32dfb990)
图3-82
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0077-0788.jpg?sign=1739277750-ZpPWg1kJYTyYnV3fcv0m8YMkRuNGEadY-0-41efca147e91f4b4e7a9b2e018d36020)
图3-83
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0077-0789.jpg?sign=1739277750-l8qVFWX8LlBbLtgNEK4V8znpbvTeGfZe-0-3374f9bfe6e28a4f91badc219c90eda7)
图3-84
3.2.4 扩展填充
应用扩展填充命令可以将填充颜色向外扩展或向内收缩,扩展或收缩的数值可以自定义。
1.扩展填充色
选中图形的填充颜色,如图3-85所示。选择“修改>形状>扩展填充”命令,弹出“扩展填充”对话框,在“距离”选项的数值框中输入6(取值范围为0.05~144),单击“扩展”单选项,如图3-86所示。单击“确定”按钮,填充色向外扩展,效果如图3-87所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0077-0790.jpg?sign=1739277750-INB5TBtb3cH7S22DjWKjEmL5nULqWtqw-0-79eb8c31cf15ad7fc24a67d534d7635f)
图3-85
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0077-0791.jpg?sign=1739277750-wg2MdRHIcG9wcHrlHuxoD5eLayH9Y9Id-0-8c96a19f8fa32c1aee8b1b61ebd83633)
图3-86
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0077-0792.jpg?sign=1739277750-GIx65qE0hJRq2VGKEpJyYEk59zPplkCx-0-5a1672edb2b897922735682eee64c735)
图3-87
2.收缩填充色
选中图形的填充颜色,选择“修改>形状>扩展填充”命令,弹出“扩展填充”对话框,在“距离”选项的数值框中输入12(取值范围为0.05~144),单击“插入”单选项,如图3-88所示;单击“确定”按钮,填充色向内收缩,效果如图3-89所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0077-0793.jpg?sign=1739277750-SJUi7M2VC8UP4jrMwmOFNLGfnzZFzlbm-0-2a0175742ca83b4fe612988441d4b4c0)
图3-88
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0077-0794.jpg?sign=1739277750-knvm0JiZ9NMmM9ooWkAK8mJDX1qcybte-0-2ccc48d15de733e7f350122262ddfd39)
图3-89
3.2.5 柔化填充边缘
1.向外柔化填充边缘
选中图形,如图3-90所示,选择“修改>形状>柔化填充边缘”命令,弹出“柔化填充边缘”对话框,在“距离”选项的数值框中输入50,在“步长数”选项的数值框中输入5,单击“扩展”单选项,如图3-91所示,单击“确定”按钮,效果如图3-92所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0078-0795.jpg?sign=1739277750-FqV8FBB2kRofuStpsRJCTWWS5ryK0ekg-0-b49e1c3aa2409a3a1dd3298ea097ba25)
图3-90
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0078-0796.jpg?sign=1739277750-k8WQCyZlCIXsRQgcFsgA8Ai8kaSRIRgE-0-25d0384450513d6b505e41c47883f804)
图3-91
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0078-0797.jpg?sign=1739277750-1EFiwqgUPBkeDR9TZYYj1J4geyArRqRJ-0-6784cf8aae11587f2c14c4545f81fed4)
图3-92
在“柔化填充边缘”对话框中设置不同的数值,所产生的效果也各不相同。
选中图形,选择“修改>形状>柔化填充边缘”命令,弹出“柔化填充边缘”对话框,在“距离”选项的数值框中输入30,在“步长数”选项的数值框中输入20,单击“扩展”单选项,如图3-93所示,单击“确定”按钮,效果如图3-94所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0078-0798.jpg?sign=1739277750-3DQiK9hK8wJo1f885d9kNqNYIrpxYvn9-0-46ffa1abd6becacb2895c11071644c9f)
图3-93
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0078-0799.jpg?sign=1739277750-rg1RMRs1dw06CWbwRRUFR9e8oYClfXaK-0-efa4828abf52230ab14bc5783ad41b3c)
图3-94
2.向内柔化填充边缘
选中图形,如图3-95所示,选择“修改>形状>柔化填充边缘”命令,弹出“柔化填充边缘”对话框,在“距离”选项的数值框中输入50,在“步长数”选项的数值框中输入5,单击“插入”单选项,如图3-96所示,单击“确定”按钮,效果如图3-97所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0078-0800.jpg?sign=1739277750-63ZurXCq4LRqa3t8jBX9cHQzaZfozwti-0-8c9b6f314cbde6cb13d7ce2081c8ed09)
图3-95
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0078-0801.jpg?sign=1739277750-EGRIgPgHJEhG8f1Fmw4ePuyFBnhT8fps-0-be1b4673428d88db091952ea046f7119)
图3-96
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0078-0802.jpg?sign=1739277750-uqofRJXk09kiVB05s84jnKSoKuWQn0iT-0-8941aeb7ca341d4e185f1f8131422759)
图3-97
选中图形,选择“修改>形状>柔化填充边缘”命令,弹出“柔化填充边缘”对话框,在“距离”选项的数值框中输入30,在“步长数”选项的数值框中输入20,单击“插入”单选项,如图3-98所示,单击“确定”按钮,效果如图3-99所示。
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0078-0803.jpg?sign=1739277750-BsMYmslQNDb0olgl4LdlTl2QgjE9GAfm-0-e2bb5c27fbfb3e2ae8cdbf7457e8e0ea)
图3-98
![](https://epubservercos.yuewen.com/9CF850/13311747103876306/epubprivate/OEBPS/Images/figure-0078-0804.jpg?sign=1739277750-RpWsuQcZ0nn6331YKNwamzu7OwA2xr6u-0-e16b29ad630cfb371c9a837c24afdb57)
图3-99