标准中文版Flash MX基础培训教程第2章.ppt

《标准中文版Flash MX基础培训教程第2章.ppt》由会员分享，可在线阅读，更多相关《标准中文版Flash MX基础培训教程第2章.ppt（74页珍藏版）》请在三一办公上搜索。

1、第2章 创建矢量图形,本章要点直线工具 椭圆工具 部分选取工具,本章逻辑结构,2.1 直线工具 2.1.1 设置笔触颜色 2.1.2 设置笔触高度 2.1.3 设置笔触样式 2.2 铅笔工具 2.3 椭圆工具 2.3.1 设置笔触颜色,2.3.2 设置笔触样式 2.3.3 使用椭圆工具绘制图形 2.4 矩形工具 2.5 画笔工具 2.5.1 画笔工具属性面板 2.5.2 用画笔绘制图形,2.6 文本工具 2.6.1 文本的输入 2.6.2 文本格式的设置 2.7 钢笔工具与部分选取工具 2.7.1 钢笔工具 2.7.2 部分选取工具,2.1 直线工具,使用方法：用鼠标从工具箱中单击【直线工具】

2、，然后将鼠标移到舞台中，按下鼠标左键并从起点拖动到终点，此时会随鼠标的移动出现一条直线，如图所示。,在工具箱中选择了【直线工具】后，其属性面板如图所示，可在里面设置直线相关属性。,设置笔触颜色,单击直线工具栏中的【笔触颜色（Stroke Color）】按钮，可以打开颜色面板，如图所示。,只要将鼠标移动到颜色面板中，当鼠标变成吸管状时，单击即可将其设置为笔触颜色，如图所示。,设置笔触高度,在直线工具属性面板的【笔触高度（Stroke Height）】框中输入一个数值。另外，单击该框的下拉按钮，会弹出一个滑动条，当拖动滑动条上的滑块时，数字输入框会显示与当前滑块位置一致的数值，如图所示。,设置笔触

3、样式,在【直线工具】的属性面板中，单击【笔触样式（Stroke Style）】下拉按钮，会弹出如图所示笔触样式列表框架。,单击其右侧的【自定（Custom）】按钮可自定义需要的样式。单击此按钮将打开【线型（Stroke Style）】对话框，如图所示。,在【线型】对话框中，各选项的功能如下所述：【4倍缩放（Zoom 4）】：【粗细（Thickness）】：【锐化转角（Sharp Corners）】：【类型（Type）】：,设置完成后，单击【确定（OK）】按钮，即可在【直线工具】属性面板中显示刚才设置的笔触样式，如图所示。,2.2 铅笔工具,作用：用于绘制线条，【铅笔工具】绘制的线条可以是直线，

4、也可以是曲线。用鼠标单击工具箱中的【铅笔工具】后，其属性面板如图所示。,单击【铅笔工具（Pencil Mode）】按钮，会弹出三个属性设置选项，如图所示。,【铅笔模式】中的三个属性的功能：【伸直（Straighten）】：【平滑（Smooth）】：【墨水（Ink）】：,2.3 椭圆工具,要想绘制椭圆，需要先设置椭圆的笔触颜色、填充色、笔触样式及笔触高度。,设置笔触颜色,从工具箱中选择【椭圆工具】，颜色区中的【笔触颜色】和【填充颜色（Fill Stroke Color）】两个按钮分别用于设置椭圆的笔触颜色和填充颜色，如图所示。,一、设置笔触颜色 单击【笔触颜色】按钮，会打开笔触颜色面板，如图所示

5、。移动鼠标即可从该面板中选择需要的颜色。,设置笔触无色有两种方法：1、从上图所示的颜色面板中选择右上角的【无颜色（No Color）】按钮。2、先选择工具箱颜色区中的【笔触颜色】按 钮，然后单击其下方的【无颜色】按 钮。,二、设置填充颜色 单击【填充颜色】按钮，会打开填充颜色面板，如图所示。用鼠标从面板的中间色块区中选择一种合适的颜色即可设置为所画椭圆的填充颜色。,绘制空心椭圆的方法：用鼠标选择该面板右上角的【无颜色】按钮（或是在选择了工具箱中的【填充颜色】按钮 后，再单击其下方的【无颜色】按钮）即可。,设置笔触样式,椭圆边界线的样式可以通过【椭圆工具】的属性面板来设置。当从工具箱中选择了【椭

6、圆工具】后，它的属性面板如图所示。,该属性面板中的各选项功能：笔触颜色：填充颜色：笔触高度：笔触样式：自定笔触样式：,使用椭圆工具绘制图形,按前面介绍过的方法设置好笔触样式、笔触颜色及填充颜色后，在起点处按下鼠标左键并拖动到终点，即可绘制出一个椭圆。如图所示是几个设置了不同颜色、笔触样式后的椭圆。,2.4 矩形工具,当从工具箱中选择了【矩形工具】后，其工具属性面板如图所示。,【圆角矩形半径（Round Rectangle Radius）】按钮 的设置：该按钮可用于设置矩形4个角的圆角半径。单击该按钮，可以打开【矩形设置（Rectangle Settings）】对话框，如图所示。,如图所示，其中

