《flash工具使用》PPT课件.ppt

Flash动画制作,第二章FlashMX基础应用,基础应用是制作动画的前奏，也是制作动画的基础，FlashMX自带的绘图工具可以制作出各种矢量图形。利用编辑工具可以对对象进行移动、变形、填充及拉直等操作。,1、基本绘图2、编辑图形3、图层、符号与库4、视频与声音5、实例,2.1基本绘图,2.1.1绘图工具动画里包含各种各样精彩的图形，使用工具箱里的基本画图工具就可以绘制出自己想要的图形。比较常用的有铅笔工具、钢笔工具、直线工具、椭圆工具、矩形工具等，尽管使用这些工具创建的矢量图形比较简单，但是这些简单的图形对象是创建复杂矢量图形的基础。下面我们通过一些简单实例来介绍如何使用这些工具创建矢量图形。,1、铅笔工具利用铅笔工具，可以绘制出随意的、变化灵活的直线或曲线，还可以对绘制出的矢量线进行宽度、线型、颜色的调整。下面就从这两方面进行介绍。(1)、绘制矢量线单击工具箱中的【铅笔工具】按钮，激活铅笔工具。此时，在工具的【选项】选项区中会出现选择铅笔模式的按钮，单击该按钮会弹出一个下拉菜单，如图2-1所示。,其中，有【伸直】、【平滑】、【墨水】三种模式，系统默认的模式为【伸直】。这三种模式的含义和功能如下：,图2-1铅笔模式,【伸直】：选择此模式后，在使用铅笔工具绘制图形时，只要按照事先预想的轨迹描绘，Flash就会自动将曲线规整。例如，想绘制矩形，可以先绘制一个接近矩形的多边形，系统会自动将所绘图形调整为矩形。使用这种模式可以绘制直线、椭圆或矩形。【平滑】：使用此种模式，可以使绘制出的图形边缘的菱角尽可能地消除，使矢量线更加平滑。【墨水】：使用此种模式，可以使绘制出来的矢量线更加接近于手工绘制的效果，即对绘制出来的曲线不做任何调整。,图2-2,(2)选择铅笔样式使用铅笔工具绘制矢量图形时，用户可以通过【属性】面板对矢量线的宽度、线型、颜色进行设置，如图2-2所示。,在该属性面板中，用户可以设置矢量线的颜色、线宽及线型。如果要对矢量线进行更详细的设置，可单击【自定义】按钮，打开【笔触样式】对话框，如图2-3所示。,图2-3,在【笔触样式】对话框中，各个选项的功能如下：4倍缩放：将观察区域放大4倍，便于用户观看属性修改设置后的效果。粗细：定义矢量线的宽度，单位是pts，在该下拉列表框中给出了一些默认设置，用户可以根据自己的需要进行设置，但宽度最大不可以超过10pts。锐化角度：使直线的转折部分更加尖锐，即角度更加明显。类型：设置不同的线型。当从该下拉列表框中选择具体的线型后，会出现不同的选项，让用户进一步设置选中线型的属性。用户对矢量线属性的修改会显示在【笔触样式】对话框左边的预览框内。如果在舞台上没有选择矢量线，则当前设置会对以后绘制的直线、曲线发生作用，否则当作修改当前所选择的矢量线。,注意：选择铅笔工具绘制图形时，按住Shift键不放，可在舞台内绘制水平线、垂直线以及以45度为增量的直线。2、线条工具线条工具可以说是铅笔工具的特例，它专门用来绘制各种不同方向的直线段。选择线条工具后，在工具箱的【选项】中不会出现任何选项，但用户可以通过线条工具相对应的【属性】面板对线条的线型、颜色进行设置，具体设置方法和铅笔工具一样，在此不再介绍。线条工具的使用非常简单，在舞台上某点按下鼠标左键，做为线条的起点，然后拖动鼠标到另一个点，释放鼠标，即可在两点之间绘制出一条直线。,注意：选择直线工具绘制线条时，按住Shift键不放，可在舞台上绘制水平线、垂直线以及以45度为增量的直线。相反则可以绘制出任意角度的直线。3、矩形工具使用矩形工具不但可以绘制矩形，还可以绘制矩形轮廓线。绘制矩形的方法非常简单，用户只需选择矩形工具，在舞台上拖动鼠标即可绘制出任意大小的矩形。如果在拖动鼠标时按住Shift键不放，即可绘制出正方形，如图2-4所示。,如果想绘制矩形轮廓线，在选中工具箱中的“矩形工具”按钮的同时，取消填充色即可。采用不同线型以及不同颜色的线条，绘制出的矩形和正方形轮廓矢量图形如图2-5所示。,图2-4,图2-5,绘制完矩形和正方形后，可以通过矩形工具相对应的【属性】面板来修改矩形（正方形）的填充色、线形及形状、大小等。使用【选择工具】选中矩形（正方形）后，具体修改操作如下：(1)用【选择工具】单击选中矩形填充部分，则在【属性】面板中可以修改矩形的填充色，如图2-6所示。在此图中，可以注意到，当选中矩形填充部分后，【属性】面板中【笔触颜色】选项为不可编辑状态。,图2-6,(2).用【选择工具】单击选中矩形边线部分，则在【属性】面板中可以修改矩形的笔触颜色,如图2-7所示。在此可以像修改线条一样修改笔触高度、笔触性质等。此时，【填充色】选项为不可编辑状态。在【属性】面板中还可以设置【宽】和【高】文本框中的数值，以可以调整矩形的外形。,图2-7,选择矩形工具后，在工具箱的【选项】选项区中会出现一个按钮，用来设置矩形圆角的半径。单击该按钮，将打开如图2-8所示的【矩形设置】对话框。,图2-8,用户可以在【边角半径】文本框中输入矩形圆角的半径，单位是点，范围是0-999之间的任何数值。设置的值越大，矩形的圆角就越明显。设置为0时，可以得到标准的矩形；设置为999时，绘制出的矩形左右两边都为半圆，如果按住Shift键，绘制出的为正圆。采用不同线型、填充色和圆角半径所绘制出的矩形如图2-9所示。注意：当使用【矩形工具】绘制矩形时，如果按下Shift键，则可以绘制正方形。,图2-9,5、使用椭圆工具绘图使用椭圆工具不但可以绘制椭圆，还可以绘制椭圆轮廓线。绘制椭圆的方法非常简单，用户只需选择椭圆工具，在舞台上拖动鼠标即可绘制出任意大小的椭圆。如果在拖动鼠标时按住Shift键不放，即可绘制出正圆形，如图2-12所示。如果想绘制椭圆轮廓线，再单击工具箱中的按钮，取消填充色即可。采用不同线型以及不同颜色的线条，绘制出的椭圆和正圆轮廓矢量图形如图2-13所示。,图2-12,图2-13,绘制完椭圆和正圆后，可以通过椭圆工具相对应的【属性】面板来修改椭圆的填充色、线形及形状、大小等。使用【选择工具】选中椭圆后，具体修改操作如下：1用【选择工具】单击选中椭圆填充部分，则在【属性】面板中可以修改椭圆的填充色，如图2-14所示。在此图中，可以注意到，当选中椭圆填充部分后，【属性】面板中【笔触颜色】选项为不可编辑状态。,图2-14,2.用【选择工具】单击选中椭圆边线部分，则在【属性】面板中可以修改椭圆的笔触颜色,如图2-15所示。在此可以像修改线条一样修改笔触高度、笔触性质等。此时，【填充色】选项为不可编辑状态。在【属性】面板中还可以设置【宽】和【高】文本框中的数值，以可以调整椭圆的外形。,图2-15,6、刷子工具刷子工具有很多奇特的功能，是动画创作中经常会用到的一种工具。选中“刷子工具”后，在工具箱的“选项”区域中将显示出刷子工具可用的选项，如图2-16所示。,刷子模式,刷子大小,刷子形状,图2-16,锁定填充,尽管刷子看起来似乎只是更粗的铅笔，但用刷子绘制出的图形却不是“笔触”，而是“填充”，所以在属性面板上，能选择的也就只有填充颜色。”平滑“是用来指定刷子的光滑度的。如图2-17所示。,图2-17,刷子工具的五种刷子模式的效果图如图2-18所示：,图2-18,标准绘画,颜料填充,后面绘画,颜料选择,内部绘画,注意：1、使用”颜料选择“模式，首先需要选择一个图形或图形的一部分，否则，刷子工具涂刷不出如何图形。2、使用”内部绘画“模式，刷子工具的起笔处应该落在填充的内部，这样，不管怎么上色，都不会把颜色涂到填充以外去。如果刷子工具的起笔是在填充以外，涂刷后得到的效果跟”后面绘画“模式的一样。,选中“锁定填充”按钮可以设定刷子的工作模式处于锁定填充状态。锁定填充主要用于带有渐变色的矢量图上。,7、钢笔工具钢笔工具是使用节点控制曲线的，在绘制或修改曲线时较方便、自由。使用钢笔工具可以绘制出更加复杂、精确的曲线。选择钢笔工具后，在工具箱的【选项】中不会出现任何选项，但用户可以通过钢笔工具相对应的【属性】面板对钢笔的线型、颜色以及填充色进行设置。使用钢笔工具绘制曲线的具体步骤如下：1、新建一个文件，选择工具箱中的钢笔工具。2、在【属性】面板中对钢笔的线型、线宽及填充色进行设置。3、在舞台上选择一个点，单击鼠标左键，可以在选择处绘制一个点。,4、在舞台上再选择一个点，如果在第二个点处单击鼠标左键，系统就会在起点和第二个点之间绘制出一条直线，如图2-19中的第一个图所示；如果在第二个点按住鼠标左键不放并拖动鼠标，就会出现图2-19中第二个图所示的情况，这样的方式是在第一个点和第二个点之间绘制出一条曲线，这两个点成为“描点”。可以看到，图中有一条经过第二个描点并沿着鼠标拖动方向伸展的直线，这条直线与两个描点之间的曲线相切。释放鼠标后，绘制出的曲线如图2-19中的第三个图形所示。5、双击最后一个描点，或再次单击绘图工具箱中的钢笔工具，即可结束开放曲线的绘制。如果要绘制一个封闭曲线，可以将鼠标放置在开始的第一个描点上，这时鼠标指针上会出现一个小圆圈，单击鼠标左键就可以形成一个封闭的曲线。,曲线绘制完后还可以在曲线中添加、删除以及移动描点。选择钢笔工具，将鼠标指针移动到曲线上，当鼠标指针变成一个左小角带“+”号的钢笔形状时，单击鼠标左键，就会增加一个描点；如果将鼠标移动到一个已有的描点上，当鼠标指针变成一个左下角带“-”号的钢笔形状时，单击鼠标左键，就会删除该描点；当光标移到某一个节点上时会变成带有折线的钢笔尖符号，单击鼠标左键，就可以将原来的弧线节点变为两条直线的接点。,图2-19使用钢笔绘制图形,选择【属性】【首选参数】选项，打开【首选参数】对话框，单击【编辑】选项卡，如图2-20所示，即可设置钢笔工具的属性。,图2-20,在【钢笔工具】选项区中有三个复选框，他们的含义是：显示钢笔预览：选中该复选框，可以在绘制曲线时进行预览。显示实心点：选中该复选框，可以将没有选择的描点显示为实心点，将当前选中的描点显示为空心点。显示精确光标：选中该复选框，可以将选择钢笔工具后的鼠标指针变成十字，这样在绘制曲线时，更加容易定位。,8、文本工具文本工具可以用来创建文本对象，同时也提供了很多中编辑文本的工具。（1）、文本的属性设置用鼠标单击工具箱中的文本工具，或直接按键盘上的T键，就可以选中文本工具。选中文本工具后，在舞台中单击，就会出现一个空白的字符输入框，此时用户可以在输入框中输入文字。在输入文字之前，常常需要设置文本的不同属性，或在输入文本后修改文本的属性。文本工具处于选中的状态，【属性】面板中即出现与文本相对应的属性设置，如图2-21所示。,图2-21,在文本【属性】面板中，最常用的有如下功能：（1）字体：可以在下拉文本框中选取编辑文本的字体。选择不同的字体，可以得到不同的效果。比如大写字母“T”，选择“Wingdings”字体显示的是雪花图形“”。（2）字体大小：可以通过下拉滑块或修改文本框中的数值来设定字体的大小。（3）文本（填充）颜色：可以在下拉的颜色面板上选取文本的颜色。（4）切换粗体：当选中文本后，单击此按钮可以设置文字为粗体，若已经是粗体的文本将取消粗体。（5）切换斜体：设置字体是否为斜体。,（6）改变文本方向：单击该按钮后，打开改变文本方向的快捷菜单选项，如图2-22所示。图2-22可以根据需要选择文本的方向，分别有【水平】、【垂直，从左向右】、【垂直，从右向左】三种文本方向。（7）段落对齐：设置段落格式，从左到右依次为左对齐、居中对齐、右对齐和两端对齐。选择不同的对齐方式，可以得到不同的对齐效果。（8）字符间距：通过修改此文本框中的数值，或拖曳右侧的滑块，来调整字符间距。默认情况下字符间距的数值为0，调整范围为-6060。图2-23为调整前和调整后字符间距的比较。,图2-23,字符位置：在文本框中，选定某些字符，再通过此按钮的下拉列表可以选择【正常】、【下标】、【上标】来设置选定字符的位置。如图2-24所示，设置字符“2”的位置。,（10）格式设置：单击该格式按钮，可以打开格式选项对话框，如图2-25所示。在此对话框中可以调节文本的行距、左右边距、缩进等。值得注意的是，【格式选项】对话框中，只能对整个文本框进行设置，而不能对选择的某一部分文本起作用。,图2-24,（11）FlashMX中，文本分为静态文本、动态文本和输入文本三种类型，如图2-26所示。具体用法在后面将详细介绍。,图2-25,图2-26,除了可以通过文本【属性】面板设置文本的属性外，还可以使用【文本】菜单对文本进行设置，在这里不一一介绍。(2)、文本的类型在FlashMX中，文本类型可分为3种，分别是“静态文本”、“动态文本”和“输入文本”。在文字【属性】面板中我们可以看到，默认输入的文本被定义为“静态文本”，在动画播放过程中，文本区域的文本是不可以编辑的。而动态文本就是可编辑的文本，在动画播放过程中，文本区域的文本内容可以通过事件的激发来改变。输入文本就是在动画播放过程中，提供用户输入文本，产生交互。这三种文本类型的切换与设置可以通过【属性】面板中的列表选项来选择。,1）静态文本选中文本工具，在【属性】面板的下拉列表框中选择“静态文本”选项，此时的【属性】面板如图2-27所示。图2-27静态文本主要显示文本各项不可以更改的信息。如前面所述，在【属性】面板中可以设置文本的字体、大小、排列方式、对齐方式等。在【宽】和【高】文本框中可以输入宽度和高度数值来调整文本框的大小，改变文本的形状；在【X】和【Y】文本框中可以输入文本框的坐标值来调整文本框在舞台上的具体位置。,选中【自动调整字距】复选框可以对文字间距进行微调，使文字排列更加紧凑。选中【使用设备字体】复选框，可以使输入的文字使用设备字体，输出的Flash文件（SWF文件）中不能嵌入字体信息。播放Flash文件时，在播放的计算机系统中调用一种最接近设备字体的字体来重新替换Flash文件中的字体，这样可以使Flash文件的数据量较少。如果不选中该复选框，则将选定的字体信息嵌入到Flash文件中，这样可以在Flash文件播放时能够正确显示字体。在【属性】面板中还可以为输入的字体设置超链接，直接在地址栏中输入链接目标的URL就可以了。,2）动态文本选中文本工具，在【属性】面板的下拉列表框中选择“动态文本”选项，此时的【属性】面板如图2-28所示。图2-28动态文本主要是能够动态地显示最新消息，比如动态显示日期和时间、运算结果、体育新闻和天气预报等等。选中动态文本后，在舞台中拖曳出一个文本框，可以在文本框中不输入文字，而是通过程序在一定的条件下动态地调用或载入文字。,文本框中可以输入动态文本的实例名。在文本框中可以为该文本命名。在为文本命名时，可以设置该变量只能是哪些字符或不能出现哪些字符。单击图标按钮，则会打开【字符选项】对话框，如图2-29所示。,图2-29,在该对话框中可以设置如下功能：无字符：表示不接受任何字符。指定范围：可以在下拉列表框中选择可以使用的字符，如图2-29所示，选中大写字母、小写字母、数字、标点符号共95个字符。设置完毕后，单击“确定”按钮退出该对话框。选择【动态文本】输入文字时，可以选择文字行的设置，如图2-30所示。图2-30选择【单行】选项表示文字使用单行输入。选择后，在浏览器的文本输入框中，当输入文字行的长度达到文本框长度时，文字行会向左移动，左边的文字会随着输入文字的增多而隐藏显示。,选择【多行】选项表示文字使用多行输入。选择后，当输入的文本达到文本框的宽度时，输入的文字会自动换行。如果输入的文本较多，将会出现下拉滚动条来显示文字。选择【多行不换行】选项表示支持多行输入。与【多行】选项不同的是，当输入的文本达到文本框的宽度时，输入的文字不会自动换行，要换行需按回车键。单击【可选】按钮后，所输入的显示在浏览器上的文字，允许用户选中复制。如果取消此项的选择，在浏览器上用户无法选中该文本。单击【将文本呈现为HTML】按钮，允许在文本框中显示HTML脚本。单击【在文本周围显示边框】按钮，在浏览器中可以看到文本的边框。,3）输入文本选中文本工具，在【属性】面板的下拉列表框中选择“输入文本”选项，此时的【属性】面板如图2-31所示。,图2-31,输入文本与动态文本用法一样，但是它可以作为一个输入文本框来使用，Flash动画播放时，可以通过这种输入文本框输入文本，实现用户与动画的交互。输入文本属性设置面板与动态文本属性设置面板相似，在此不再一一介绍。其中，列表框中有4个列表选项，分别是单行文本框、多行文本框、多行不换行文本框以及密码框。密码框中输入的信息将以星号代替，不允许任何人观看。用于设置表单的长度，表示文本区域内可以看见信息的最大字符数。下面通过一个具体实例来加深对文本三种类型的认识。,2.1.2填充工具1、墨水瓶工具墨水瓶工具可以改变边框的颜色，同时也可以修改边框线段的线型和宽度，只能用于修改笔触的相关属性。这些可以修改的属性都可以在墨水瓶工具属性面板上进行，如图2-32所示。,图2-32,技巧：不管是矩形、多边形、曲线，还是其他线条，只要是一条由锚记点连接起来的线条，就可以通过在这个线条上的任何一处使用墨水瓶工具，使得整个线条都被重新着色或其他属性。,2、颜料桶工具正如墨水瓶工具是为了笔触准备的，颜料桶工具则是为填充准备的。基本功能是用颜色填充封闭区域（可以是闭合的或没有“完全”闭合的）。选中“墨水瓶工具”后，可以通过单击在工具箱的选项区域中的按钮选择填充模式，如图2-33所示。,图2-33,3、滴管工具滴管工具可以吸取舞台上的对象颜色，并将颜色转化为颜料的填充颜色，也可以将一个图形对象的填充颜色和边框属性应用到其他对象中去。滴管工具主要用于精确地使两个笔触或填充具有相同的颜色。（1）、使用滴管工具单击的是图形的笔触，则滴管工具会在单击之后自动切换为墨水瓶工具；（2）、使用滴管工具单击的是图形的填充，则滴管工具会在单击之后自动切换为颜料桶工具,4、填充变形工具填充变形工具主要用于调整渐变颜色的填充样式，使其产生较为丰富的变化，移动渐变的中心位置，调整渐变颜色的区域，压缩变形渐变的样式等。选择“填充变形工具”后，接着单击需要调整的图形（如图2-34中的矩形），如图2-34所示。,图2-34,轴方向上调整大小,按比例调整大小,旋转方向,2.1.3编辑工具1、选择工具绘图工具箱内的图标按钮就是选择工具。单击该按钮后，可以使用它来选择、移动、复制、修改、旋转、缩放矢量图形，在这里我们只介绍使用选择工具最常用的功能选择对象和修改对象。用选择工具选择对象有三种方法：（1）用鼠标单击要选择的对象。如单击椭圆的矢量线外框，或椭圆内部，分别将这两个对象选中，如图2-35所示的图一和图二；当对象被其他对象或线条分割时，只能选择其中一部分，如图三所示。,图2-35,图一,图二,图三,（2）第二种方法是在对象上双击鼠标。当双击的是轮廓线内部的填充区域时，该区域及其轮廓线均会被选中，如图2-36所示的图一；而当双击的是轮廓线时，则只有轮廓线被选中，如图二；但当轮廓线与其它同色的线条相连时，这些线条也会同时被选中，如图三。,图2-36,图一,图二,图三,图2-37,图一,图二,（3）第三种方法是用鼠标拖出一个矩形来，其所套住的区域为被选择区域，如图2-37所示的图一和图二。但是这样只能选择规则的矩形区域，如果需要选择不规则的区域，就要用到下面将介绍的套索工具。,使用【选择工具】，可以对矢量图形进行某些编辑修改，主要用于修改矢量线的弧度和外形。（1）选择【选择工具】，将鼠标移动到矢量线上且不靠近顶点，选择工具出现弧形符号，如图2-38所示的的图一，这时可以调整矢量线的弧度，此时，单击鼠标，然后拖动矢量线到合适的弧度松开鼠标即可，如图二。（2）将鼠标指针移动到对象的一个顶点时，选择工具出现方形符号，如图三，这时可以调整顶点的位置。单击这个顶点并拖动，这时矩形的形状发生变化，如图四。（3）将鼠标移动到矢量线上，按住Ctrl键，单击鼠标并拖动，这样可以在线条上增加一个顶点，如图五。同样，对于一条线段，我们也可以通过移动其顶点来改变其长短。,图2-38,选择【选择工具】后，在工具箱下方的【选项】里会出现选择工具的设置选项，如图2-39所示。,图2-39,最上面的称为捕捉按钮，在按下这个按钮后，当用鼠标拖动一个对象时，鼠标上方会出现一个小圆圈，它可以帮你在绘图时对齐图形、网格等。在你移动或修改对象时，箭头和对象之间会为小圆圈提供一个捕捉参考点。例如，在移动一个填充区域时，当拖曳点在该区域的中心点附近时，该中心点就会吸附到网格线和其它对象上，尤其在制作动画的过程中，这个功能对图形捕捉运动路径特别有用。下面的两个按钮和分别为平滑修改项和伸直修改项，他们的用法比较简单，在这里不做详细介绍。,2、部分选取工具部分选取工具的作用，大部分和选择工具相似，不同之处就是部分选取工具主要用于调节路径对象的节点或节点上的控制手柄位置，从而达到变形路径的效果。注意：按住“Alt”键，编辑的是与这个手柄相对应的弧线段。,3、套索工具工具箱内的图标按钮是套索工具按钮。使用套索工具可以选择对象的一部分，与选择工具相比，套索工具的选择区域可以是不规则的，因此显得更为灵活，功能更为强大。用套索工具选择对象的方法是：按住鼠标并拖动，像铅笔工具那样绘出要选择的区域，可以不封闭，Flash将用直线来自动封闭，松开鼠标后所套住的区域被选中，如图2-39所示的图一和图二。,图2-39,图一,图二,选择【套索】工具后，在工具箱下方的选项中出现了套索工具的3种属性设置，即魔术棒、魔术棒属性和多边形模式，如图2-40所示。,图2-40,单击按钮，就会进入魔术棒模式，这时套索工具选择的图形区域将是圆滑的曲线；单击按钮，弹出【魔术棒设置】对话框，如图2-41所示。该对话框各个选项的作用如下：,图2-41,阈值：在该文本框中输入阈值，该值越大，魔术棒选择对象时的容差范围就越大，该选项的范围在0200之间。平滑：该下拉列表框中有4个选项，分别是像素、粗略、正常和平滑线条，即用来定义位图边缘的平滑程度。按钮为多边形套索工具。单击按钮，进入多边形模式，将鼠标移动到舞台上，单击鼠标，再将鼠标移动到下一个点，单击鼠标，重复上述操作，就可以选择一个多边形区域。选择结束后，双击鼠标即可，如图2-42所示。,图2-42,4、橡皮擦工具使用橡皮擦工具，可以擦除绘图中多余的笔触或填充。橡皮擦工具有两种模式：一种是水龙头，一种是橡皮擦。水龙头模式用于将连续的笔触或连片的填充一次性地迅速擦除。橡皮擦模式很像是刷子工具的镜像，使用方法跟刷子工具模式的差不多。但要注意：使用“内部擦除”模式，擦除只对擦除起笔处所在的填充的内部起作用，起笔处不同所得到的效果也不同，如图2-43所示,图2-43内部擦除效果图,图一,图二,图三,起笔处在绿色矩形外,起笔处在蓝色矩形中,起笔处在绿色矩形中,