flash动画设计第5章.ppt

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

1、第5章导入图形图像和视频1学习目标学习目标l了解矢量图形和位图了解矢量图形和位图l掌握导入图形图像掌握导入图形图像l掌握编辑导入的位图图像掌握编辑导入的位图图像l掌握导入视频掌握导入视频 25.1导入图形图像导入图形图像5.2编辑导入的位图图像编辑导入的位图图像5.3导入视频文件导入视频文件35.1导入图形图像导入图形图像 虽然虽然Flash为创建和修改多种图形提供了强有力的工具，但用为创建和修改多种图形提供了强有力的工具，但用户不必把自己限制在户不必把自己限制在Flash创作环境中。因为创作环境中。因为Flash还具有导入作还具有导入作品的能力，而且对作品的来源限制很少。用户既可以导入矢量图

2、品的能力，而且对作品的来源限制很少。用户既可以导入矢量图形也可以导入位图图像，并且可以以多种方式使用这两种类型的形也可以导入位图图像，并且可以以多种方式使用这两种类型的图形。图形。45.1.1矢量图形和位图图形矢量图形和位图图形 矢量图形文件由描述位置的点和在这些点之间连线的方程组成。矢量图形文件由描述位置的点和在这些点之间连线的方程组成。Flash是基于矢量的应用程序。因此，使用是基于矢量的应用程序。因此，使用Flash的绘图工具创建的绘图工具创建的任何图形都是以矢量格式来表示的。矢量图形有一些重要的优的任何图形都是以矢量格式来表示的。矢量图形有一些重要的优点：文件尺寸比较小并且图形可以无变

3、形地精确缩放。然而，它点：文件尺寸比较小并且图形可以无变形地精确缩放。然而，它们也有一些缺点：高度复杂的矢量图形将使得文件尺寸变得很大，们也有一些缺点：高度复杂的矢量图形将使得文件尺寸变得很大，而且在建立连续的色调、照片或者艺术作品时矢量图并不是很合适。而且在建立连续的色调、照片或者艺术作品时矢量图并不是很合适。5 位图文件以独立的像素的排列描述，这些像素映射在带有小位图文件以独立的像素的排列描述，这些像素映射在带有小方格的坐标纸的栅格中。每个方格表示一个像素，每个像素都分方格的坐标纸的栅格中。每个方格表示一个像素，每个像素都分配了特定的颜色值。所以，位图图形映射了屏幕上每个像素的位配了特定的

4、颜色值。所以，位图图形映射了屏幕上每个像素的位置和颜色。直线是通过填充每个像素画出来的，并不象矢量图形置和颜色。直线是通过填充每个像素画出来的，并不象矢量图形那样通过使用数学公式连接两个点来画。那样通过使用数学公式连接两个点来画。6 矢量图形在放大后图像不会发生变化，和矢量图形不同的是，矢量图形在放大后图像不会发生变化，和矢量图形不同的是，当图形的尺寸放大时，位图图像变形的厉害。如图当图形的尺寸放大时，位图图像变形的厉害。如图5.1、5.2所示。所示。简单的位图图像经常比简单的矢量图形要大，但复杂的位图图像简单的位图图像经常比简单的矢量图形要大，但复杂的位图图像（如照片）常常比复杂程度相当的矢

5、量图形要小，并显示较好的（如照片）常常比复杂程度相当的矢量图形要小，并显示较好的效果。效果。图5.1矢量图放大 图5.2位图放大75.1.2可以导入可以导入Flash中的文件格式中的文件格式文件类型扩展名Windows操作系统Macintosh操作系统位图.bmp增强的Windows元文件.emfAdobe Illustrator.eps、.aiAutoCAD DXF.dxfFreeHand.fh7、.fh8、.fh9、.fh10、.fh11FutureSplash播放文件.splPICT.pct、.picPNG.pngGIF和GIF动画.gifJPEG.jpgFlash Player 6.s

