flash动画设计第2章.ppt

《flash动画设计第2章.ppt》由会员分享，可在线阅读，更多相关《flash动画设计第2章.ppt（34页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第2章章Flash 图形的创建与编辑图形的创建与编辑1学习目标学习目标l了解绘图工具和填充工具的使用方法，并能够使用它们绘制了解绘图工具和填充工具的使用方法，并能够使用它们绘制出出Flash动画所需的舞台对象动画所需的舞台对象l了解对象编辑的常用方法了解对象编辑的常用方法l掌握对基本对象进行变形等操作掌握对基本对象进行变形等操作l掌握创建特殊效果的图形掌握创建特殊效果的图形22.1 绘图工具栏绘图工具栏2.2 使用使用Flash绘制图形绘制图形2.3使用使用Flash编辑图形编辑图形32.1 绘图工具栏绘图工具栏 Flash MX提供了一些基本的图形绘制和编辑的工具，利用它提供了一些基本的图

2、形绘制和编辑的工具，利用它们可以创建规整和异行的矢量线和矢量色块，合理地利用这些基们可以创建规整和异行的矢量线和矢量色块，合理地利用这些基本工具可以创建许多丰富多彩的图形。同时，本工具可以创建许多丰富多彩的图形。同时，Flash MX还提供了还提供了强大的图像编辑功能，可以对矢量图形进行各种变换。强大的图像编辑功能，可以对矢量图形进行各种变换。4椭圆工具任意变形工具箭头工具线条工具钢笔工具铅笔工具滴管工具手形工具墨水瓶工具文本工具填充变形工具橡皮擦工具部分选取工具套索工具矩形工具颜料桶工具画笔工具放大镜工具52.2 使用使用Flash绘制图形绘制图形2.2.1使用钢笔工具使用钢笔工具2.2.2

3、使用线条工具使用线条工具2.2.3使用铅笔工具使用铅笔工具2.2.4使用椭圆工具使用椭圆工具2.2.5使用矩形工具使用矩形工具2.2.6使用画笔工具使用画笔工具62.2.1使用钢笔工具使用钢笔工具 钢笔工具可以绘制连续线条与贝塞尔曲线，且绘制后还可以配钢笔工具可以绘制连续线条与贝塞尔曲线，且绘制后还可以配合节点编辑工具加以修整。合节点编辑工具加以修整。【操作实例1】使用钢笔工具绘制图形2.2.2使用线条工具使用线条工具线条工具用于绘制各种不同倾角的直线。线条工具用于绘制各种不同倾角的直线。【操作实例2】使用线条工具绘制图形72.2.3使用铅笔工具使用铅笔工具 铅笔工具用于绘制直线或曲线，与钢笔

4、工具不同的是，铅笔铅笔工具用于绘制直线或曲线，与钢笔工具不同的是，铅笔工具是用拖动的方式来产生线条的，当只是按住鼠标左键拖动时，工具是用拖动的方式来产生线条的，当只是按住鼠标左键拖动时，可以产生直线或曲线，若先按住可以产生直线或曲线，若先按住Shift键再按住鼠标左键拖动时，键再按住鼠标左键拖动时，就可以绘制出直线。就可以绘制出直线。铅笔工具提供铅笔工具提供3种模式来绘制曲线，在绘制曲线前单击铅笔模种模式来绘制曲线，在绘制曲线前单击铅笔模式按钮的，之后会出现一个下拉列表，如图所示，式按钮的，之后会出现一个下拉列表，如图所示，【操作实例3】使用铅笔工具绘制图形82.2.4使用椭圆工具使用椭圆工具

5、椭圆工具是图形、图像处理的常用软件椭圆工具是图形、图像处理的常用软件。椭圆工具与铅笔工具的不同之处在于椭圆工具绘制出来的图形椭圆工具与铅笔工具的不同之处在于椭圆工具绘制出来的图形不仅包括矢量线，还能够在矢量线内部填充色块，除此之外，不仅包括矢量线，还能够在矢量线内部填充色块，除此之外，用户可以根据具体的需要，取消矢量线内部的填充色块或外部用户可以根据具体的需要，取消矢量线内部的填充色块或外部的矢量线。的矢量线。【操作实例4】使用椭圆工具绘制图形92.2.5使用矩形工具使用矩形工具 矩形工具用于绘制矩形或正方形对象。按住鼠标左键拖动时，矩形工具用于绘制矩形或正方形对象。按住鼠标左键拖动时，可以产

