电子商务网页图像制作Adobe PS第二版完整版全套PPT电子课件教案.pptx

;第 1 章 认识电子商务网页图像制作 第 2 章 熟悉 Photoshop CS6 界面环境 第 3 章 图像的简单处理 第 4 章 文字的简单处理 第 5 章 图像处理技法——抠图;第 6 章 图像处理技法——修图 第 7 章 图像处理技法——调色 第 8 章 图像处理技法——合成 第 9 章 图像处理技法——特效 第 10 章 电子商务网页图像制作综合实训;;第 1 章 认识电子商务网页图像制作 第 1 节 数字图像的基本概念 第 2 节 颜色的基本常识 第 3 节 平面构图的基本常识;第 1 节 数字图像的基本概念 电子商务网页图像是一种数字图像。对于数字图像，需要了解其主要类型、像素、分辨率的含义和作用，以及常见的数字图像文件格式。这样在制作电子商务网页图像，进行图像文件创建、编辑制作、保存和选择时，就能更加合理和有效。;一、数字图像的主要类型 数字图像是由模拟图像数字化得到的，用计算机或数字电路存储和处理的图像。计算机一般采用点阵图和矢量图两种方式存储或处理图像。;1.? 点阵图（Bitmap） 点阵图即位图存储模式，是通过许多像素点表示一幅图像，每个像素具有颜色属性和位置属性。 2.? 矢量图（Vector） 矢量图即矢量存储模式，是根据几何特性用直线和曲线来描述图形，即图像由线条和填充颜色的块面构成，而不是图像数据的每一点。; 如果将点阵图与矢量图进行比较，就会发现： （1）点阵图由一个一个的像素点组成，即在一定面积的图像上包含有固定数量的像素。因此，如果在屏幕上以较大的倍数放大显示图像或以过低的分辨率打印时，位图图像会出现锯齿边缘。而矢量图是根据几何特性来绘制图形，用线段和曲线描述图像，与单位面积上的图像点数无关，可以将它缩放到任意大小显示和打印，都不会影响其清晰度。; （2）点阵图表现的色彩比较丰富，可逼真地表现自然界的各类实物；而矢量图色彩不够丰富，无法表现逼真的实物。 （3）由于点阵图表现的色彩比较丰富，因此占用的空间会很大。由于矢量图表现的图像颜色比较单一，因此所占用的空间相对较小。 （4）通过软件，可以将???量图轻松地转化为点阵图，而将点阵图转化为矢量图就需要经过复杂而庞大的数据处理，且生成的矢量图质量绝对不能和原来的图形比拟。;二、数字图像的像素和分辨率 1.? 图像像素（Pixel） 位图图像最基本的单位是像素，它是一个小的方形颜色块，一个图像通常由许多像素组成，这些像素被排列成横行和纵列。当把图像放大足够的倍数时，就会发现图像画面其实是由许多色彩相近的小方点所组成，这些小方点就是构成图像的最小单位“像素”（Pixel）。;2.? 图像分辨率 图像分辨率是指图像单位长度内像素的个数，常用单位为像素 / 英寸（Pixels Per Inch，缩写为 ppi），就是指每 1 英寸（1 英寸 =2.54 厘米）的单位长度里一共有多少个像素点，它是衡量图像细节表现力的一个重要技术参数。 在图片创建期间，必须根据图像最终的用途决定正确的分辨率。一般情况下，电子商务网页的图像主要用于屏幕显示，方便网络传输，其图像分辨率一般设置为 72dpi（每英寸的像素）；而用于出版印刷的图像制作时，其图像分辨率一般设置为 300dpi。;图像分辨率为 10 像素 / 英寸，占 3.15KB ;图像分辨率为 72 像素 / 英寸，占 101?KB;图像分辨率为 300 像素 / 英寸，占 499?KB;三、数字图像的文件格式 1.? BMP 格式 BMP（位图格式）是最普遍的点阵图格式之一，也是 Window 系统下的标准格式，是将 Window 下显示的点阵图以无损形式保存的文件，其优点是不会降低图片的质量，但文件占用的存储空间比较大。; 2.? GIF 格式 GIF（图像交换格式）是一种压缩格式，适合用于线条图的剪贴画以及使用大块纯色的图片。该格式使用无损压缩来减少图片的大小，当用户要保存图片为 GIF 格式时，可以自行决定是否保存透明区域或者转换为纯色。同时，通过多幅图片的转换，GIF 格式还可以保存为动画文件。但要注意的是，GIF 图像最多只能支持 256 色。; 3.? JPEG 格式 JPEG（联合图片专家组图像格式）是压缩率较高的格式，大多数彩色和灰度图像都使用 JPEG 格式。JPEG 格式图像压缩比很大，而且支持多种压缩级别，当对图像的精度要求不高而存储空间又有限时，JPEG 是一种理想的压缩方式。在 HTML 文