6、wfWindows元文件.wmf8表5-2在安装Quick Time 4时，可以导入的图形图像格式文件文件类类型型扩扩展名展名Windows系系统统Macintosh操作系统PICT.pct、.pic(作为位图)QuickTime图像.qtifMacPaint.pntgPhotoshop.psdTIFF.tifTGA.tgaSilicon图形图像.sgi95.1.3导入图形图像的方式导入图形图像的方式 在在Flash MX中，用户可以从其他应用程序复制并粘贴图形中，用户可以从其他应用程序复制并粘贴图形到到Flash文档窗口中，也可以直接导入各种资源到文档窗口中，也可以直接导入各种资源到Flas

7、h项目库中。项目库中。还可以直接从一个还可以直接从一个Flash库或文档窗口拖到另一个库或文档窗口拖到另一个Flash库或文档库或文档窗口。导入窗口。导入Flash的文件大小要求不得小于的文件大小要求不得小于2像素像素2像素。像素。【操作实例【操作实例1】导入图像导入图像105.1.4导入图形图像的规则导入图形图像的规则 Flash MX能够识别多种矢量图形和位图图像，但导入的文件能够识别多种矢量图形和位图图像，但导入的文件格式不同，需要设置的选项也不同。格式不同，需要设置的选项也不同。Fireworks提供了最灵活的提供了最灵活的文件格式，以导入文件格式，以导入Flash。Fireworks

8、 PNG文件即可以作为不分文件即可以作为不分层的图像，也可以作为可编辑对象导入层的图像，也可以作为可编辑对象导入Flash。在所有将矢量作品导入在所有将矢量作品导入Flash的应用软件中，的应用软件中，FreeHand是最是最具兼容性的一个。当导入具兼容性的一个。当导入FreeHand文件时，除了可以保留图层文件时，除了可以保留图层和文件素描外，还可以保留库元件和页码。也可以选择导入特定和文件素描外，还可以保留库元件和页码。也可以选择导入特定范围的页。范围的页。11 SWF和和Windows元文件格式（元文件格式（WMF）文件的矢量图像可以）文件的矢量图像可以直接导入到直接导入到Flash文档

9、，并作为当前层中的一个组。当利用拖放方文档，并作为当前层中的一个组。当利用拖放方法导入位图图像时，系统将不再保留位图文件的透明度设置。法导入位图图像时，系统将不再保留位图文件的透明度设置。因此，为了保留位图文件的透明度设置，应选择因此，为了保留位图文件的透明度设置，应选择【文件】【文件】【导入】菜单导入位图文件。【导入】菜单导入位图文件。12 5.2编辑导入的位图图像编辑导入的位图图像 对于导入的位图图像，用户还可为位图设置压缩、反锯齿等对于导入的位图图像，用户还可为位图设置压缩、反锯齿等属性，从而控制位图的大小和外观；将导入的位图作为填充图案属性，从而控制位图的大小和外观；将导入的位图作为填

10、充图案应用到对象中；还可以在应用到对象中；还可以在Flash中启动中启动 Fireworks或其他外部图或其他外部图像编辑器来编辑导入的位图。像编辑器来编辑导入的位图。135.2.1使用属性面板编辑位图使用属性面板编辑位图 用户在舞台上选择导入的位图后，在打开的【位图属性】面板用户在舞台上选择导入的位图后，在打开的【位图属性】面板中就会显示该位图的元件名及其像素尺寸和在舞台上的位置，中就会显示该位图的元件名及其像素尺寸和在舞台上的位置，如图如图5.10所示。所示。145.2.2设置位图属性设置位图属性 在在Flash中对于导入的位图图像，用户可以通过改变其属性，来中对于导入的位图图像，用户可以

