flash 教程第2课.ppt

1、第二课制作矢量图形，在课前领导课上说明上机实战课后练习，说明课前领导、基础知识重点知识提高知识理解知识、基础知识、绘图工具栏上各种工具的功能、意义及各工具的选择方法。 读者必须仔细阅读和理解它们的作用。重要知识、线条工具、铅笔工具、矩形工具、椭圆工具、画笔工具、文本工具等各种图形绘图工具的使用方法和属性设定方法。 读者要仔细阅读有关部分，把上机实战练习和把握结合起来。 提高知识，使用钢笔工具描绘线条和刷子工具的艺术效果。 初学者暂时不学习，有一定的基础才能学习。了解知识和使用图形绘制工具期间根据键盘键所进行的特殊绘制，可为读者所理解。 讲义，画线简单的几何图形画刷工具，艺术效果文字工具的使用，

2、所有的Flash动画师都希望自己的作品能够生动地传达出来，给予美好的乐趣。 事实上，素材不能完全满足动画的要求。 许多Flash动画的动画角色和图像由作者使用绘图工具绘制。 这需要制作者根据需要制作向量图。 为了实现这一点，不仅要求制作者具有强烈的美感，还需要具有熟练的操作技能，熟练地应用Flash提供的绘画工具。 在画线条、线条工具、铅笔工具、矢量图形的绘制中，线条起到重要的作用，不同样式的线条可以给人不同的视觉感觉，线条的粗细、样式、方向都可以给线条提供不同的生命力。 直线可以表现简单、明确、率直、刚毅，曲线可以表现得轻快、柔软、生动。 在Flash MX 2004中，可以使用线条工具、铅

3、笔工具和钢笔工具来绘制线条。 使用线条工具、线条工具绘制线条是最常见、最简单的方法之一，具体操作如下： (1)点击工具栏的按钮。 (2)将鼠标指针移动到载物台上要画直线的位置，鼠标指针就会变成形状。 (3)按住鼠标左键并向任意方向拖动，如图3-3所示。 (4)线的位置和长度满足要求后，如图3-4所示，放开鼠标左键就可以画直线。 按住、图3-3、图3-4、【Shift】键并绘制直线，可以从水平、垂直或水平方向绘制45条线。 用这种方法绘制的鱼骨图形如图35所示。 在图3图5中，点击线条工具后直接绘制的线条属性全部为“黑色、实线、1”，这是系统的默认设定，修改线条颜色、样式、粗细等时，可以在属性面

4、板中设定。 其具体操作如下。 (1)点击绘制工具栏的选择工具，如图3-6所示，选择刚绘制的直线。 图3-6、(2)此时的属性面板如图3-7所示，能够在该面板中设定直线属性。 (3)在“宽度”和“高度”文本框中输入所需的数值，设置线的水平或垂直映射长度。 在图3-7中，如果文本框左侧的按钮是形状，则直线按比例放大或缩小。 也就是说，如果在其中一个文本框中输入值，则另一个文本框中的值将自动按比例放大或缩小。 如果按钮处于解锁状态，则可以任意设定直线的宽度和高度。 (4)在x和y文字方块中输入所需的数值，以设定舞台上线段的位置。 对象在舞台中的位置以舞台的左上角为原点。 也就是说，左上角的原点的坐标

5、是(0，0 )，并且右下角的原点的坐标是(550，400 )。 (5)点击图标，从显示的图3-8所示的颜色列表中点击必要的颜色，可以设定与直线对应的颜色。 在图3-8、(6)中输入数值可以设定直线的粗细，数值越大，线越粗。 也可以直接单击右侧的图标，然后在弹出的滑块中向上或向下拖动滑块。 向上拖动可使直线变粗，向下拖动可使直线变细。(7)点击右边的按钮，可以从显示的图39所示的列表中选择线型。 如果设置直线，则可以看到具体效果，如图3-9、(8)所示。 要设置图3-10、更个性化的线条，请单击“属性”面板上的按钮打开“线条样式”对话框，如图3-11所示。 在此对话框中，可以执行以下操作： 点击

6、、图3-11、右侧的按钮，可以在显示的下拉列表框中选择不同的线型。 如果要将预览比例放大4倍，请选中此复选框。 如果在、和下拉列表框中选择了不同的线条样式，“线条样式”对话框也会有所不同，在“类型”下拉列表框下方将显示用于设置该线条样式特性的选项。 使用铅笔工具、铅笔工具，不仅可以绘制直线，还可以绘制曲线。 单击工具栏上的按钮后，鼠标光标将变为形状，在舞台上按住鼠标左键并自由拖动，可绘制任意的线条或曲线，如图3图12所示。 让我们看一下图3-12、工具栏的可选区域。 其中有一个图标，点击该图标可以看到如图3-13所示的下拉列表。 从此列表中选择其他选项，可以绘制效果完全不同的矢量图形。 介绍了

