第3章素材文件的导入课件.ppt

《第3章素材文件的导入课件.ppt》由会员分享，可在线阅读，更多相关《第3章素材文件的导入课件.ppt（46页珍藏版）》请在三一办公上搜索。

1、第3章 素材文件的导入,（时间：2次课，4学时）,第3章 素材文件的导入,Flash CC软件的各项功能都很完善，但是本身无法产生一些素材文件，本章就介绍了怎样导入图像文件，并对导入的位图进行压缩和转换，介绍了导入AI文件、PSD文件和FreeHand文件等各种格式文件的导入方法；介绍了导入视频文件和音频文件的方式，并对音频文件的进行编辑和压缩方法。,第3章 素材文件的导入,3.1 导入图像文件3.2 导入更多图形格式3.3 导入视频文件3.4 导入音频文件3.5 素材的导出3.6 影片的发布及输出3.7 上机练习添加背景音乐3.8 思考与练习,3.1 导入图像文件,制作一个复杂的动画仅使用F

2、lash软件自带的绘图工具是远远不够的，需要从外部导入创作时所需要的素材。Flash提供了强大的导入功能，几乎可以导入各种文件类型，特别是对Photoshop图像格式的支持，极大地拓宽了Flash素材的来源。 Flash可以识别各种矢量图格式和位图格式，并且从外部导入的图像素材都会自动加入当前编辑文件的库中。Flash可以将图片导入到当前Flash文件的舞台上或该文件的库中。,3.1.1 导入位图,在Flash中可以导入位图图像，操作步骤如下：(1) 在菜单栏中选择【文件】|【导入】|【导入到舞台】命令，打开【导入】对话框，如图3.1所示。,图3.1 【导入】对话框,3.1.1 导入位图,(2

3、) 在【导入】对话框中，选择需要导入的文件，然后单击【打开】按钮，即可将图像导入到场景中。 如果导入的是图像序列中的某一个文件,则Flash会自动将其识别为图像序列，并弹出提示对话框，如图3.2所示。 如果将一个图像序列导入Flash中，那么在场景中显示的只是选中的图像，其他图像则不会显示。如果要使用序列中的其他图像，可以在菜单栏中选择【窗口】|【库】命令，打开【库】面板，在其中选择需要的图像，如图3.3所示。,图3.2 提示对话框,图3.3 【库】面板,3.1.2 压缩位图,Flash虽然可以很方便地导入图像素材，但是有一个重要的问题经常会被使用者忽略，就是导入图像的容量大小。往往大多数人认

4、为导入的图像容量会随着图片在舞台中缩小尺寸而减少，其实这是错误的想法，导入图像的容量和缩放的比例毫无关系。如果要减少导入图像的容量就必须对图像进行压缩，操作如下。 在【库】面板中找到导入的图像素材，在该图像上单击鼠标右键，在弹出的快捷菜单中选中【属性】命令，打开【位图属性】对话框，如图3.4所示。(2) 选中【允许平滑】复选框，可以消除图像的锯齿，从而平滑位图的边缘。(3) 在【压缩】下拉列表框中选择【照片(JPEG)】选项，然后在【品质】选项组中选择【使用发布设置：80】单选按钮，为图像指定默认压缩品质。,图3.4 【位图属性】对话框,3.1.2 压缩位图,提 示： 用户可以在【品质】选项组

5、中选择【自定义】单选按钮，然后在文本框中输入品质数值，最大可设置为100。设置的数值越大得到的图形的显示效果就越好，而文件占用的空间也会相应增大。(4) 单击【测试】按钮，可查看当前设置的JPEG品质，原始文件及压缩后文件的大小，图像的压缩比率。提 示： 对于具有复杂颜色或色调变化的图像，如具有渐变填充的照片或图像，建议使用【照片(JPEG)】压缩方式。对于具有简单形状和颜色较少的图像，建议使用【无损(PNG/GIF)】压缩方式。,3.1.3 转换位图,在Flash中可以将位图转换为矢量图，Flash矢量化位图的方法是首先预审组成位图的像素，将近似的颜色划在一个区域，然后在这些颜色区域的基础上