11、通过改变其属性，来控制导入位图的质量。控制导入位图的质量。【操作实例【操作实例2】交换图像位置交换图像位置155.2.3应用位图填充应用位图填充 在在Flash MX中，用户可以使用【混色器】面板将位图作为中，用户可以使用【混色器】面板将位图作为填充图案应用到图形对象中。在默认的情况下，使用位图填充时，填充图案应用到图形对象中。在默认的情况下，使用位图填充时，将平铺该位图来填充对象。将平铺该位图来填充对象。【操作实例【操作实例3】使用位图填充图形使用位图填充图形165.2.4在外部编辑器中编辑位图在外部编辑器中编辑位图 如果用户系统上安装了如果用户系统上安装了 Fireworks MX、Fre

12、eHand等图像编等图像编辑应用程序，就可以从辑应用程序，就可以从Flash中启动这些应用程序来编辑导入的位中启动这些应用程序来编辑导入的位图图像。图图像。17 53导入视频文件导入视频文件 在在Flash MX中，用户可输入视频剪辑到动画中。此时所选视中，用户可输入视频剪辑到动画中。此时所选视频文件将成为动画文档的元件（即被自动放入文档库中），而插频文件将成为动画文档的元件（即被自动放入文档库中），而插入到文档中的内容则成为了该元件的实例。入到文档中的内容则成为了该元件的实例。输入视频剪辑时，用户可采用嵌入方式或链接方式，并可使输入视频剪辑时，用户可采用嵌入方式或链接方式，并可使用用goTo

13、、play、stop、toggleHighQuality、stopAllSounds、getURL、FScommand、loadMovie、unloadMovie、ifFrameLoaded 和和onMouseEvent等动作在影片剪辑中导入视频等动作在影片剪辑中导入视频对象。不过，为了能够将动作应用于视频对象，必须首先将视频对象。不过，为了能够将动作应用于视频对象，必须首先将视频对象转换成影片剪辑。对象转换成影片剪辑。185.3.1视频导入文件格式视频导入文件格式 对于使用对于使用Windows操作系统的用户来说，如果安装了操作系统的用户来说，如果安装了QuickTime 4或或Direct

14、X 7(或更高版本或更高版本)，则可以导入各种文件格式的视，则可以导入各种文件格式的视频剪辑，包括频剪辑，包括MOV（QuickTime影片）、影片）、AVI（音频视频交叉文件）（音频视频交叉文件）和和MPG/MPEG（运动图像专家组文件）。（运动图像专家组文件）。19表5-3 安装了QuickTime 4后可以导入的视频文件格式文件文件类类型型扩扩展名展名Windows系系统统Macintosh操作系统音频视频交叉文件.aviQuickTime影片.mov运动图像专家组.mpg、.mpeg数字视频.dv20表5-4安装了DirectX 7后可以导入的视频文件格式文件文件类类型型扩扩展名展名W

15、indows系系统统音频视频交叉文件.aviWindows媒体文件.wmv、.asf运动图像专家组.mpg、.mpeg 在默认的情况下，在默认的情况下，Flash使用使用Sorenson Spark编码解码器导编码解码器导入和导出视频。入和导出视频。Sorenson Spark是包含在是包含在Flash MX中的运动视中的运动视频编码解码器，它可以使用户向频编码解码器，它可以使用户向Flash中添加视频内容。同时提中添加视频内容。同时提高视频的品质。高视频的品质。215.3.2将视频剪辑导入为嵌入文件将视频剪辑导入为嵌入文件 在在Flash MX中，用户可以嵌入文件方式输入系统支持的任何中，用

16、户可以嵌入文件方式输入系统支持的任何格式的视频剪辑，此时视频剪辑将成为影片的一部分，这类似导入格式的视频剪辑，此时视频剪辑将成为影片的一部分，这类似导入的位图或矢量图形。在发布影片时，视频剪辑将被包含在发布的的位图或矢量图形。在发布影片时，视频剪辑将被包含在发布的影片中。同时，用户也可将带视频剪辑的影片以影片中。同时，用户也可将带视频剪辑的影片以QuickTime格式格式发布发布 225.3.3将将QuickTime视频剪辑导入为链接文件视频剪辑导入为链接文件 如果当前系统已经安装了如果当前系统已经安装了QuickTime4或更新版本，可在或更新版本，可在Flash文档中导入文档中导入Quic

