利用基本工具绘制图形

1、利用基本工具绘制图形 FLASHFLASH 利用基本工具绘制图形 教学目标教学目标： 1 1、知道矢量图和位图的概念以及它们、知道矢量图和位图的概念以及它们 之间的区别之间的区别 2 2、熟练掌握线条工具、钢笔工具、铅笔工、熟练掌握线条工具、钢笔工具、铅笔工 具、具、椭圆工具和矩形工具椭圆工具和矩形工具的使用方法和技巧的使用方法和技巧 利用基本工具绘制图形 （一）、矢量图和位图（一）、矢量图和位图 在计算机绘图领域中，根据成图原理和绘制方法在计算机绘图领域中，根据成图原理和绘制方法 的不同，分为矢量图和位图两种类型。的不同，分为矢量图和位图两种类型。 矢量图形是由一个个单独的点构成的，每一个点

2、都矢量图形是由一个个单独的点构成的，每一个点都 有其各自的属性，如位置、颜色等。因此，矢量图与分有其各自的属性，如位置、颜色等。因此，矢量图与分 辨率无关，辨率无关，对矢量图进行缩放时，图形对象仍保持原有对矢量图进行缩放时，图形对象仍保持原有 的清晰度和光滑度，不会发生任何偏差的清晰度和光滑度，不会发生任何偏差，如图所示，如图所示 是放大了是放大了1616倍的矢量图效果。倍的矢量图效果。 利用基本工具绘制图形 矢量图放大到16倍时依然清晰 利用基本工具绘制图形 位图图像是由象素点构成的，象素点的多少将决定位图图像是由象素点构成的，象素点的多少将决定 位图图像的显示质量和文件大小，位图图像的分辨

3、率位图图像的显示质量和文件大小，位图图像的分辨率 越高，其显示越清晰，文件所占的空间也就越大。越高，其显示越清晰，文件所占的空间也就越大。 因此，因此，位图图像的清晰度与分辨率有关。对位图图位图图像的清晰度与分辨率有关。对位图图 像进行放大时，放大的只是象素点，位图图像的四周像进行放大时，放大的只是象素点，位图图像的四周 会出现锯齿状。会出现锯齿状。如图所示是放大了如图所示是放大了1616倍的位图效果。倍的位图效果。 位图放大位图放大16倍时模糊不清倍时模糊不清 利用基本工具绘制图形 在在FlashFlash动画制作过程中，会大量的运动画制作过程中，会大量的运 用到矢量图形，运用用到矢量图形，

4、运用FlashFlash自身的矢量自身的矢量 绘图功能将会很方便，快捷。绘图功能将会很方便，快捷。 在这一章里，我们将通过在这一章里，我们将通过FLASHFLASH基基 本绘图工具的学习，绘制出一些简单的本绘图工具的学习，绘制出一些简单的 矢量图。矢量图。 利用基本工具绘制图形 （二）、线条工具、钢笔工具和铅笔工具（二）、线条工具、钢笔工具和铅笔工具 线条工具线条工具 【线条工具线条工具】是是FlashFlash中最简单的工具。现在我们就来中最简单的工具。现在我们就来 画一条直线。画一条直线。 鼠标单击鼠标单击【线条工具线条工具】 ，移动鼠标指针到舞台上，在你，移动鼠标指针到舞台上，在你 希望

5、直线开始的地方按住鼠标拖动，到结束点松开鼠标，希望直线开始的地方按住鼠标拖动，到结束点松开鼠标， 一条直线就画好了。一条直线就画好了。 【线条工具线条工具】能画出许多风格各异的线条来。打开能画出许多风格各异的线条来。打开【属性属性】 面板，在其中，我们可以定义直线的颜色、粗细和样式。面板，在其中，我们可以定义直线的颜色、粗细和样式。 利用基本工具绘制图形 在图所示的在图所示的【属性属性】面板中，单击其中的面板中，单击其中的【笔触颜色笔触颜色】按钮按钮 ，会出现一个调色板对话框，同时光标变成滴管状。用滴，会出现一个调色板对话框，同时光标变成滴管状。用滴 管直接拾取颜色或者在文本框里直接输入颜色的

