Flash课件,第二章.

第2章绘图工具与填充工具的使用Flash绘图的基本知识绘制和调整线条绘制几何图形使用钢笔工具组精确绘制直线段和曲线使用“刷子工具”绘制填充色使用“颜料桶工具”填充颜色使用“渐变变形工具”调整渐变色使用“墨水瓶工具”修改轮廓线使用“滴管工具”采样对象属性教学课时：第十一、十二课时教学内容：Flash绘图的基本知识教学重点：了解位图和矢量图Flash的两种绘图模式教学难点：对象绘制模式位图和矢量图教学模式：第一课时：多媒体演示第二课时：上机操作教学过程：2.1Flash绘图的基本知识2.1.1了解位图和矢量图1．位图位图也称为点阵图，它是由一个个像素点按照特定的顺序排列组成的，在缩放图像时，实际上改变的是像素点的大小而不是像素点的数量，这样就会造成失真现象（即马赛克）。位图放大后会产生马赛克2．矢量图矢量图主要是用诸如Flash、Illustrator、CorelDRAW等矢量绘图软件绘制得到的。矢量图形记录的是图形的几何形状、线条粗细和色彩等，具有占用存储空间小、无论放大还是缩小都依然清晰的优点。矢量图形缩放后不会失真在Flash中绘制的图形属于矢量图形，它是Flash动画的最主要组成元素，由轮廓线和填充两部分组成，也可以只有轮廓线没有填充，或只有填充没有轮廓线。由填充和轮廓线组成由轮廓线组成由填充组成2.1.2Flash的两种绘图模式1.合并绘制模式合并绘制模式是Flash默认的绘图模式（本书中，若无特别说明，都是在合并模式下绘制图形），在该模式下绘制的图形是分散的，我们可以单独选中图形的某部分轮廓线或填充进行编辑，从而更加方便调整对象的形状。此外，如果两个图形之间有交接，后绘制的图形会覆盖先绘制的图形，此时移动后绘制的图形会改变先绘制的图形。在合并绘制模式下绘图2．对象绘制模式选中绘图工具后单击工具箱选项区的“对象绘制”按钮，可在对象绘制模式下绘图，在该模式下绘制出的图形会自动组合成一个整体对象，这样两个图形叠加时可以互不影响。对象绘制模式下绘制的图形在Flash中绘制图形的常见流程如下。（1）想好所要绘制的图形形状，或者使用笔在纸上绘制出图形的草图。（2）使用“线条工具”、“铅笔工具”、“钢笔工具”、“椭圆工具”、“矩形工具”等绘制出图形的大致轮廓线。（3）使用“选择工具”或“部分选取工具”等调整轮廓线形状。（4）使用“颜料桶工具”为图形的不同区域上色。（5）再次对图形的细微处进行调整。教学课时：第十三、十四课时教学内容：绘制和调整线条教学重点：线条工具”的使用使用“选择工具”调整线条教学难点：“铅笔工具”的使用教学模式：第一课时：多媒体演示第二课时：上机操作教学过程：2.2绘制和调整线条2.2.1“线条工具”的使用使用“线条工具”可以绘制不同角度的直线线段，并且还可以通过“属性”面板设置线条的颜色、粗细和样式等属性。“线条工具”的“属性”面板设置线条颜色1.单击“工具箱”中的“线条工具”将其选中（或者按快捷键【N】），然后打开“属性”面板。2.单击“属性”面板中的“笔触颜色”按钮，然后在弹出的“拾色器”对话框中选择需要的颜色，可设置线条的颜色，本例保持默认的黑色。设置线条宽度设置线条的样式3.在“属性”面板的“笔触高度”编辑框中输入0.1至200之间的数字，可改变线条的粗细，本例保持默认的宽度“1”。4.单击“属性”面板中的“笔触样式”按钮或其右侧的下拉按钮，可在打开的下拉列表中选择线条的样式，本例保持默认的“实线”选项。自定义笔触样式在舞台上绘制直线线段5.单击“属性”面板中的“自定义…”按钮，在打开的“笔触样式”对话框中，可对选择的线条类型进行进一步的详细调整。6.设置好“线条工具”的属性后将光标移动到舞台上，然后按住鼠标左键不放并拖动，松开鼠标后即可绘制一条直线线段;若在拖动鼠标的同时按住【Shift】键，可绘制水平或垂直的线段。2.2.2“铅笔工具”的使用“铅笔工具”的“属性”面板利用“铅笔工具”可以在舞台上模仿用笔在纸上绘制图形的效果，并且通过设置绘图模式，可以绘制不同风格的的线条。1.单击“工具箱”中的“铅笔工具”将其选中（或者按快捷键【Y】），会发现“铅笔工具”与“线条工具”的“属性”面板大同小异，本例中保持默认选项不变。设置绘图模式绘制曲线2.单击“工具箱”选项区的“铅笔模式”按钮，可在打开的下拉菜单中选择绘图模式，本例选择“平滑”模式。3.设置好“铅笔工具”的属性并选择绘图模式后，将光标移动到舞台中，按住鼠标左键不放并拖动，松开鼠标后，便会沿拖动轨迹生成线条。2.2.3使用“选择工具”调整线条——制作桃心利用“选择工具”可以方便地将线条或图形调整为动画需要的形状，例如将直线调成曲线、改变曲线的弧度、改变线条节点位置等。绘制三角形调整线段弧度1.新建一个Flash文档，然后选择“线条工具”，将“笔触颜色”设为红色（#CC0000）、“笔触高度”设为“3”、“笔触样式”设为“实线”，然后在舞台中绘制一个三角形。2.单击“工具箱”中的“选择工具”将其选中（或者按快捷键【V】），然后将光标移动到三角形右侧的边线上，当光标呈形状时，按住鼠标左键不放并拖动，可调整线段弧度。调整左侧和上方线段的弧度为线段添加节点3.参照步骤2的操作，调整三角形左侧和上方线段的弧度。4.将光标移动到上方线段的中间位置，然后在按住【Ctrl】键的同时按住鼠标左键不放并向下拖动，此时光标呈形状并会在线段中间添加一个节点。调整线段端点位置5.选择“选择工具”后，将光标移动到线段的端点位置，当光标呈形状时，按住鼠标左键不放并拖动，可改变线段的端点位置。综合实例1——山间凉亭山间凉亭首先利用“铅笔工具”绘制山坡，然后使用“线条工具”和“选择工具”绘制凉亭，最后再使用“铅笔工具”绘制远山和云彩。教学课时：第十五、十六课时教学内容：绘制几何图形教学重点：“矩形工具”的使用“基本矩形工具”的使用教学难点：“基本矩形工具”的使用“基本椭圆工具”的使用教学模式：第一课时：多媒体演示第二课时：上机操作教学过程：2.3绘制几何图形2.3.1“矩形工具”的使用利用“矩形工具”可以绘制不同边线、不同颜色的矩形、正方形和圆角矩形。“矩形工具”的“属性”面板1.单击“工具箱”中的“矩形工具”将其选中（或者按快捷键【R】），然后打开“属性”面板，可以看到其“属性”面板比“线条工具”的多了一个“填充颜色”按钮和一个“矩形边角半径”编辑框。设置“矩形工具”的填充颜色设置圆角矩形的边角半径2.单击“填充颜色”按钮可在打开的“拾色器”对话框中设置“矩形工具”的填充颜色。3.在“矩形边角半径”编辑框中输入数值，可设置圆角矩形的边角半径。绘制矩形和正方形4.设置好“矩形工具”的属性后，将光标移动到舞台中，按住鼠标左键不放并拖动，松开鼠标后即可绘制一个矩形；若在拖动鼠标的同时按住【Shift】键，则可以绘制正方形。2.3.2“基本矩形工具”的使用“基本矩形工具”的使用方法与“矩形工具”基本一样，所不同的是用“基本矩形工具”绘制的是对象图形，并且可通过使用“选择工具”拖动矩形边角上的节点，改变圆角矩形的弧度。选择“基本矩形工具”改变圆角矩形的弧度2.3.3“基本矩形工具”的使用“椭圆工具”的使用方法与“矩形工具”完全一样，利用它可以绘制出正圆和椭圆图形。“椭圆工具”的“属性”面板绘制椭圆形和正圆1.按住“工具箱”中的“矩形工具”不放，然后在打开的工具列表中选择“椭圆工具”，打开“属性”面板，可以看到“椭圆工具”的“属性”面板比“矩形工具”的多了“起始角度”、“结束角度”、“内径”选项以及“闭合路径”复选框。2.若不对“起始角度”、“结束角度”、“内径”选项以及“闭合路径”复选框进行设置，在舞台中按住鼠标左键不放并拖动，可绘制椭圆形，在拖动鼠标的同时按住【Shift】键，可绘制正圆形。绘制扇形和弧线绘制带有空心圆的椭圆和扇形3.在“椭圆工具”“属性”面板中的“起始角度”和“结束角度”编辑框中输入起始角度和结束角度，可以绘制扇形；如果取消勾选“闭合路径”复选框，那么绘制出来的就是弧线。4.如果在“内径”对话框中输入正值，并勾选“闭合路径”选项，则可以绘制带有空心圆的椭圆或扇形。2.3.4“基本椭圆工具”的使用“基本椭圆工具”的使用方法与“椭圆工具”基本一样，所不同的是用“基本椭圆工具”绘制的是对象图形，并且通过使用“选择工具”拖动椭圆外围的节点，可以改变起始角度和结束角度；使用“选择工具”拖动椭圆内部的节点，可改变内径的数值。拖动椭圆外围的节点拖动椭圆内部的节点2.3.5“多角星形工具”的使用利用“多角星形工具”可以绘制多边形和星形。“多角星形工具”的“属性”面板“工具设置”对话框1.按住“工具箱”中的“矩形工具”不放，然后在打开的工具列表中选择“多角星形工具”，打开“属性”面板，可以看到“多角星形工具”的“属性”面板与“矩形工具”的相似。2.单击“属性”面板中的“选项”按钮，在打开的“工具设置”对话框的“样式”下拉列表中可选择绘制星形还是多边形，在“边数”编辑框中可设置星形或多边形的边数，在“星形顶点大小”编辑框中可设置星形的顶点大小。绘制多边形和星形3.设置好“多角星形工具”的属性后，将光标移动到舞台中按住鼠标左键不放并拖动，即可绘制多边形或星形。综合实例2——绘制小汽车小汽车首先利用“矩形工具”绘制车身的轮廓，然后使用“选择工具”进行调整，并利用“线条工具”绘制车身的细部，再使用“椭圆工具”绘制轮胎和车灯，最后使用“多角星形工具”和“矩形工具”绘制汽车标志。教学课时：第十七、十八课时教学内容：使用钢笔工具组精确绘制直线段和曲线教学重点：“钢笔工具”的使用“添加锚点工具”和“删除锚点工具”的使用教学难点：绘制松树和水珠教学模式：第一课时：多媒体演示第二课时：上机操作教学过程：2.4使用钢笔工具组精确绘制直线段和曲线2.4.1“钢笔工具”的使用——绘制松树和水珠使用“钢笔工具”可以绘制平滑的直线路径、曲线路径和封闭路径。“钢笔工具”的“属性”面板确定起始描点1.单击“工具箱”中的“钢笔工具”将其选中（或者按快捷键【P】），然后打开“属性”面板，会发现它与“线条工具”的“属性”面板完全一样。2.将光标移动到舞台上的适当位置并单击，确定起始锚点，锚点在舞台上表现为一个圆圈。创建直线路径创建封闭路径将路径转换为线条3.将光标移动到舞台的另一处，单击创建第二个描点，此时在起始锚点和第二个锚点之间会出现一条线段，我们称其为路径。4.继续在其他位置单击，创建锚点，最后将光标移动到起始锚点处，光标会呈形状，此时单击可创建封闭路径。5.路径绘制完成后，在工具箱中选择除钢笔工具组和“部分选取工具”以外的任意工具，即可根据“属性”面板中的设置将路径转换为线条。创建曲线锚点创建曲线封闭路径将路径转换为线条6.选择“钢笔工具”后，在舞台上单击确定起点，然后在另一处按住鼠标左键不放并拖动，可拖出一个调节杆，继续按住鼠标向任意方向拖动调节杆，可调整曲线弧度，对曲线弧度满意后，释放鼠标左键即可创建一个曲线锚点。7.将光标移动到起始锚点处，然后单击创建封闭路径，可以看到由于前一个锚点是曲线锚点，所以此时的路径不是直线而是根据上一个曲线锚点调节杆形成的弧线。8.选择除钢笔工具组和“部分选取工具”以外的任意工具，将路径转换为线条，可以看到，调节杆并不会转换为线条。2.4.2“部分选取工具”的使用利用“部分选取工具”，不但可以将用其他绘图工具绘制的线条转换为路径，还可以方便地移动锚点位置和调整曲线路径的弧度。单击显示图形线条的锚点移动锚点2.将光标移动到锚点上，然后按住鼠标左键并拖动，可移动锚点位置。1.在“工具箱”中单击选中“部分选取工具”（或按快捷键【A】），然后将光标移到用其他工具绘制的图形上并单击，可将该图形的线条转换为路径。将直线锚点转换为曲线锚点单独调整一边的调节杆3.将光标分别移动到曲线锚点的调节杆端点上，然后按住鼠标左键并拖动，可调整曲线的形状。4.若在拖动的同时按住【Alt】键，可将调节杆转换成两个独立的调节杆，此时拖动一侧的调节杆时，另一侧的调节杆不受影响。2.4.3