6、建立矢量图，但是用户只能对没有分离的位图进行转换。尤其对色彩少、没有色彩层次感的位图，即非照片的图像运用转换功能，会收到最好的效果。如果对照片进行转换，不但会增加计算机的负担，而且得到的矢量图比原图还大，结果会得不偿失。将位图转换为矢量图的操作如下：(1) 在菜单栏中选择【文件】|【导入】|【导入到舞台】命令，打开【导入】对话框，选择一幅位图图像，将其导入场景中。(2) 在菜单栏中选择【修改】|【位图】|【转换位图为矢量图】命令，打开【转换位图为矢量图】对话框，如图3.5所示。【转换位图为矢量图】对话框中的各项参数功能如下。,颜色阈值：设置位图中每个像素的颜色与其他像素的颜色在多大程度上的不同

7、可以被当做是不同颜色。范围是1500之间的整数，数值越大，创建的矢量图就越小，但与原图的差别也越大；数值越小，颜色转换越多，与原图的差别越小。最小区域：设定以多少像素为单位来转换成一种色彩。数值越低，转换后的色彩与原图越接近，但是会浪费较多的时间，其范围为11000。,图3.5 【转换位图为矢量图】,3.1.3 转换位图,角阈值：设定转换成矢量图后，曲线的弯度要达到多大的范围才能转化为拐点。曲线拟合：设定转换成矢量图后曲线的平滑程度，包括【像素】、【非常紧密】、【紧密】、【一般】、【平滑】和【非常平滑】等选项。(3) 设置完成后，单击【预览】按钮，可以先预览转换的效果，单击【确定】按钮即可将位

8、图转换为矢量图。在图3.6中，左侧图为位图，右侧图为转换后的矢量图。注 意： 并不是所有的位图转换成矢量图后都能减小文件的大小。将图像转换成矢量图后，有时会发现转换后的文件比原文件还要大，这是由于在转换过程中，要产生较多的矢量图来匹配它。,图3.6 转换后的矢量图效果,3.2 导入更多图形格式,Flash可以按如下方式导入更多的矢量图形和图像序列。当从Illustrator中将矢量图导入Flash时，可以选择保留Illustrator层。在保留图层和结构的同时，导入和集成 Photoshop(PSD)文件，然后在 Flash中编辑它们。使用高级选项在导入过程中优化和自定义文件。当从Firewo

9、rks中导入PNG图像时，可以将文件作为能够在Flash中修改的可编辑对象来导入，或作为可以在Fireworks中编辑和更新的平面化文件来导入。可以选择保留图像、文本和辅助线。如果通过剪切和粘贴从Fireworks中导入PNG文件，该文件会被转换为位图。将矢量图形从FreeHand中导入Flash中时，可以选择保留FreeHand层、页面和文本块。,3.2.1 导入AI文件,Flash可以导入和导出Illustrator软件生成的AI格式文件。当AI格式的文件导入Flash中后，可以像其他Flash对象一样进行处理。导入AI格式文件的操作方法如下：(1) 打开【导入】对话框后，在其中选择要导入

10、的AI格式文件。(2) 单击【打开】按钮，打开【将【】导入到舞台】对话框，如图3.7所示。【将【】导入到舞台】对话框中的各项设置如下。图层转换：选择【保持可编辑路径和效果】，选择【单个平面化位图】导入为单一的位图图像。,图3.7 【导入到舞台】对话框,3.2.1 导入AI文件,文本转换：选择【可编辑文本】，选择【矢量轮廓】，选择【平面化位图图像】， 将图层转换为：选择【Flash图层】选项会将Illustrator文件中的每个层都转换为Flash文件中的一个层。选择【关键帧】选项会将Illustrator文件中的每个层都转换为Flash文件中的一个关键帧。选择【单一Flash图层】选项会将Il

11、lustrator文件中的所有层都转换为Flash文件中的单个平面化的层。 匹配大小：导入后，将舞台尺寸和Illustrator的画板设置成相同的大小。 导入未使用的符号：导入时，将未使用的元件一并导入。(3) 设置完后，单击【确定】按钮，即可将AI格式文件导入Flash中，如图3.8所示。,图3.8 导入的图片,3.2.2 导入PSD文件,Photoshop产生的PSD文件，也可以导入Flash中，并可以像其他Flash对象一样进行处理。 导入PSD格式文件的操作方法如下：(1) 打开【导入】对话框后，在其中选择要导入的PSD格式文件。(2) 单击【打开】按钮，打开【将【】导入到舞台】对话框

