网页制作技术 杨尚森 第6章.pptVIP

第6章 使用Fireworks 8制作图像 6.1 Fireworks 8简介 网页图像的格式 Fireworks 8工作界面 创建Fireworks文档 6.2 使用矢量工具 绘制矢量对象 对象的基本操作 路径的编辑 文本的编辑 6.3 颜色、笔触和填充 颜色 使用笔触 填充 使用样式和形状 6.4 编辑位图 创建和编辑位图 编辑选区 修饰位图 6.5 图像的后期处理 使用滤镜 使用层 使用蒙版 混合和不透明度 处理照片 * * Macromedia Fireworks 8是一个创建、编辑和优化网页图形、图像的多功能应用软件，并将矢量图形处理功能和位图处理功能合二为一。 Fireworks与Dreamweaver、Flash等软件高度集成，是网页设计中最常用的图形、图像处理工具。 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： Macromedia Fireworks 8的工作界面与Dreamweaver 8的工作环境相似，都采用了非常人性化的设计界面，用户可以根据实际需要进行设置。 在计算机图形学中，根据成像原理和绘制方法的不同，可以将图像分为两大类：基于数学公式描述的矢量图形和基于像素的位图图像。位图是由屏幕上许多细微的小点组成，基于位图的图形程序实际上就是把图形中的像素点作为处理的对象。位图的优点是能够真实地模拟现实生活中的色彩，缺点是放大后会失真。矢量图形是由直线和曲线构成的，其显示质量与屏幕分辨率无关，当进行缩放时，图形仍将保持原有显示质量，不会失真。 图形文件格式有很多种，但网页中经常使用的只有3种：GIF、JPEG和PNG。 在Windows环境下，Fireworks 8的工作界面如图6.1所示，主要包括标题栏、菜单栏、工具栏、文档窗口、工具箱、“属性”面板和其他浮动面板等。 使用Fireworks 8制作图像分为新建、制作、保存、导出几个步骤。 【实例6.1】利用Fireworks 8制作一个简单的图像。 矢量又叫向量，是一种面向对象的基于数学方法的绘图方式，用矢量方法绘制出来的图形叫做矢量图形。矢量图形的显示质量与屏幕分辨率无关，当缩放时，图形不会失真。Fireworks 8提供了许多绘制和编辑矢量图的工具，可以很方便地创建各种矢量图形。 绘制矢量图形时，需要先在工具箱中选择要绘制的图形种类，然后在画布中通过拖动光标进行绘制。矢量图形的线条或边框线一般称为“路径”。 1．绘制直线 2．绘制不规则路径 3．绘制圆形、矩形、多边形路径 4．使用自动形状工具 在画布上对任何对象执行操作之前，必须先选择该对象。使用选择工具既可以选择单个对象，也可以选择多个对象。选择对象后，就可进行移动、克隆、对齐、变形等操作。 1．选择对象 2．移动和删除对象 3．复制对象 4．排列对象 5．对齐对象 6．组合对象 7．对象变形 【实例6.2】制作电影胶片效果的图像。 【实例6.3】绘制抽象效果。 使用矢量工具绘制的路径可以使用工具进行编辑，得到各种不同的效果。 1．编辑控制点 2．路径变形 3．切割路径 4．路径组合 5．改变路径 【实例6.4】绘制一本打开的书，并且上面有两个半圆的LOGO图片。 【实例6.5】绘制向外扩展的五角星。 Fireworks 8提供了许多文本功能。使用工具箱中的“文本”工具，在画布中希望文本块开始的位置单击或拖动光标，可产生一个文本块，可以在其中输入文字。 1．固定宽度文本块和自动调整大小文本块 2．设置文本属性 3．文本附加到路径 4．文本转换为路径和位图 【实例6.6】制作圆形印章效果。 对路径设置颜色、笔触和填充可以得到丰富的绘图效果。笔触决定绘制的路径的效果，填充决定非直线路径中心填充的效果。 Fireworks的颜色设置可用于笔触、填充、刷子、画布等。 1．调色板 2．使用“颜色”工具 在绘制路径的“属性”面板中，可以设置笔触的颜色、描边种类。 1．选择描边种类 2．在路径上放置笔触 3．为笔触增加纹理 Fireworks的填充可以将路径变为实际应用中的各种图形