6、管直接拾取颜色或者在文本框里直接输入颜色的1616进制数进制数 值。颜色以值。颜色以# #开头，如开头，如#FFFFFF#FFFFFF，如图所示。，如图所示。 利用基本工具绘制图形 现在来画出各种不同的直线。单击现在来画出各种不同的直线。单击【属性属性】面板中的面板中的【自定义自定义】 按钮，会弹出一个按钮，会弹出一个【笔触样式笔触样式】对话框对话框. . 为了方便观察，我们把粗细定为为了方便观察，我们把粗细定为3 3象素（象素（ptspts），选择不同的线），选择不同的线 型和颜色，来看看我们画出的线条，如图所示。型和颜色，来看看我们画出的线条，如图所示。 利用基本工具绘制图形 如果需要更改

7、这条直线的如果需要更改这条直线的 方向和长短方向和长短 ，怎么办呢？，怎么办呢？ 利用基本工具绘制图形 FlashFlash为我们提供了一个很便捷的工具：为我们提供了一个很便捷的工具：【选择工具选择工具】 【选择工具选择工具】的作用是选择对象、移动对象、改变线条或对象的作用是选择对象、移动对象、改变线条或对象 轮廓的形状。单击选择轮廓的形状。单击选择【选择工具选择工具】，然后移动鼠标指针到直，然后移动鼠标指针到直 线的端点处，指针右下角变成直角状线的端点处，指针右下角变成直角状，这时拖动鼠标可以改变，这时拖动鼠标可以改变 如果鼠标指针移动到线条中任意处，指针右下角会变成弧线状，如果鼠标指针移动

8、到线条中任意处，指针右下角会变成弧线状， 拖动鼠标，可以将直线变成曲线。这是一个很有用处的功能，在拖动鼠标，可以将直线变成曲线。这是一个很有用处的功能，在 我们鼠标绘图还不能随心所欲时，它可以帮助我们画出所需要的我们鼠标绘图还不能随心所欲时，它可以帮助我们画出所需要的 曲线，如图所示。曲线，如图所示。 直线的方向和长短，如图所示。直线的方向和长短，如图所示。 利用基本工具绘制图形 实例：现在我们就来实践一下，练习实例：现在我们就来实践一下，练习 画一片树叶。画一片树叶。 （1 1）打开）打开FALSHFALSH软件，系统会自动建立一个软件，系统会自动建立一个FLASHFLASH文档，文档， 在

9、这里我们不改变文档的属性，直接使用其默认值。在这里我们不改变文档的属性，直接使用其默认值。 利用基本工具绘制图形 （2 2）绘制树叶图形）绘制树叶图形 在在“树叶树叶”图形元件编辑场景中，首先用图形元件编辑场景中，首先用【线条工具线条工具】画一画一 条直线，条直线，【笔触颜色笔触颜色】设置为绿色，如图所示。设置为绿色，如图所示。 然后用然后用【箭头工具箭头工具】将它拉成曲线，如图所示。将它拉成曲线，如图所示。 利用基本工具绘制图形 再用再用【线条工具线条工具】绘制一个直线，用这条直线连接曲线的绘制一个直线，用这条直线连接曲线的 两端点，如图所示。两端点，如图所示。 用用【箭头工具箭头工具】将这

10、条直线也拉成曲线，如图所示。将这条直线也拉成曲线，如图所示。 利用基本工具绘制图形 一片树叶的基本形状已经出来了，现在我们画叶脉，在两端点一片树叶的基本形状已经出来了，现在我们画叶脉，在两端点 间画直线，然后拉成曲线，如图所示。间画直线，然后拉成曲线，如图所示。 再画旁边的细小叶脉，可以全用直线，也可以略加弯曲，再画旁边的细小叶脉，可以全用直线，也可以略加弯曲， 这样，一片简单的树叶就画好了，如图所示。这样，一片简单的树叶就画好了，如图所示。 利用基本工具绘制图形 （3 3）编辑和修改树叶）编辑和修改树叶 你可以执行你可以执行【编辑编辑】| |【撤销撤销】命令撤销前面一步的操作，也可命令撤销前