12、，如图3.9所示。 该对话框中的一些参数选项，与导入AI格式文件时打开的对话框是相同的，下面介绍一下几个不同的参数选项。将Photoshop图层平面化到单个位图：可将所有图层显示在一个位图上。图层转换：选择【保持可编辑路径和效果】可将图层中的路径和效果保留下来以供编辑，选择【单个平面化位图】可将所有图层导入为单一的位图图像。,图3.9 【将【】导入舞台】对话框,3.2.2 导入PSD文件,文本转换：选择【可编辑文本】可以对图层中的文本保留编辑效果，选择【矢量轮廓】可以将图层中的文本装换为矢量轮廓，选择【平面化位图图像】可将所有图层导入为单一的位图图像，将图层转换为：选择【Flash图层】选项会

13、将Photoshop文件中的每个层都转换为Flash文件中的一个层。选择【关键帧】选项会将Photoshop文件中的每个层都转换为Flash文件中的一个关键帧。将图层置于原始位置：在Photoshop文件中的原始位置放置导入的对象。匹配到舞台大小：导入后，将舞台尺寸和Photoshop的画布设置成相同的大小。 (3) 设置完成后，单击【确定】按钮，即可将PSD文件导入Flash中。如图3.10所示。,图3.10 将PSD文件导入Flash,3.2.3 导入PNG文件,Fireworks软件生成的PNG格式文件可以作为平面化图像或可编辑对象导入Flash中。将PNG文件作为平面化图像导入时，整个

14、文件(包括所有矢量图)会进行栅格化，或转换为位图图像。将PNG文件作为可编辑对象导入时，该文件中的矢量图会保留为矢量格式。将PNG文件作为可编辑对象导入时，可以选择保留PNG文件中存在的位图、文本和辅助线。 如果将PNG文件作为平面化图像导入，则可以从Flash中启动Fireworks，并编辑原始的PNG文件(具有矢量数据)。 当成批导入多个PNG文件时，只需选择一次导入设置，Flash对于一批中的所有文件使用同样的设置。可以在Flash中编辑位图图像，方法是将位图图像转换为矢量图或将位图图像分离。 导入Fireworks PNG文件的操作步骤如下：(1) 打开【导入】对话框后，在其中选择要导

15、入的PNG格式的文件。(2) 单击【打开】按钮，即可将Fireworks PNG文件导入Flash中。如图3.11所示。,图3.11 打开的Fireworks PNG文件,用户可以将FreeHand文件(版本10或更低版本)直接导入Flash中。FreeHand是导入到Flash中的矢量图形的最佳选择，因为这样可以保留FreeHand层、文本块、库元件和页面，并且可以选择要导入的页面范围。如果导入的FreeHand文件为CMYK颜色模式，则Flash会将该文件转换为RGB模式。向Flash中导入FreeHand文件时，需要遵循以下几项原则：当要导入的文件有两个重叠的对象，而用户又想将这两个对象

16、保留为单独的对象时，可以将这两个对象放置在FreeHand的不同层中，然后在【FreeHand导入】对话框中选择【图层】(如果将一个层上的多个重叠对象导入到Flash中，重叠的形状将在交集点处分割，就像在Flash中创建的重叠对象一样)。当导入具有渐变填充的文件时，Flash最多支持一个渐变填充中有8种颜色。如果 FreeHand文件包含具有多于8种颜色的渐变填充时，Flash会创建剪辑路径来模拟渐变填充，剪辑路径会增大文件的大小。要想减小文件的大小，应在FreeHand中使用具有8种或更少颜色的渐变填充。当导入具有混合对象的文件时，Flash会将混合中的每个步骤导入为一个单独的路径。因此，F

17、reeHand文件的混合中包含的步骤越多，Flash中的导入文件将变得越大。 如果导入文件中包含具有方头的笔触，Flash会将它转换为圆头。如果导入文件中具有灰度图像，则Flash会将该灰度图像转换为RGB图像。这种转换会增大导入文件的大小。,3.2.4 导入FreeHand文件,导入FreeHand文件的操作步骤如下：(1) 打开【导入】对话框后，选择要导入的FreeHand文件。(2) 单击【打开】按钮，打开【FreeHand导入】对话框。【FreeHand导入】对话框中的各项参数说明如下。页面【映射】选项组内】：选择【场景】单选按钮会将FreeHand文件中的每个页面都转换为Flash文

