FlashCS5动画制作经典教程课件

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,项目八 应用外部素材,应用外部图形与图像,应用视频,应用声音,项目八 应用外部素材 应用外部图形与图像,1,任务一 应用外部图形与图像,任务说明,要在动画中应用外部图形与图像，需要先将其导入到Flash文档中，并进行适当的编辑，本任务中我们带来读者学习导入和编辑外部图形与图像的方法。,任务一 应用外部图形与图像 任务说明,2,预备知识,一、Flash CS5支持的图形与图像,支持的矢量图形：,Windows元文件（扩展名为.wmf）、增强的Windows元文件（扩展名为.emf）、AutoCAD DXF文件（扩展名为.dxf）、Illustrator文件（扩展名为.ai.、eps）等格式的矢量图形。,支持的位图图像：,BMP（扩展名为.bmp）、JPEG（扩展名为.jpg）、GIF（扩展名为.gif）、PNG（扩展名为.png）、PSD（扩展名为.psd）等格式的图像文件。,预备知识 一、Flash CS5支持的图形与图像 支持的矢量,3,二、导入图形或图像,导入到当前帧：,选择“文件”“导入”“导入到舞台”菜单项，或按快捷键【Ctrl+R】，打开“导入”对话框，然后选择要导入的图形或图像，单击“打开”按钮，即可将所选图形或图像导入到当前图层的当前帧上。,“导入”对话框 导入到舞台的位图,二、导入图形或图像 导入到当前帧：选择“文件”“导入”“,4,导入到库：,选择“文件”“导入”“导入到库”菜单，可将矢量图形或位图图像导入到“库”面板中。,导入到库：选择“文件”“导入”“导入到库”菜单，可将矢量,5,三、编辑位图,1分离位图和选取位图区域,用户可利用“套索工具”选取位图部分区域。需要注意的是，在选取位图区域前需要先使用“选择工具”单击选中位图，然后按【Ctrl+B】组合键将其分离。,“套索工具”有“套索”、“多边形”和“魔术棒”3种模式，利用这3种模式都可以选取分离位图的部分区域，但选取特点各不相同，下面分别介绍。,三、编辑位图 1分离位图和选取位图区域 用,6,“套索”模式：,“套索”模式是“套索工具”的默认模式，使用该模式可以选择任意位图区域。选择“套索工具”后，在分离的位图上单击确定起点，按住鼠标左键不放并沿要选取的区域拖动，此时会出现一个黑色的轨迹，到与起始点汇合后松开鼠标，此时轨迹内的图像区域即被选取。,使用“套索”模式选取位图区域,“套索”模式：“套索”模式是“套索工具”的默认模式，使用该模,7,“多边形”模式：“多边形”模式一般用于选取比较规则的图形区域，例如方形、菱形和三角形等。选择“套索工具”，然后在工具箱“选项”区中单击“多边形模式”按钮，在要选取区域的棱角处单击确定区域边缘顶点，最后在起点处双击，此时多边形轨迹内的图像区域将被选取。,使用“多边形”模式选取位图区域,“多边形”模式：“多边形”模式一般用于选取比较规则的图形区域,8,“魔术棒”模式：利用“魔术棒”模式可以选取图像中颜色相近的区域。选择“套索工具”，在工具箱“选项”区中单击“魔术棒”按钮，然后将鼠标移动到要选取的位图区域并单击，即可选取与单击位置颜色相近的区域。,使用“魔术棒”模式选取位图区域,“魔术棒”模式：利用“魔术棒”模式可以选取图像中颜色相近的区,9,2将位图转换为矢量图,将位图转换为矢量图形后，可以像编辑矢量图形一样对其进行编辑。选择要转换为矢量图形的位图后，选择“修改”“位图”“转换位图为矢量图”菜单，在打开的“转换位图为矢量图”对话框中设置参数，单击“确定”按钮，等待一段时间后，即可将位图转换为矢量图了。,将位图转换为矢量图,2将位图转换为矢量图 将位图转换为矢量图,10,颜色阈值：,设置颜色之间的差值，范围为1500之间的整数。阈值越小，转换后的图形颜色越丰富，与原图像差别越小。,最小区域：,范围为11000之间的整数。值越小，转化后的图形与原图像越接近。,角阈值：,设置是保留锐利边缘（颜色对比强烈的边缘），还是进行平滑处理，范围从“较多转角”到“较少转角”。“较多转角”会保留原图像的锐利边缘。,曲线拟合：,设置转换时如何平滑图形轮廓线，“像素”表示不平滑。,颜色阈值：设置颜色之间的差值，范围为1500之间的整数。阈,11,3从外部编辑位图,Flash是专业的动画制作软件，虽然它也可以编辑位图，但是具有一定的局限性，有时不能满足我们的需要。此时，我们可使用专业的位图编辑软件对导入的位图进行编辑。,从外部编辑位图,若用户的电脑中安装了Photoshop CS5，可在“库”面板中右击需要修改的位图，在弹出的快捷菜单中选择“Photoshop CS5”菜单，启动该软件对位图进行编辑；也可在弹出的快捷菜单中选择“编辑方式”菜单，在打开的“选择外部编辑器”对话框中选择一款位图编辑软件。,在位图编辑软件中对位图进行修改并保存，切换回Flash中就会发现位图已发生了变化。,3从外部编辑位图 Flash是专业的动画制,12,四、设置位图输出属性,在动画中使用位图时，如果按下【Ctrl+Enter】键预览动画，会发现某些位图边缘有锯齿，影响位图的美观；此外，如果在Flash中过多使用了位图，会发现动画体积变得很大。我们可通过设置位图输出属性，来解决这两个问题。,设置位图输出属性,在“库”面板中右击需要修改的位图，在弹出的快捷菜单中选择“属性”菜单，打开“位图属性”对话框。在该对话框中选择“允许平滑”复选框，可消除位图边缘的锯齿；在“压缩”下拉列表中选择“照片（JPEG）”选项，再设置相应的压缩参数，单击“测试”按钮，从对话框底部可查看压缩前和压缩后的图像大小。,四、设置位图输出属性 在动画中使用位图时，如,13,“压缩”下拉列表,：选择“照片（JPEG）”选项，将以JPEG格式压缩图像，适用于具有复杂颜色或色调变化的图像，例如具有渐变填充的照片或图像；选择“无损（PNG/GIF）”选项，将使用无损压缩格式压缩图像，这样不会丢失图像中的任何数据，适用于具有简单形状和较少颜色的图像。,“使用导入的JPEG数据”单选钮,：使用导入图像的默认压缩品质压缩图像。,“自定义”单选钮,：在其后的编辑框中输入的值越高（1到100），图像质量越好，文件也会越大。,图8-7 手机广告,“启用解块”复选框,：勾选此复选框后，会减少由于低品质设置导致的图像失真。,“压缩”下拉列表：选择“照片（JPEG）”选项，将以JPEG,14,任务实施制作电影海报动画,下面通过制作电影海报动画，学习PSD位图在Flash中的应用。,本例主要是通过导入PSD格式的位图来实现的，首先新建一个文档并导入psd格式的位图，然后利用根据导入的位图自动生成的图层和影片剪辑制作动画效果。本例具体操作可参考本书配套视频“8-1.avi”。,电影海报动画,任务实施制作电影海报动画 下面通过制作电,15,任务二 应用视频,任务说明,制作Flash动画时可以将外部视频导入到动画中，例如在制作某些教学课件时，便可将相关的视频加入到动画中，并由Flash控制视频的播放，从而使演示效果更好。本任务中将带来读者学习在Flash文档中导入和应用视频的方法。,任务二 应用视频 任务说明 制作Flash,16,预备知识,一、导入视频,默认情况下，Flash CS5只支持FLV和F4V格式的视频，但我们可以在导入视频前或导入视频过程中，使用Flash CS5自带的视频转换组件Adobe Media Encoder将其他视频格式转换为FLV和F4V格式，利用该组件还可以对视频编码进行详细设置，以及裁剪视频和选择视频中需要导入的片段等。,预备知识 一、导入视频 默认情况下，Flas,17,下面通过导入一个视频文件，介绍在Flash CS5中转换和导入视频的具体操作。,“导入视频”对话框,1.,新建一个Flash文档，选择“文件”“导入”“导入视频”菜单，打开“导入视频”对话框。,下面通过导入一个视频文件，介绍在Flash,18,提示对话框,2.,单击对话框中的 按钮，在打开的“打开”对话框中选择视频文件，此时会弹出下图所示的提示对话框，单击“确定”按钮即可。,提示对话框2.单击对话框中的 按钮,19,设置视频编码配置文件,3.单击“选择视频”对话框底部的“启动Adobe Media Encoder”按钮，此时将弹出“另存为”对话框，让用户保存步骤1新建的Flash文档，从而将使用Adobe Media Encoder转换后的FLV或F4V视频文件自动保存到与文档相同的位置。,4.,保存文档后，将启动视频转换组件Adobe Media Encoder。单击该组件“预设”栏下方的下拉按钮，在展开的下拉列表中可选择系统预设的Flash视频编码配置文件，本例选择“FLV与源属性匹配（高质量）”选项。,设置视频编码配置文件3.单击“选择视频”对话框底部的“启动A,20,编码对话框,5.,单击“预设”栏下方的配置文件，可在打开的“导出设置”对话框中详细设置音视编码和裁剪视频。,编码对话框5.单击“预设”栏下方的配置文件，可在打开的“导出,21,裁剪视频和设置视频的出入点,6.,单击“导出设置”对话框左上方的“裁剪”按钮后，视频预览窗口四周会出现裁剪框，将鼠标指针移至裁剪框4条边或4个顶点处并拖动，可对视频进行裁剪，去掉视频中不需要的区域。,7.,利用视频预览窗口下方的“设置入点”按钮和“设置出点”按钮，可以设置要导入视频剪辑的起始点和结束点，从而选择需要导入的视频片段。,裁剪视频和设置视频的出入点6.单击“导出设置”对话框左上方的,22,开始对视频进行格式转换和编码,8.,设置完成后单击“确定”按钮，返回“Adobe Media Encoder”主界面，然后单击“开始队列”按钮，开始对视频进行格式转换和编码。,开始对视频进行格式转换和编码 8.设置完成后单击“确定”按钮,23,9.视频格式转换和编码完毕后，在“状态”栏下方会显示一个绿色对钩，此时可关闭Adobe Media Encoder组件，返回“导入视频”对话框，然后单击“浏览”按钮，在弹出的对话框中选择刚生成的FLV视频文件，单击“打开”按钮。,选择视频回放组件的外观,10.,在“导入视频”对话框中选择“使用回放组件加载外部视频”单选钮，单击“下一步”按钮，然后在打开的“外观”界面中选择视频回放组件的外观。,9.视频格式转换和编码完毕后，在“状态”栏下方会显示一个绿色,24,导入的视频,11.,单击“下一步”按钮进入“完成视频导入”界面，单击“完成”按钮，等待一段时间后即可使用回放组件将外部视频加载到Flash文档中。,视频播放效果,12.将文档保存后，按快捷键【Ctrl+Enter】测试动画效果。,导入的视频 11.单击“下一步”按钮进入“完成视频导入”界面,25,二、设置视频,单击选中舞台中的视频回放组件后，可在“属性”面板的“组件参数”栏中设置视频回放组件的参数，从而控制视频的播放。,设置视频及播放组件的相关参数,二、设置视频 单击选中舞台中的视频回放组件后,26,autoPlay：,勾选该复选框，表示播放动画时自动开始播放视频；如果取消该复选框，则在加载第一帧后暂停播放。,autoRewind：,勾选该复选框，则当播放头到达动画末尾或用户单击停止按钮时，视频将后退到开始处。,autoSize：,勾选该复选框，播放动画时会自动将视频回放组件的大小调整为与源视频尺寸等大。,bufferTime：,用于设置开始播放视频前要缓冲的秒数，默认值是0。,Skin：,单击该选项右侧的按钮，将打开一个对话框，从中可以选择一种新的视频回放组件外观。,volume：,用于控制视频中的音量。,常用参数的意义如下。,autoPlay：勾选该复选框，表示播放动画时自动开始播放视,27,任务实施制作小狗看电影动画,下面通过制作一个小狗看电影动画，学习视频在Flash中的应用。,小狗看电影,新建一个Flash文档，导入图像并删除无用的图层，然后启动视频转换组件以对“老鼠爱大米.avi”视频文件进