第11章上机指导综合范例.ppt

第11章 上机指导综合范例 本章主要内容： 范例简介和设计思路 范例制作步骤 11.1 范例简介和设计思路 11.1.1 范例简介 11.1.2 范例设计思路 11.1.1 范例简介 本范例是一首古诗“鸟鸣涧”的Flash动画作品，它以配乐诗朗诵的形式将古诗的意境表现出来。 11.1.2 范例设计思路 本范例是一个典型的Flash动画作品，综合应用了Flash最重要的一些技术。为了让用户深刻理解诗人的思想，本范例营造了一个真情实景的动画效果，用户可以在这个古诗朗诵动画中欣赏优美的音乐，聆听诗人的情怀。 11.2 范例制作步骤 11.2.1 用Photoshop编辑和创建图像素材 11.2.2 用GoldWave编辑和创建声音素材 11.2.3 导入素材并创建动画界面 11.2.4 创建动画元件 11.2.5 声音和动画同步播放的制作 11.2.6 制作其他动画 11.2.7 制作动画预载场景 11.2.7 发布作品 11.2.1 用Photoshop编辑和创建图像素材 Flash在处理位图方面功能比较单一，而PhotoShop具有强大的图像处理能力，因此，运用PhotoShop处理多媒体课件中需要的位图素材，将会为Flash作品锦上添花。 1．缩小素材图像的尺寸 2．创建动画标题特效文字 3．创建画轴素材图像 11.2.2 用GoldWave编辑和创建声音素材 GoldWave是一个功能强大的声音编辑软件，它简单易学。制作Flash作品时，利用它编辑处理声音素材、录制声音是个不错的选择。 1．编辑背景音乐 2．录制古诗朗诵声音 使用GoldWave对古筝曲“广陵散MP3” 进行剪裁和编辑。 利用GoleWave进行古诗朗诵声音素材的录制。 11.2.3 导入素材并创建动画界面 1、新建一个Flash文件（ActionScript2.0），设置舞台背景颜色。 。 2、将所需的图像和声音文件导入到“库”面板。 3、重命名图层名。绘制背景图形，并将其转换为图形元件。 4、新建图层并重命名,将【库】面板中的图像拖放到舞台,调整好位置和大小。 11.2.4 创建动画元件 1．创建图形元件 2．创建影片剪辑元件 11.2.5 声音和动画同步播放的制作 本范例在制作时，涉及到一个重要的动画制作技术——声音和动画同步播放。本小节先完成朗诵声音和诗词同步播放的动画效果。 1、 添加音乐 2、设置声音 3、查看声音持续帧数 4、完整的声音波形 11.2.5 声音和动画同步播放的制作 5、用同样的方法将“古诗朗诵”声音文件应用到新图层的第68帧上，并设置【同步】选项为【数据流】。 6、定义声音分段标记 7、用同样的方法在所有的朗读句子分段处定义关键帧标签。 8、将各朗读文本影片剪辑元件拖放到相应的空白关键帧上，这样字幕呈现效果就能与朗读声音同步了。 9、添加补间动画。 11.2.6 制作其他动画 1．制作画轴缓缓展开的动画效果 本范例运行时，随着音乐的播放，画轴缓缓展开，逐渐呈现出古画的效果。这个动画效果可以分解为两个动画效果的叠加，一个是古画缓缓呈现的动画，这可以用遮罩动画进行制作；另一个是两个画轴慢慢向左右移动的动画，这可以用补间动画进行制作。 2．制作其他动画效果 11.2.7 制作动画预载场景 在Flash作品的开始处加入预载功能模块，目的就是要告诉用户目前动画的装载情况，这个预载画面就是Loading。一般情况下，预载动画都是放在一个单独的场景中。 1、新建名为Loading的场景，将它拖放到场景最上方。将原“场景1”更名为“古诗朗诵”。 2、编辑“loading”场景。 在本地机器上制作Loading时，动画不管有多大，装载也不需要什么时间，所以Loading画面往往还没来得及显示就进入主动画开始播放了。如果要在本地电脑上测试制作的Loading果，可以通过Flash软件中的“显示数据流”的方法来模拟从网络装载页面的情况。 11.2.7 制作动画预载场景 3、制作进度条并为其添加脚本。 制作预载进度条随着预载内容的增多而逐渐延伸的效果，必须应用到影片剪辑元件的一个属性_xscale，即水平缩放值。动画运行时，当预载的百分比为30%时，应将进度条的（水平缩放）_xscale属性设定为30；当预载的百分比为85%时，应将进度条的_xscale属性设定为85%，以此类推即可实现延伸效果。 4、添加按钮并为其添加脚本。 5、测试影片，此时看不到loading场景的效果。 6、模拟下载。 如果仍觉得装载得太快，看不清L