17、kTime视频剪辑。导入视频剪辑。导入QuickTime视频剪视频剪辑时，可选择使用链接或嵌入方式。其中，以链接方式导入视频辑时，可选择使用链接或嵌入方式。其中，以链接方式导入视频剪辑时，导入的视频剪辑并未成为剪辑时，导入的视频剪辑并未成为Flash影片的一部分，而只是影片的一部分，而只是保存了一个源文件的指针。保存了一个源文件的指针。【操作实例【操作实例4】以链接方式导入以链接方式导入QuickTime视频剪辑视频剪辑235.3.4处理导入的视频文件处理导入的视频文件 导入视频文件后，用户可以通过【属性】面板设置视频文件导入视频文件后，用户可以通过【属性】面板设置视频文件的位置和尺寸。对于嵌

18、入的视频文件，还可借助其属性面板命名的位置和尺寸。对于嵌入的视频文件，还可借助其属性面板命名实例。如果希望更换视频对象实例，可在属性面板中单击【交换】实例。如果希望更换视频对象实例，可在属性面板中单击【交换】按钮，如图按钮，如图5.26所示所示。24 5.4上机操作综合指导上机操作综合指导上机操作指导上机操作指导1操作要求：操作要求：在在Flash中新建一个文档，导入一位图，添加一文本框并用位中新建一个文档，导入一位图，添加一文本框并用位图填充颜色。图填充颜色。25操作步骤操作步骤第一步：建立第一步：建立Flash文档，导入一图片文档，导入一图片1.启动启动Flash MX程序，选择【文件】程

19、序，选择【文件】【新建】命令，建立一个新的【新建】命令，建立一个新的Flash文档。文档。2.选择【文件】选择【文件】【导入】命令，打开【导入】对话框，在对话框中选择一幅图片，【导入】命令，打开【导入】对话框，在对话框中选择一幅图片，单击【打开】按钮即可将其导入到当前的单击【打开】按钮即可将其导入到当前的Flash文档。文档。第二步：创建文本设置文本属性第二步：创建文本设置文本属性3单击工具面板中【文本工具】按钮，在打开的文本属性面板的【文本类型】下拉单击工具面板中【文本工具】按钮，在打开的文本属性面板的【文本类型】下拉列表框中选择【静态文本】选项，并设置文本的字体为列表框中选择【静态文本】选

20、项，并设置文本的字体为“Arial Black”，字体大小为，字体大小为50，文字颜色为粉红色，文字样式为加粗。文字颜色为粉红色，文字样式为加粗。264.用鼠标在舞台上拖动出一个文本框，输入用鼠标在舞台上拖动出一个文本框，输入“Flower”文字内容。文字内容。并用【箭头工具】调整文本框的位置。如图并用【箭头工具】调整文本框的位置。如图5.28所示。所示。图5.28添加文本框后的效果27第三步：分离文本第三步：分离文本5.选中文本内容，选择选中文本内容，选择2次【修改】次【修改】【分离】命令，将文本分【分离】命令，将文本分离为填充图形。如图离为填充图形。如图5.29所示。所示。图5.29将文本

21、分离为填充图形286.此时，部分填充图形显示在位图后面。选中导入的位图，选择此时，部分填充图形显示在位图后面。选中导入的位图，选择【修改】【修改】【分离到图层】命令，将位图调整到填充图形的下面。【分离到图层】命令，将位图调整到填充图形的下面。如图如图5.30所示。所示。5.30 选择“分离到图层”后的效果29第四步：为分离后的文本填充样式第四步：为分离后的文本填充样式7.选择【窗口】选择【窗口】【混色器】命令，在打开的【混色器】面板的【混色器】命令，在打开的【混色器】面板的【填充样式】下拉列表框中选择【位图】选项，选择一图片文件，【填充样式】下拉列表框中选择【位图】选项，选择一图片文件，对文本