18、件中的一个场景。选择【关键帧】单选按钮会将FreeHand文件中的每个页面转换为Flash文件中的一个关键帧。图层：选择【图层】单选按钮会将FreeHand文件中的每个层都转换为Flash文件中的一层。选择【关键帧】单选按钮会将FreeHand文件中的每个层都转换为Flash文件中的一个关键帧。选择【平面化】单选按钮会将FreeHand文件中的所有层都转换为Flash文件中的单个平面化的层页面：选择【全部】单选按钮将导入FreeHand文件中的所有页面。在【自】和【至】中输入页码，将导入页码范围内的FreeHand文件。选项：选中【包括不可见图层】复选框将导入FreeHand文件中的所有层(包

19、括可见层和隐藏层)。选中【包括背景图层】复选框会随FreeHand文件一同导入背景层。选中【维持文本块】复选框会将FreeHand文件中的文本保持为可编辑文本。(3) 设置完成后，单击【确定】按钮，即可将FreeHand文件导入Flash中。,3.2.4 导入FreeHand文件,3.3 导入视频文件,Flash支持动态影像的导入功能，根据导入视频文件的格式和方法的不同，可以将含有视频的影片发布为Flash影片格式(.SWF文件)或者QuickTime影片格式(.MOV文件)。Flash可以导入多种格式的视频文件，举例如下。 QuickTime影片文件：扩展名为*.mov。 Windows视频

20、文件：扩展名为*.avi。 MPEG影片文件：扩展名为*.mpg、*.mpeg。 数字视频文件：扩展名为*.dv，*.dvi。 Windows Media文件：扩展名为*.asf、*.wmv。 Flash视频文件：扩展名为*.flv。,3.3 导入视频文件,向Flash中导入视频格式文件的方法如下：(1) 在菜单栏中选择【文件】|【导入】|【导入视频】命令，打开【导入视频】对话框，如图3.12所示。选择要导入的视频文件，可以选择存储在本地计算机上的视频文件，也可以选择已上传到Web服务器的视频。(2) 单击【浏览】按钮，打开【打开】对话框，选择要导入的视频文件，单击【打开】按钮，如图3.13所

21、示。(3) 选择【使用播放组件加载外部视频】单选按钮，并单击【下一步】按钮，如图3.14所示。,图3.12 【导入视频】对话框,图3.13 【打开】对话框,图3.14 单击【下一步】按钮,3.3 导入视频文件,(4) 在如图3.15所示的对话框中，设置播放控件的外观和颜色，在【外观】下拉列表框中选择一种外观。如果选择【无】，则删除所有播放控件，而只导入视频；选择【自定义外观URL】，则可以在下方的URL输入框中文本外观SWF的相对路径。(5) 单击【下一步】按钮，将完成视频导入，对话框中显示了导入视频的相关信息，如图3.16所示。单击【完成】按钮，即可导入视频，如图3.17所示。,图3.15

22、选择一种外观,图3.16 单击【完成】按钮,图3.17 导入的视频,3.4 导入音频文件,除了可以导入视频文件外，还可以单独为Flash影片导入各种声音效果，使Flash动画效果更加丰富。Flash提供了多种声音文件的使用方法，例如，让声音文件独立于时间轴单独播放或者声音与动画同步播放；让声音播放的时候产生渐出渐入的效果；让声音配合按钮的交互性操作播放等。 Flash中的声音类型分为两种，分别是事件声音和音频流。它们之间的不同之处在于：事件声音必须完全下载后才能播放，事件声音在播放时除非强制其静止，否则会一直连续播放；而音频流的播放则与Flash动画息息相关，它是随动画的播放而播放，随动画的停

23、止而停止，即只要下载足够的数据就可以播放，而不必等待数据全部读取完毕，可以做到实时播放。 由于有时导入的声音文件容量很大，会对最后Flash影片的播放有很大的影响，因此Flash还专门提供了音频压缩功能，有效地控制了最后导出的SWF文件中的声音品质和容量大小。,3.4.1 导入音频文件,如果要在Flash中导入声音，其操作步骤如下。(1) 在菜单栏中选择【插入】|【时间轴】|【图层】命令，为音频文件创建一个独立的图层。如果要同时播放多个音频文件，也可以创建多个图层。技 巧： 直接在【时间轴】面板中单击 【新建图层】 按钮 ，即可新建图层。(2) 选择【文件】|【导入】|【导入到舞台】命令，打开

