电子商务网页图像制作pdf/doc/txt格式电子书下载

书名：电子商务网页图像制作pdf/doc/txt格式电子书下载

推荐语：

作者：邓宁编

出版社：电子工业出版社

出版时间：2016-05-01

书籍编号：30390979

ISBN：9787121287336

正文语种：中文

字数：123903

版次：1

所属分类：互联网+-电子商务

版权信息

书名：电子商务网页图像制作

作者：邓宁

ISBN：9787121287336

版权所有 · 侵权必究

前言

电子商务网页图像制作，伴随着电商美工这一新兴职业的发展，在电子商务行业发挥出越来越重要的作用。其工作任务范围包括美化、优化电子商务网店、处理商品图片、设计广告图、制作新产品的各种展示图片和图文描述等。可以想象一个懂得网页图像制作的电子商务人员对于电商网店是多么重要。

本书从零基础出发，在认识电商网页图像制作及其制作工具Photoshop基本操作的基础上，熟悉网页图像文字的一般制作方法，并重点分章节介绍网页图像制作中的抠图、修图、调色、合成和特效等操作。每项任务操作的学习，都是在实际工作任务的驱动下，按照教学规律和学生的认知特点展开，实现基于工作过程的“做中学、学中做”。

本书的出版得到了“北京市技工院校和民办职业技能培训机构教师六项培养计划一体化课程负责人和一体化教师团队”项目资助，同时本书在编写过程中也得到了编者单位北京市应用高级技工学校的大力支持与帮助，在此，对为本书的编写提供帮助的领导、同事、朋友表示深深的感谢！

参加本教材编写的有：周晶（第2章）、刘洁（第4章）、杜娟（第5章）、王春芳（第6章）、张霞（第7章）、张佳（第8章）、关蔚（第9章）、袁梦（第10章）。

本教材在编写过程中参考了大量资料，在此，谨向资料的作者致以诚挚的谢意！由于作者水平有限和时间仓促，难免有错误和不妥之处，请广大读者批评指正。

编者

2016年3月

电子商务网页图像制作，伴随着电商美工这一新兴职业的发展，在电子商务行业发挥出越来越重要的作用。其工作任务范围包括了美化、优化电子商务网店、处理商品图片、设计广告图、制作新产品的各种展示图片和图文描述等。可以想象一个懂得网页图像制作的电子商务人员对于电商网店是多么重要。现在，就让我们从第一步认识了解电子商务网页图像制作开始，到熟练进行图像处理，再到有创意的视觉设计，最后成为具有先进设计理念和操作技能的电子商务实用型、技能型人才吧！

1.1 数字图像的基本概念

教学目标

1．了解数字图像的主要类型；

2．理解图像像素和分辨率的基本概念；

3．熟悉常见图像文件的格式；

4．会查看图像文件的像素、分辨率等信息，会进行显示器分辨率的调整。

一、任务引入

开始电子商务网页图像制作具体操作之前，需要对网页图像的性质和特点进行一定的了解，这样才有利于我们下一步的学习。

二、任务分析

电子商务网页图像是一种数字图像，对于数字图像，我们需要了解数字图像的主要类型，数字图像的像素和分辨率的含义与作用，以及常见的数字图像文件的格式。这样，我们在制作电子商务网页图像，进行图像文件创建、编辑、保存和选择时就能更加合理和有效。

三、相关知识

1．数字图像的主要类型

数字图像是由模拟图像数字化得到的，用计算机或数字电路存储和处理的图像。而计算机一般采用以下两种方式存储或处理图像：

（1）点阵图（Bitmap），即位图存储模式，是通过许多像素点表示一幅图像，每个像素具有颜色属性和位置属性，如图1-1-1所示。

图1-1-1 点阵图样例

（2）矢量图（Vector），也称矢量存储模式，是根据几何特性用直线和曲线来描述图形，即由线条和填充颜色的块面构成的，而不是图像数据的每一点，如图1-1-2所示。

图1-1-2 矢量图样例

如果将点阵图和矢量图进行比较，我们会发现以下几个方面：

（1）点阵图像是由一个一个的像素点组成，即在一定面积的图像上包含有固定数量的像素。因此，如果在屏幕上以较大的倍数放大显示图像，或以过低的分辨率打印，位图图像会出现锯齿边缘。而矢量图是根据几何特性来绘制图形，是用线段和曲线描述图像，它与单位面积上的图像点数无关，可以将它缩放到任意大小打印和显示，都不会影响清晰度，如图1-1-3所示。

