利用基本工具绘制图形一.ppt

* FLASH动画制作教程 教学目标： 1、知道矢量图和位图的概念以及它们 之间的区别 2、熟练掌握线条工具、钢笔工具、铅笔工 具、椭圆工具和矩形工具的使用方法和技巧 （一）、矢量图和位图 在计算机绘图领域中，根据成图原理和绘制方法 的不同，分为矢量图和位图两种类型。 矢量图形是由一个个单独的点构成的，每一个点都 有其各自的属性，如位置、颜色等。因此，矢量图与分 辨率无关，对矢量图进行缩放时，图形对象仍保持原有 的清晰度和光滑度，不会发生任何偏差，如图所示 是放大了16倍的矢量图效果。 矢量图放大到16倍时依然清晰 位图图像是由象素点构成的，象素点的多少将决定 位图图像的显示质量和文件大小，位图图像的分辨率 越高，其显示越清晰，文件所占的空间也就越大。 因此，位图图像的清晰度与分辨率有关。对位图图 像进行放大时，放大的只是象素点，位图图像的四周 会出现锯齿状。如图所示是放大了16倍的位图效果。 位图放大16倍时模糊不清 在Flash动画制作过程中，会大量的运用到矢量图形，运用Flash自身的矢量绘图功能将会很方便，快捷。 在这一章里，我们将通过FLASH基本绘图工具的学习，绘制出一些简单的矢量图。 （二）、线条工具、钢笔工具和铅笔工具 线条工具 【线条工具】是Flash中最简单的工具。现在我们就来画一条直线。 鼠标单击【线条工具】 ，移动鼠标指针到舞台上，在你 希望直线开始的地方按住鼠标拖动，到结束点松开鼠标， 一条直线就画好了。 【线条工具】能画出许多风格各异的线条来。打开【属性】 面板，在其中，我们可以定义直线的颜色、粗细和样式。 在图所示的【属性】面板中，单击其中的【笔触颜色】按钮 ，会出现一个调色板对话框，同时光标变成滴管状。用滴 管直接拾取颜色或者在文本框里直接输入颜色的16进制数 值。颜色以#开头，如#FFFFFF，如图所示。 ? 现在来画出各种不同的直线。单击【属性】面板中的【自定义】 按钮，会弹出一个【笔触样式】对话框. 为了方便观察，我们把粗细定为3象素（pts），选择不同的线 型和颜色，来看看我们画出的线条，如图所示。 如果需要更改这条直线的方向和长短 ，怎么办呢？ Flash为我们提供了一个很便捷的工具：【选择工具】 【选择工具】的作用是选择对象、移动对象、改变线条或对象 轮廓的形状。单击选择【选择工具】，然后移动鼠标指针到直 线的端点处，指针右下角变成直角状，这时拖动鼠标可以改变 ? 如果鼠标指针移动到线条中任意处，指针右下角会变成弧线状， 拖动鼠标，可以将直线变成曲线。这是一个很有用处的功能，在 我们鼠标绘图还不能随心所欲时，它可以帮助我们画出所需要的 曲线，如图所示。 直线的方向和长短，如图所示。 实例：现在我们就来实践一下，练习画一片树叶。 （1）打开FALSH软件，系统会自动建立一个FLASH文档， 在这里我们不改变文档的属性，直接使用其默认值。 （2）绘制树叶图形 在“树叶”图形元件编辑场景中，首先用【线条工具】画一 条直线，【笔触颜色】设置为绿色，如图所示。? 然后用【箭头工具】将它拉成曲线，如图所示。 再用【线条工具】绘制一个直线，用这条直线连接曲线的 两端点，如图所示。 用【箭头工具】将这条直线也拉成曲线，如图所示。 一片树叶的基本形状已经出来了，现在我们画叶脉，在两端点 间画直线，然后拉成曲线，如图所示。 ?再画旁边的细小叶脉，可以全用直线，也可以略加弯曲，这样，一片简单的树叶就画好了，如图所示。 （3）编辑和修改树叶 你可以执行【编辑】|【撤销】命令撤销前面一步的操作，也可 以选择下面更简单的方法：用【箭头工具】单击你想要删除的 直线，这条直线变成网点状，说明它已经被选取，你可以对它 进行各种修改，如图所示。 如果在画树叶的时候出现错误，比如说，画出的叶脉不是你所希望的样子， 你想删除叶脉，应该怎么操作呢？ 要移动它，就按住鼠标拖动，要删除它，就直接按DEL键。按住SHIFT键连续单击线条，可以同时选取多个对象。如果要选取全部的线条，是否得按住SHIFT键挨个点击呢？不需要，我们用黑色箭头工具拉出一个选取框来，就可以将其全部选中了，如图2-1-19所示。 ?（4）给树叶上色 接下来我们要给这片树叶填上颜色。在工具箱中看到这个 【颜色】选项，会出现一个调色板，同时光标变成吸管状， 如图所示 图2-1-21 调色板 至此，一个树叶图形就绘制好了。 2、钢笔工具 用【钢笔工具】画直线是非常容易的。 将指针定位在舞台上你想要直线开始的地方单击，在想要 直线的第一条线段结束的位置再次进行单击。继续单击可以 创建其它的直线线段，如果希望就此结束，双击最后一个点。 创建曲线的要诀：按下鼠标的同时