flash 8中文版实用教程(第2版) 03 导入动画素材

熟悉导入图像的操作方法。熟悉导入音频文件的操作方法 。熟悉导入视频文件的操作方法 。 熟悉打开外部库的操作方法 。掌握对导入后的素材进行编辑的操作方法 。,项目三 导入动画素材,任务一 图像的导入与编辑任务二 音频文件的导入与编辑任务三 视频文件的导入与编辑任务四 外部库文件的导入任务五 【实例提高】制作“影视快送”,本章大纲,任务一 图像的导入与编辑,图像是Flash 动画制作中最常用的素材之一，Flash 8支持导入的图像格式有PNG、JPEG、BMP、GIF、AI、EMF和PSD，从而给动画素材的制作带来了极大的方便。,（一） 【知识准备】导入与编辑图像的方法,1、导入图像的方法（1）导入到舞台。如图3-1、3-2、3-3所示。,选中的图像,图3-1 【导入】对话框,图3-2 图像导入后的舞台效果,图3-3 将GIF图像导入到舞台的效果,（2）导入到库。如图3-4、3-5、3-6所示。,选中的图像,图3-4 【导入到库】对话框,图3-5 导入静态图像后【库】面板的状态,图3-6 导入GIF图像后【库】面板的状态,在将图像导入到舞台时，如果导入的图像文件夹中的图像是按照连续序号命名的，如图3-7所示，则Flash会弹出如图3-8所示的对话框，询问是否需要导入序列中的所有图像。单击 按钮则导入所有的图像，单击 按钮则只导入所选图像。,图3-7 序列图像,图3-8 询问提示框,2、编辑图像的常用操作。（1）将图片从【库】面板中添加到舞台。（2）将图像转换为可编辑状态，如图3-9所示。,图3-9 图像打散前后对比,（3）剪切图片文件。（4）组合图像。（5）去除图像背景，如图3-10所示。,图3-10 删除背景前后对比,（二） 【典型案例】制作“美丽家园”,【设计效果】 本案例将使用Flash 8的导入图像的功能来制作一个美丽的动画场景，其设计思路及效果如图3-11所示。,导入图片,制作渐变动画,输入文字,图3-11 制作思路及效果,【操作步骤】 1、导入背景图片。（1）新建一个Flash文档，设置文档尺寸为“500px280px”，其他文档属性使用默认参数。（2）将默认的“图层1”重命名为“背景”层。（3）选中“背景”层的第1帧，然后选择【文件】/【导入】/【导入到舞台】命令，打开【导入】对话框，如图3-12所示。,图3-12 【导入】对话框,（4）选中需要导入的图像，打开教学素材中的“素材项目三美丽家园背景图片.png”文件，如图3-13所示 。,选中的图像,图3-13 选择导入的图片,（5）单击 按钮，将图像导入到舞台。然后选中舞台中的背景图片，打开【属性】面板，设置图片宽、高分别为“500”px、“287.3”px，效果如图3-14所示。此时的舞台效果如图3-15所示。,图3-14 背景图片的【属性】面板,2、制作背景渐显动画。（1）用鼠标右键单击背景图片，在弹出的快捷菜单中选择【转换为元件】命令，弹出【转换为元件】对话框，在【名称】中输入“背景”，在【类型】中单击【影片剪辑】单选按钮，如图3-16所示。,图3-15 舞台效果,图3-16 【转换为元件】对话框,（2）单击 按钮，即可将背景图片转换为影片剪辑元件，在【库】面板中会出现一个名为“背景”的影片剪辑元件，如图3-17所示 。,图3-17 【库】面板,（3）选中“背景”层的第30帧，按F5键插入一个普通帧。然后选中第10帧，按F6键插入一个关键帧。此时的时间轴状态如图3-18所示 。,图3-18 时间轴状态,（4）选择“背景”层第1帧的“背景”元件，在【属性】面板中的【颜色】下拉列表框中选择【Alpha】选项，设置【Alpha】值为“0%”，【属性】面板中各参数的设置如图3-19所示。,图3-19 设置其【Alpha】值为“0%”,（5）用鼠标右键单击“背景”层上第1帧第10帧之间的任意一帧，在弹出的快捷菜单中，选择【创建补间动画】命令，为“背景”层创建补间动画，效果如图3-20所示 。,创建补间动画,图320 创建补间动画后的效果,3、制作标题。（1）新建图层并重命名为“标题”，选中第10帧，按F7键插入空白关键帧。,（2）使用【文本】工具在舞台上输入文本“美丽家园”，设置其【字体】为“华文行楷”，【大小】为“50”，【文本颜色】为“#FFFF00”，位置坐标x、y分别为“160”、“100”，如图3-21所示。此时的时间轴状态如图3-22所示，舞台效果如图3-23所示。,图3-21 文字的属性设置,图3-22 时间轴状态,图3-23 舞台效果,（3）保存并测试影片，完成动画的制作 。,案 例 小 结 本案例通过制作一个美丽家园的效果讲述了以下知识点。 基础知识：导入图片的方法,任务二 音频文件的导入与编辑,一个Flash动画的好坏在很大程度上取决于动画的音乐，对于任何一个出色的Flash动画，其所挑选的音乐都是精选的。Flash 8支持导入的声音格式有WAV、AIFF、MP3等 。,（一） 【知识准备】使用音频文件的注意事项,1、声音格式的选择 声音要占用大量的磁盘空间和内存，不同的声音格式所占的数据不同，选择合理的声音格式可以使动画更加小巧灵活2、导入声音的方法 选择【文件】/【导入】/【导入到库】命令，打开【导入到库】对话框，选择要打开的声音文件，然后单击 按钮，声音直接被导入到【库】面板中。在时间轴上选中声音的开始帧，导入的声音将会出现在【属性】面板中的【声音】下拉列表框中，如图3-24所示。然后通过在【声音】下拉列表框中进行选择，音频文件最好单独放置一层。在某一层上插入音频文件后，时间轴上会显示出如图3-25所示的声音波形图，到波形图结束时，即表明声音结束，若要继续播放，可以在此处再添加一个声音文件。,图3-24 【声音】下拉列表框中的声音,图3-25 声音波形图,3、声音属性的设置 Flash 8提供的效果设置选项如图3-26所示，各个选项的功能如表3-1所示。,图3-26 【效果】下拉列表框,表3-1 【效果】下拉列表框中各选项的功能,在各种效果中常用的是淡入淡出。通过设置4个滑块，开始在最低点，逐渐升高，平稳运行一段后，结尾处再设到最低即可。,Flash 8提供的同步设置选项如图3-27所示，各个选项的功能如表3-2所示。,图3-27 【同步】下拉列表框,表3-2 【同步】下拉列表框中各选项的功能,其中应用最多的是【事件】选项，它表示声音由加载的关键帧处开始播放，直到声音播放完或者被脚本命令中断。而【数据流】选项表示声音播放和动画同步，也就是说如果动画在某个关键帧上被停止播放，声音也随之停止。直到动画继续播放的时候声音才开始从停止处开始继续播放，一般用来制作MTV。,（二） 【典型案例】制作“音乐播放器”,【设计效果】 本案例将使用Flash 8的导入音频文件的功能来制作一个音乐播放器，其制作思路及效果如图3-28所示。,导入音频文件,加入音频到帧,打开制作模板,图3-28 制作思路及效果,【操作步骤】1、导入音频文件。（1）打开教学素材中的“素材项目三音乐播放器音乐播放器.fla”文件，然后在“动态声波”图层上面新建图层并重命名为“music”图层，此时的文档效果如图3-29所示 。,（2）选择【文件】/【导入】/【导入到库】命令，打开【导入到库】对话框，如图3-30所示 。,图3-29 文档效果,图3-30 【导入到库】对话框,（3）在【查找范围】下拉列表框中选择音频文件的路径，并选中需要导入的音频文件。本案例将打开教学素材中的“素材项目三音乐播放器cant get you out of my head.mp3”文件，如图3-31所示。（4）单击 按钮，将选择的音频文件导入到【库】面板中，【库】面板效果如图3-32所示。,图3-31 选择音频文件,图3-32 【库】面板,（2）把音频文件加入到动画中。（1）选择“music”图层的第1帧，在【属性】面板的【声音】下拉列表框中选择刚才导入的音频文件，在【效果】下拉列表中选择【淡入】选项，在【同步】下拉列表框中选择【事件】选项，【属性】面板中各参数的设置如图3-33所示。,图3-33 【属性】面板,（2）保存并测试影片，完成动画的制作。,案 例 小 结 本案例通过制作一个音乐播放器的效果讲述了以下知识点。 基础知识：导入音频和使用音频的方法。 表现技巧：音频配合动画使动画更加动感的方法。,任务三 视频文件的导入与编辑,Flash 8支持导入的视频格式包括MPEG（动态图像专家组）、DV（数字视频）、MOV （QuickTime电影）和AVI等 。,（一） 【知识准备】导入视频文件的方法,选择【文件】/【导入】/【导入视频】命令，打开【导入视频】对话框，通过此向导，可以将视频剪辑导入为流式文件、渐进式下载文件、嵌入文件或链接文件，一般多使用嵌入视频文件的方式导入视频剪辑。,（二） 【典型案例】制作“在线影视”,【设计效果】 本案例将使用Flash 8的导入视频文件的功能来制作一个“在线影视”的效果，动画演示的是一小段影片在“电视”上播放的过程，其制作思路及效果如图3-34所示。,【操作步骤】1、导入背景。（1）新建一个Flash文档，设置文档尺寸为“550px380px”、帧频为“20fps”，其他文档属性使用默认参数。（2）将默认的“图层1”重命名为“电视”层，然后选择【文件】/【导入】/【导入到舞台】命令，将教学素材中的“素材项目三在线影视电视.png”文件导入到舞台中，并与舞台居中对齐，效果如图3-35所示。,导入图片,制作渐现效果,加入视频,图3-34 制作思路及效果,2、制作开场特效。（1）新建一个图层并重命名为“开场特效”图层，然后分别选中“电视”图层和“开场特效”图层的第16帧，按F5键插入一个普通帧，时间轴状态如图3-36所示。,图3-35 导入背景,图3-36 时间轴状态,（2）选中“开场特效”层的第1帧，然后选择【矩形】工具，在【属性】面板中设置其【笔触颜色】为“无”、【填充颜色】为“黑色”，在舞台上绘制一个矩形，并调整其宽、高分别为“370”px、“215”px，位置坐标x、y分别为“88”、“45.5”，如图3-37所示 。,图3-37 设置矩形的属性,（3）选中“开场特效”图层的第8帧，按F6键插入一个关键帧，然后调整矩形的【填充颜色】为“白色”，舞台效果如图3-38所示 。,矩形,图3-38 调整矩形颜色为白色,（4）选中“开场特效”图层的第16帧，按下F6键插入一个关键帧，然后调整矩形的【填充颜色】的【Alpha】值为“0%”，如图3-39所示 。,图3-39 设置填充颜色的【Alpha】值,（5）选中“开场特效”图层的第1帧第8帧之间的任意一帧，然后在【属性】面板的【补间】下拉列表框中选择【形状】选项，如图3-40所示，从而为第1帧第8帧之间创建形状补间动画。,图3-40 设置补间动画形式,（6）用同样的方法为“开场特效”图层的第8帧第16帧之间创建形状补间动画，此时的时间轴状态如图3-41所示 。,图3-41 时间轴状态,3、导入视频。（1）在“电视”图层的上面新建一个图层并重命名为“影视文件”图层，然后选中第8帧，按F7键，插入一个空间关键帧。（2）在“影视文件”图层的第8帧处，选择【文件】/【导入】/【导入视频】命令，打开【导入视频】对话框，效果如图3-42所示 。,图3-42 【导入视频】对话框,（3）单击 按钮，打开【打开】对话框，在【查找范围】下拉列表框中选择视频的路径，并选择需要导入的视频。本案例将打开教学素材中的“素材项目三在线影视自然之美.wmv”文件，如图3-43所示。,图3-43 选择视频文件,（4）单击 按钮，返回【导入视频】对话框。（5）单击 按钮，打开【部署】面板，单击【在SWF中嵌入视频并在时间轴上播放】单选按钮，【部署】面板中各选项的设置如图3-44所示。,图4-44 设置【部署】面板,（6）单击 按钮，打开【嵌入】面板，在【符号类型】下拉列表框中选择【嵌入的视频】选项，在【音频轨道】下拉列表框中选择【集成】选项，并单击【嵌入整个视频】单选按钮，如图3-45所示 。,图3-45 设置【嵌入】面板,（7）单击 按钮，打开【编码】面板，选择【Flash 8-高品质(700kbps)】选项，如图3-46所示 。,图3-46 设置视频编码,（8）单击 按钮，打开【完成视频导入】面板，如图3-47所示。,图3-47 完成视频导入设置,（9）单击 按钮，Flash将开始按照先前配置导入视频，如图3-48所示。进度条完成后视频将导入到舞台中，并在【库】面板中显示出导入的视频，如图3-49所示。,导入后的视频文件,图3-48 导入进度,图3-49 【库】面板,（10）选择舞台中的视频，在【属性】面板中设置其属性，如图3-50所示。,图3-50 视频的【属性】面板,（12）保存并测试影片，完成动画的制作。,图3-51 时间轴状态,案 例 小 结 本案例通过制作一个在线影院的效果讲述了以下知识点。 基础知识：导入视频及设置视频的方法。 表现技巧：使用视频和背景配合表现真实显示器的方法,任务四 外部库文件的导入,导入外部库文件就是在当前Flash文档中打开另外一个文档的【库】面板，然后将里面的资源拖入到当前文档进行再一次的使用，从而可以实现Flash动画素材的重复使用，为Flash动画的制作提供方便。除此之外还可使用拷贝和粘贴资源，或者拖放资源来实现元件在两个文档之间的转换 。,（一） 【知识准备】打开外部库的方法,选择【文件】/【导入】/【打开外部库】命令，定位到要打开的【库】面板所在的Flash文件，如图3-52所示。然后单击 按钮，在当前文档中打开所选文件的【库】面板，并在【库】面板顶部显示文件名，如图3-53所示。若要在当前文档中使用所选文件的【库】中的项目，请将这些项目拖到当前文档的【库】面板或舞台上 。,图3-52 定位外部库文件,图3-53 外部库,(二) 【典型案例】制作“别样世界”,【设计效果】 本案例将使用Flash 8的打开外部库的功能来制作一个“别样世界”的效果，动画演示的是通过一个小块笔墨区域展现一个动态的小世界，制作思路及效果如图3-54所示。,导入外部库,设置舞台,制作遮罩效果,图3-54 制作思路及效果,【操作步骤】1、打开外部库。（1）新建一个Flash文档，设置文档尺寸为“480px360px”，其他属性使用默认参数。（2）将默认的“图层1”重命名为“背景”图层，选择【文件】/【导入】/【打开外部库】命令，打开【作为库打开】对话框，如图3-55所示。,图3-55 【作为库打开】对话框,（3）在【查找范围】下拉列表框中选择外部库的路径，本案例将打开教学素材中的“素材项目三别样世界外部库文件.fla”文件，如图3-56所示 。,图3-56 选择打开的对象,（4）单击 按钮，将打开【库外部库文件.fla】面板，效果如图3-57所示。2、使用外部库中的文件。（1）选中“背景”图层的第1帧，然后选中【库外部库文件】面板中名为“动态背景”的【影片剪辑】元件，按住鼠标左键不放，将该元件拖动到舞台中，然后调整使其居中对齐到舞台，效果如图3-58所示。,图3-57 【库外部库文件.fla】面板,图3-58 舞台效果,当把【外部库】面板中的元件拖入当前舞台中以后，元件以及与元件相关联的素材也随即进入当前文档的【库】面板中，如图3-59所示 。,（2）新建一个图层并重命名为“遮罩效果”图层，然后选中该层的第1帧，将【库外部库文件.fla】面板中名为“外框形状”的【影片剪辑】元件拖入到舞台中，并设置其属性，如图3-60所示，舞台效果如图3-61所示。,图3-59 文档的【库】面板,图3-60 设置“外框形状”元件的属性,3、制作遮罩效果。（1）用鼠标右键单击“遮罩效果”图层，在弹出的快捷菜单中选择【遮罩层】命令，时间轴状态如图3-62所示，舞台效果如图3-63所示。（2）保存并测试影片，完成动画的制作 。,图3-61 放入“外框形状”元件的舞台效果,图3-62 时间轴状态,图3-63 制作遮罩效果后的舞台效果,案 例 小 结 本案例通过制作一个别样世界的效果讲述了以下知识点。 基础知识：打开并应用外部库的方法。 拓展知识：使用遮罩动画显示特定区域的方法。,任务五 【实例提高】制作“影视快送”,【设计效果】 本案例重点复习和巩固Flash 8中导入外部素材的操作方法与技巧。在动画演示过程中，3段影视文件将随着音乐从画面右端移到画面的左端，制作思路及效果如图3-64所示。,导入背景图片,导入视频和元件制作动画,加入音频文件,图3-64 制作思路及效果,【操作步骤】1、制作背景。（1）新建一个Flash文档，设置文档尺寸为“550px250px”、背景颜色为“#CCCCCC”、帧频为“20fps”，其他属性使用默认参数。（2）将默认的“图层1”重命名为“背景”图层，然后选中第1帧，选择【文件】/【导入】/【导入到舞台】命令，将教学素材中的“素材项目三影视快送bg.png”图像文件导入到舞台中并设置其属性，如图3-65所示，舞台效果如图3-66所示。,图3-65 设置背景图片的属性,图3-66 添加背景图片后的舞台效果,2、制作影视元件。（1）新建一个图层并重命名为“影视”图层。（2）选择【插入】/【新建元件】命令，打开【创建新元件】对话框，在【名称】文本框中输入“影片01”，在【类型】中单击【影片剪辑】单选按钮，如图3-67所示。（3）单击 按钮，进入元件内部进行编辑，然后将默认的“图层1”重命名为“视频”图层。（4）选中“视频”层的第1帧，选择【文件】/【导入】/【导入视频】命令，将教学素材中的“素材项目三影视快送自然世界.wmv”的视频文件导入到舞台中，如图3-68所示。,图3-67 创建新元件,图3-68 导入视频后的舞台效果,（5）新建一个图层并重命名为“边框”图层。（6）选中“边框”层的第1帧，选择【矩形】工具，在【属性】面板中设置其【填充颜色】为“无”，【笔触颜色】为“白色”，【边角设置】为“6”点，然后在视频文件绘制一个边框，如图3-69所示。（7）新建一个图层并重命名为“标题”图层，然后利用【文本】工具，在视频文件的下方输入文本“自然世界”，设置其【字体】为“汉仪综艺体简”（读者可以设置为自己喜欢的字体或者自行购买外部字体库），【大小】为“60”，【文本颜色】为“黑色”，如图3-70所示，舞台效果如图3-71所示 。,图3-69 制作边框,图3-70 输入标题,3、制作动态影视展现。（1）选择【插入】/【新建元件】命令，打开【创建新元件】对话框，在【名称】文本框中输入“影视合成”，在【类型】中单击【影片剪辑】单选按钮，然后单击 按钮，进入元件内部进行编辑。（2）将默认的“图层1”重命名为“自然世界”图层，选中该层的第1帧，然后打开【库】面板，将名为“影片01”的【影片剪辑】元件拖入到舞台中，并设置其属性，如图3-72所示。,图3-71 标题文本的属性设置,图3-72 “影片01”元件的属性设置,（3）新建一个图层并重命名为“浪漫之旅”图层，选中该层的第1帧，选择【文件】/【导入】/【打开外部库】命令，将教学素材中的“素材项目三影视快送外部库.fla”源文件打开，如图3-73所示。将【库-外部库.fla】面板中名为“影片02”的【影片剪辑】元件拖入到舞台中，设置其属性，如图3-74所示。,图3-73 打开外部库,图3-74 “影片02”元件的属性,（5）新建一个图层并重命名为“美丽人生”图层，选中该层的