第5章 导入图形图像和视频.

Presentation on theme: "第5章 导入图形图像和视频."— Presentation transcript:

1 第5章 导入图形图像和视频

2 学习目标 了解矢量图形和位图 掌握导入图形图像 掌握编辑导入的位图图像 掌握导入视频 第5章 导入图形图像和视频

3 5.1导入图形图像 5.2编辑导入的位图图像 5.3导入视频文件 第5章 导入图形图像和视频

4 5.1导入图形图像 虽然Flash为创建和修改多种图形提供了强有力的工具，但用
户不必把自己限制在Flash创作环境中。因为Flash还具有导入作 品的能力，而且对作品的来源限制很少。用户既可以导入矢量图 形也可以导入位图图像，并且可以以多种方式使用这两种类型的 图形。 第5章 导入图形图像和视频

5 5.1.1矢量图形和位图图形 矢量图形文件由描述位置的点和在这些点之间连线的方程组成。
Flash是基于矢量的应用程序。因此，使用Flash的绘图工具创建 的任何图形都是以矢量格式来表示的。矢量图形有一些重要的优 点：文件尺寸比较小并且图形可以无变形地精确缩放。然而，它 们也有一些缺点：高度复杂的矢量图形将使得文件尺寸变得很大， 而且在建立连续的色调、照片或者艺术作品时矢量图并不是很合适。 第5章 导入图形图像和视频

6 位图文件以独立的像素的排列描述，这些像素映射在带有小 方格的坐标纸的栅格中。每个方格表示一个像素，每个像素都分
配了特定的颜色值。所以，位图图形映射了屏幕上每个像素的位 置和颜色。直线是通过填充每个像素画出来的，并不象矢量图形 那样通过使用数学公式连接两个点来画。 第5章 导入图形图像和视频

7 矢量图形在放大后图像不会发生变化，和矢量图形不同的是， 当图形的尺寸放大时，位图图像变形的厉害。如图5.1 、5.2所示。
简单的位图图像经常比简单的矢量图形要大，但复杂的位图图像 （如照片）常常比复杂程度相当的矢量图形要小，并显示较好的 效果。 图5.1矢量图放大 图5.2位图放大 第5章 导入图形图像和视频

8 5.1.2可以导入Flash中的文件格式 第5章 导入图形图像和视频 文件类型 扩展名 Windows操作系统 Macintosh操作系统
位图 .bmp √ 增强的Windows元文件 .emf Adobe Illustrator .eps、.ai AutoCAD DXF .dxf FreeHand .fh7、.fh8、.fh9、.fh10、.fh11 FutureSplash播放文件 .spl PICT .pct、.pic PNG .png GIF和GIF动画 .gif JPEG .jpg Flash Player 6 .swf Windows元文件 .wmf 第5章 导入图形图像和视频

9 表5-2在安装Quick Time 4时，可以导入的图形图像格式
文件类型 扩展名 Windows系统 Macintosh操作系统 PICT .pct、.pic √(作为位图) QuickTime图像 .qtif √ MacPaint .pntg Photoshop .psd TIFF .tif TGA .tga Silicon图形图像 .sgi 第5章 导入图形图像和视频

10 5.1.3导入图形图像的方式 在Flash MX中，用户可以从其他应用程序复制并粘贴图形
到Flash文档窗口中，也可以直接导入各种资源到Flash项目库中。 还可以直接从一个Flash库或文档窗口拖到另一个Flash库或文档 窗口。导入Flash的文件大小要求不得小于2像素×2像素。 【操作实例1】导入图像 第5章 导入图形图像和视频

11 5.1.4导入图形图像的规则 Flash MX能够识别多种矢量图形和位图图像，但导入的文件
格式不同，需要设置的选项也不同。Fireworks提供了最灵活的 文件格式，以导入Flash。Fireworks PNG文件即可以作为不分 层的图像，也可以作为可编辑对象导入Flash。 在所有将矢量作品导入Flash的应用软件中，FreeHand是最 具兼容性的一个。当导入FreeHand文件时，除了可以保留图层 和文件素描外，还可以保留库元件和页码。也可以选择导入特定 范围的页。 第5章 导入图形图像和视频

12 SWF和Windows元文件格式（WMF）文件的矢量图像可以 直接导入到Flash文档，并作为当前层中的一个组。当利用拖放方
法导入位图图像时，系统将不再保留位图文件的透明度设置。 因此，为了保留位图文件的透明度设置，应选择 【文件】→ 【导入】菜单导入位图文件。 第5章 导入图形图像和视频