7、、图3-13、各选项的特征和适用情况。 直线：如果选择此选项，绘制的曲线倾向于比较规则状态。 您可以使用它来绘制比较规则的几何图形，例如圆、矩形和三角形，如图3到14所示。 图3-14、用铅笔工具画线时，按【Shift】键可以画水平方向或垂直方向的线。 平滑：选择此选项可使绘制的线条变得平滑。 使用此选项可以绘制更加柔和生动的图形。 在绘制动画图像时，平滑选项非常有用。 如图所示，应用“平滑”选项绘制的皮卡丘。 墨水：使用此选项绘制的曲线将忠实地反映鼠标光标滑动的路径，就像用钢笔划过的痕迹一样。 使用此选项创建的矢量图如图3图17所示。 图3-17、用铅笔工具画线的设定方法与直线工具相同，所以

8、在此省略说明。 钢笔和钢笔工具是非常大的绘制工具，可以绘制直线、绘制曲线、调整曲线的曲率，使绘制的直线朝所需方向弯曲。 但是，对于初学者来说，钢笔工具也是比较难学习的绘画工具。 用钢笔工具画直线用钢笔工具画直线的具体操作如下。 (1)点击工具栏的按钮，鼠标光标变为形状。 (2)在舞台内的任意位置点击鼠标左键决定直线的起点后，在起点的位置显示小圆。 (3)释放鼠标左键，将鼠标光标移到另一个点击按钮上，直线将自动显示在起点和终点位置，如图3-18所示。 (4)放开鼠标左键，点击舞台内的其他点，则如图3图19所示，绘制其他线。图3-18、图3-19、(5)用同样的方法确定图形的其他点，想要绘制几条线

9、时，将鼠标光标移动到起点位置，成为形状后点击鼠标左键，绘制封闭的图形(图3-20 )。 (6)完成钢笔工具的绘制时，点击其他任意工具即可。 图3-20、用钢笔工具画曲线比用铅笔工具画曲线的好处更大。 因为不仅能画曲线，还能更正确地调整曲线的倾斜度。 用钢笔工具画曲线的具体操作，(1)点击工具栏的按钮，鼠标光标变成形状。 (2)点击舞台内的任意位置，决定曲线的起点。 (3)将鼠标光标移到另一个位置，按住鼠标左键确定曲线的第二个点，然后沿任意方向拖动鼠标，可以看到调整曲线弧度的调整杆，如图3图21所示。(4)如果对曲线弧满意，释放鼠标左键画曲线。图3-21、(5)将鼠标光标移动到其他位置，按住鼠标

10、左键确定曲线的第三点，拖动鼠标，调整控制杆调整曲线弧，释放鼠标左键确定曲线的第三点(图3-22 )。 可以用相同的方法绘制任意曲线，如图3-22、(6)图3-23所示。 如果将曲线的最后一个点放置在现有节点上，则可以绘制封闭图形并自动填充黑色，也可以在“属性”面板中设置其他颜色。 在此设定为蓝色，完成的效果如图3图24所示。 使用图3-23、图3-24、钢笔工具绘制图形时，控制不容易，必须具有一定的耐心，并且必须善于观察。 使用钢笔工具时，滑鼠游标的形状会不断变化，您会发现不同形状的滑鼠游标表示不同的意思。 理解这些鼠标光标的含义有助于绘制图形。 对不同光标的含义进行说明。 当您选取钢笔工具时

11、，滑鼠游标会自动变成形状，表示点会在您按一下时决定。将鼠标光标移动到绘制曲线上没有空白小框(控制柄)的位置，形成形状，单击可添加控制柄。 将鼠标光标悬停在绘制曲线的控制柄上，变为形状，单击可删除控制柄。 将鼠标光标移动到控制滑块上可形成形状，单击可将原始圆弧的控制滑块更改为两条直线的连接点。 常常需要绘制、简单几何体、椭圆工具矩形工具，并在创建Flash动画时自己绘制简单几何体。 实际上，简单的几何可以视为从矩形和椭圆变化。 首先，我们将学习如何绘制矩形和椭圆。 Flash提供了用于绘制简单几何体的矩形和椭圆工具。 其自身的绘制方法并不复杂，但是要绘制生动的图形和动画角色，必须转换组合。 另外