24、【导入】对话框，如图3.18所示。,图3.18 【导入】对话框,注 意： 用户也可以在菜单栏中选择【文件】|【导入】|【导入到库】命令，直接将音频文件导入到影片的库中。音频被加到用户的【库】面板后，最初并不会显示在【时间轴】面板上，还需要对插入音频的帧进行设置。用户既可以使用全部音频文件，也可以将其中的一部分重复放入电影中的不同位置，这并不会显著地影响文件的大小。,3.4.1 导入音频文件,(3) 选择一个要导入的音频文件，单击【打开】按钮将其导入。(4) 导入的音频文件会自动添加到【库】面板中，在【库】面板中选择一个音频文件，在【预览】窗口中即可观察到音频的波形，如图3.19所示。 单击【库

25、】面板的【预览】窗口中的【播放】按钮，即可在【库】中试听导入的音频效果。音频文件被导入到Flash中之后，就成为Flash文件的一部分，也就是说，声音或音轨文件会使Flash文件的体积变大。,图3.19 【库】面板,用户可以在【属性】面板中对导入的音频文件的属性进行编辑，如图3.20所示。1. 设置音频效果 在音频层中任意选择一帧(含有声音数据的)，并打开【属性】面板，用户可以在【效果】下拉列表框中选择一种效果：左声道：只用左声道播放声音。右声道：只用右声道播放声音。从左到右淡出：声音从左声道转换到右声道。从右到左淡出：声音从右声道转换到左声道。淡入：音量从无逐渐增加到正常。淡出：音量从正常逐

26、渐减少到无。自定义：选择该选项后，可以打开【编辑封套】对话框，通过使用编辑封套自定义声音效果，如图3.21所示。,3.4.2 编辑音频,图3.20 【属性】面板,图3.21 【编辑封套】对话框,3.4.2 编辑音频,提 示： 单击【效果】右侧的 【编辑声音封套】按钮 ，也可以打开【编辑封套】对话框。2. 音频同步设置在【属性】面板的【同步】下拉列表框中可以选择音频的同步类型。事件：该选项可以将声音和一个事件的发生过程同步。事件声音在它的起始关键帧开始显示时播放，并独立于时间轴播放完整声音，即使 SWF文件停止也继续播放。当播放发布的SWF文件时，事件和声音也同步进行播放。事件声音的一个实例就是

27、当用户单击一个按钮时播放的声音。如果事件声音正在播放，而声音再次被实例化(例如，用户再次单击按钮)，则第一个声音实例继续播放，而另一个声音实例也开始播放。开始：与【事件】选项的功能相近，但是如果原有的声音正在播放，使用【开始】选项后则不会播放新的声音实例。,3.4.2 编辑音频,停止：使指定的声音静音。数据流：用于同步声音，以便在Web站点上播放。选择该项后，Flash将强制动画和音频流同步。如果Flash不能流畅地运行动画帧，就跳过该帧。与事件声音不同，音频流会随着SWF文件的停止而停止。而且，音频流的播放时间绝对不会比帧的播放时间长。当发布SWF文件时，音频流会混合在一起播放。3. 音频循

28、环设置 一般情况下音频文件的字节数较多，如果在一个较长的动画中引用很多音频文件，就会造成文件过大。为了避免这种情况发生，可以使用音频重复播放的方法，在动画中重复播放一个音频文件。 在【属性】面板的【声音】下拉列表框中可设置【重复】音频重复播放的次数，如果要连续播放音频，可以选择【循环】，以便在一段持续时间内一直播放音频。,3.4.3 压缩音频,在【库】面板中选择一个音频文件，单击鼠标右键，在弹出的快捷菜单中选择【属性】命令，打开【声音属性】对话框，单击【压缩】右侧的下拉列表框，可以弹出压缩选项，如图3.22所示，其各选项介绍如下。默认：这是Flash CC提供的一个通用的压缩方式，可以对整个文