图1-1-3 点阵图与矢量图放大效果对比

（2）点阵图表现的色彩比较丰富，可以表现出色彩丰富的图像，可逼真表现自然界各类实物；而矢量图形色彩不丰富，无法表现逼真的实物，因此矢量图常常用来表示标识、图标、Logo等简单直接的图像，如图1-1-4所示。

图1-1-4 点阵图与矢量图色彩效果对比

（3）由于点阵图表现的色彩比较丰富，所以占用的空间会很大，颜色信息越多，占用空间越大，图像越清晰，占用空间越大；由于矢量图形表现的图像颜色比较单一，所以所占用的空间较小。

（4）通过软件，矢量图可以轻松地转化为点阵图，而点阵图转化为矢量图就需要经过复杂而庞大的数据处理，而且生成的矢量图的质量绝对不能和原来的图形比拟。

认识点阵图和矢量图的特色与差异，有助于创建、输入、输出编辑和应用数字图像。位图图像和矢量图形没有好坏之分，只是用途不同而已。因此，整合位图图像和矢量图形的优点，才是处理数字图像的最佳方式。而Photoshop作为一款流行的图像处理软件，在强大的点阵图处理功能的基础上，还具备相当的矢量图形处理能力，是我们今后进行图像制作的有力工具。

2．图像的像素和分辨率

（1）像素（Pixel）

位图图像最基本的单位是像素，它是一个小的方形颜色块，一个图像通常由许多像素组成，这些像素被排列成横行和纵列。当我们把图像放大足够的倍数，就会发现图像画面其实是由许多色彩相近的小方点所组成，这些小方点就是构成影像的最小单位“像素”（Pixel）

因此简单说起来，像素就是图像的点的数值，由点构成线，线组成面。例如，我们说数码相机1200万像素（4000×3000），指的就是其拍出来的数码照片横向4000个像素点乘以纵向3000个像素点等于1200万个像素点。

（2）图像分辨率

图像的分辨率是指图像单位长度内像素的个数，常用单位为像素/英寸(Pixels Per Inch)，也叫做ppi，就是指每1英寸（1英寸=2.54厘米）的单位长度里一共有多少个像素点，它是衡量图像细节表现力的一个重要技术参数。

如果图像的分辨率高，相对而言其包含的数据越多，也能表现更丰富的细节，但也会需要耗用更多的计算机资源，更多的内存，更大的硬盘空间等等；在另一方面，假如图像的分辨率低，图像所包含的数据不够充分，图像画面就会显得相当粗糙，特别是把图像放大为一个较大尺寸观看的时候。所以在图片创建期间，我们必须根据图像最终的用途决定正确的分辨率。这里的技巧是要首先保证图像包含足够多的数据，能满足最终输出的需要。同时也要适量，尽量少占用一些计算机的资源。如图1-1-5、图1-1-6、图1-1-7所示，就是一副原分辨率72像素/英寸的图像，将分辨率分别调整为10像素/英寸和300像素/英寸后保存，图像大小尺寸及效果情况（为便于排版，对3副图像进行了缩放以统一显示）。

图1-1-5 图像分辨率为10像素/英寸，占3.15KB

图1-1-6 图像分辨率为72像素/英寸，占101KB

图1-1-7 图像分辨率为300像素/英寸，占499KB

一般情况下，用于电商网页的图像，由于图像主要用于屏幕上显示并方便网络传输，其图像分辨率一般设置为72ppi；而用于出版印刷的图像制作时，其图像分辨率一般设置为300ppi。

（3）显示器分辨率

显示器分辨率是指显示器所能显示的像素的多少。由于屏幕上的点、线和面都是由像素组成的，显示器可显示的像素越多，画面就越精细，同样的屏幕区域内能显示的信息也越多，所以分辨率是显示器非常重要的性能指标之一。如表1-1-1所示就是常见显示分辨率情况。如图1-1-8所示，显示了某一具体图像分辨率尺寸和显示器分辨率尺寸大小对应的关系。

表1-1-1 常见显示分辨率

图1-1-8 尺寸为497像素×750像素图像在1366×768的屏幕上按原比例显示情况