7、的三个图形分别是设置了不同的圆角半径的矩形效果。,2.5 画笔工具,与用铅笔画出的效果区别：用【画笔工具】绘制的线条的颜色是通过【填充颜色】按钮设置的，而【铅笔工具】绘制的线条的颜色则是通过【笔触颜色】按钮设置的。,画笔工具属性面板,单击工具箱中的【画笔工具】，其属性面板如图所示。,当选择了【画笔工具】后，工具箱下方的选项区如图所示，其中有4个选项，用于设置画笔的不同属性。,一、画笔模式 单击【画笔模式】按钮，会弹出如图所示的选项菜单。,上图各选项的设置：标准绘图（Paint Normal）：颜料填充（Paint Fills）：后面绘画（Paint Behind）：颜料选择（Paint Sel

8、ection）：内部绘画（Paint Inside）：,二、画笔尺寸 单击【画笔大小】按钮，会弹出如图所示的选项菜单，其中提供了10种尺寸。,三、画笔形状 单击【画笔形状】按钮，会弹出如图所示的选项菜单，提供了9种画笔形状。,四、锁定填充【锁定填充（Lock Fill）】按钮只对渐变色或位图填充起作用，该按钮可用于对渐变填充色或位图填充的区域进行锁定。不锁定方式：锁定方式：,用画笔绘制图形,画笔绘制图形的方法，具体步骤如下所述：1、从工具箱中选择【画笔工具】。2、在工具箱底部的选项区中选择画笔模式、画笔尺寸和画笔形状。,3、单击工具箱中的【填充颜色】按钮 或 属性面板中的【填充颜色】按钮，设置

9、画 颜色。4、在工作区中拖动画笔，就可以绘制图形。,2.6 文本工具,在Flash中，使用工具箱中的【文本工具（Tet Tool）】可以在舞台中输入各种格式和版式的文字，可以设置字体、字号、颜色、横排或竖排文字等等。,文本的输入,在Flash中输入文字，如果所有格式及版式均使用默认设置，一般方法如下：1、从工具箱中选择【文本工具】，然后将输 入法切换为需要的输入法。,2、在舞台上单击鼠标，出现文本输入框，如下图 左图所示，这种文本输入框其右上角有一个小 圆圈，表示单行文本框，不会自动换行，如图 下图右图所示，按回车键可换行。,3、当输入文字较多时，可在舞台上拖动鼠标，会 随鼠标的移动出现一个虚

10、线框，如图下图左图 所示，释放鼠标后即可出现一个多行的文本输 入框，可限制每行输入的字符数，当输入的文 字多于一行时会自动换行，不用每次按回车键。,文本格式的设置,在Flash中，要设置文字的格式，需要在【文本工具】的属性面板中进行。其属性面板如图所示。,一、设置文本类型 单击属性面板中的【文本类型（Tet Type）】下拉按钮，打开其下拉列表，如图所示。,其中的三个选项的功能如下所述：静态文本（Static Tet）：动态文本（Dynamic Tet）：输入文本（Input Tet）：,二、设置输入文本的格式设置文本模式的选项有多个，下面分别介绍：设置字体：设置字号：设置文字颜色：设置字间距

11、：,设置文字位置：文字风格：文字版式：设置对齐方式：设置字符是否自动调整字距：设置字符的段落格式：展开字符属性面板：,2.7 钢笔工具与部分选取工具,【钢笔工具】与前面各种图形绘制工具最大的区别在于：用【钢笔工具】绘制出的图形可以随时调整其形状（直线的角度、长度，曲线的弧度），而其他绘图工具则不具备该功能。,钢笔工具,使用【钢笔工具】绘出的图形包括线条和填充区域两部分，线条的宽度、颜色及填充区的颜色设置在其属性面板中设置。其属性面板与【椭圆工具】的属性面板的选项完全一样，而且设置方法也完全一样。,几个有关概念的介绍：路径：锚点：,钢笔工具的使用方法：1、从工具箱中选择【钢笔工具】，将鼠标移到

12、工作区中。2、在【钢笔工具】的属性面板中，设置线条的 颜色、线型及填充颜色，本例设置的参数如 图所示。,3、在工作区中单击鼠标，出现一个蓝色的小圆 圈，创建第一个锚点。4、接下来在第二个位置单击鼠标，定位第二个 锚点，此时在两个锚点之间出现一条直线，如图所示。释放鼠标后，该线条会显示为所 设置的颜色。,5、当需要绘制曲线时，选中一个锚点，按住鼠标 左键并拖动，此时会出现蓝色的控制柄，如图 所示。控制柄总会保持与曲线相切，旋转控制 柄可以改变曲线的角度（在旋转控制柄时按住【Shift】键，可以让控制柄保持水平、垂直或 45度倾斜）。,6、根据需要在舞台上绘制路径，路径上的角点 与曲线点如图所示。