29、件中的声音用同一个压缩比进行压缩，而不用分别对文件中不同的声音进行单独的属性设置，从而避免了不必要的麻烦。ADPCM：常用于压缩诸如按钮音效、事件声音等比较简短的声音，选择该项后，其下方将出现新的设置选项，如图3.23所示。预处理：如果选择【将立体声转换为单声道】复选框，就可以自动将混合立体声(非立体声)转化为单声道的声音，文件大小相应减小。,图3.22 【声音属性】对话框,图3.23 设置选项,采样率：可在此选择一个选项以控制声音的保真度和文件大小。较低的采样率可以减小文件大小，但同时也会降低声音的品质。5kHz的采样率只能达到人们说话声的质量，11kHz的采样率是播放一小段音乐所要求的最低

30、标准，同时11kHz的采样率所能达到的声音质量为1/4的CD(Compact Disc)音质；22kHz的采样率的声音质量可达到一般的CD音质，也是目前众多网站所选择的播放声音的采样率，鉴于目前的网络速度，建议读者采用该采样率作为Flash动画中的声音标准；44kHz的采样率是标准的CD音质，可以达到很好的听觉效果。ADPCM位：设置编码时的比特率。数值越大，生成的声音的音质越好，而声音文件的容量也就越大。MP3：使用该方式压缩声音文件可使文件体积变成原来的1/10，而且基本不损害音质。这是一种高效的压缩方式，常用于压缩较长且不用循环播放的声音，这种方式在网络传输中很常用。选择这种压缩方式后，

31、其下方会出现如图3.24所示的选项。,3.4.3 压缩音频,图3.24 设置选项,3.5 素材的导出,下面介绍如何在Flash CC中导出图像文件。Flash文件可以导出为其他图像格式的文件，其操作步骤如下。（1）选择工具箱中的【多角星形工具】 按钮，将【笔触颜色】定义为无，将【填充颜色】设置为橘黄色，然后在舞台中绘制星形，如图3.25所示。（2）选择菜单栏中的【文件】|【导出】|【导出图像】命令，如图3.26所示。（3）弹出【导出图像】对话框，在【文件名】文本框中输入要保存的文件名，在【保存类型】下拉列表中选择要保存的格式，设置完成后单击【保存】按钮，即可如图3.27所示。（4）若选择【GI

32、F图像（*.gif）】格式，则弹出【导出GIF】对话框，使用默认参数，单击【确定】按钮即可，如图3.28所示。,3.5.1 导出图像文件,图3.25 创建五角星,图3.26 选择导出图像命令,图3.27 输入文件名,图3.28 【导出GIF】对话框,3.5.2 导出图像序列文件,下面介绍如何在Flash CC中导出图像序列文件。Flash文件可以导出为其他图像序列文件，其操作步骤如下。(1) 选择工具箱中的【多角星形工具】 按钮，将【笔触颜色】定义为无，将【填充颜色】设置为橘黄色，然后在舞台中绘制星形，软件会自动在时间轴的第1帧处插入关键帧，如图3.29所示。(2) 然后选择时间轴上的第2帧，

33、按F6键插入关键帧，然后按Delete键删除舞台中的星形，再重新绘制星形，如图3.30所示.(3) 选择菜单栏中的【文件】|【导出】|【导出影片】命令，如图3.31所示。,图3.29 绘制星形,图3.30 插入关键帧并绘制星形,图3.31 选择【导出影像】命令,3.5.2 导出图像序列文件,(4) 即可打开【导出影片】对话框，选择保存位置，输入文件名称，在【保存类型】设置需要的格式序列文件，然后单击【保存】按钮如图3.32所示。(5) 在弹出的【导出JPEG】对话框中使用默认设置，单击【确定】按钮，如图3.33所示，即可保存文件，可在保存文件的位置查看效果。,图3.32 【导出影片】对话框,图

34、3.33 【导出JPEG】对话框,下面介绍如何在Flash CC中导出SWF影片文件。Flash文件可以导出SWF影片格式的文件，其操作步骤如下。(1) 我们在Flash中所创建两个不同画面的关键帧，如图3.34所示。(2) 选择菜单栏中的【文件】|【导出】|【导出影片】命令，如图3.35所示。(3) 即可打开【导出影片】对话框，选择保存位置，输入文件名称，将保存类型设置为【SWF影片（*.swf）】格式，然后单击【保存】按钮即可完成，如图3.36所示。保存完成后可在保存文件的位置查看效果。,3.5.3 导出SWF影片,图3.34 创建的文件,图3.35 选择【导出影像】命令,图3.36 【导