11、面一步的操作，也可 以选择下面更简单的方法：用以选择下面更简单的方法：用【箭头工具箭头工具】单击你想要删除的单击你想要删除的 直线，这条直线变成网点状，说明它已经被选取，你可以对它直线，这条直线变成网点状，说明它已经被选取，你可以对它 进行各种修改，如图所示。进行各种修改，如图所示。 如果在画树叶的时候出现错误，比如如果在画树叶的时候出现错误，比如 说，画出的叶脉不是你所希望的样子，说，画出的叶脉不是你所希望的样子， 你想删除叶脉，应该怎么操作呢？你想删除叶脉，应该怎么操作呢？ 利用基本工具绘制图形 （4 4）给树叶上色）给树叶上色 接下来我们要给这片树叶填上颜色。在工具箱中看到这个接下来我们

12、要给这片树叶填上颜色。在工具箱中看到这个 【颜色颜色】选项，会出现一个调色板，同时光标变成吸管状，选项，会出现一个调色板，同时光标变成吸管状， 如图所示如图所示 利用基本工具绘制图形 至此，一个树叶图形就绘制好了。至此，一个树叶图形就绘制好了。 利用基本工具绘制图形 2 2、钢笔工具、钢笔工具 用用【钢笔工具钢笔工具】画直线是非常容易的。画直线是非常容易的。 将指针定位在舞台上你想要直线开始的地方单击，在想要将指针定位在舞台上你想要直线开始的地方单击，在想要 直线的第一条线段结束的位置再次进行单击。继续单击可以直线的第一条线段结束的位置再次进行单击。继续单击可以 创建其它的直线线段，如果希望就

13、此结束，双击最后一个点。创建其它的直线线段，如果希望就此结束，双击最后一个点。 创建曲线的要诀：按下鼠标的同时创建曲线的要诀：按下鼠标的同时, ,向你想要绘制曲线段的方向向你想要绘制曲线段的方向 拖动鼠标，然后将指针放在你想要结束曲线段的地方，按下鼠拖动鼠标，然后将指针放在你想要结束曲线段的地方，按下鼠 标按钮，然后朝相反的方向拖动来完成线段。标按钮，然后朝相反的方向拖动来完成线段。 注意：如果觉得这条曲线不满意，我们还可以用部分选取工注意：如果觉得这条曲线不满意，我们还可以用部分选取工 具来进行调整。具来进行调整。 利用基本工具绘制图形 实例：练习画一条波浪线实例：练习画一条波浪线 为了让大

14、家容易理解，先执行为了让大家容易理解，先执行【视图视图】| |【网格网格】| | 【显示网格显示网格】命令，在工作区里出现网格，使我们定点更容易。命令，在工作区里出现网格，使我们定点更容易。 （1 1）、我们在一个网格的顶点上开始按下鼠标，在另一个网格）、我们在一个网格的顶点上开始按下鼠标，在另一个网格 的顶点按下鼠标并拖动鼠标完成一段曲线，如图所示。的顶点按下鼠标并拖动鼠标完成一段曲线，如图所示。 利用基本工具绘制图形 （2 2）、每隔三个网格进行拖放，每次拖放的方向与前次相反。）、每隔三个网格进行拖放，每次拖放的方向与前次相反。 好，一条很有规律的波浪线出现了。好，一条很有规律的波浪线出现

15、了。 利用基本工具绘制图形 可以看到，在画线时鼠标按下的地方出现了一个个节点，可以看到，在画线时鼠标按下的地方出现了一个个节点， 使用部分选取工具单击节点，会出现两个手柄使用部分选取工具单击节点，会出现两个手柄 拖动手柄可以改变曲线的形状。按住拖动手柄可以改变曲线的形状。按住AltAlt键拖动手柄，可以不键拖动手柄，可以不 影响另一个手柄。拖动节点可以改变节点的位置。影响另一个手柄。拖动节点可以改变节点的位置。 利用基本工具绘制图形 3 3、铅笔工具、铅笔工具 【铅笔工具铅笔工具】的颜色、粗细、样式定义和的颜色、粗细、样式定义和【线条工具线条工具】一样，一样， 在它的附属选项里有三种模式在它的

