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