第6章引导层动画.pptx

第6章 引导层动画Flash CC动画制作案例教程教学PPT（简单版）引导层动画的创建方法声音的导入和引用FL引导层动画的制作要点导入视频文件2 2 掌握音频的基本操作，能够将音频文件应用到Flash动画中。掌握视频的基本操作，能够将视频文件应用到Flash动画中。掌握引导层动画的创建方法，能够制动画出效果流畅的引导层动画。学习目标3 3 目录6.1引导层动画概述6.2【任务13】MV动画6.3【任务14】动态动画4 4 1 1引导引导层动画定义层动画定义2 2引导引导层动画的原理和组成层动画的原理和组成3 3引导层动画创建方法引导层动画创建方法6.1 引导层动画概述4 4引导层动画制作要点引导层动画制作要点5 5 在制作Flash动画时。有时单纯依靠设置关键帧，仍然无法实现一些弧线运用或不规则轨迹运动的动画效果，例如树叶飘落、蝴蝶飞舞等，如图6-1所示，这时就需要使用引导动画。引导层动画是指将一个或多个被引导层链接到一个运动引导层，使被引导层里的元件沿路径运动的动画形式。这种动画形式，可以使一个或多个元件完成曲线或不规则运动。1、引导层动画定义、引导层动画定义6.1 引导层动画概述图6-1所示 6 6 引导层动画的原理就是把画出的线条作为运动补间元件的运动轨迹，并会在播放动画时隐藏该运动轨迹。在Flash动画中，一个最简单的引导层动画由两个图层组成，上面一层是引导层，下一层是被引导层，如图6-2所示。2、引导层动画的原理和组成引导层动画的原理和组成6.1 引导层动画概述图6-2所示 7 7 1）引导层：用来作为元件的运行路径的图层，图层前标示 图标。其内部对象通常为钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线条图形。通常把在引导层里面绘制的线条称为“引导线”。2）被引导层：用来存放以引导线为运动路径的对象。对象可以使用影片剪辑、图形元件、按钮元件、文字，但不能为图形。注意：注意：1）在制作引导动画时，一个引导层可以同时引导多个被引导层中的对象。2）在制作引导动画时，引导线不能是闭合的路径轨迹。2、引导层动画的原理和组成引导层动画的原理和组成6.1 引导层动画概述8 8 引导层动画的创建方法十分简单，通常可以分为以下几个步骤。1)创建创建引导层和被引导层引导层和被引导层在普通图层上单击鼠标右键，会弹出如图6-3所示的菜单，选择“添加传统运动引导层”命令，该图层上面就会添加一个引导层，同时该普通层向右缩进成为“被引导层”。3、引导层创建方法、引导层创建方法6.1 引导层动画概述图6-3所示 9 9 引导层动画的创建方法十分简单，通常可以分为以下几个步骤。2)在在引导层添加引导线引导层添加引导线可以运用“钢笔工具”或“铅笔工具”绘制一条引导线，作为实例的运动轨迹，如图6-4所示。3、引导层创建方法、引导层创建方法6.1 引导层动画概述图6-4所示 1010 引导层动画的创建方法十分简单，通常可以分为以下几个步骤。3)在在被引导层添加元件，并附着到引到线上被引导层添加元件，并附着到引到线上引导层动画最基本的操作就是使一个运动动画“附着”在“引导线”上。因此在开始帧要将对象的注册点与引导线的一端重合，如图6-5所示。在结束帧要将对象的注册点与引导线的另一端重合，如图6-6所示。3、引导层创建方法、引导层创建方法6.1 引导层动画概述图6-5所示 图6-6所示 1111 引导层动画的创建方法十分简单，通常可以分为以下几个步骤。4)创建创建传统补间动画传统补间动画当确定好位置关系后，就可以在开始帧和结束帧之间创建传统补间动画，完成引导层动画的制作。3、引导层创建方法、引导层创建方法6.1 引导层动画概述1212 多学一招：认识普通引导层多学一招：认识普通引导层在“添加传统运动引导层”命令菜单的上方，还有一个“引导层”命令选项，该选项用于创建普通的引导层。普通引导层同样具有隐藏其内部包含图形的功能，在制作动画时，主要用于为其他图层提供辅助绘图和定位，其标示为 图标。选择“引导层”命令，即可创建一个普通引导层，如图6-7所示。3、引导层创建方法、引导层创建方法6.1 引导层动画概述图6-7所示 1313 值得一提的是，在制作动画时，可以在引导层和普通图层之间进行相互转换。在引导层上单击鼠标右键，在弹出的菜单中再次选择“引导层”选项，即可取消勾选状态，将引导层恢复为普通图层。3、引导层创建方法、引导层创建方法6.1 引导层动画概述1414 相对于逐帧动画、形状补间动画、传统补间动画而言，引导动画有着自己的特点，这些特点主要表现在以下几个方面。1)包含包含图层图层引导层动画，必须是两个图层，并且引导层必须在被引导对象层上方。2)层层内对象内对象在引动层动画中，引导层内部对象必须是线条图形，不能是元件或位图。被引导层内部对象必须是元件，做传统补间动画。4、引导层动画制作要点、引导层动画制作要点6.1 引导层动画概述1515 相对于逐帧动画、形状补间动画、传统补间动画而言，引导动画有着自己的特点，这些特点主要表现在以下几个方面。3)属性属性面板设置面板设置被引导层中的对象沿路径轨迹运动时，可通过“属性”面板做精细设置。当创建完成引导动画后，单击中间补间动画，属性面板中会出现补间动画的对应属性。其中“贴紧”选项可以根据其注册点将补间元素附着到运动路径。“调整到路径”选项可以使动画的运动方向与引导路径方向一致。例如，图6-8所示的小鱼游动。4、引导层动画制作要点、引导层动画制作要点6.1 引导层动画概述图6-8所示 1616 1 1知识储备知识储备2 2任务分析任务分析6.2【任务13】MV实行双英语教学动画3 3任务实现任务实现1717 音频基本格式音频基本格式声音是一门独特艺术形式，在影视动画作品中有着重要地位。Flash支持多种音频文件格式，例如WAV格式、MP3格式、AIFF格式及AU格式等，其中MP3格式和WAV格式较为常用，具体介绍如下。1)WAV格式格式WAV格式可以直接保存声音波形的数据取样，因为没有进行过压缩，所以音质较好。但WAV格式的音频文件体积通常较大，会占用较多的空间。2)MP3格式格式MP3是经过压缩后的音频文件格式，其大小只有WMV的1/10，并且仍能保持较好的音质，被广泛应用到电脑音乐的制作中。1、知识储备、知识储备6.2【任务12】MV动画1818 声音的导入和引用声音的导入和引用想要将声音应用在Flash动画中，首先导入音频文件，然后再将导入的声音引用到舞台上。导入和引用声音的方式十分简单，具体介绍如下。1）导入声音：执行“文件导入导入到库”命令，通过弹出的“导入到库”对话框，即可将音频文件导入。如图6-9所示即为导入到库的音频文件，库面板右上角按钮，用于对音频文件进行暂停（左边按钮）/播放（右边按钮）控制。1、知识储备、知识储备6.2【任务12】MV动画1919 声音的导入和引用声音的导入和引用1、知识储备、知识储备6.2【任务12】MV动画图6-9所示 2020 声音的导入和引用声音的导入和引用2）引用声音：引用声音的方法和创建实例的方法类似。选中需要加入声音的帧，将库中的音频文件拖拽到舞台，图层上就会出现声音对象的波形，如图6-10所示。这表明声音已经引入到图层中。注意注意：一个图层中可以放置多个声音文件，也可以将声音与其他对象放置在同一个图层中，但为了便于管理，在制作Flash动画时，建议将声音对象放置在一个单独的图层中。1、知识储备、知识储备6.2【任务12】MV动画图6-10所示 2121 声音效果和同步声音效果和同步选择声音所在图层的某一帧，其右侧的属性面板会切换出声音的相关属性，可以对声音进行参数设置和编辑，如图6-11所示。6.2【任务12】MV动画图6-11所示 1、知识储备、知识储备2222 声音效果和同步声音效果和同步对图6-11所示声音属性面板的各选项含义解释如下1）名称：从“名称”的下拉列表可以选择库中的声音文件，当选择“无”时可以取消现有的声音文件。2）效果：单击右侧的“”按钮，会弹出如图6-12所示的下拉列表，可以选择要应用的声音效果。6.2【任务12】MV动画图6-11所示 1、知识储备、知识储备2323 声音效果和同步声音效果和同步无：不应用声音效果，选中此选项将删除声音效果。左声道/右声道：只在设置为左声道/右声道时，播放声音。向右淡出/向左淡出：将声音从一个声道切换到另一个声道。淡入：随着声音的播放，逐渐增加音量。淡出：随着声音的播放，逐渐减小音量。自定义：选择该选项后，会自动打开“编辑封套”对话框（关于“编辑封套”，将会在下面的知识点讲解）。在“封套编辑”对话框中可以创建声音的淡入点和淡出点。6.2【任务12】MV动画1、知识储备、知识储备2424 声音效果和同步声音效果和同步3）同步：用于设置声音的同步类型和循环方式。同步类型包括事件、开始、停止、数据流四个选项，如图6-13所示。循环方式包括重复和循环两个选项，如图6-14所示，具体介绍如下。6.2【任务12】MV动画图6-13所示 图6-14所示 1、知识储备、知识储备2525 声音效果和同步声音效果和同步事件：事件同步类型的声音会从它的开始关键帧播放，并独立于时间轴中帧的播放状态，即使帧播放完成，声音仍会继续播放，直至整段声音结束。该类型的声音往往用于设置简单的按钮声音或循环的背景音乐。开始：如果所选择的声音已经在时间轴上的其他位置播放过，Flash则不会再播放这个声音。停止：在时间轴上同时播放多个声音时，可以指定其中的一个为静音。通常在设置有播放跳转的互动影片中才使用。数据流：选择该同步方式后，Flash将强制动画与声音的播放同步，如果动画停止，声音也将停止。重复：用于设置声音重复播放的次数，右侧可以输入相应的参数值。循环：用于设置声音循环播放。6.2【任务12】MV动画1、知识储备、知识储备2626 声音编辑封套声音编辑封套在制作Flash动画时，为了达到制作需要，还经常需要自定义编辑声音，这时就会用到“编辑封套”。选中声音中的任意一帧，在右侧的声音属性中单击“”图标（或在效果处选择“自定义”选项），即可弹出“编辑封套”对话框，如图6-15所示。6.2【任务12】MV动画图6-13所示 1、知识储备、知识储备2727 声音编辑封套声音编辑封套在图6-15所示的对话框中，中间的空白声波区域为声道窗口，上层为左声道，下层为右声道。中间是时间轴区域，用于显示声音持续的秒数或帧数。（1）效果：用于设置声音的效果。（2）控制线和控制点：左声道和右声道的水平和垂直方向各有一条控制线，单击控制线会产生控制点，最多为8个。将控制点拖拽出声道窗口，即可将其删除。在声道窗口中，拖拽控制线或控制点，越高音量越大，越低音量越小。（3）播放按钮 ：用于播放编辑后的声音。（4）暂停按钮 ：暂停声音。（5）放大按钮 ：放大声音波形。（6）缩小按钮 ：缩小声音波形。（7）秒按钮 ：以秒数作为当前时间轴的基本单位。（8）帧按钮 ：以帧作为当前时间轴的基本单位。6.2【任务12】MV动画1、知识储备、知识储备2828 声音编辑封套声音编辑封套例如，设置左声道音量为原始音量的一半，右声道在20秒时淡入后按照原始音量播放。此时可以按照图6-16所示的设置方式，添加并拖拽控制点进行设置。注意注意“编辑封套”调整的是声音的实例，不会影响库中声音元件。6.2【任务12】MV动画1、知识储备、知识储备2929 声音化的优化声音化的优化在制作Flash动画时，经常需要对声音的输出质量和大小进行优化调整，以满足不同的制作需求。双击库面板中的“”图标，会弹出如图6-17所示的“声音属性”面板。6.2【任务12】MV动画1、知识储备、知识储备3030 声音化的优化声音化的优化6.2【任务12】MV动画图6-17所示 1、知识储备、知识储备3131 声音化的优化声音化的优化在图6-17所示的压缩面板中，单击“压缩”右侧的“”按钮，会弹出如图6-18所示的下拉菜单。在该菜单中，Flash提供了5种压缩模式用于优化声音，分别为默认、ADPCM、MP3、Raw和语音，对它们的具体介绍如下。6.2【任务12】MV动画图6-18所示 1、知识储备、知识储备3232 声音化的优化声音化的优化默认：用同一个压缩比，压缩影片中的所有声音，这样就可以不必对不同的声音进行分别设定，极大地节省了动画制作时间。ADPCM：通常用于压缩较短的声音效果。例如，单击按钮的声音，汽车鸣笛声音等。MP3：在需要导出较长的声音时，可以选择该压缩方式。运用MP3压缩方式的音频文件体积较小，并能保持较好的音质。Raw：选择该压缩方式，在导出声音的过程中将不进行任何处理。语音：选择该压缩方式，可以在其下方的“采样率”列表中选择一种特别适合语音输出的压缩标准。对于动画而言，通常使用11kHz的压缩标准。6.2【任务12】MV动画1、知识储备、知识储备3333 一般由Flash制作的MV主要由两部分组成，即动画和音频文件。针对MV动画的这一特点，可以从音乐层的制作和动画效果两方面进行分析。1）音乐音乐层制作层制作为了便于管理，最好将音频文件单独放置在一个图层，本次任务可以将下载好的音乐素材文件“面朝大海春暖花开.mp3”导入Flash，作为MV的音乐。2）动画效果动画效果结合音乐内容，可以构思绘制其中动画效果。大海上海鸥飞翔，画面中出现歌曲的主题文字。背景：可以选取一张大海背景的图片作为MV动画的背景素材。海鸥：可以运用“钢笔工具”绘制，并用引导层动画做出海鸥翱翔的效果。歌曲主题文字：运用“文本工具”输入主题文字，并采用传统补间动画，制作一个文字淡入的效果。2、任务分析、任务分析6.2【任务12】MV动画3434 3、任务实现、任务实现6.2【任务12】MV动画3535 1 1知识储备知识储备2 2任务分析任务分析6.3 【任务13】动态广告3 3任务实现任务实现3636 视频素材格式视频素材格式Flash不仅支持音频文件的导入，还支持视频文件的导入。在FlashCC中可以导入大部分主流格式的视频文件，例如FLV、AVI、MP4、WMV等格式。对常用的视频文件格式介绍如下。1）FLV格式格式FLV是FLASHVIDEO的简称，FLV流媒体格式是一种新的视频格式。由于它形成的文件极小、加载速度极快，使得网络观看视频文件成为可能，它的出现有效地解决了视频文件导入Flash后，使导出的SWF文件体积庞大，不能在网络上很好的使用这一缺点，是Flash中较为常用的视频格式。2）AVI格式格式AVI是一种专门为微软环境设计的数字媒体视频文件格式。该格式的视频文件具有画质质量高的特点，但是文件的容量较大。1、知识储备、知识储备6.3 【任务13】动态广告3737 视频素材格式视频素材格式Flash不仅支持音频文件的导入，还支持视频文件的导入。在FlashCC中可以导入大部分主流格式的视频文件，例如FLV、AVI、MP4、WMV等格式。对常用的视频文件格式介绍如下。3）MPEG格式格式MPEG（又称MPG），在计算机领域应用比较广泛，包括MPEG-1、MPEG-2、MPEG-4（MP4）、MPEG-7、MPEG21五个标准。MPEG-1主要应用于VCD的制作中；MPEG-2主要应用于在DVD制作、HDTY和一些高要求的视频剪辑、处理方面；MPEG-4的高压缩率和高的图像还原质量可以把DVD里面的MPEG-2视频文件转换为体积更小的视频文件。4）WMV格式格式WMV是微软推出的一种流媒体格式，WMV格式的特点是体积非常小，因此比较适合在网上传播及传输。1、知识储备、知识储备6.3 【任务13】动态广告3838 导入视频文件导入视频文件在Flash中，导入视频文件和导入音频文件略有差异，需要按照Flash视频导入助手的提示，遵循一定的视频导入流程。下面讲解导入视频的基本流程1）在菜单栏中执行“文件导入导入视频”命令，会弹出“导入视频”对话框，如图6-34所示。6.3 【任务13】动态广告1、知识储备、知识储备3939 导入视频文件导入视频文件6.3 【任务13】动态广告图6-34所示 1、知识储备、知识储备4040 导入视频文件导入视频文件对图6-34所示“导入视频”面板的常用选项解释如下。“使用播放组件加载外部视频”：可以为导入的视频添加一个播放控件，为Flash导入视频的常用方式。“在SWF中嵌入FLV并在时间轴中播放”：该选项会将所选视频嵌入到当前文档中，但仅支持FLV等少数几种视频格式，并且该方式会增加最终输出的SWF文件的大小。因此该方式常用于嵌入体积较小的视频文件。“浏览”：单击“浏览”按钮，在弹出的对话框中可以选择要导入的视频。本书使用“使用播放组件加载外部视频”选项为例，进行下一步讲解。6.3 【任务13】动态广告1、知识储备、知识储备4141 导入视频文件导入视频文件选好要导入的视频后，单击“下一步”按钮，进入到“设定外观”面板，如图6-35所示。6.3 【任务13】动态广告图6-35所示 1、知识储备、知识储备4242 导入视频文件导入视频文件外观：用于设置视频播放组件的外观颜色：用于设置视频播放器的背景颜色URL：如果选择“外观”中的“自定义外观URL”，则可以激活下面的URL文本框，在其中输入视频组件外观的地址即可。6.3 【任务13】动态广告1、知识储备、知识储备4343 导入视频文件导入视频文件设置好视频组件的外观后，单击“下一步”按钮，将显示如图6-36所示的“完成视频导入”面板。单击“完成”按钮，即可将视频文件导入到库和舞台中。1、知识储备知识储备6.3 【任务13】动态广告4444 导入视频文件导入视频文件6.3 【任务13】动态广告图6-36所示 1、知识储备知识储备4545 导入视频文件导入视频文件需要注意的是，导入的视频文件不会再舞台中播放，需要按【Ctrl+Enter】组合键预览动画，才会看到视频播放的效果，并通过组件进行相应的控制。对于舞台中的视频文件，可以运用“任意变形工具”，调整形状，使其使用舞台大小或其他动画制作要求。6.3 【任务13】动态广告1、知识储备知识储备4646 在制作动态广告时，可以从广告背景、主题元素和动画效果三个方面进行分析。1）广告广告背景背景可以选择一个自然美景的视频，作为广告的背景，突出“旅行音乐”这一主题。2）主题主题元素元素通过文字和几何图形搭配排版，突出主题。其中“旅行”和“音乐”需要加大字号，用特殊颜色标注，其他辅助元素可以通过不透明度加以弱化。文字：运用“文本工具”制作，并填充不同的颜色，改变不透明度。几何图形：运用“多角星形工具”制作正反相交的三角形，并改变填充颜色、笔触颜色和不透明度。3）动画动画效果效果可以运用引动层动画，制作一个发光的小球，沿着三角形轮廓做运动。2、任务分析、任务分析6.3 【任务13】动态广告4747 3、任务实现、任务实现6.3 【任务13】动态广告