红玫瑰咖啡屋 设计技巧.ppt

第二十课　红玫瑰咖啡屋 课前导读 基础知识 重点知识 基础知识 　　　动作补间动画、形状补间动画、元件的使用等。 重点知识 对各种动画的综合应用，以及制作网页的基本方法。读者应仔细阅读相关部分，并结合上机实战练习和掌握。 课堂讲解 实例目标 制作分析 实例目标 　 动画本实例将制作一个“红玫瑰咖啡屋”网站片头首页，其最终效果如图20-1所示。 网站片头以动感的咖啡屋标志开始，配以动感的音乐和动画，然后转入温馨浪漫的首页中，整个页面以温馨的餐桌一角为背景，餐桌上布置着一枝红玫瑰和一盘咖啡，体现了“红玫瑰咖啡屋”的主题，我们为餐桌上添加了一个运动的咖啡杯，从咖啡杯中出现一条流线形的图案，并配以文字“品味咖啡，享受生活”。页面的主、体是几个按钮，分别代表咖啡心情、咖啡文化、享受咖啡、与我们联系几个主题。将鼠标移动到按钮上时会有好听的声音，并出现 一串动感的小箭头，单击这些按钮将打开相应的网页。在页面的右边有一首从下到上逐渐移动并变色的小诗。 通过本例的练习，不但可以学习到如何将Flash中的各种动画综合在一起制作出优美的动态效果，而且可以了解制作网站片头和网页的一般方法，以及如何合理地组织和布局各种构成元素以使整体达到最好的效果。 制作分析 　 现在，互联网上形形色色的网站不胜枚举，要让自己的网站独树一帜，吸引人们的眼球，一个精彩的网站片头是必不可少的。用Flash设计别具一格的网页或网站片头，已经成为一种很实用的技能。本实例就将让您学会如何综合运用Flash MX 2004在动画和特效方面的长处，制作出引人注目的网站片头和网页。 在动手制作“红玫瑰咖啡屋”片头和首页之前，首先要了解有关网页制作方面的相关知识。 通过主页和片头动画代表了一个网站或企业的形象，所以制作的主页不仅要体现网站的宗旨和风格或企业的特征和企业文化等，还要充分考虑网站所面向群体的爱好和需求，才能更好地抓住观众的心理。 由于Flash的主要功能是制作动画而非网页，其网页制作功能也不能像Dreamweaver等专业网页工具一样强大，但动感的网站片头则是Flash的强项，可以充分发挥Flash制作动画的优点，在视觉和听觉效果上给观众以更大的视觉冲击和听觉震撼。 设计片头动画或网页需要的素材很多，因此在制作片头动画和网页之前必须做到心中有数，在脑海中有个网页的大致轮廓，然后将需要的素材搜集好。并对网页中用到的动画要有合理的时间和空间安排，避免杂乱无章。 用Flash制作动态的网站片头和主页，一般要用到很多不同的动画效果。本实例从一张白色页面入手，首先以动感的音乐和动画向人们展示咖啡屋的标志CF，然后以一个温馨的画面和一首小诗体现了咖啡屋精致、典雅、健康、时尚的特点。并用按钮添加了几个链接。 在制作过程中可以将该网站片头分为几大步来制作：首先制作动感的网站片头，然后制作温馨的首页画面，最后为它们分别添加动感的音乐和温馨浪漫的轻音乐。 在制作网站片头时，先将需要的素材整理出来，利用补间动画和逐帧动画制作需要用到的几个元件，然后通过制作动作补间动画，以及调整各图层中帧的顺序来完成。需要注意的是，要使整个动画具有动感，很多地方都需要将动画的时间缩短，即帧与帧之间的间隔不能太长。 在制作首页时，由于每个元件的位置和大小并不好确定，因此，我们常常需要将某些图片或文字的大小和位置确定后再将其转换为元件。 在添加背景音乐时，最好将这些声音文件设置为数据流，这样才不会出现声音“跑位”的情况，如已经在温馨的画面了，却还在播放动感的音乐，这样会使整个网页显得不协调。 最后需要注意的是，动画制作完成后，也许并不能一步到位，可能会出现位置或大小的偏差，这时应多测试几次，并对相应的地方进行修改。 上机实战 制作网页片头 制作首页 添加语句和背景音乐 制作网页片头 制作需要的元件 制作场景动画 网页片头包括两大步骤：首先制作需要的元件，再制作场景动画。 制作需要的元件 其具体操作如下 ： （1）新建一个文件，再新建一个名为“coffe”的图形元件，在其中绘制如图20-2所示的图形，其颜色为桔黄色，底纹为灰色。 （2）输入字母“CF”，将其属性设置为“Arial Black、150、桔黄色”，并为其添加灰色底纹，然后按【Ctrl+B】键将“CF”打散，并移动到该图形元件的中间，如图20-3所示。至此标志制作完成。 （3）新建一个名为“coffee”的图形元件，在其中输入文字“coffee”，并设置为“Arial Black、24、灰色”