6、生矩形对象，如果先按住可以产生矩形对象，如果先按住Shift键再拖动时，则会产生正键再拖动时，则会产生正方形对象。方形对象。【操作实例5】使用矩形工具绘制图形2.2.6使用画笔工具使用画笔工具 画笔工具可以仿真水彩笔的笔触，所绘制的线条是填色区块。画笔工具可以仿真水彩笔的笔触，所绘制的线条是填色区块。若要调整画笔的大小，则要在选项栏中设置若要调整画笔的大小，则要在选项栏中设置【操作实例6】使用画笔工具绘制图形102.3使用使用Flash编辑图形编辑图形 2.3.1 选择对象选择对象2.3.2移动、复制和删除对象移动、复制和删除对象2.3.3变形对象变形对象2.3.4分组、层叠和对齐对象分组、层

7、叠和对齐对象2.3.5使用填充变形工具使用填充变形工具2.3.6使用图形编辑工具使用图形编辑工具11 当在舞台上创建图形后，常常需要对其进行修改、编辑等等当在舞台上创建图形后，常常需要对其进行修改、编辑等等操作操作,利用利用Flash MX提供了多种编辑矢量图形的工具可以对已经提供了多种编辑矢量图形的工具可以对已经创建的矢量图形进行移动、复制、删除、变形、层叠、对齐和分创建的矢量图形进行移动、复制、删除、变形、层叠、对齐和分组等加工处理，将图形对象进行优化和修改。组等加工处理，将图形对象进行优化和修改。12 要编辑修改对象，必须先选中该对象。在要编辑修改对象，必须先选中该对象。在Flash M

8、X中，可以中，可以使用多种方法来选择对象。如使用箭头工具、套索工具，以及键使用多种方法来选择对象。如使用箭头工具、套索工具，以及键盘命令等。选择对象时，可以只选择对象的笔触，也可以只选择盘命令等。选择对象时，可以只选择对象的笔触，也可以只选择其填充，一旦对象被选中，在其上面将覆盖一层阴影。其填充，一旦对象被选中，在其上面将覆盖一层阴影。2.3.1 选择对象选择对象1.使用箭头工具选择对象使用箭头工具选择对象2.使用套索工具选择对象使用套索工具选择对象132.3.2移动、复制和删除对象移动、复制和删除对象1.移动对象移动对象要移动一个对象，执行如下操作之一即可：要移动一个对象，执行如下操作之一即

9、可：l先使用箭头工具选中一个或多个对象，将鼠标指针移动到对象先使用箭头工具选中一个或多个对象，将鼠标指针移动到对象上，当鼠标指针变成在它的右下方增加两个垂直交叉的双箭头，上，当鼠标指针变成在它的右下方增加两个垂直交叉的双箭头，拖动鼠标即可移动对象。拖动鼠标即可移动对象。l先使用箭头工具选中一个或多个对象，然后按键盘上的箭头键先使用箭头工具选中一个或多个对象，然后按键盘上的箭头键可以进行微调，每按一次键，可移动一个像素。按住可以进行微调，每按一次键，可移动一个像素。按住Shift键的键的同时，再按箭头键，可以一次移动同时，再按箭头键，可以一次移动8个像素。个像素。l如果按住如果按住【Shift】

10、键同时用鼠标拖动选中的对象，可以将选键同时用鼠标拖动选中的对象，可以将选中的对象沿中的对象沿45度的整倍角度移动对象。度的整倍角度移动对象。142.复制对象复制对象要复制一个对象，执行如下操作之一即可：要复制一个对象，执行如下操作之一即可：l先使用箭头工具选中一个或多个对象，然后按先使用箭头工具选中一个或多个对象，然后按Alt键，即可复制键，即可复制选中的所有对象。选中的所有对象。l先使用箭头工具选中一个或多个对象，然后选择先使用箭头工具选中一个或多个对象，然后选择【编辑编辑】【复制复制】命令，也可以复制选中的对象。命令，也可以复制选中的对象。l在鼠标拖动选中对象的同时按住在鼠标拖动选中对象的

