第06章 fireworks 8网页图像制作基础.pptVIP

第06章 Fireworks 8网页图像制作基础 教学重点与难点 6.1 网页图像制作基础 6.2 Fireworks 8入门 6.3 制作与编辑位图对象 6.4 制作与编辑矢量图形 网页设计师实用教程 Fireworks 8是专门针对网页制作而开发的图像制作软件。在绘图方面Fireworks 8结合了位图与矢量图的特点，不仅具有复杂的图像处理功能，而且还可以轻松地把图形输出到Dreamweaver 8或者Flash 8等第三方应用软件中。 使用 Fireworks，用户可以在一个专业化的环境中创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像。Fireworks 可以在单个应用程序中创建和编辑位图和矢量两种图形。并且所有元素都可以随时被编辑。除此之外，工作流可以还实现自动化，从而满足耗费时间的更新和更改要求 。 制作网页图像的基本知识 Fireworks 8的基本操作 制作与编辑位图对象 制作与编辑矢量图形 网页制作的成功与否，很大程度上取决于网页图像是否美观。一个优秀的网页除了要具备丰富的信息以外，还必须拥有漂亮有趣的网页图像。网页图像的要求是在尽可能短的传输时间里，发布尽可能高质量的图像。因此在设计和处理网页图像时就要求图像有尽可能高的清晰度与尽可能小的尺寸，从而使图像的下载速度达到最快 。 网页图像的格式 颜色原理 网页图像制作要求 使用 Fireworks 8可以在其提供的专业化环境中创建和编辑各种各样网页图形、并能够根据页面的需要对创建的网页图形进行动画处理、添加高级交互功能以及优化图像等一系列加工。Fireworks允许用户可以在单个应用程序中创建和编辑位图和矢量两种图形。在制作网页图像的过程中所有元素都可以随时被编辑。另外，工作流还可以实现自动化，从而满足耗费时间的更新和更改要求 。 Fireworks 8的工作环境 Fireworks 8的基本操作 位图是Web网页中必不可少的对象，位图图像的优势在于位图图像对图像细节的优化。在Fireworks中创建的图像最终要转换为GIF或JPEG图像，而这些图像都是位图格式的图像。位图图像由像素组成，每个像素都被分配一个特定的位置和颜色值。照片、扫描出的图像和绘图软件创建的图像都属于位图图像。位图图像有时也被成为栅格图像 。 创建位图对象 编辑选区 位图对像的操作 矢量图形使用称为“矢量”的线条和曲线（包含颜色和位置信息）呈现图像。例如，一朵花的图像可以使用一系列描花和叶子述轮廓的点来定义。而花朵和叶子的颜色由它们各自的轮廓（即笔触）的颜色和该轮廓所包围的区域（即填充）的颜色决定（如下图所示） 。 绘制矢量图形 编辑矢量图形 路径的操作 网页设计师实用教程