35、出影片】对话框,下面介绍如何在Flash CC中导出视频文件。Flash文件可以导出视频格式的文件，其操作步骤如下。(1) 在工具栏中选择多角星形工具，在舞台中创建星形，然后在时间轴中选择第20帧，按F6键插入关键帧，在舞台中在绘制一个星形，如图3.37。(2) 然后在第1帧与第20帧之间右键单击在弹出的快捷菜单中该选择创建传统补间，如图3.38所示。,3.5.4 导出视频,图3.37 绘制星形插入关键帧,图3.38 选择【创建传统补间】命令,3.5.4 导出视频,(3) 在菜单栏中选择【文件】|【导出】|【导出视频】命令，如图3.39所示。(4) 即可打开【导出视频】对话框，使用默认设置，然

36、后单击【导出】按钮，如图3.40所示。(5) 将弹出Flash提示对话框，单击【确定】即可，如图3.41所示。(6) 然后软件将会启动Adobe Media Encoder 辅助软件，完成后查看保存的文件即可。,图3.39 【导出视频】命令,图3.40 【导出视频】对话框,图3.41 提示对话框,3.6 影片的发布及输出,在【发布设置】对话框中的【发布】选项中，单击发布【Flash（.swf）】格式标签后，即可将界面转换为Flash（.swf）格式图像的发布文件的设置界面，其中的选项及参数说明如下。 单击HTML标签，将界面转换为HTML的发布文件设置界面，其中选项及参数说明如下模板：生成HT

37、ML文件所需的模板，单击【信息】按钮可以查看模板的信息，如图3.44所示。检测Flash版本：自动检测Flash的版本。选中该复选框后，可以单击【设置】按钮，进行版本检测的设置。尺寸：设置Flash影片在HTML文件中的尺寸。开始时暂停：影片在第1帧暂停。显示菜单：在生成的影片页面中单击鼠标右键，会弹出控制影片播放的菜单。循环：循环播放影片。设备字体：使用默认字体替换系统中没有的字体。品质：选择影片的图像质量。,3.6.1 发布为SWF文件及HTML文件,3.6.1 发布为SWF文件及HTML文件,窗口模式：选择影片的窗口模式。窗口：Flash影片在网页中的矩形窗口内播放。不透明无窗口：使Fl

38、ash影片的区域不露出背景元素。透明无窗口：使网页的背景可以透过Flash影片的透明部分。HTML对齐：设置Flash影片在网页中的位置。缩放：设置动画的缩放方式。默认(显示全部)：等比例大小显示Flash影片。无边框：使用原有比例显示影片，但是去除超出网页的部分。精确匹配：使影片大小按照网页的大小进行显示。无缩放：不按比例缩放影片。Flash对齐：影片在网页上的排列位置。显示警告消息：选中该复选框后，如果影片出现错误，则会弹出警告信息。,3.6.2 发布GIF文件,在【发布设置】对话框中的【其他】选项中，单击发布【GIF图像】格式标签后，即可将界面转换为GIF格式图像的发布文件的设置界面，如

39、图3.42所示。其中的选项及参数说明如下。输出文件：设置文件保存发布的路径位置。大小：设置GIF动画的宽和高，若勾选【匹配影片】，则不需设置宽和高。匹配影片：选中后可以使发布的GIF动画大小和原Flash影片大小相同。静态：发布的GIF为静态图像。动画：发布的GIF为动态图像，选择该项后可以设置动画的循环播放次数。平滑：消除位图的锯齿。,图3.42 GIF的发布文件设置界面,3.6.3 发布JPEG文件,在【发布设置】对话框中的【其他】选项中，选中发布【JPEG图像】格式的标签后，即可将界面转换为JPEG格式图像文件的发布设置界面，如图3.43所示。其中的选项及参数说明如下。输出文件：设置文件

40、保存发布的路径位置。大小：设置要发布的位图的尺寸。品质：左右拖动或双击设置发布位图的图像品质。渐进：在低速网络环境中，逐渐显示位图。 此外，还可以选择和设置几种可以发布的格式的文件，但是，由于它们的使用概率较低，因此就不在此一一详细说明了。,图3.43 JPEG的发布设置界面,3.6.4 发布PNG文件,在【发布设置】对话框中的【其他】选项中，选中发布【PNG图像】格式的标签后，即可将界面转换为PNG格式图像文件的发布设置界面，如图3.44所示。其中的选项及参数说明如下。输出文件：设置文件保存发布的路径位置。大小：设置要发布的位图的尺寸。匹配影片：选中后可以使发布的GIF动画大小和原Flash