11、同时按住【Ctrl】键，也可以复制选中键，也可以复制选中的对象。的对象。l此外，利用剪切板的剪切、复制和粘贴功能，也可以移动和复此外，利用剪切板的剪切、复制和粘贴功能，也可以移动和复制对象。制对象。153.删除对象删除对象l要删除一个对象，执行如下操作之一即可：要删除一个对象，执行如下操作之一即可：l用箭头工具选中一个或多个对象，按用箭头工具选中一个或多个对象，按【Delete】或退格键即或退格键即可删除选中的所有对象。可删除选中的所有对象。l用箭头工具选中一个或多个对象，然后选择用箭头工具选中一个或多个对象，然后选择【编辑编辑】【剪切剪切】命令，也可以删除选中的对象。命令，也可以删除选中的对

12、象。16l使用任意变形工具可以对对象、组、实例或文本块进行任意变形。使用任意变形工具可以对对象、组、实例或文本块进行任意变形。l如果要移动所选内容，可以将鼠标指针放在边框内的对象上，然如果要移动所选内容，可以将鼠标指针放在边框内的对象上，然后将该对象拖动到新位置。后将该对象拖动到新位置。l如果要设置旋转或缩放的中心，可将变形点拖动到新位置如果要设置旋转或缩放的中心，可将变形点拖动到新位置,如图所示如图所示2.3.3变形对象变形对象172.3.4分组、层叠和对齐对象分组、层叠和对齐对象 在在Flash MX中，可以把一些图形组合在一起后，作为一个对象中，可以把一些图形组合在一起后，作为一个对象操

13、作，并且可以设定同一层中不同组合对象的层次顺序和对齐操作，并且可以设定同一层中不同组合对象的层次顺序和对齐方式。方式。1.将对象分组将对象分组2.层叠对象层叠对象3.对齐对象对齐对象182.3.5使用填充变形工具使用填充变形工具 在在Flash中，使用【绘图】工具栏中的填充变形工具，可以通中，使用【绘图】工具栏中的填充变形工具，可以通过调整填充的大小、方向或者中心，变形渐变填充或位图填充。过调整填充的大小、方向或者中心，变形渐变填充或位图填充。1.变形渐变填充变形渐变填充2.如果使用放射状渐变填充色对图形进行填充时，在填充区域如果使用放射状渐变填充色对图形进行填充时，在填充区域3.将出现一个渐

14、变圆圈，在圆心和圆周上共有将出现一个渐变圆圈，在圆心和圆周上共有4个圆形或方形手柄，个圆形或方形手柄，4.如图如图2.17所示。所示。图2.17 放射状渐变填充19使用渐变圆可以对放射状渐变填充图进行以下调整使用渐变圆可以对放射状渐变填充图进行以下调整l调整渐变中心：拖动圆心的圆形手柄，可以移动填充中心亮点的调整渐变中心：拖动圆心的圆形手柄，可以移动填充中心亮点的位置。位置。l调整渐变圆的长宽比：拖动圆周上的方形手柄，可以调整渐变圆调整渐变圆的长宽比：拖动圆周上的方形手柄，可以调整渐变圆的长宽比。的长宽比。l调整渐变圆的大小：拖动紧挨着方形手柄的圆形手柄，可以调调整渐变圆的大小：拖动紧挨着方形

15、手柄的圆形手柄，可以调整渐变圆的大小。整渐变圆的大小。l调整渐变圆的方向：拖动圆周上的第调整渐变圆的方向：拖动圆周上的第2个圆形手柄，可以调整渐个圆形手柄，可以调整渐变圆的倾斜方向。变圆的倾斜方向。202.变形位图填充变形位图填充使用位图填充图形时，单击【绘图】工具栏中的填充变形工具，使用位图填充图形时，单击【绘图】工具栏中的填充变形工具，并单击填允区域中的位图，在所选的位图周围将出现一个矩形框，并单击填允区域中的位图，在所选的位图周围将出现一个矩形框，共有共有7个圆形或方形手柄，如图个圆形或方形手柄，如图2.18所示。所示。图2.18显示填充位图手柄21使用填充位图手柄可以对位图填充图进行以

16、下调整。使用填充位图手柄可以对位图填充图进行以下调整。l拖动中心的圆形手柄，可以调整填充位图的位置拖动中心的圆形手柄，可以调整填充位图的位置.l拖动左下角的方形手柄，可以保持位图的纵横比并改变位图的大小。拖动左下角的方形手柄，可以保持位图的纵横比并改变位图的大小。如果缩小填充位图，可以使区域中容纳更多的图形。如果缩小填充位图，可以使区域中容纳更多的图形。l拖动边线上的方形手柄，可以沿水平或垂直方向改变填充位图的大小。拖动边线上的方形手柄，可以沿水平或垂直方向改变填充位图的大小。l拖动边线中点的圆形手柄，可以沿水平方向或垂直方向倾斜填充位图。拖动边线中点的圆形手柄，可以沿水平方向或垂直方向倾斜填

