第2章 网页图像处理.ppt

第2章 网页图像处理 杭州师范大学 多媒体网页设计课程组 内容概要（1） 一、网页图像处理概述 网页的设计少不了对图形图像的制作和处理。图形图像设计与处理软件层出不穷，如Adobe公司推出的Photoshop、Firework软件、Corel公司推出的CorelDRAW等。本教程介绍的是目前使用最广泛的图形图像设计与制作软件Photoshop。 位图与矢量图 1．位图 位图也称为点阵图或像素图，计算机屏幕上的图像是由屏幕上的发光点构成的，每个点用二进制数据来描述其颜色与亮度等信息，这些点是离散的，类似于矩阵。多个像素的色彩组合就形成了图像，称之为位图。 2．矢量图 矢量图也称为向量图，是用一系列计算机指令来描述和记录的一幅图，一幅图可分解为一系列由点、线、面等组成的子图，矢量图记录的是对象的几何形状、线条粗细和色彩等，因此生成的文件存储容量很小。 图像分辨率 分辨率是指单位长度上像素的多少，单位长度上像素越多，图像就越清晰。例如，72dpi表示图像中每英寸包含72个像素或点。 Photoshop CS工作界面 Photoshop CS工作界面 Photoshop CS的窗口是由标题栏、菜单栏、工具选项栏、工具箱、工作区和控制面板6大部分组成。 （1）标题栏（2）菜单栏 （3）工具选项栏 Photoshop CS工作界面 （4）工具箱：Photoshop软件的所有工具（绘图、选择工具、调整工具等）都置于工具箱中，用户需要使用什么工具，只要在工具箱中选择即可。 （5）控制面板：控制面板是Photoshop软件中非常重要的辅助作图工具，其总是浮动在活动窗口中最前面，供用户随时访问。 （6）工作区：工作区是图像编辑区，显示了当前正在编辑的图像内容。 Photoshop工具箱 工具箱上的工具大致分为以下四大类： （1）选项区工具。包括选区工具组、套索工具组、魔术棒工具。 （2）绘制工具。包括画笔工具组、历史画笔工具组、橡皮擦工具组、渐变工具组、吸管工具。 （3）编辑工具。包括印章工具组、亮化工具组、模糊工具组、钢笔工具组。 （4）辅助工具。包括移动工具、裁剪工具、手形工具、缩放工具、注释工具组等。 图层控制面板 图层控制面板如下图所示，主要用来对图层进行管理和操作，包括添加图层、删除图层、合并图层等。 图层基本概念 图层概念：我们可以把图层想像成是一张一张叠起来的透明胶片，每张透明胶片上都有不同的画面，改变图层的顺序和属性可以改变图像的最后效果。通过对图层的操作，使用它的特殊功能可以创建很多复杂的图像效果。 图层面板：图层面板上显示了图像中的所有图层、图层组和图层效果，我们可以使用图层面板上的各种功能来完成一些图像编辑任务，例如创建、隐藏、复制和删除图层等。 　　 图层类型： 1.背景图层 2.一般图层 3.图层组 图层操作 1.新建图层　 2.复制图层 3.颜色标识 4.删格化图层　 5.合并图层　 6.盖印图层 7.图层叠加模式 图层管理 　1.选择图层 　 　2.隐藏、显示图层内容 　 　3.更改图层顺序 　 　4.链接图层 　5.调整图层内容（对齐、分布） 　6.锁定图层 　 　7.从图层取样 Photoshop颜色模式（1） 常见的颜色模式有：RGB、CMYK、Lab、HSB以及灰度模式等。 1．RGB模式 RGB模式是在Photoshop中处理图像时接触最多的颜色模式，RGB颜色是由红、绿、蓝三原色构成。 2．CMYK模式 CMYK颜色模式是一种专门用来印刷的颜色，CMYK颜色是由青色、品红、黄色、黑色四种印刷颜色组成。 Photoshop颜色模式（2） 3．灰度模式 灰度模式采用了256级不同强度的灰度来描述图像。其值为0%时，表示为黑色，值为100%时，表示为白色。 4．Lab模式 Lab模式是国际照明委员会（CIE）于1976年公布的一种色彩模式。L表示亮度，范围在0~100之间。a和b则表示颜色过渡的变化值。 Photoshop颜色模式（3） 5．HSB模式 HSB模式是一种可以调整图像颜色效果的色彩值，Photoshop图像不能直接保存为HSB模式，执行“图像”→“调整”→“色相/饱和度”命令后，才能对图像进行HSB模式调整。 6．Bitmap模式 Bitmap模式又称为位图模式，它是使用黑、白两种颜色来描述图像的一种方式，因为位置模式的图像也称作黑白图像。 7．索引颜色模式 索引颜色模式也称作映射颜色。在这种模式下，只能存储一个8b