13 5.2编辑导入的位图图像 对于导入的位图图像，用户还可为位图设置压缩、反锯齿等 属性，从而控制位图的大小和外观；将导入的位图作为填充图案
应用到对象中；还可以在Flash中启动 Fireworks或其他外部图 像编辑器来编辑导入的位图。 第5章 导入图形图像和视频

14 中就会显示该位图的元件名及其像素尺寸和在舞台上的位置， 如图5.10所示。
5 .2.1使用属性面板编辑位图 用户在舞台上选择导入的位图后，在打开的【位图属性】面板 中就会显示该位图的元件名及其像素尺寸和在舞台上的位置， 如图5.10所示。 第5章 导入图形图像和视频

15 5.2.2设置位图属性 在Flash中对于导入的位图图像，用户可以通过改变其属性，来 控制导入位图的质量。 【操作实例2】交换图像位置
第5章 导入图形图像和视频

16 5.2.3应用位图填充 在Flash MX中，用户可以使用【混色器】面板将位图作为
填充图案应用到图形对象中。在默认的情况下，使用位图填充时， 将平铺该位图来填充对象。 【操作实例3】使用位图填充图形 第5章 导入图形图像和视频

17 5.2.4在外部编辑器中编辑位图 如果用户系统上安装了 Fireworks MX 、FreeHand等图像编
辑应用程序，就可以从Flash中启动这些应用程序来编辑导入的位 图图像。 第5章 导入图形图像和视频

18 5．3导入视频文件 在Flash MX中，用户可输入视频剪辑到动画中。此时所选视 频文件将成为动画文档的元件（即被自动放入文档库中），而插
入到文档中的内容则成为了该元件的实例。 输入视频剪辑时，用户可采用嵌入方式或链接方式，并可使 用goTo、play、 stop 、toggleHighQuality、stopAllSounds、 getURL 、FScommand、 loadMovie、 unloadMovie、 ifFrameLoaded 和onMouseEvent等动作在影片剪辑中导入视频 对象。不过，为了能够将动作应用于视频对象，必须首先将视频 对象转换成影片剪辑。 第5章 导入图形图像和视频

19 5.3.1视频导入文件格式 对于使用Windows操作系统的用户来说，如果安装了Quick
Time 4或DirectX 7(或更高版本)，则可以导入各种文件格式的视 频剪辑，包括MOV（QuickTime影片）、AVI（音频视频交叉文件） 和MPG/MPEG（运动图像专家组文件）。 第5章 导入图形图像和视频

20 表5-3 安装了QuickTime 4后可以导入的视频文件格式
文件类型 扩展名 Windows系统 Macintosh操作系统 音频视频交叉文件 .avi √ QuickTime影片 .mov 运动图像专家组 .mpg 、 .mpeg 数字视频 .dv 第5章 导入图形图像和视频

21 入和导出视频。Sorenson Spark是包含在Flash MX中的运动视 频编码解码器，它可以使用户向Flash中添加视频内容。同时提
表5-4安装了DirectX 7后可以导入的视频文件格式 文件类型 扩展名 Windows系统 音频视频交叉文件 .avi √ Windows媒体文件 .wmv 、 .asf 运动图像专家组 .mpg 、 .mpeg 在默认的情况下，Flash使用Sorenson Spark编码解码器导 入和导出视频。Sorenson Spark是包含在Flash MX中的运动视 频编码解码器，它可以使用户向Flash中添加视频内容。同时提 高视频的品质。 第5章 导入图形图像和视频

22 5.3.2将视频剪辑导入为嵌入文件 在Flash MX中，用户可以嵌入文件方式输入系统支持的任何
格式的视频剪辑，此时视频剪辑将成为影片的一部分，这类似导入 的位图或矢量图形。在发布影片时，视频剪辑将被包含在发布的 影片中。同时，用户也可将带视频剪辑的影片以QuickTime格式 发布 第5章 导入图形图像和视频

23 5.3.3将QuickTime视频剪辑导入为链接文件 如果当前系统已经安装了QuickTime4或更新版本，可在
Flash文档中导入QuickTime视频剪辑。导入QuickTime视频剪 辑时，可选择使用链接或嵌入方式。其中，以链接方式导入视频 剪辑时，导入的视频剪辑并未成为Flash影片的一部分，而只是 保存了一个源文件的指针。 【操作实例4】以链接方式导入QuickTime视频剪辑 第5章 导入图形图像和视频

