Firework图像处理讲义.ppt

3 动画图像的制作 网页中不仅包含大量的静态图像，而且越来越多的动画及动态图像效果也为网页增色不少，本节着重介绍利用Fireworks软件制作动画。 3.1 逐帧动画 逐帧动画实际上就是图片以连续帧的顺序替换从而造成视觉上的变化。 【例 12】逐帧变化的荷花动画特效，如上图动画实例中第一个动画图像和第二个动画所示。 3.2 使用动画元件创建动画 在Fireworks中，为了提高动画制作效率，用户不必逐帧修改画布上的实例，而只需要设计动画变化的前后两帧，中间的过渡变化可以由Fireworks自动设置，此时会用到元件。 Fireworks包括有3种元件类型，即图形、动画和按钮。 【例 14】大树底下好乘凉的动画特效，如上图中第三个动画图像所示。 3.3 制作精品banner 在网页中的广告横幅Banner常常采用的gif动画，Fireworks的动画制作功能完全能设计出精美的banner。 【例 15】精美的banner动画特效：利用矢量图、位图的操作技巧，结合动画的制作方法制作精美的banner动画。 4 动态交互图像的制作 在网页中，浏览者通常看到的图像有两种：初始状态的图像和与之发生交互行为的图像，比如：按钮、导航条、弹出菜单、翻转图等动态效果，本节主要介绍利用Fireworks制作动态交互图像。 4.1 切片和热点的应用 1. 使用切片 为了获取较高的下载速度，通常将网页中存在的较大图像切分成多个图片，即切片，在下载网页时对整幅图像的下载变为对多幅小图片的下载，虽然图像大小没有改变，但图像的下载速度会明显加快。同时切片还是建立交互响应的基础，利用切片可以制作动态交互图像。切片的形状有：矩形、多边形两种。 2. 使用热点 热点通常用来建立图像映射，所谓图像映射，就是在一幅图像中创建多个链接区域，通过单击不同的链接区域，可以跳转到不同的URL地址。热点的形状有矩形、椭圆形、多边形三种。  4.2 创建按钮、导航栏及弹出式菜单 为了使网页更加生动、美观，常常在网页中添加按钮、导航条及弹出式菜单，比如：当鼠标经过按钮时，按钮图像会改变颜色、形状、甚至发出声音吸引访客的点击。 1. 创建按钮 Fireworks中的按钮，是元件中的一种，利用按钮元件不但可以做出式样新颖的按钮外，并且可直接为按钮加上热点区域，设置在网页上的超级链接功能。按钮有“释放”、“滑过”、“按下”和“按下时滑过”4个状态。 2. 创建导航条 导航条是指一组分别指向不同链接地址的按钮，通常这些按钮在外观上保持一致，通过复制按钮的方法快速制作导航条，然后选择各个按钮设置不同的文本、超级链接等，如图所示。 　　3.创建弹出式菜单 弹出菜单主要应用于导航条中栏目存在子栏目的情况。当鼠标指向导航条中某个按钮或热区时，会出现相应的弹出菜单，显示子栏目的内容，在弹出菜单中，单击相应的子栏目，即可直接链接到子栏目所在的页面。 单击“显示切片和热点”工具 （“隐藏切片和热点”工具 ），单击某个按钮实例，比如单击“产品介绍”按钮，单击按钮上的“行为”柄，在弹出菜单中，选择“添加弹出菜单”命令，弹出“弹出菜单编辑器”的对话框，包含了四个选项卡：内容、外观、高级、位置。进行相应参数的设置。 4.3 制作交换图像 一、为了使网页丰富多彩，网页设计者采用各种手段来增强网页本身动态效果和人机交互的特性，翻转图像是最常用的一种手段。所谓“翻转图像”，是指当用户浏览网页时，鼠标移动到图像上，该图像产生变化。这里主要讲二种翻转效果：“简单翻转图像”、“不相交翻转图像”。 简单翻转图像 原始状态图像 鼠标经过图像 不相交翻转图像：当鼠标经过某个图像时，改变了在页面中另一个区域的显示内容。 5 网站首页的设计 一般而言首页设计几乎等同于整个网站设计，因此网站首页设计非常重要。首页设计要考虑的问题：配色方案的确定（本章第一节已经叙述过）、版面布局、网站内容的填充等。 要制作首页，首先要对主页有一个规划。即首页的版面布局，这样才能合理安排网页的内容，如图 62所示。 作为设计者来说，一般采用Fireworks或Photoshop之类的设计软件来绘制网页版面布局图，然后导出到网页编辑软件如Dreamweaver中进行编辑，这种方法可以使页面控制更加得心应手。 本 章 小 结 　本章主要介绍了Fireworks使用方法和技巧，创建图形图像。 1．创建静态图形图像 2．动画的制作 3．动态交互图像效果的制作 4.　设计整幅Web页面 本