16、附属选项里有三种模式 伸直模式：在伸直模式下画的线条，它把线条转成接近形状伸直模式：在伸直模式下画的线条，它把线条转成接近形状 的直线。的直线。 平滑模式：它把线条转换成接近形状的曲线。平滑模式：它把线条转换成接近形状的曲线。 墨水模式：不加修饰，完全保持鼠标轨迹的形状。墨水模式：不加修饰，完全保持鼠标轨迹的形状。 利用基本工具绘制图形 下面是三种模式所画的线条。下面是三种模式所画的线条。 【铅笔工具铅笔工具】的使用很简单，大家自己随意练习。的使用很简单，大家自己随意练习。 【铅笔工具铅笔工具】虽有这三种模式，但是要用它直接绘画，可得看虽有这三种模式，但是要用它直接绘画，可得看 你对鼠标的驯服

17、度了。要是你的鼠标不太听话，最好还是多使你对鼠标的驯服度了。要是你的鼠标不太听话，最好还是多使 用用【线条工具线条工具】和和【钢笔工具钢笔工具】吧。吧。 利用基本工具绘制图形 通过以上学习，我们已经知道了利通过以上学习，我们已经知道了利 用线条工具可以画出树叶，而利用用线条工具可以画出树叶，而利用 钢笔工具呢，则可以画出有规律的钢笔工具呢，则可以画出有规律的 曲线等等，只要多去实践，熟练运曲线等等，只要多去实践，熟练运 用后我们用这些工具还可以画出更用后我们用这些工具还可以画出更 多的图形来。那么，接下来我们要多的图形来。那么，接下来我们要 学习的椭圆工具和矩形工具，又可学习的椭圆工具和矩形工

18、具，又可 以画出什么样的图形来呢？以画出什么样的图形来呢？ 利用基本工具绘制图形 4 4、椭圆工具和矩形工具、椭圆工具和矩形工具 在舞台上拖动在舞台上拖动【椭圆工具椭圆工具】可以画出椭圆和圆形，拖动可以画出椭圆和圆形，拖动 【矩形工具矩形工具】可以让你创建方角或圆角的矩形。在可以让你创建方角或圆角的矩形。在【属性属性】 面板里可以设定填充的颜色及外框笔触的颜色、粗细和样式，面板里可以设定填充的颜色及外框笔触的颜色、粗细和样式， 和和【直线工具直线工具】的属性设置一样。的属性设置一样。 现在我们来试试。单击现在我们来试试。单击【椭圆工具椭圆工具】，在，在【属性属性】面板面板 里，将里，将【笔触颜

19、色笔触颜色】改为红色，改为红色，【粗细粗细】为为5 5象素，象素，【笔触样笔触样 式式】为圆点，为圆点，【填充颜色填充颜色】为黄色，在舞台上拖动鼠标。为黄色，在舞台上拖动鼠标。 试试用同样的方法画矩形。试试用同样的方法画矩形。 利用基本工具绘制图形 如何画圆形和正方形呢？如何画圆形和正方形呢？ 注意：按住注意：按住ShiftShift键拖动时可以将形状限制为圆形和正方形。键拖动时可以将形状限制为圆形和正方形。 利用基本工具绘制图形 利用利用【矩形工具矩形工具】还可以绘制圆角的矩形。还可以绘制圆角的矩形。【矩形工具矩形工具】中中 “圆角矩形圆角矩形”的角度可以这样设定：单击工具栏下边的的角度可以这样设定：单击工具栏下边的【圆角圆角 矩形半径矩形半径】按钮，弹出按钮，弹出【矩形设置矩形设置】对话框。对话框。 在其中的在其中的【边角半径边角半径】中填入数值，使矩形的边角呈圆弧状。中填入数值，使矩形的边角呈圆弧状。 如果值为零，则创建的是方角。如果值为零，则创建的是方角。 利用基本工具绘制图形 实例实例: :画一座房子画一座房子 学习了基本工具的用法，还需要灵活的运用才能制作出学习了基本工具的用法，还需要灵活的运用才能制作出 好图形来。我们来画一座简单的小房子，体验一下创作好图形来。我们来画一座简单的小