《FlashCS6中文版基础教程张云杰等32768第6章》由会员分享，可在线阅读，更多相关《FlashCS6中文版基础教程张云杰等32768第6章（33页珍藏版）》请在金锄头文库上搜索。
1、2,第6章 图形的变换,本章节主要介绍形状的改变和拖曳、伸直与平滑、填充区域的处理和【钢笔工具】的使用。通过本章的学习，要学会利用Flash CS6软件制作出简单的图形。,3,6.1 拖曳改变形状,1. 利用选择工具拖曳对象 2. 利用选择工具变形对象 3. 使用任意变形工具改变形状,4,6.2 伸直和平滑,运用伸直和平滑工具可以改变线条和形状轮廓。,5,6.2.1 伸直,伸直操作可以将已经绘制的不平滑的线条和曲线变平滑，它不影响已经伸直的线段。绘制任意的椭圆、矩形或三角形，使用【伸直】工具可以使形状的几何外观更完美，如图6-11所示。,6,6.2.1 伸直,伸直的操作方法如下。 (1) 选择
2、【选择工具】，单击【工具】面板中【选项】区域的【伸直】按钮，可以将任意绘制的图形伸直为规则图形，如图6-12所示。 (2) 选择【修改】|【形状】|【高级伸直】菜单命令，如图6-13所示，弹出【高级伸直】对话框，从中设置【伸直强度】的数值，如图6-14所示，也可以伸直每条选定的填充轮廓或曲线。,7,6.2.2 平滑,平滑操作方法如下。 (1) 选择【选择工具】，单击【工具】面板中【选项】区域的【平滑】按钮 可以平滑形状，如图6-15所示。 (2) 选择【修改】|【形状】|【平滑】菜单命令，如图6-16所示，在弹出的【高级平滑】对话框中设置各项参数，如图6-17所示。可以平滑每条选定的填充轮廓或
3、曲线的曲度。,8,6.3 处理笔触线条,线条是组成矢量图形最基本的单位。线条工具就是用来绘制各种角度、长度和宽度的线条的。在使用线条工具之前，常常需要设置线条的属性，包括线条的颜色、笔触高度和类型等。具体操作步骤如下。 (1) 选择舞台上的一个或多个对象(对于元件，应先双击以进入元件编辑模式)。 (2) 选择【窗口】|【属性】菜单命令，如图6-18所示。 (3) 打开【属性】检查器面板，在【样式】下拉列表框中选择笔触样式，如图6-19所示。,9,6.3 处理笔触线条,(4) 单击【属性】检查器面板中的【编辑笔触样式】按钮，如图6-20所示。打开【笔触样式】对话框，从中选择【类型】，单击【确定】
4、按钮，自定义笔触，如图6-21所示。 (5) 下列操作之一可以指定笔触高度。 拖曳【笔触】滑块，改变笔触的高度，如图6-22所示。 在【高度】文本框中输入一个高度值，改变笔触的高度。 (6) 启用【提示】复选框。笔触提示可在全像素下调整直线锚记点和曲线锚记点，防止出现模糊的垂直或水平线。,10,6.4 处理填充区域,线条可以转换为填充、扩展填充对象的形状，或通过修改曲线形状以柔化填充形状的边缘。 将线条转换为填充功能可将线条转换为填充，这样可以使用渐变来填充线条或擦除一部分线条。【扩展形状】和【柔化边缘】功能可以扩展填充形状并模糊形状边缘。 【扩展填充】和【柔化填充边缘】功能在不包含很多细节的
5、小型形状上使用效果最好。对拥有过多细节的形状应用【柔化边缘】功能，会增大 Flash 文档和生成的 SWF 文件的大小。,11,6.4.1 扩展形状,扩展形状的操作方法如下。 (1) 选择一个填充形状，如图6-23所示。 (2) 选择【修改】|【形状】|【扩展填充】菜单命令，如图6-24所示。,12,6.4.1 扩展形状,(3) 在【扩展填充】对话框中，输入【距离】的像素值，如图6-25所示。在【方向】选项中选中【扩展】或【插入】单选按钮。【扩展】可以放大形状，如图6-26所示。而【插入】则缩小形状，如图6-27所示。,13,6.4.2 柔化填充边缘,柔化填充边缘功能允许扩充形状并模糊形状边缘
6、。如果某个图形对象的边缘比较尖锐，可以使用柔化填充边缘功能对其进行柔化。 下面以柔化多角形的边缘为例介绍此项功能的应用。 (1) 选择【工具】面板中的【多角星形工具】，如图6-28所示。 (2) 再为多角形选择一种颜色，在舞台中按住鼠标左键不放，拖出一个多角形，如图6-29所示。,14,6.4.2 柔化填充边缘,(3) 选择【修改】|【形状】|【柔化填充边缘】菜单命令，如图6-30所示。 (4) 打开【柔化填充边缘】对话框，将【距离】文本框中的数值改为“10像素”，其他的选项保持默认状态，如图6-31所示。 (5) 单击【确定】按钮，多角形就被执行了柔化边缘的操作。柔化前后的效果对比如图6-3
7、2所示。,15,6.5 使用钢笔工具,1. 利用钢笔工具绘制直线 2. 利用钢笔工具绘制曲线和编辑曲线 (1) 利用钢笔工具绘制曲线 (2) 编辑用钢笔工具绘制的曲线 3. 移动锚点,16,6.6 编 辑 形 状,当舞台上的形状发生重叠时，就会产生切割或融合。组或实例重叠则不会发生切割或融合，它们仍然可以相互分离开来。,17,6.6.1 切割形状,切割就是将某一个对象分成多个部分。可以画一条直线完整地穿过一个圆，而将这个圆分成两半。可以将两个半圆视为单独的形状，还可以用一个形状去切割另一个形状。 切割形状的具体操作步骤如下。 (1) 用【多边形工具】在工作区中绘制一个多边形，然后运用【颜料桶工
8、具】改变其填充颜色，接着用【矩形工具】绘制一个较小的正方形，如图6-38所示。,18,6.6.1 切割形状,(2) 将正方形拖曳至多边形的中心，正方形处于选中状态，然后使用【选择工具】并在空白区单击一下取消选中，如图6-39所示。 (3) 选择多边形中心的正方形，然后将它拖曳至舞台上其他的位置，这样多边形的中心就会出现一个方洞，如图6-40所示。,19,6.6.2 融合形状,融合就是将两个形状焊接在一起，使用此功能可以创建Flash绘图工具无法创建的形状。 融合两个形状的具体操作步骤如下。 (1) 绘制两个同样颜色并且均没有边框的形状，如一个为椭圆，另一个是矩形，如图6-41所示。 (2) 将
9、椭圆拖曳至矩形的上面，如图6-42所示。然后单击空白处取消对椭圆的选中。 (3) 用鼠标拖曳它们，这时会发现椭圆和矩形已经融合为一个形状，如图6-43所示。,20,6.7 影片浏览器,使用影片浏览器可以轻松地组织和查看文档的内容，以及对文档中已有的元素进行修改。它包含当前全部元素的显示列表，该列表显示为一个导航分层结构树。它可以过滤文档中指定类别的项目，包括文本、图形、按钮、影片剪辑、动作和导入的文件等，可以将所选类别显示为场景或原件定义(或两者并存)，并且可以展开或者折叠导航树。,21,6.7.1 打开影片浏览器,【影片浏览器】面板是Flash CS6提供的一个功能强大的工具。它将一个Fla
10、sh文件组织成一张树型关系图，在图中可以找到该文件中的每一个元素。使用影片浏览器，可以很方便地熟悉Flash文件中的每一个对象、每一帧之间的位置关系，以及对象与对象之间的组织关系。另外，影片浏览器还包括各个对象的属性及其包含的Actions等。对于大型的Flash程序，影片浏览器是一个相当方便的工具。 可以通过选择【窗口】|【影片浏览器】菜单命令或者按Alt+F3组合键，打开【影片浏览器】面板，如图6-44所示。,22,6.7.2 影片浏览器中的工具,在【影片浏览器】面板上有一排按钮，它们分别对应打开或关闭以下对象，从而决定在影片浏览器中是否显示它们。 【显示文本】按钮：用于显示文本。 【显示
11、按钮、影片剪辑和图形】按钮：用于显示按钮、影片剪辑和图形。 【显示ActionScript】按钮：用于显示ActionScript。 【显示视频、声音和位图】按钮：用于显示视频、声音和位图。 【显示帧和图层】按钮：用于显示帧和图层。 【自定义要显示的项目】按钮：单击该按钮会弹出【影片浏览器设置】对话框，从中可以自定义要显示的项目。,23,6.7.3 快捷菜单中的各项功能,在【影片浏览器】的树型关系图中右击，会弹出一个快捷菜单，如图6-45所示。,24,6.8 上机实践操作,本范例完成文件：06岩石.fla、山.fla、山与石的绘制过程.fla。 多媒体教学路径：光盘多媒体教学第6章。,25,6
12、.8.1 实例介绍和展示,本实例是运用Flash CS6 软件制作一幅山石风景画。主要运用【钢笔工具】来勾画轮廓，利用【直线工具】来对线段进行调整修改，效果如图6-46所示。,26,6.8.2 勾画石头的轮廓,(1) 新建一个Flash文档后保存文件，在工作区中用【钢笔工具】勾勒出石头的大体轮廓结构，如图6-47所示。 (2) 使用【选择工具】调整线条，进一步刻画细节，如图6-48所示。,27,6.8.3 为石头上色,(1) 上基本色。为石头上色，选择土黄色“#FBEDA2”为高光区颜色，侧光区域使用“#C8B37D”颜色填充，如图6-49所示。背光面(暗面)填充黑色，如图6-50所示。 (2
13、) 上亮部颜色。用绿线画出侧面与顶部的亮面，并填充颜色，如图6-51所示。,28,6.8.3 为石头上色,(3) 刻画细节。用【线条工具】选择绿色画出石头侧面的细节，并描绘不同的颜色来体现质感，如图6-52所示。,29,6.8.4 制作反光效果,(1) 画反光。画出暗面的反光结构线，然后填充为紫色“#594348”，如图6-53所示。 (2) 删除绿线，得到石头最后效果，如图6-54所示。,30,6.8.5 勾画山和云的轮廓,(1) 用【线条工具】绘制出远近山脉的大体轮廓，使用【铅笔工具】绘制天空白云的大体轮廓，如图6-55所示。 (2) 用【线条工具】完善细节，把线条调整得更圆滑些，注意线条
14、的变化，如图6-56所示。,31,6.8.6 上色,(1) 为画面上基本色，注意天空为渐变色，选择【颜料桶工具】，在弹出的混色器中选择渐变颜色，如图6-57所示。 (2) 在颜色渐变中由颜色“#0293CA”、“#3399cc”渐变到“#c0dcc0”，如图6-58所示。 (3) 选择【颜料桶工具】，在天空区域按住鼠标左键不放，由上至下拖曳鼠标，形成渐变的天空效果，如图6-59所示。,32,6.8.6 上色,(4) 上亮部颜色。用绿色画出云和山的亮面，填充稍亮的颜色，如图6-60所示。 (5) 删除绿色线的线条，山的立体感得到了体现，如图6-61所示。 (6) 上暗部颜色。在山脉上画出明暗交接线，并上暗部颜色，如图6-62所示。 (7) 删除绿线后，把之前绘制的岩石放置在合适的位置后得到最终效果，如图6-63所示。至此，“山石风景”的范例就制作完成了。,33,6.9 操 作 练 习,通过此练习，使读者熟练运用并且了解【钢笔工具】的实际应用方法和技巧。利用【矩形工具】、【钢笔工具】和【颜料桶工具】手绘不同颜色的眼镜。效果如图6-64所示。,
