案例展示
当前位置: 主页 > 案例展示 >

FlashCS5动画制作经典教程

发布日期:2020-09-18 02:08

 

  项目八 应用外部素材 应用外部图形与图像 ? 应用视频 ? 应用声音 ? 任务一 应用外部图形与图像 任务说明 要在动画中应用外部图形与图像,需要先将其导入到 Flash文档中,并进行适当的编辑,本任务中我们带来读者 学习导入和编辑外部图形与图像的方法。 预备知识 一、Flash CS5支持的图形与图像 ? ? 支持的矢量图形:Windows元文件(扩展名为.wmf)、增强的 Windows元文件(扩展名为.emf)、AutoCAD DXF文件(扩 展名为.dxf)、Illustrator文件(扩展名为.ai.、eps)等格式的 矢量图形。 支持的位图图像:BMP(扩展名为.bmp)、JPEG(扩展名 为.jpg)、GIF(扩展名为.gif)、PNG(扩展名为.png)、 PSD(扩展名为.psd)等格式的图像文件。 二、导入图形或图像 ? 导入到当前帧:选择“文件”“导入”“导入到舞台”菜单项, 或按快捷键【Ctrl+R】,打开 “导入”对话框,然后选择要导 入的图形或图像,单击“打开”按钮,即可将所选图形或图像导 入到当前图层的当前帧上 。 “导入”对话框 导入到舞台的位图 ? 导入到库:选择“文件”“导入”“导入到库”菜单,可将矢量 图形或位图图像导入到“库”面板中。 三、编辑位图 1.分离位图和选取位图区域 用户可利用“套索工具”选取位图部分区域。需要注 意的是,在选取位图区域前需要先使用“选择工具”单击 选中位图,然后按【Ctrl+B】组合键将其分离。 “套索工具”有“套索”、“多边形”和“魔术棒”3 种模式,利用这3种模式都可以选取分离位图的部分区域, 但选取特点各不相同,下面分别介绍。 ? “套索”模式:“套索”模式是“套索工具”的默认模式,使用 该模式可以选择任意位图区域。选择“套索工具”后,在分离的 位图上单击确定起点,按住鼠标左键不放并沿要选取的区域拖动, 此时会出现一个黑色的轨迹,到与起始点汇合后松开鼠标,此时 轨迹内的图像区域即被选取 。 使用“套索”模式选取位图区域 ? “多边形”模式:“多边形”模式一般用于选取比较规则的图形区域, 例如方形、菱形和三角形等。选择“套索工具”,然后在工具箱 “选项”区中单击“多边形模式”按钮,在要选取区域的棱角处单 击确定区域边缘顶点,最后在起点处双击,此时多边形轨迹内的图 像区域将被选取。 使用“多边形”模式选取位图区域 ? “魔术棒”模式:利用“魔术棒”模式可以选取图像中颜色相近的 区域。选择“套索工具”,在工具箱“选项”区中单击“魔术棒” 按钮,然后将鼠标移动到要选取的位图区域并单击,即可选取与 单击位置颜色相近的区域 。 使用“魔术棒”模式选取位图区域 2.将位图转换为矢量图 将位图转换为矢量图形后,可以像编辑矢量图形一样对 其进行编辑。选择要转换为矢量图形的位图后,选择“修 改”“位图”“转换位图为矢量图”菜单,在打开的“转换 位图为矢量图”对话框中设置参数,单击“确定”按钮,等 待一段时间后,即可将位图转换为矢量图了。 将位图转换为矢量图 ? ? ? ? 颜色阈值:设置颜色之间的差值,范围为1~500之间的整数。 阈值越小,转换后的图形颜色越丰富,与原图像差别越小。 最小区域:范围为1~1000之间的整数。值越小,转化后的图形 与原图像越接近。 角阈值:设置是保留锐利边缘(颜色对比强烈的边缘),还是进 行平滑处理,范围从“较多转角”到“较少转角”。“较多转角” 会保留原图像的锐利边缘。 曲线拟合:设置转换时如何平滑图形轮廓线,“像素”表示不平 滑。 3.从外部编辑位图 Flash是专业的动画制作软件,虽然它也可以编辑位图,但 是具有一定的局限性,有时不能满足我们的需要。此时,我们可 使用专业的位图编辑软件对导入的位图进行编辑。 若用户的电脑中安装了Photoshop CS5,可在 “库”面板中右击需要修改的位图,在弹出的快 捷菜单中选择“Photoshop CS5”菜单,启动该软件 对位图进行编辑;也可在弹出的快捷菜单中选择 “编辑方式…”菜单,在打开的“选择外部编辑器” 对话框中选择一款位图编辑软件。 在位图编辑软件中对位图进行修改并保存, 切换回Flash中就会发现位图已发生了变化。 从外部编辑位图 四、设置位图输出属性 在动画中使用位图时,如果按下【Ctrl+Enter】键预览动 画,会发现某些位图边缘有锯齿,影响位图的美观;此外, 如果在Flash中过多使用了位图,会发现动画体积变得很大。 我们可通过设置位图输出属性,来解决这两个问题。 在“库”面板中右击需要修改的位图,在弹出的快捷菜单中选择“属性” 菜单,打开“位图属性”对话框。在该对话框中选择“允许平滑”复选框,可 消除位图边缘的锯齿;在“压缩”下拉列表中选择“照片(JPEG)”选项,再 设置相应的压缩参数,单击“测试”按钮,从对话框底部可查看压缩前和压缩 后的图像大小。 设置位图输出属性 ? ? ? ? “压缩”下拉列表:选择“照片(JPEG)”选项,将以JPEG格式 压缩图像,适用于具有复杂颜色或色调变化的图像,例如具有渐 变填充的照片或图像;选择“无损(PNG/GIF)”选项,将使用 无损压缩格式压缩图像,这样不会丢失图像中的任何数据,适用 于具有简单形状和较少颜色的图像。 “使用导入的JPEG数据”单选钮:使用导入图像的默认压缩品 质压缩图像。 “自定义”单选钮:在其后的编辑框中输入的值越高(1到 100),图像质量越好,文件也会越大。图8-7 手机广告 “启用解块”复选框:勾选此复选框后,会减少由于低品质设置 导致的图像失真。 任务实施——制作电影海报动画 下面通过制作电影海报动画,学习PSD位图在Flash中的 应用。 本例主要是通过导入PSD格式的 位图来实现的,首先新建一个文档并 导入psd格式的位图,然后利用根据导 入的位图自动生成的图层和影片剪辑 制作动画效果。本例具体操作可参考 本书配套视频“8-1.avi”。 电影海报动画 任务二 应用视频 任务说明 制作Flash动画时可以将外部视频导入到动画中,例如 在制作某些教学课件时,便可将相关的视频加入到动画中, 并由Flash控制视频的播放,从而使演示效果更好。本任务 中将带来读者学习在Flash文档中导入和应用视频的方法。 预备知识 一、导入视频 默认情况下,Flash CS5只支持FLV和F4V格式的视频, 但我们可以在导入视频前或导入视频过程中,使用Flash CS5自带的视频转换组件Adobe Media Encoder将其他视频 格式转换为FLV和F4V格式,利用该组件还可以对视频编码 进行详细设置,以及裁剪视频和选择视频中需要导入的片 段等。 下面通过导入一个视频文件,介绍在Flash CS5中转换 和导入视频的具体操作。 1.新建一个Flash文档, 选择“文件”“导 入”“导入视频”菜 单,打开“导入视频” 对话框 。 “导入视频”对线.单击对话框中的 按钮,在打 开的“打开”对话框中选择视频文件, 此时会弹出下图所示的提示对话框,单 击“确定”按钮即可。 提示对线.单击“选择视频”对话框底部的“启动Adobe Media Encoder”按钮,此时将弹出“另存为”对 线新建的Flash文档,从而 将使用Adobe Media Encoder转换后的FLV或F4V 视频文件自动保存到与文档相同的位置。 4.保存文档后,将 启动视频转换组件 Adobe Media Encoder。单击该组 件“预设”栏下方 的下拉按钮,在展 开的下拉列表中可 选择系统预设的 Flash视频编码配置 文件,本例选择 “FLV—与源属性匹 配(高质量)”选 项。 设置视频编码配置文件 5.单击“预设” 栏下方的配置文 件,可在打开的 “导出设置”对 话框中详细设置 音视编码和裁剪 视频 。 编码对线.单击“导出设置”对话框左上方的“裁 剪”按钮后,视频预览窗口四周会出现 裁剪框,将鼠标指针移至裁剪框4条边或 4个顶点处并拖动,可对视频进行裁剪, 去掉视频中不需要的区域。 7.利用视频预览窗口下方 的“设置入点”按钮和 “设置出点”按钮,可以 设置要导入视频剪辑的起 始点和结束点,从而选择 需要导入的视频片段。 裁剪视频和设置视频的出入点 8.设置完成后单击“确定” 按钮,返回“Adobe Media Encoder”主界面, 然后单击“开始队列” 按钮,开始对视频进行 格式转换和编码 。 开始对视频进行格式转换和编码 9.视频格式转换和编码完毕后,在“状态”栏下方会显示一个绿色对钩,此 时可关闭Adobe Media Encoder组件,返回“导入视频”对话框,然后单击 “浏览”按钮,在弹出的对话框中选择刚生成的FLV视频文件,单击“打开” 按钮。 10.在“导入视频”对话框 中选择“使用回放组件加 载外部视频”单选钮,单 击“下一步”按钮,然后 在打开的“外观”界面中 选择视频回放组件的外观 。 选择视频回放组件的外观 11.单击“下一步”按钮 进入“完成视频导入” 界面,单击“完成”按 钮,等待一段时间后即 可使用回放组件将外部 视频加载到Flash文档中 。 导入的视频 12.将文档保存后,按 快捷键【Ctrl+Enter】 测试动画效果 。 视频播放效果 二、设置视频 单击选中舞台中的视频回放组件后,可在“属性”面板 的“组件参数”栏中设置视频回放组件的参数,从而控制视 频的播放 。 设置视频及播放组件的相关参数 常用参数的意义如下。 ? ? ? ? ? ? autoPlay:勾选该复选框,表示播放动画时自动开始播放视频; 如果取消该复选框,则在加载第一帧后暂停播放。 autoRewind:勾选该复选框,则当播放头到达动画末尾或用 户单击停止按钮时,视频将后退到开始处。 autoSize:勾选该复选框,播放动画时会自动将视频回放组件 的大小调整为与源视频尺寸等大。 bufferTime:用于设置开始播放视频前要缓冲的秒数,默认值 是0。 Skin:单击该选项右侧的按钮,将打开一个对话框,从中可以选 择一种新的视频回放组件外观。 volume:用于控制视频中的音量。 任务实施——制作小狗看电影动画 下面通过制作一个小狗看电影动画,学习视频在Flash中 的应用。 新建一个Flash文档,导入图像并 删除无用的图层,然后启动视频转换 组件以对“老鼠爱大米.avi”视频文件 进行编辑并转换格式,接着将转换好 格式的视频文件导入Flash文档,并使 用“任意变形工具”调整导入视频的 大小和倾斜度,最后设置位图的输出 属性。本例具体操作可参考本书配套 视频“8-2.avi” 。 小狗看电影 任务三 应用声音 任务说明 在Flash动画中恰当地加上声音能使动画更加生动,例 如为下雨的场景加上雨声、风声,或为贺卡加上一段优美的 音乐,对于音乐MTV或动画短剧来说,更是离不开声音。 本任务将带领读者学习在动画中应用声音的方法。 预备知识 一、导入和添加声音 可以直接导入Flash CS5的声音格式有WAV、AIFF和MP3 三种,其中最常用的是MP3格式。下面通过为一段动画添加 声音,介绍在Flash文件中添加声音的具体操作。 1.打开素材文档,然后选 择“文件”“导入”“导 入到舞台”或“导入到库” 菜单,在打开的“导入” 对话框中选择 声音文件。 在“导入”对线.单击“打开”按钮后, 等待一段时间后即可将声 音导入到“库”面板中 。 3.在“雪花”图层上方新建一个图层, 将其重命名为“声音”。在“声音”图 层选中要添加声音的关键帧,本例为第 1帧,然后在“属性”面板“声音”栏 中的“名称”下拉列表中选择要添加的 声音,即可将其添加到该关键帧中 。 “库”面板中的声音文件 新建图层并添加声音 二、编辑声音 将声音添加到关键帧后,应根据动画需要对声音的同 步选项、效果和长短等进行设置。 1.单击选中添加了声音的关键帧, 在“属性”面板“同步”下拉 列表中选择同步选项。 “同步声音”下拉列表 声音同步选项用来控制声音的播放形式,Flash CS5 提供的各声音同步选项的意义如下。 ? ? ? ? 事件:选择此项后,声音的播放与时间轴无关,当动画播放到添 加声音的关键帧时,无论关键帧后是否有普通帧,声音开始播放, 一直到将该声音文件播放完。事件声音一般用在不需要控制声音 播放的地方,例如按钮或贺卡的背景音乐。 开始:与事件声音相似,区别是:如果当前正在播放该声音文件 的其他实例,则在其他声音实例播放结束之前,不会播放该声音 文件实例。 停止:使指定的声音停止播放,例如使事件声音停止播放。 数据流:该方式下,声音和时间轴同步播放。与事件声音不同, 数据流声音的播放时间完全取决于它在时间轴中占据的帧数,动 画停止,声音也将停止。制作音乐动画、音乐短剧等需要影片和 声音同步播放的动画时,需要选择该选项。 2.在“同步”下拉列表框下方的“声 音循环”下拉列表中可选择声音循环 的方式。若选择“循环”选项,表示 将无限循环播放声音;选择“重复” 选项,可在其右侧的“循环次数”编 辑框中设置重复播放的次数。本例选 择“重复”选项,将重放次数设为 “1 ” 。 选择声音的循环方式 3.要设置声音效果,只需选中添 加声音的关键帧,如选中“声 音”图层的第1帧,然后在“属 性”面板的“效果”下拉列表 中选择声音效果即可 。 设置声音效果 ? ? ? ? ? 无:不使用任何声音效果。 左声道/右声道:只在左或右声道中播放声音。 从左到右淡出/从右到左淡出:声音音量从左(右)声道 到右(左)声道逐渐减小。 淡入:播放时声音音量逐渐加大。淡出:播放时声音音量 逐渐减小。 自定义:打开“编辑封套”对话框对声音进行编辑。 4.选中添加了声音的关 键帧后,单击“属性” 面板“效果”选项右 侧的“编辑封套”按 钮 打开“编辑封套” 对话框 ,将“声音起 点控制轴”向右拖至 波形起伏较大的位置 (即掐掉声音文件开 始的无音部分 )。 “编辑封套”对话框 ? 节点:上下拖动节点可以调整音量指示线,从而调整相应播放位 置的音量大小。音量指示线位置越高,音量越大。此外,单击音 量指示线,可在单击处增加一个节点,最多可以有8个节点;将 节点拖至编辑区外,可删除节点。 ? ? “放大”按钮/“缩小”按钮:单击这两个按钮,可以改 变对话框中声音显示范围,从而方便编辑声音。 “秒”按钮/“帧”按钮:单击这两个按钮,可以改变 对话框中声音显示的长度单位,有“秒”和“帧”两 种。 5.向右拖动对话框底部的滚动条以显示声 音终点控制轴,然后将“声音终点控制轴” 向左拖至波形起伏较大的位置(即掐掉声 音文件结束处无声音的部分) 。 掐掉声音结束部分 6.向左拖动对话框底部的 滚动条以显示声音开始部 分,然后将左右声道编辑 窗格中最左侧的节点向上 移动至中间位置,再将第 2个节点向右适当拖动, 从而使声音开始处的音量 逐渐增大 。 设置声音音量 三、设置输出音频 默认情况下,Flash在将动画发布成swf文件时,会自动对 输出的音频进行压缩,以减小swf文件的体积。用户用户也可 根据需要自己设置输出音频,具体操作如下。 1.在“冒雪前行素材.fla”文档的“库”面板中右击“咪咪流浪记.mp3”音 乐文件,在弹出的快捷菜单中选择“属性”菜单,打开“声音属性”对 线.在“压缩”下拉列表框 中选择所需的压缩格式, 本例选择“MP3”选项,然 后将“比特率”设为 “48Kbps”,并取消勾选 “将立体声转换为单声道” 复选框,单击“确定”按 钮。 “声音属性”对话框 ? ? ? 预处理:选择“将立体声转换为单声道”复选框可将混合立体声 转换为单声,减少文件体积,但会降低声音质量。该选项只有在 比特率为20Kbps或更高时才可用。 比特率:用于确定导出的声音文件中每秒播放的位数。Flash支 持8Kbps到160 Kbps的比特率。比特率越大声音效果越好,但 文件体积也越大。 品质:用于确定压缩速度和声音品质,如果要将影片发布到网络 上,可选择“快速”选项;如果要在本地运行影片,则可以使用 “中”或“最佳”选项。 “MP3”是最常用的声音压缩格式,除此之外还有 “ADPCM”、“原始”、“语音”和“默认”几个选项。 其中“ADPCM”选项用来设置8位或16位声音数据,当输出 较短小的事件声音,例如单击按钮的声音时,可使用此设 置。 任务实施——制作老鼠爱大米音乐动画 下面通过制作老鼠爱大米音乐动画,学习声音在Flash动 画中的应用。 制作老鼠爱大米音乐动画时 首先把所需音乐导入到Flash中并 进行编辑;然后利用本书提供的 素材,根据音乐的节奏合成动画; 再为动画添加与音乐同步的歌词; 最后设置声音文件的输出属性, 完成音乐动画的制作。本例具体 操作可参考本书配套视频“83.avi” 。 老鼠爱大米音乐动画