17、充位图。l拖动右上角的圆形手柄，可以保持填充位图的形状不变而旋转位图。拖动右上角的圆形手柄，可以保持填充位图的形状不变而旋转位图。222.3.6使用图形编辑工具使用图形编辑工具 在在Flash中，还可以使用一些图形编辑工具编辑绘制图形对象。中，还可以使用一些图形编辑工具编辑绘制图形对象。例如，使用箭头工具可以改变线条或图形的形状，使用橡皮擦例如，使用箭头工具可以改变线条或图形的形状，使用橡皮擦工具可以擦除在舞台中绘制的图形。工具可以擦除在舞台中绘制的图形。1.使用箭头工具任意改变对象的大小与形状使用箭头工具任意改变对象的大小与形状2.【操作实例操作实例7】使用箭头工具改变图形的形状使用箭头工具

18、改变图形的形状 2.使用橡皮擦工具使用橡皮擦工具 橡皮擦工具用于清除线条或填色区域，它提供了橡皮模式与水龙橡皮擦工具用于清除线条或填色区域，它提供了橡皮模式与水龙头模式两种方式来清除对象，在选项栏中可见到。头模式两种方式来清除对象，在选项栏中可见到。【操作实例8】使用橡皮擦工具擦除文字与位图使用橡皮擦工具擦除文字与位图232.4 上机操作综合指导上机操作综合指导上机操作指导上机操作指导1操作要求操作要求:使用基本形状，画一个卡通小狗。24操作步骤操作步骤第一步：绘制小狗的头部图形第一步：绘制小狗的头部图形1.选择【文件】选择【文件】【新建】命令，建立一个新文件。【新建】命令，建立一个新文件。2

19、.选取椭圆工具，如图选取椭圆工具，如图2.23所示在舞台上画两个没有填充颜色的所示在舞台上画两个没有填充颜色的椭圆，这两个椭圆的组合就是头部的雏形。椭圆，这两个椭圆的组合就是头部的雏形。3按住【按住【Shift】键，依次单击两个椭圆内部两端弧线，将它们】键，依次单击两个椭圆内部两端弧线，将它们选中。按【选中。按【Delete】键，如图】键，如图2.24所示删除弧线。所示删除弧线。4如图如图2.25所示在头部左端画一个黑色填充的椭圆，作为小狗的所示在头部左端画一个黑色填充的椭圆，作为小狗的鼻子。鼻子。图2.23原始文件 图2.24删除弧线 图2.25画出鼻子 255选用【铅笔工具】，在工具栏下面

20、的选项栏中，将【铅笔模式】选用【铅笔工具】，在工具栏下面的选项栏中，将【铅笔模式】下拉菜单选为【平滑】，如图下拉菜单选为【平滑】，如图2.26所示画出弯弯的眼睛和鼻子上所示画出弯弯的眼睛和鼻子上的胡子。的胡子。6.图图2.27用【铅笔工具】在头上画两个耳朵。用【铅笔工具】在头上画两个耳朵。图2.26画出眼睛和胡子 图2.27画出耳朵267.用【椭圆工具】如图用【椭圆工具】如图2.28所示画所示画5个椭圆，这是小狗的躯干和脚。个椭圆，这是小狗的躯干和脚。8选取【铅笔工具】，如图选取【铅笔工具】，如图2.29所示作必要的连接，将小狗的各所示作必要的连接，将小狗的各个部位连接到一起。个部位连接到一起

21、。图2.28画5个椭圆图2.29 作必要的连接9使用【选择工具】，单击不必要的线段，按【使用【选择工具】，单击不必要的线段，按【Delete】将其删除】将其删除 10选用【铅笔工具】，画出摇动的尾巴。选用【铅笔工具】，画出摇动的尾巴。2711单击工具栏上的【颜料桶工具】按钮，如图单击工具栏上的【颜料桶工具】按钮，如图2.32所示选择褐所示选择褐色为填充颜色。把小狗的耳朵和尾巴填充成褐色。色为填充颜色。把小狗的耳朵和尾巴填充成褐色。图2.32填充颜色12用同样的办法把小狗的躯干和脚填充成白色，完成作品。用同样的办法把小狗的躯干和脚填充成白色，完成作品。28上机操作指导上机操作指导2操作要求：绘制