24 导入视频文件后，用户可以通过【属性】面板设置视频文件
5.3.4处理导入的视频文件 导入视频文件后，用户可以通过【属性】面板设置视频文件 的位置和尺寸。对于嵌入的视频文件，还可借助其属性面板命名 实例。如果希望更换视频对象实例，可在属性面板中单击【交换】 按钮，如图5.26所示。 第5章 导入图形图像和视频

25 5.4上机操作综合指导 上机操作指导1 操作要求： 在Flash中新建一个文档，导入一位图，添加一文本框并用位 图填充颜色。
第5章 导入图形图像和视频

26 操作步骤 第一步：建立Flash文档，导入一图片 1. 启动Flash MX程序，选择【文件】→【新建】命令，建立一个新的Flash文档。
2. 选择【文件】→【导入】命令，打开【导入】对话框，在对话框中选择一幅图片， 单击【打开】按钮即可将其导入到当前的Flash文档。 第二步：创建文本设置文本属性 3．单击工具面板中【文本工具】按钮，在打开的文本属性面板的【文本类型】下拉 列表框中选择【静态文本】选项，并设置文本的字体为“Arial Black”，字体大小为50， 文字颜色为粉红色，文字样式为加粗。 第5章 导入图形图像和视频

27 4. 用鼠标在舞台上拖动出一个文本框，输入“Flower”文字内容。 并用【箭头工具】调整文本框的位置。如图5.28所示。
图5.28添加文本框后的效果 第5章 导入图形图像和视频

28 5.选中文本内容，选择2次【修改】→【分离】命令，，将文本分 离为填充图形。如图5.29所示。
第三步：分离文本 5.选中文本内容，选择2次【修改】→【分离】命令，，将文本分 离为填充图形。如图5.29所示。 图5.29将文本分离为填充图形 第5章 导入图形图像和视频

29 6.此时，部分填充图形显示在位图后面。选中导入的位图，选择 【修改】→【分离到图层】命令，将位图调整到填充图形的下面。 如图5.30所示。
5.30 选择“分离到图层”后的效果 第5章 导入图形图像和视频

30 7. 选择【窗口】→【混色器】命令，在打开的【混色器】面板的 【填充样式】下拉列表框中选择【位图】选项，选择一图片文件， 对文本进行填充。
第四步：为分离后的文本填充样式 7. 选择【窗口】→【混色器】命令，在打开的【混色器】面板的 【填充样式】下拉列表框中选择【位图】选项，选择一图片文件， 对文本进行填充。 第5章 导入图形图像和视频

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

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

33 4.单击工具面板中的【套索工具】按钮 ，在其【选项】区域中选 择【魔术棒】按钮，在分离后的位图图像的背景上单击，选中该 区域。
第三步：选择要删除的图像 4.单击工具面板中的【套索工具】按钮 ，在其【选项】区域中选 择【魔术棒】按钮，在分离后的位图图像的背景上单击，选中该 区域。 第四步：删除图像 5.按下【Delete】键，即可将分离的位图图像的背景删除，效果 如图5.31所示。 图5.31删除分离位图的背景 第5章 导入图形图像和视频

34 位图最适合于相片质量图像，或包含细致或复杂颜色混合的图像。 位图可以在图像编辑应用程序或Flash中优化或压缩，重要的是
小结与提高 位图最适合于相片质量图像，或包含细致或复杂颜色混合的图像。 位图可以在图像编辑应用程序或Flash中优化或压缩，重要的是 要遵照工作流程以避免产生双JPEG压缩。导入JPEG图像时，记 得选中“使用文档默认品质”复选框。 用分离命令可以对位图和文本进行转化，然后可以像编辑形状一 样编辑它们，创建特殊效果。 第5章 导入图形图像和视频

35 Flash支持从一些图形应用程序，如Macromedia FreeHand,
Fireworks以及Adobe Illustrator导入图层、可编辑文本和渐变。 尽管矢量格式是Flash的默认文件格式，并且在设计时很方便， 但矢量图形通常仍需要优化。 Flash MX使用Sorenson Spark编码解码器进行视频编码，它 是内建在Flash Player6或更高版本中。Web用户不需要下载任 何附加的软件就可以观看Flash 6影片 第5章 导入图形图像和视频