文档介绍：第3章网页图像制作
本章要介绍目前网页图像设计和处理中用得最多的两个应用软件:
中文版Photoshop CS
中文版Fireworks MX 2004。
中文Photoshop CS是集设计、图像处理和图像输出于一体的软件,被广泛应用于Web图像处理、艺术创作、插图制作、影像合成、数码照片处理及广告灯箱设计等
Fireworks是Macromedia公司推出的“网页制作三剑客”之一,是专门针对网页图像设计和编辑的软件,目前在业界已经得到非常广泛地应用。
第3章网页图像制作
实训项目一 Photoshop CS处理网页图像
一、实训目的与要求
学****的目的是将原图像(一个或几个图像)怎样使用Photoshop CS处理、加工成我们所需要的图像的方法,重点是掌握针对网页图像,而又便于在Photoshop CS中处理的技术。
本节中首先要掌握图像的一些基本知识;孰知中文版Photoshop CS图像处理软件的界面;掌握常用操作和使用该工具对图像处理的方法。
第3章网页图像制作
二、实训预备知识
1. 图像基础知识
1)图像的种类
①位图图像:也叫作栅格图像,是用小方形网格(栅格)即像素来代表图像,每个像素都被分配一个特定位置和颜色值。位图图像与分辨率有关
②矢量图形:是由称谓矢量的数学对象所定义的直线和曲线组成的,矢量图形与分辨率无关,也就是说用户可以将它缩放到任意大小和以任意分辨率输出。
第3章网页图像制作
2)像素和颜色深度
像素:是图像的基本组成单位。像素是一个有颜色的小方块,图像由许多小方块组成,似行列的方式排列。
颜色深度:是指图像中可用的颜色数量,也称作像素深度或位深度,它用来度量在图像中有多少颜色信息来显示或打印像素。较大的颜色深度意味着数字图像中有更多的颜色和更精确的颜色表示。
第3章网页图像制作
3)图像大小
①像素尺寸:位图图像高度和宽度的像素数目。
②屏幕显示大小:图像在屏幕中显示的大小取决于图像的像素尺寸、显示缩放比率、显示器尺寸以及显示器分辨率设置等因素。
4)图像分辨率
指图像中每单位打印长度显示的像素数目,通常用像素/英寸(ppi)表示。相同尺寸的图像分辨率越高,单位长度上的像素数越多,图像越清晰。
第3章网页图像制作
5)颜色模式
颜色模式在Photoshop中可以确定图像中能显示的颜色,还可以影响图像的通道数和文件大小。
①位图模式:使用两种颜色值即黑色和白色来表示图像中的像素,又称为黑白图像或一位图像。不能制作出色彩丰富的图像。
②灰度模式:该模式的图像可以表现出丰富的色调。图像中每个像素有一个0(黑)~255(白)之间的亮度值,可以使用最多256级灰度。
第3章网页图像制作
③RGB模式:是计算机存储的最常用的一种颜色模式。绝大部分的可见光谱可以用红(R)、绿(G)和蓝(B)三种色光按不同比例和强度的混合来表示,该模式的图像只使用RGB三种颜色,并为这三种颜色分配从0~255的强度值。
④CMYK模式:是一种印刷模式,与RGB模式不同的是,RGB是加色法,CMYK是减色法。
第3章网页图像制作
黑白位图图像灰度图像 RGB图像 CMYK模式图像
第3章网页图像制作
6)图像文件格式
①BMP(Bit Map Picture)
BMP图像文件是一种Windows标准的点阵式图形文件格式,支持RGB、索引颜色、灰度和位图颜色模式,但不支持Alpha通道。
②TIFF(Tagged Image File Format)
TIFF(标记图像文件格式)用于在应用程序之间和计算机平台之间交换文件。TIFF是一种灵活的位图图像格式,实际上被所有绘画、图像编辑和页面排版应用程序所支持。
第3章网页图像制作
③GIF(Graphics Interchange Format)
GIF(图形交换格式)是CompuServer提供的一种图形格式,是一种LZW压缩格式。GIF格式还支持灰度模式、动画格式、透明背景,但不支持Alpha通道。
④JPEG格式(Joint Photographic Experts Group)
JPEG(联合图片专家组)是目前所有格式中压缩率最高的格式。目前绝大多数彩色和灰度图像都使用JPEG格式压缩图像,当对图像的精度要求不高而存储空间又有限时,JPEG是一种理想的压缩方式。