13、,7、用上面介绍的方法可以根据需要来绘制直线、曲线或直线与曲线混合的线条，当最后的锚点 与前面的某锚点重合后，即可组成一个封闭区 域，其中以【填充颜色】中设置的颜色填充，如图所示。,选择【钢笔工具】后，将鼠标移动到已有路径上，鼠标指针在不同位置会显示不同形状：当钢笔经过舞台时，显示为一个钢笔形状并且在其右下角有一个“”标志。当钢笔在路径上时，显示为一个钢笔形状并且带有一个“+”标志，表示在此单击可以在路径上添加一个锚点。,上的曲线点时，会显示一个钢笔形状并且带有一个“”符号，此状态表示单击该点可以将其变为角点。当钢笔经过角点时，显示的是一个钢笔形状并且在其右下角有一个“-”符号，此状态表示单击

14、此处将删除该角点。当钢笔经过路径的端点时，显示为一个钢笔形状并且带有一个空心圆圈，此时表示这是一个端点，单击此点将继续延长该路径，或绘制闭合的路径。,部分选取工具,【部分选取工具】的使用方法：绘制一个空心路径，如图所示。结合【部分选取工具】将其调整为一个由光滑曲线组成的图形：,1、移动锚点。用鼠标单击需要移动的锚点将其选 中。然后按住鼠标拖动该锚点即可移动其位 置，如图所示。按同样的方法，移动该路径上 其他锚点的位置。,2、删除锚点。用【部分选取工具】将其选中，然 后按【Delete】键即可将其删除。图所示是将 不需要的锚点删除后的效果。,3、调整曲线形状。单击曲线点，会出现与曲线 正切的调整

15、柄，用鼠标拖动调整柄，即可修 改曲线形状，如图所示。,4、将直线变为曲线。按住【Alt】键再单击该角 点，即可将其变为曲线点。然后用鼠标单击 该曲线点，其上会出现调整柄，拖动调整柄 即可将直线变为曲线，如图所示。,5、添加锚点。从工具箱中选择【钢笔工具】，然 后将鼠标移到曲线上需要添加锚点的位置，此 时的鼠标指针如图所示，单击鼠标即可添加一 个锚点。,6、按前面介绍的方法调整曲线的形状。最后完 成的路径如图所示。,习题（二）,选择题 1、【铅笔工具】的三种模式是（）。A.伸直：当绘制的图形接近椭圆形时，Flash将 自动将其转化为一个椭圆 B.平滑（Smooth）：用【铅笔工具】绘制图形 时的

16、轨迹 C.墨水：该模式适用于绘制线条轨迹 D.柔软（Soft）：该模式下的轨迹变浅,ABC,2、修改椭圆的笔触颜色，可以使用（）。A.工具箱中的【笔触颜色】按钮 B.工具箱中的【填充颜色】按钮 C.【椭圆工具】属性面板中的【笔触颜色】按钮 D.【椭圆工具】属性面板中的【填充颜色】按钮,AC,3、使用（）工具绘制的图形可以随时调整 其形状。A.铅笔工具 B.椭圆工具 C.矩形工具 D.钢笔工具,D,4、（）工具经常与【钢笔工具】配合使 用，以调整路径的形状。A.箭头工具 B.部分选取工具 C.直线工具 D.铅笔工具,B,5、当选择（）模式后，用【画笔工具】所绘 制的图形只将已有图形的填充区域覆盖

17、掉，而对线条不起作用。A.正常 B.填充 C.底层 D.选取,B,判断题 1、使用【直线工具】绘制的图形和使用【画笔 工具】绘制的线条是一样的。（）2、如果需要在Flash中输入一般意义上的文字，需要在【文本工具】属性面板中的文本类型 列表中选择【动态文本】选项。（）,3、【锁定填充】按钮只对渐变色或位图填充起 作用，该按钮可用于对渐变填充颜色或位图 填充的区域进行锁定。（）4、在Flash中输入文本时，当输入的文本超过定 义的文本输入框宽度，即输入的文字多于一 行时会自动换行。（）,5、【画笔工具】绘制出的线条图案从外观上看也 是线条，但它与前面介绍过的 用【铅笔工 具】画出的效果不同，用【画笔工具】绘制 线条的颜色是通过【填 充颜色】按钮设置 的，而【铅笔工具】绘制线条的颜色则是通 过【笔触颜色】按钮设置的。（）,实践练习 1、使用铅笔、钢笔、画笔等工具绘制简单的图 形，如图所示。,2、使用钢笔、铅笔工具绘制如图所示的图形。,