41、影片大小相同。位深度：可选择【8位】、【24位】、【24位Alpha】三个选择项。平滑：消除位图的锯齿。,图3.44 PNG的发布设置界面,3.7 上机练习添加背景音乐,通过前面对导入音频文件和设置音频属性的学习，用户对声音有了简单的认识，下面来为一个简单的动画添加背景音乐，掌握声音文件的导入、添加等操作。动画效果如图3.45所示。(1) 启动软件后，建立新文件，在属性面板中将舞台大小设置为800*600像素，如图3.46所示。(2) 在菜单栏中选择【文件】|【导入】|【导入到舞台】命令，即刻可打开【导入】对话框，选择随书附带光盘中CDROM/素材/Cha03/07.jp文件，单击【打开】，如

42、图3.47所示。,图3.45 最终效果,图3.46 设置舞台大小,图3.47 【导入】对话框,3.7 上机练习添加背景音乐,(3) 打开素材后，在舞台中选中导入的素材，打开【属性】面板，将【宽】【高】分别设置为800、600，如图3.48所示。(4) 打开【对齐】面板，确定勾选【与舞台对齐】，然后单击【水平中齐】 按钮和【垂直中齐】 按钮，如图3.49所示。(5) 然后在【时间轴】中单击【新建图层】 按钮，再次打开【导入】对话框，打开素材08.jpg文件，如图3.50所示。,图3.48 设置图片大小,图3.49 【对齐】面板,图3.50 再次打开素材,3.7 上机练习添加背景音乐,(6) 打开

43、【对齐】面板，确定勾选【与舞台对齐】，然后单击【水平中齐】 按钮和【垂直中齐】 按钮，如图3.51所示。(7) 然后在工具栏中选择【多角星形工具】，打开【属性】面板，然后单击【选项】按钮，在打开的【工具设置】对话框中将【样式】设置为星形，将【边数】设置为5，将【星形顶点大小】设置为0.5，然后单击【确定】按钮，如图3.52所示。(8) 在【时间轴】面板中单击【新建图层】 按钮，再次新建图层，然后在该图层中绘制星形，并分别为每个图层，选中第168帧并按F6键插入关键帧，如图3.53所示。,图3.51 【对齐】面板,图3.52 【工具设置】对话框,图3.53 插入关键帧,3.7 上机练习添加背景音

44、乐,(9) 在【时间轴】面板中选择图层3第168帧，然后在工具栏中选择【任意变形工具】 ，在舞台中选中星形，调整星形的大小，使其遮盖整个舞台，如图3.54所示。(10) 然后该图层的任意帧位置右键单击，在弹出的快捷菜单中选择【创建补间形状】命令，如图3.55所示。(11) 然后在【时间轴】面板左侧图层名称显示区右击图层3，在弹出的快捷菜单中该选择【遮罩层】命令，如图3.56所示。,图3.54 调整星形的大小,图3.55 为图层3创建补间形状,图3.56 创建【遮罩层】,3.7 上机练习添加背景音乐,(12) 在菜单栏中选择【文件】|【导入】|【导入到库】命令，打开【导入到库】对话框。选择随书附

45、带光盘中CDROM/素材/Cha03/音乐素材.mp3文件，如图3.57所示。(13) 单击【打开】按钮，将文件导入【库】面板中，如图3.58所示。(14) 在【时间轴】面板中单击 【新建图层】 按钮，新建一个图层，并命名为【声音】，如图3.59所示。,图3.57 【导入到库】对话框图,图3.58 【库】面板,图3.59 创建【音乐】图层,3.7 上机练习添加背景音乐,(15) 选择【声音】图层的第一帧，然后在【库】面板中选择音乐素材.mp3文件，将其拖至舞台中。在【属性】面板中将【同步】设置为【开始】、【循环】，如图3.60所示。(16) 背景音乐添加完成，按Ctrl+Enter键测试影片，即可在打开的文件中听到背景音乐，最后，存储场景文件并输出影片，效果如图3.61所示。,图3.60 【属性】面板,图3.61 完成后的效果,3.8 思考与练习,1. 如何导入位图？2. 如何设置导入音频的效果？3. 如何将音频设为循环播放？,