FL相册制作讲义.docVIP

FLASH相册制作 活动目的： 会根据实际需求设计和制作一个多媒体作品 会运用FLASH制作一个简单的电子相册 重点： 相册界面的规划和设计 元件的制作，特别是按钮的制作 浏览相片场景的制作 难点： 翻页按钮的制作 教法学法： 任务驱动，分析法，示范法 学时：6学时 第一、二学时：界面设计和规划 任务：分析相册，完成相册的界面设计 参考资料：视频教程（FLASH相册教程1——界面设计） 教师活动： 引导学生分析相册，掌握多媒体作品界面设计的工作 示范制作小栅格的技巧 引导学生理解和运用图层 学生活动： 分析相册的构造 完成相册主界面的制作 小结： 学生中存在的主要问题和解决方法 第三学时：按钮制作 任务：完成箭头动画和相册按钮的制作 参考资料：视频教程（FLASH相册教程2——按钮制作：FLASH相册教程4——箭头动画） 教师活动： 引导学生分析和理解按钮元件的制作 引导学生分析箭头动画 学生活动： 制作按钮元件 制作箭头动画 小结： 学生中存在的主要问题和解决方法 第4学时：图片滚动效果 任务：完成界面上图片滚动效果的制作 参考资料：视频教程（FLASH相册教程3_1——创建图片元件组；FLASH相册教程3_2——图片滚动效果） 学生活动： 分析图片滚动效果的原理 制作图片滚动效果 小结： 学生中存在的主要问题和解决方法 第5学时：浏览相片场景制作 任务：完成浏览相片场景制作 参考资料：视频教程（FLASH相册教程5_1——浏览相片场景制作；FLASH相册教程5_2——文字说明的添加） 学生活动： 分析浏览相片场景制作的原理 制作相片浏览场景 小结： 学生中存在的主要问题和解决方法 第6学时：翻页按钮制作 任务：完成翻页按钮制作 参考资料：视频教程（FLASH相册教程5_3——STOP动作的添加；FLASH相册教程5_4——翻页按钮的制作） 教师活动：引导学生理解脚本语句 学生活动： 分析翻页按钮的制作的原理 制作翻页按钮 小结： 学生中存在的主要问题和解决方法 考虑到一部分水平较好的学生会比较快完成这一作品，另安排了一个难度较大的相册让他们挑战自己，资料另起下页。电子相册 Powerpoint或Authorware制作的“电子相册”，确实很不错。那么，你有没有想过，用Flash制作“电子相册”呢？ “Flash相册”的形式可以多种多样，内容也可包罗万象，这一节，我们将一起制作一个精美的“翻页式”动画相册，懂得了其中的原理，你就可以自己完成诸如“作品集”、“家庭影集”、“求职介绍”、“产品推介”等一切你想得到的动画相册了。 实例简介 11-2-1所示是本例的封面，单击相册可以打开，同时相册中飘出由学员们自编自唱的优美歌声。 图11-2-1 相册封面 本例制作过程比较繁杂，考虑到你已经掌握相当的基本操作技能，叙述中突出重点，着重介绍相册动画中的关键技巧：“翻页”效果的制作。 本范例的源文件：“相册.fla”被保存在光盘相关目录中，建议打开比照学习。 知识提要 ●???? 编辑首帧为空白帧的元件的技巧 ●???? 在场景中不显示元件的技巧 ●???? 创建书页翻动的效果 ●???? 利用脚本语句实现帧与帧之间的跳转 ●???? 使用隐形按钮的技巧 1．创建影片文档 （1）设置影片文档属性 新建一个影片文档，在【属性】面板中设置大小为600×420像素，【背景颜色】为深红色，【帧频】为30，如图11-2-2所示。 图11-2-2 影片属性设置 （2）创建影片背景 在场景中画一个600×420像素的无边矩形，填充颜色为#990000，在上面用【刷子工具】随意画一些各种颜色的小点做点缀，如图11-2-3所示。 图11-2-3 点缀背景 2．创建元件 这一步骤我们将使用“网格”辅助，执行【视图】|【网格】|【显示网格】命令，打开网格，接着执行【视图】|【网格】|【编辑网格】命令，打开【网格】对话框，设置网格大小为50×50，如图11-2-4所示。 （1）创建6个图形元件 在本例中，要用到6幅图片，分别用作相册封面和内页内容，其中4个作品介绍分别是《网上的男人是老虎》、《春风吻上我的脸》、《警匪之战》、《雨巷》。 新建6个图形元件，每个元件中导入一张图片，分别命名为“封面”、“内页”、“网上的男人是老虎”、“警匪之战”、“春风吻上我的脸”、“雨巷”。 这6张图片的位置在：光盘\example\part3\***\图片文件夹里，文件名分别为“封面.png”、“内页.png”、“网上的男人是老虎.jpg”、“春风吻上我的脸.jpg”、“警匪之战.jpg”、“雨巷.jpg”。 如图11-2-5所示是封面和内页的图片。 图11-2-5 封面和内页 如图11-2-6所示是四个作品的截图。 图11-2-6 四个作品截图 6个图形元件完成后，放在【库