随着移动电商的迅速发展，手机、pad 等移动设备屏幕分辨率情况也越来越受到电商网页开发和图像制作人员的注意。如表1-1-2所示就以iOS系统为例，给出了苹果移动设备的显示屏幕分辨率情况。

表1-1-2 常见苹果移动设备显示分辨率

3．图像文件格式

图像文件格式是存储、编辑图形或者图像数据的一种数据结构。类似文本文件可以使用不同的文字处理软件（如 Word、WPS）编辑生成，也可以用同一软件根据不同的应用环境生成不同类型的文件格式。同样，图像文件也有不同的格式，而这些格式也可根据不同的应用环境、处理软件等因素有多样的选择。如表1-1-3所示罗列了部分常用的位图和矢量图的文件格式。

表1-1-3 常见图像文件格式

（1）BMP（Bitmap）格式

BMP（Windows标准位图）是最普遍的点阵图格式之一，也是Windows系统下的标准格式，是将Windows下显示的点阵图以无损形式保存的文件，其优点是不会降低图片的质量，但文件大小比较大。

（2）GIF（Graphic Interchange Format）格式

GIF（图像交换格式）是一种压缩格式，适合用于线条图（如最多含有256色）的剪贴画以及使用大块纯色的图片。该格式使用无损压缩来减少图片的大小，当用户要保存图片为GIF格式时，可以自行决定是否保存透明区域或者转换为纯色。同时，通过多幅图片的转换，GIF格式还可以保存动画文件。但要注意的是，每幅GIF图像中最多只能支持256色。

（3）JPEG（Joint Photographic Experts Group）格式

JPEG（联合图片专家组图像格式）是目前图像格式中压缩率较高的格式。大多数彩色和灰度图像都使用JPEG格式压缩图像，压缩比很大而且支持多种压缩级别的格式，当对图像的精度要求不高而存储空间又有限时，JPEG是一种理想的压缩方式。在World Wide Web和其他网上服务的HTML文档中，JPEG广泛用于显示图片和其他连续色调的图像文档。

（4）PNG（Portable Network Graphic）格式

PNG是一种较新的网络图像格式。它汲取了GIF和JPG二者的优点，PNG第一个特点是采用无损压缩方式来减少文件的大小，保证图像不失真，这一点与牺牲图像品质以换取高压缩率的JPG有所不同；第二个特点是显示速度很快，只需下载1/64的图像信息就可以显示出低分辨率的预览图像；第三个特点是 PNG 同样支持透明图像的制作，透明图像在制作网页图像的时候很有用，我们可以把图像背景设为透明，这样可让图像和网页背景很和谐地融合在一起。

由于PNG一开始便结合GIF及JPG两家之长，自1996年10月1日由PNG向国际网络联盟提出并得到推荐认可标准，大部分绘图软件和浏览器开始支持 PNG 图像，其在网络上也越来越流行。

（5）PSD（Photoshop Document）格式

这是著名的Adobe公司的图像处理软件Photoshop的专用格式。PSD其实是Photoshop进行平面设计的一张“草稿图”，它里面包含有各种图层、通道、遮罩等多种设计的样稿，以便于下次打开文件时可以修改上一次的设计。在Photoshop所支持的各种图像格式中，PSD的存取速度比其他格式快很多，功能也很强大。

（6）TIFF（Tag Image File Format）格式

TIFF（标记图像文件格式）用于在应用程序之间和计算机平台之间交换文件。TIFF是一种灵活的图像格式，被所有绘画、图像编辑和页面排版应用程序支持。几乎所有的桌面扫描仪都可以生成TIFF图像。而且TIFF格式还可加入作者、版权、备注以及自定义信息，存放多幅图像。

（7）WMF（Windows Metafile Format）格式

WMF格式是Windows中常见的一种图元文件格式，属于矢量文件格式。它具有文件短小、图案造型化的特点，整个图形常由各个独立的组成部分拼接而成，其图形相对简单。

（8）CDR图像格式

CDR图像格式是著名绘图软件Corel Draw的专用图形文件格式，而Corel Draw 是一款平面排版矢量绘图的软件，它可用作企业VI设计、宣传画册设计、书籍装帧设计等。

（9）AI（Adobe Illustrator）图像格式

AI格式是Adobe公司发布的，它的优点是占用硬盘空间小，打开速度快，方便格式转换，是矢量软件Illustrator的专用图形文件格式。

（10）EPS（Encapsulated PostScript）文件格式

EPS文件格式是Enca

....