photoshop在跨境电商中的应用
第6章
跨境电商——视觉营销
CONTENTS
1
photoshop的功能简介
2
photoshop的常用工具
3
photoshop的基本操作
4
图片色彩优化
5
图片瑕疵修饰
PART 1
photoshop的功能简介
（1）像素是组成图像的最基本单元，
它是一个个小矩形颜色块。一个图像通
常由很多像素组成，这些像素被排列成
横行或纵列。当我们用缩放工具把图像
放大到一定比例时，就可以看到类似马
赛克的效果。每个像素都有不同的颜色
值，图像单位长度的像素数越多，品质
就越好，图像就越清晰，如图所示。
photoshop的功能简介
photoshop的功能简介
（2）分辨率是度量位图图像内数据量多少的一个参数，通常表示成
每英寸像素(Pixel Per Inch，PPI)和每英寸点(Dot Per Inch，DPI)。
图像包含的数据越多，图形文件就越大，也能表现更丰富的细节。而
更大的文件需要耗用更多的计算机资源，占用更多的内存和更大的硬
盘空间等。但是，如果图像包含的数据不够充分，就会显得相当粗糙，
特别是把图像放大为一个较大尺寸观看的时候就更加明显。所以在创
建图片期间，我们必须根据图像最终的用途决定正确的分辨率。这里
的技巧是要保证图像包含足够多的数据，能满足最终输出的需要，同
时要尽量少占用一些计算机资源。
简单来说，分辨率是指单位长度内所含有的点（像素）的多少。
photoshop的功能简介
① 图像分辨率
图像分辨率的默认单位为点/英寸（dpi），如300dpi就表示该图像每英寸含有
300个点（像素）。在Photoshop中也可以用cm（厘米）为单位来计算分辨率。
分辨率越高，图像越清晰，所产生的文件越大，在工作时所需的内存和CPU处
理时间也就越多。
② 屏幕分辨率
屏幕分辨率又称为屏幕频率，是指打印灰度级图像或分色所用的网屏上每英寸
的点数，它是用每英寸上有多少行来测量的。
③ 输出分辨率
输出分辨率是指激光打印机等输出设备在输出图像的每英寸上所产生的点数。
photoshop的功能简介
（1）位图式图像
位图图像是Photoshop常用的图像样式。由颜色不同的
一个个像素组成。因此又称为像素图或点阵图。位图的
优点是可以表现色彩的变化和颜色的细微过渡，产生逼
真的图像效果；同时也可以很容易地在不同软件之间交
换软件。而缺点是它无法制作真正的3D图像，并且图像
缩放和旋转时会产生失真现象，同时文件较大，对内存
和硬盘空间容量需求高。如图6-2。
在用Photoshop制作图像时，像素的数目和密度越高，
图像就越逼真。记录每一个像素或色彩所使用的位的数
量决定了它可能表现出的色彩范围。
photoshop的功能简介
（2）矢量式图像
矢量图是由经过精确定义的直线和曲线组成的，这些直线和曲线称为
向量，因此矢量图又称为向量图。每个矢量图都是独立的个体它们都
有各自的色彩、形状、尺寸和位置坐标等属性。矢量编辑软件可以任
意改变每个对象的属性，而不会影响到其他对象，也不会降低图形的
品质。
矢量图形与像素和分辨率无关，也就是说，可以将矢量图缩放到任意
尺寸，且不会丢失细节或降低清晰度。这类图形的优点是：创建的文
件小，需占用的内存小；但只能作为简单的图形，不易制作色调丰富
或色彩变化太多的图像。
photoshop的功能简介
图层就像是含有文字或图形等元素的胶片，
一张张按顺序叠放在起，组合起来形成页面
的最终效果。借用百度上的比喻就是：图层
就像在一张张透明的玻璃纸上作画，透过上
面的玻璃纸可以看见下面纸上的内容，但是
无论在上一层上如何涂画，都不会影响下面
的玻璃纸，上面一层会遮挡住下面的图像。
最后将玻璃纸叠加起来，通过移动各层玻璃
纸的相对位置或者添加更多的玻璃纸即可改
变最后的合成效果，如图6-3所示。
photoshop的功能简介
标题栏位于主窗口
顶端，最左边是
Photoshop标记，
右边分别是最小
化、最大化/还原和
关闭按钮。
菜单栏为整个环境所有窗口提供菜单控制，包括文件、编辑、图像、
图层、文字、选择、滤镜、3D、视图、窗口和帮助等选项。
Photoshop中通过两种方式执行所有命令，一是菜单，二是快捷键。
photoshop的功能简介
photoshop的功能简介
属性栏又称工具选项栏。选中某个工具后，属性栏就会改变成相应工
具的属性设置选项，可更改相应的选项。
photoshop的功能简介
工具想的工具可以用来选择、绘画、编辑以及查看图像。
拖动工具箱的标题栏，可移动工具箱；单击可选中工具或
移动光标到该工具上，属性栏会显示该工具栏的属性。有
些工具的右下角有一个小三角形符号，这表示在工具位置
上存在一个工具组，其中包括
若干个相关工具。如图6-7所示。
中间窗口是图像窗口，它是Photoshop的主要工具区，用于显示图像
文
件。图像窗口带有自己的标题栏，提供了打开文件的基本信息，如文
件名、
缩放比例、颜色模式等。如果同时打开两幅图像，可通过单击图像窗
口进行
切换。图像窗口切换可使用【Ctrl+Tab】组合键。
photoshop的功能简介
主窗口底部是状态栏，由三部分组成。
文本行：说明当前所选工具和所进行操作的功能与作用等信息。
缩放栏：显示当前图像窗口的的比例，用户也可在此窗口输入数值后
按回车键来改变显示比例。
预览框：单击右边的黑色三角按钮，打开弹出菜单，选择任一命令，
相应的信息就会在预览框中显示。
photoshop的功能简介
可通过“窗口/显示”来显示面板。
按【Tab】键，自动隐藏命令面板、属性栏和工
具箱，再次按【Tab】键，显示以上组件。
按【Shift+Tab】组合键，隐藏控制面板，保留
工具箱。
photoshop的功能简介
PSD格式是使用Photoshop软件生成的图像模
式，这种格式能够比其他格式更好地保存图层、
通道、路径、蒙版，并且压缩文件不会造成数据
丢失等。修改起来较为方便，这也是PSD格式的
优越之处，但也因此比其他格式的图像文件要大
得多。
若要将具有图层的PSD格式图像保存成其他格式
的图像，则在保存时会合并图层，即保存后的图
像将不具有任何图层。
photoshop的功能简介
JPEG的英文全称是Joint Photographic Experts Group（联合图像专
家组）此格式的图像通常用于图像预览和一些超文本文档中（HTML
文档）。JPEG格式的最大特色就是文件比较小，经过高倍率的压缩，
是目前所有格式中压缩率最高的格式，被大多数的图形处理软件所支
持。JPEG格式的图像还普遍用于网页的制作。如果对图像质量要求不
高,但又要求存储大量图片,使用JPEG格式无疑是一个好方式。但是
JPEG格式在压缩保存的过程中会以失真方式丢掉一些数据，因而保存
后的图像与原图有所差别，没有原图像的质量好。印刷品最好不要用
此图像格式。
photoshop的功能简介
PNG格式是由Netscape公司开发出来的格式，
可以用于网络图像，可以保存24位（1670万色）
的真彩色图像，并且支持透明背景和消除锯齿边
缘的功能，可以在不失真的情况下压缩保存图像。
photoshop的功能简介
GIF格式是CompuServe提供的一种图形格式，在通讯传输时较为经济。
是输出图像到网页最常采用的格式。GIF格式采用LZW压缩(LZW压缩
是一种由Abraham Lempel、Jacob ziu和Terry Welch发明的基于表
查寻算法把文件压缩成小文件的无损压缩方法)，限定在256色以内的
色彩。GIF格式有87a和89a两个版本。GIF87a严格支持不透明像素。
而GF89a能够支持透明色和多帧动画，因而，更大地缩小了GIF的尺寸。
如果要使用GIF格式，就必须转换成索引色形式(Indexed Color)，使色
彩数目转为256或更少。
photoshop的功能简介
PDF(Portable document Format)是由Adobe
公司创建的一种文件格式。该格式允许在屏幕查
看电子文档。PDF文件还可被嵌入到网页的
HTML文档中。
photoshop的功能简介
BMP(Bitmap)是 Windows操作系统中的标准图
像文件格式。这种格式被大多数软件所支持。
BMP格式采用了一种叫RLE（Rum-Length
Encoding，游程编码）的无损压缩方式，它是
一种简单的非破坏性资料压缩法，对图像质量不
会产生任何影响。
photoshop的功能简介
谢谢观看