12、，初学者在学习矩形工具和椭圆工具时也要注意区分向量线和向量色块。 可以使用椭圆工具、椭圆工具绘制圆和椭圆。 其画法如下。 单击椭圆工具，在舞台上按住鼠标左键并向任意方向拖动可绘制椭圆。 点击椭圆工具，按住【Shift】键并按住鼠标左键拖动，可绘制正圆。 然后单击“椭圆”工具，单击颜色区域图标，再单击弹出颜色列表中的按钮来绘制椭圆，即可获得没有边框(没有向量线颜色)的椭圆。 单击“椭圆”工具，单击颜色区域图标，然后单击弹出颜色列表中的按钮绘制椭圆，以创建没有填充颜色的椭圆线框。 用、默认设置绘制椭圆，然后单击“选择”工具并在舞台上单击椭圆内部，将显示许多小点，表示椭圆内部已被选中，如图3至图25

13、所示。 在这种情况下，并非选取了整个椭圆。 实际上，椭圆除了内部的颜色块外，还有向量线即边界线。 在椭圆周围单击可显示围绕椭圆的向量线，鼠标光标位于椭圆周围，如图3-26所示。 点击、图3-25、图3-26、选择工具，将鼠标光标移动到椭圆的左上角，按住鼠标左键并拖动到右下角选择整个椭圆，则“属性”面板如图3-27所示。 图3-27，此面板允许执行以下操作： 图标后，可以在弹出颜色列表框中选择向量线的颜色。 中，您可以设定向量线的粗细。 数值越大，线条越粗。 框中，选择“默认值”。 图标，可以在弹出颜色列表中设置矢量颜色块的颜色。 在颜色列表中单击(从白色到黑色的径向渐变)图标的结果，如图3-2

14、8所示。图3-28、矩形工具和矩形工具可用于绘制矩形、正方形、圆角矩形等图形。 其画法如下。单击矩形工具，在舞台上按住鼠标左键并向任意方向拖动可绘制矩形。 点击矩形工具，按住【Shift】键的同时按住鼠标左键拖动，绘制正方形。 然后单击“矩形”工具，单击颜色区域图标，单击弹出颜色列表中的按钮，并绘制矩形，得到没有边框(没有向量线颜色)的矩形。 单击“矩形”工具，单击“颜色区域”图标，然后单击弹出颜色列表中的按钮以绘制矩形，从而创建没有填充颜色的正方形线框。 点击矩形工具，看可选区域，会显示可以绘制圆角矩形的图标。 其具体操作如下。 (1)点击矩形工具，点击图标，打开图3-30所示的矩形设定对话

15、框。 在、图3-30、(2)“拐角半径”文本框中输入圆角的半径。 值的范围为0999，值越大，圆角的弧度越大，反之则越小。 点击(3)按钮，在舞台上按住鼠标左键拖动的话，就会画出圆角的长方形。 “角半径”为“100”和“20”的圆角矩形，如图3-31所示。 图3-31、矩形的属性设定方法与椭圆相同，所以在此省略说明。 图332示出了用矩形形成的立体按钮，并且图333示出了用椭圆工具、直线工具和矩形工具绘制的栅栏。 图3-32，图3-33，画笔工具的艺术效果，画笔工具是制作生动的艺术效果的工具，用它画的图像生动，不灵活，最容易表现艺术效果。 如果单击工具栏中的画笔工具，则工具栏下方的可选区域如图

16、3图34所示。 这包括四个选项，每个选项的作用如下： 图3-34、填充模式：点击此按钮，如图3-35所示，可以在弹出式列表中设置画笔填充模式，确定绘制的图形与原向量图的位置关系。 每个选项的差异将在后面介绍。图3-35、锁定填充：决定渐变的参照标准。 按下按钮后，用画笔涂抹在图像上，该渐变变色以整个舞台为参考基准逐渐变色，如图336所示，如果按钮没有被按下，则用画笔涂抹在图像上，渐变以单一图像为基准，如图3图37所示点击、图3-36、图3-37、画笔大小：按钮，可以在弹出的下拉列表框中设定画笔的大小，如图3-38所示，圆越大画笔越大。 画笔形状：点击按钮，如图3-39所示，可以在弹出的下拉列表框中设定画笔的形状。 下面介绍在不同的印刷模式下产生的效果如何不同。 为了便于读者理解一些刷子图案的效果，接着以黑框、淡黄色的扇子为基础，在不同的刷子图案上画图形，并比较它们的效果，其具体操作如下。 (1)使用椭圆工具、矩形工具、直线工具在舞台上绘制扇子，如图3-40所示，用水色填充扇面的部分。 在“选择工具箱”中选择扇子，按住【Ctrl】键并向右拖动，复制1个扇子，用同样的方法复制5个扇子。 点击图3-40、(2)按钮，从显示的下拉列表中选择“标准绘画”，在第一把