22、一片枫叶。29操作步骤操作步骤1.选择【文件】选择【文件】【新建】命令，建立一个新文件。【新建】命令，建立一个新文件。2.单击【矩形工具】，用矩形工具在舞台中央绘制出一个正方形，单击【矩形工具】，用矩形工具在舞台中央绘制出一个正方形，正方形的大小要跟设想中的枫叶的大小差不多。正方形的大小要跟设想中的枫叶的大小差不多。3.选择【窗口】选择【窗口】【混色器】命令，选择填充方式中的放射状，【混色器】命令，选择填充方式中的放射状，并且在渐变栏中多设置几个颜色样本，以用来表示枫叶从黄色到并且在渐变栏中多设置几个颜色样本，以用来表示枫叶从黄色到红色的渐变过程。具体设置如图红色的渐变过程。具体设置如图2.3

23、3所示。所示。图2.33 设置【混色器】304.单击【颜料桶工具】，在正方形的中央单击，为正方形加入刚单击【颜料桶工具】，在正方形的中央单击，为正方形加入刚才所选择渐变颜色。该正方形在以下用来表达枫叶的颜色，才所选择渐变颜色。该正方形在以下用来表达枫叶的颜色，如图如图2.34所示。所示。图2.34具有放射状填充颜色的正方形315.单击【铅笔工具】，在工具栏下面的选项栏中，将【铅笔模式】单击【铅笔工具】，在工具栏下面的选项栏中，将【铅笔模式】下拉菜单选为【平滑】，将其边框选为任意颜色，在舞台上面绘制下拉菜单选为【平滑】，将其边框选为任意颜色，在舞台上面绘制出一个枫叶（不需要叶脉和叶柄）的雏形，注

24、意使枫叶大小基本出一个枫叶（不需要叶脉和叶柄）的雏形，注意使枫叶大小基本与正方形的大小差不多，然后将其移动到与正方形的大小差不多，然后将其移动到4所画出的正方形中间。所画出的正方形中间。如果正方形过小，不能容纳枫叶，则可以相应地将枫叶调小或者如果正方形过小，不能容纳枫叶，则可以相应地将枫叶调小或者将正方形拉大一些。将正方形拉大一些。图2.35绘制枫叶的雏形326.单击枫叶之外的区域和正方形的边框，将这些部位删除。之后，单击枫叶之外的区域和正方形的边框，将这些部位删除。之后，单击【铅笔工具】，并选择一种暗黑或者深绿的笔触颜色，在枫单击【铅笔工具】，并选择一种暗黑或者深绿的笔触颜色，在枫叶中将叶脉

25、和叶柄勾画出来。最终效果如图叶中将叶脉和叶柄勾画出来。最终效果如图2.36所示。所示。图2.36 成形的枫叶33 小结与提高小结与提高l工具面板中的几何形状工具可以用来快速准确地创建基本元素，工具面板中的几何形状工具可以用来快速准确地创建基本元素，而且可以定制各种填充和线条形状。而且可以定制各种填充和线条形状。l通过使用画笔工具和橡皮擦工具的特定模式，可以对作品中指定通过使用画笔工具和橡皮擦工具的特定模式，可以对作品中指定的部分进行修改。的部分进行修改。l使用铅笔，画笔和钢笔工具可以创建自由形状的线条或贝塞尔使用铅笔，画笔和钢笔工具可以创建自由形状的线条或贝塞尔曲线，可以用箭头工具和部分选取工具编辑它们。曲线，可以用箭头工具和部分选取工具编辑它们。l属性面板和混色器面板能够为通过各种绘图工具创作的作品选属性面板和混色器面板能够为通过各种绘图工具创作的作品选择填充和线条颜色。择填充和线条颜色。l可以在属性面板中定制线型，创建具用各种质地和宽度的线型。可以在属性面板中定制线型，创建具用各种质地和宽度的线型。l使用部分选取工具手工编辑点的方式可以优化作品，简化线条使用部分选取工具手工编辑点的方式可以优化作品，简化线条或曲线，减少文件尺寸。或曲线，减少文件尺寸。34