网页图像制作技巧.pdf

第 3 章 网页图像制作 本章介绍目前网页图像设计和处理中用得最多的两个应用软件 ：Photoshop CS 和 Fireworks MX 2004 。 Photoshop CS 是集设计、图像处理和图像输出于一体的软件，被广泛应用于 Web 图像 处理、艺术创作、插图制作、影像合成、数码照片处理、背景与壁纸制作及广告灯箱设计 等诸多方面，是名副其实的图像处理大师。 Fireworks 是 “网页制作三剑客”之一，是由 Macromedia 公司推出的专门针对网页图 像设计和编辑、第一个彻底为网站设计开发服务的软件，目前在业界已经得到非常广泛的 应用。Fireworks 可以在一个专业化的环境中创建和编辑网页图像，并对其进行动画处理， Fireworks 的优势在于它能将位图处理和矢量图处理合二为一，因而它既是一个优秀的矢量 图处理软件，又可以出色地完成位图处理任务。 3.1 实训项目一 Photoshop CS 处理网页图像 3.1.1 实训目的与要求 网页做得精美、做得活跃，就能够给浏览者留下一个好的第一印象，在网页设计中经 常要插入、编辑、处理一些图形图像，这就要求网页设计者要掌握处理这些图形图像的编 辑软件。 Photoshop CS 是目前网页图像设计中用得最多的两个应用软件之一。在本节中要掌握 图像的一些基本知识；熟悉Photoshop CS 图像处理软件的界面；掌握常用操作。Photoshop CS 是一个图像处理工具，我们还将学习使用该工具对图像进行处理的方法，我们学习的目 的是怎样使用这个工具将原图像(一个或几个图像)处理、加工成我们所需要的图像，重点 是掌握针对网页图像的使用方法，和便于 Photoshop CS 中处理的技术。 3.1.2 实训预备知识 1. 图像基础知识 1) 图像的种类 计算机图像分为两大类，位图图像和矢量图形。 (1) 位图图像 位图图像，也叫栅格图像，是用小方形网格(栅格) 即像素来代表图像，每个像素都被 分配一个特定位置和颜色值。图像由许多小方块组成似行列式的排列，在位图图像中各种 景物是由该位置的像素拼合组成的。在处理位图图像时，编辑的是像素而不是对象或形状。 图像扫描设备、Photoshop 和其他的图像处理软件都能产生位图图像。 第 3 章 网页图像制作 ·149 · 位图图像与分辨率有关，如果在屏幕上以较大的倍数放大显示，或以过低的分辨率打 印，位图图像就会出现锯齿边缘，而且会遗漏细节。在表现阴影和色彩的细微变化方面， 位图图像是最佳选择。 位图图像的优点是图像色彩和色调变化丰富，同时也可以很容易地在不同的软件间交 换文件。其缺点是相对于矢量图形来说文件较大，对内存和硬盘的要求较高。 (2) 矢量图形 矢量图形，是由称为矢量的数学对象所定义的直线和曲线组成的。用 Fireworks 、 CorelDraw 等绘图软件创作的是矢量图形，矢量图形是根据图形的几何特性来对其进行描 述的。例如，矢量图形中的各种景物是由数学定义的各种几何图形组成的，放在特定位置 并填充会有特定的颜色。移动、缩放景物或更改景物的颜色不会降低图像的品质。 矢量图形与分辨率无关，也就是说用户可以将它缩放到任意大小和以任意分辨率输 出， 从打印机上打印出来，不会遗漏细节或影响清晰度，因为这些图形在缩放到不同大小时都 会保持清晰的线条 。 矢量图形的优点是文件所占的空间较小，很容易进行旋转、变换等，而且精度高，不 会失真。缺点是不易制作色调丰富或色彩变化太多的图像，并且绘制 出的图像也不是很逼 真，同时也不易在不同的软件间交换文件。 2) 像素和颜色深度 Photoshop 等图像处理软件中，像素是图像的基本组成单位。像素是一个有颜色的 小方块，图像由许多小方块组成，似行列式的方式排列。 颜色深度是指 图像中可用的颜色数量，也称作像素深度或位深度，它用来度量在图像 中有多少颜色信息来显示或打印像素。较大的颜色深度意味着数字 图像中有更多的颜色和 更精确的颜色