Firework图像处理.ppt

18:39 切片交互 拖放变换图像方法是切片交互的最简单方法。只需拖动切片的“行为柄”并将其放在目标切片中，即可快速创建简单的交互效果。 * 18:39 制作网页名称栏图片 效果图： 第一步，新建一个文档，并设置属性； 第二步，制作图片元素，并按图所示排列； 第三步，添加切片，导出图片。 * 18:39 具体操作步骤： 1.新建文档 启动Fireworks MX，选择“文件”－“新建”菜单，打开“新建文档”对话框。在“画布大小”栏中设置为448*85，自定义颜色代码为“＃0064CE”，单击“确定” 。 2.制作图片元素 * 18:39 操作步骤（续） 优化导出图片 * 18:39 优化和导出 网页图形设计的最终目标是创建能够尽可能快地下载的精美图像。为此，必须在最大限度地保持图像品质的同时，选择压缩质量最高的文件格式。这种平衡就是优化，即寻找颜色、压缩和品质的最佳组合。 * 18:39 本章小结 Macromedia Fireworks 8.0是一款用来设计网页图形的应用程序。它之所以能够成为主流的网页图形图像处理和网页制作软件。 第一，它所含的创新性解决方案解决了图形设计人员和网站管理员所面临的主要问题。Fireworks的工具种类齐全，使用这些工具，可以在单个文件中创建和编辑矢量和位图图形。 第二，Fireworks可以创建从简单图形按钮到复杂变换效果的任何内容，并具有流畅的开发环境。在这一章我们详细介绍了Fireworks 8.0的各种操作，并借助一些实例让同学们学会使用Fireworks处理图片、制作网页图像及动画。 * 实验任务 * * 网站首页的设计 一般而言首页设计几乎等同于整个网站设计，因此网站首页设计非常重要。首页设计要考虑的问题：配色方案的确定（本章第一节已经叙述过）、版面布局、网站内容的填充等。 要制作首页，首先要对主页有一个规划。即首页的版面布局，这样才能合理安排网页的内容，如图所示。 作为设计者来说，一般采用Fireworks或Photoshop之类的设计软件来绘制网页版面布局图，然后导出到网页编辑软件如Dreamweaver中进行编辑，这种方法可以使页面控制更加得心应手。 * * * * * * * 为了能更好地应用色彩来设计网页，我们还是先来了解一下色彩的一些基本概念。自然界中有很多种色彩，比如玫瑰是红色的，大海是蓝色的，桔子是橙色的等等，但是最基本的有三种（红，绿，蓝），其它的色彩都可以由这三种色彩调和而成，我们称这三种色彩为“三原色”。 * 现实生活中的色彩可以分为彩色和非彩色。其中黑、白、灰色属于非彩色系列，其它的色彩都属于彩色，如图所示。 * 现实生活中的色彩可以分为彩色和非彩色。其中黑、白、灰色属于非彩色系列，其它的色彩都属于彩色，如图所示。 * * * 18:39 2.使用填充（续） （3）渐变填充 “无”、“实心”、“图案”和“网页抖动”以外的填充类别皆为渐变填充。这些填充将颜色混合在一起以产生各种效果。 * 18:39 使用样式 所谓样式就是将填充、笔画、效果以及文本属性等一套设置进行保存，然后将定制好的这一套效果应用于文档中的对象。 * 18:39 使用滤镜 Fireworks的滤镜是可以用于矢量对象、位图图像和文本的增强效果。效果包括：斜角和浮雕、投影和光晕、杂点等。 * 18:39 1.斜角效果 斜角特效主要产生一种边缘凹凸出效果。可以创建内斜角和外斜角。 * 18:39 2. 浮雕效果 浮雕效果使得图片有凸起和凹陷的视觉效果。对象或文本凹入画布或从画布凸起。 * 18:39 3.阴影效果 使用Fireworks可以很容易地将投影、内侧阴影应用于对象。可以指定阴影的角度以模拟照射在对象上的光线角度。 * 18:39 4.光晕效果 光晕效果有普通的发光效果和外发光效果两种 。 * 18:39 GIF动画制作 在Fireworks 8.0 中，可以创建包含活动的横幅广告、徽标和卡通形象的动画图形。例如，可以在徽标淡入淡出的同时让公司的吉祥物在网页上来回跳动。Fireworks 可以将动画作为 GIF 动画文件或 Flash SWF 文件导出。也可以将 Fireworks 动画直接导入到Flash 中进一步编辑。 * 18:39 GIF动画制作 在 Fireworks 中，可以通过向称为动画元件的对象分配属性来创建动画。一个元件的动画被分解成多个帧，帧中包含组成每一步动画的图像和对象。 * 18:39 创建按钮和弹出菜单 Fireworks 的按钮编辑器将引导完成按钮的创建过程，并且自动完成许多按钮制作任务。创建了按钮元件后，就可以轻松地创建该元件的实例来制作导航栏