《利用基本工具绘制图形一.ppt》由会员分享，可在线阅读，更多相关《利用基本工具绘制图形一.ppt（33页珍藏版）》请在三一文库上搜索。
1、第二章：利用基本工具绘制图形之一,FLASH动画制作教程,教学目标： 1、知道矢量图和位图的概念以及它们 之间的区别 2、熟练掌握线条工具、钢笔工具、铅笔工 具、椭圆工具和矩形工具的使用方法和技巧,（一）、矢量图和位图,在计算机绘图领域中，根据成图原理和绘制方法 的不同，分为矢量图和位图两种类型。 矢量图形是由一个个单独的点构成的，每一个点都 有其各自的属性，如位置、颜色等。因此，矢量图与分 辨率无关，对矢量图进行缩放时，图形对象仍保持原有 的清晰度和光滑度，不会发生任何偏差，如图所示 是放大了16倍的矢量图效果。,矢量图放大到16倍时依然清晰,位图图像是由象素点构成的，象素点的多少将决定 位
2、图图像的显示质量和文件大小，位图图像的分辨率 越高，其显示越清晰，文件所占的空间也就越大。 因此，位图图像的清晰度与分辨率有关。对位图图 像进行放大时，放大的只是象素点，位图图像的四周 会出现锯齿状。如图所示是放大了16倍的位图效果。,位图放大16倍时模糊不清,在Flash动画制作过程中，会大量的运用到矢量图形，运用Flash自身的矢量绘图功能将会很方便，快捷。 在这一章里，我们将通过FLASH基本绘图工具的学习，绘制出一些简单的矢量图。,（二）、线条工具、钢笔工具和铅笔工具,线条工具 【线条工具】是Flash中最简单的工具。现在我们就来画一条直线。,鼠标单击【线条工具】 ，移动鼠标指针到舞台
3、上，在你 希望直线开始的地方按住鼠标拖动，到结束点松开鼠标， 一条直线就画好了。 【线条工具】能画出许多风格各异的线条来。打开【属性】 面板，在其中，我们可以定义直线的颜色、粗细和样式。,在图所示的【属性】面板中，单击其中的【笔触颜色】按钮,，会出现一个调色板对话框，同时光标变成滴管状。用滴 管直接拾取颜色或者在文本框里直接输入颜色的16进制数 值。颜色以#开头，如#FFFFFF，如图所示。,现在来画出各种不同的直线。单击【属性】面板中的【自定义】 按钮，会弹出一个【笔触样式】对话框.,为了方便观察，我们把粗细定为3象素（pts），选择不同的线 型和颜色，来看看我们画出的线条，如图所示。,如果
4、需要更改这条直线的方向和长短 ，怎么办呢？,Flash为我们提供了一个很便捷的工具：【选择工具】,【选择工具】的作用是选择对象、移动对象、改变线条或对象 轮廓的形状。单击选择【选择工具】，然后移动鼠标指针到直 线的端点处，指针右下角变成直角状，这时拖动鼠标可以改变,如果鼠标指针移动到线条中任意处，指针右下角会变成弧线状， 拖动鼠标，可以将直线变成曲线。这是一个很有用处的功能，在 我们鼠标绘图还不能随心所欲时，它可以帮助我们画出所需要的 曲线，如图所示。,直线的方向和长短，如图所示。,实例：现在我们就来实践一下，练习画一片树叶。,（1）打开FALSH软件，系统会自动建立一个FLASH文档， 在这
5、里我们不改变文档的属性，直接使用其默认值。,（2）绘制树叶图形 在“树叶”图形元件编辑场景中，首先用【线条工具】画一 条直线，【笔触颜色】设置为绿色，如图所示。,然后用【箭头工具】将它拉成曲线，如图所示。,再用【线条工具】绘制一个直线，用这条直线连接曲线的 两端点，如图所示。,用【箭头工具】将这条直线也拉成曲线，如图所示。,一片树叶的基本形状已经出来了，现在我们画叶脉，在两端点 间画直线，然后拉成曲线，如图所示。,再画旁边的细小叶脉，可以全用直线，也可以略加弯曲，这样，一片简单的树叶就画好了，如图所示。,（3）编辑和修改树叶,你可以执行【编辑】|【撤销】命令撤销前面一步的操作，也可 以选择下面
6、更简单的方法：用【箭头工具】单击你想要删除的 直线，这条直线变成网点状，说明它已经被选取，你可以对它 进行各种修改，如图所示。,如果在画树叶的时候出现错误，比如说，画出的叶脉不是你所希望的样子， 你想删除叶脉，应该怎么操作呢？,要移动它，就按住鼠标拖动，要删除它，就直接按DEL键。按住SHIFT键连续单击线条，可以同时选取多个对象。如果要选取全部的线条，是否得按住SHIFT键挨个点击呢？不需要，我们用黑色箭头工具拉出一个选取框来，就可以将其全部选中了，如图2-1-19所示。,（4）给树叶上色 接下来我们要给这片树叶填上颜色。在工具箱中看到这个 【颜色】选项，会出现一个调色板，同时光标变成吸管状
7、， 如图所示,图2-1-21 调色板,至此，一个树叶图形就绘制好了。,2、钢笔工具 用【钢笔工具】画直线是非常容易的。 将指针定位在舞台上你想要直线开始的地方单击，在想要 直线的第一条线段结束的位置再次进行单击。继续单击可以 创建其它的直线线段，如果希望就此结束，双击最后一个点。 创建曲线的要诀：按下鼠标的同时,向你想要绘制曲线段的方向 拖动鼠标，然后将指针放在你想要结束曲线段的地方，按下鼠 标按钮，然后朝相反的方向拖动来完成线段。,注意：如果觉得这条曲线不满意，我们还可以用部分选取工 具来进行调整。,实例：练习画一条波浪线 为了让大家容易理解，先执行【视图】|【网格】| 【显示网格】命令，在
8、工作区里出现网格，使我们定点更容易。 （1）、我们在一个网格的顶点上开始按下鼠标，在另一个网格 的顶点按下鼠标并拖动鼠标完成一段曲线，如图所示。,（2）、每隔三个网格进行拖放，每次拖放的方向与前次相反。 好，一条很有规律的波浪线出现了。,可以看到，在画线时鼠标按下的地方出现了一个个节点， 使用部分选取工具单击节点，会出现两个手柄,拖动手柄可以改变曲线的形状。按住Alt键拖动手柄，可以不 影响另一个手柄。拖动节点可以改变节点的位置。,3、铅笔工具 【铅笔工具】的颜色、粗细、样式定义和【线条工具】一样， 在它的附属选项里有三种模式,伸直模式：在伸直模式下画的线条，它把线条转成接近形状 的直线。 平
9、滑模式：它把线条转换成接近形状的曲线。 墨水模式：不加修饰，完全保持鼠标轨迹的形状。,下面是三种模式所画的线条。,【铅笔工具】的使用很简单，大家自己随意练习。 【铅笔工具】虽有这三种模式，但是要用它直接绘画，可得看 你对鼠标的驯服度了。要是你的鼠标不太听话，最好还是多使 用【线条工具】和【钢笔工具】吧。,通过以上学习，我们已经知道了利用线条工具可以画出树叶，而利用钢笔工具呢，则可以画出有规律的曲线等等，只要多去实践，熟练运用后我们用这些工具还可以画出更多的图形来。那么，接下来我们要学习的椭圆工具和矩形工具，又可以画出什么样的图形来呢？,4、椭圆工具和矩形工具 在舞台上拖动【椭圆工具】可以画出椭
10、圆和圆形，拖动 【矩形工具】可以让你创建方角或圆角的矩形。在【属性】 面板里可以设定填充的颜色及外框笔触的颜色、粗细和样式， 和【直线工具】的属性设置一样。 现在我们来试试。单击【椭圆工具】，在【属性】面板 里，将【笔触颜色】改为红色，【粗细】为5象素，【笔触样 式】为圆点，【填充颜色】为黄色，在舞台上拖动鼠标。 试试用同样的方法画矩形。,如何画圆形和正方形呢？,注意：按住Shift键拖动时可以将形状限制为圆形和正方形。,利用【矩形工具】还可以绘制圆角的矩形。【矩形工具】中 “圆角矩形”的角度可以这样设定：单击工具栏下边的【圆角 矩形半径】按钮，弹出【矩形设置】对话框。,在其中的【边角半径】中
11、填入数值，使矩形的边角呈圆弧状。 如果值为零，则创建的是方角。,实例:画一座房子 学习了基本工具的用法，还需要灵活的运用才能制作出 好图形来。我们来画一座简单的小房子，体验一下创作 的快乐。 1、选取【矩形工具】，设置【笔触颜色】为黑色，单击 【填充色】按钮，会出现颜色选择面板，单击右上角透明 色按钮。,2、然后画上两个矩形，上面的矩形作房顶，下面的矩形作房身。,3、用【箭头工具】双击上面矩形的任一线段，将整个矩形选取， 单击【任意变形工具】，将光标移至上边直线处，光标变成形状， 拖动鼠标，就会将这个矩形斜切成平形四边形,4、用【线条工具】将两图形连接起来,5、用【线条工具】画屋顶的侧面。注意，按住Shift键拖动 可以将线条限制为倾斜45度的倍数，所以，画房身的直线时， 最好按住Shift键。,6、分别画门、窗户、窗格,7、给房子上颜色,一座漂亮的小房子就画好了，Flash作图就是这么简单。现在你一定信心大增吧？,动手实践 1、完成实验二：利用绘图工具画房子 2、在画房子的基础上，利用绘图工具添加道路、太阳、山、 树木，形成一幅风景画。,