22、进行填充。对文本进行填充。30上机操作指导上机操作指导2操作要求：操作要求：在在Flash中新建一个文档，导入一位图，并删除其背景。在对中新建一个文档，导入一位图，并删除其背景。在对位图进行操作时，如果用户要分别选取不同区域并进行编辑修改，位图进行操作时，如果用户要分别选取不同区域并进行编辑修改，那么就应该将该位图进行分离。分离位图可将图像中的像素分散那么就应该将该位图进行分离。分离位图可将图像中的像素分散到离散的区域中，在分离位图时可选中舞台中的该位图图像，然到离散的区域中，在分离位图时可选中舞台中的该位图图像，然后选择【修改】后选择【修改】【分离】命令，即可对位图图像进行分离操作。【分离】

23、命令，即可对位图图像进行分离操作。31操作步骤操作步骤第一步：建立第一步：建立Flash文档，导入一图片文档，导入一图片1.启动启动Flash MX程序，选择程序，选择【文件文件】【新建新建】命令，建立一个命令，建立一个2.新的新的Flash文档。文档。2.选择选择【文件文件】【导入导入】命令，打开命令，打开【导入导入】对话框，在对话对话框，在对话框中选择一幅图片，单击框中选择一幅图片，单击【打开打开】按钮即可将其导入到当前的按钮即可将其导入到当前的Flash文档。文档。第二步：分离文本第二步：分离文本3.在文档中选中该位图图像，选择在文档中选中该位图图像，选择【修改修改】【分离分离】命令将图

24、像命令将图像进行分离。进行分离。32第三步：选择要删除的图像第三步：选择要删除的图像4.单击工具面板中的【套索工具】按钮单击工具面板中的【套索工具】按钮，在其【选项】区域中选，在其【选项】区域中选择【魔术棒】按钮，在分离后的位图图像的背景上单击，选中该择【魔术棒】按钮，在分离后的位图图像的背景上单击，选中该区域。区域。第四步：删除图像第四步：删除图像5.按下【按下【Delete】键，即可将分离的位图图像的背景删除，效果】键，即可将分离的位图图像的背景删除，效果如图如图5.31所示。所示。图5.31删除分离位图的背景33 小结与提高小结与提高l位图最适合于相片质量图像，或包含细致或复杂颜色混合的

25、图像。位图最适合于相片质量图像，或包含细致或复杂颜色混合的图像。l位图可以在图像编辑应用程序或位图可以在图像编辑应用程序或Flash中优化或压缩，重要的是中优化或压缩，重要的是要遵照工作流程以避免产生双要遵照工作流程以避免产生双JPEG压缩。导入压缩。导入JPEG图像时，记图像时，记得选中得选中“使用文档默认品质使用文档默认品质”复选框。复选框。l用分离命令可以对位图和文本进行转化，然后可以像编辑形状一用分离命令可以对位图和文本进行转化，然后可以像编辑形状一样编辑它们，创建特殊效果。样编辑它们，创建特殊效果。34lFlash支持从一些图形应用程序，如支持从一些图形应用程序，如Macromedia FreeHand,Fireworks以及以及Adobe Illustrator导入图层、可编辑文本和渐变。导入图层、可编辑文本和渐变。l尽管矢量格式是尽管矢量格式是Flash的默认文件格式，并且在设计时很方便，的默认文件格式，并且在设计时很方便，但矢量图形通常仍需要优化。但矢量图形通常仍需要优化。lFlash MX使用使用Sorenson Spark编码解码器进行视频编码，它编码解码器进行视频编码，它是内建在是内建在Flash Player6或更高版本中。或更高版本中。Web用户不需要下载任用户不需要下载任何附加的软件就可以观看何附加的软件就可以观看Flash 6影片影片35