“清晰度”是指人眼宏观看到的图像的清晰程度,是由系统和设备的客观性能的综合结果造成的人们对最终图像的主观感觉。所以就会产生两个人对一张图片清晰度的认知不同,虽然是主观的感受,但也不是不能用客观的标准来衡量,所以就需要先了解有关清晰度的三要素——位图、像素、分辨率。

图片的格式很多,但总体上可以分为位图和矢量图两大类,在我们平时接触的图片当中,大多数属于位图,位图是由数千个,有时甚至是百万个微小的像素组成。




像素是指由一个数字序列表示的图像中的一个最小单位,通俗来讲也就是构成图像的最小单位,称为像素。

在photoshop中用放大镜工具,把图片放大到一定程度就能看到这样的像素方块。

注:一个像素只有一个颜色,像素没有实际大小,只是一个计量单位。
相信很多80后的同学都玩过魂斗罗、超级玛丽等一些电子游戏,里面的画风就是像素风格,是因为当时的游戏硬件性能不够完善,所以游戏画面就会出现很多小方格,而现在像素风格又成为了时下比较流行的一种游戏形式和设计风格,比如:我的世界、FlappyBrid。





我们常说清晰度不够,其实也就是分辨率不够。而提到分辨率,就一定会涉及到像素,图像的分辨率是指单位长度中像素的总和,也就是指像素的密度。相同尺寸的画面,分辨率越高,其像素的密度越大(像素格越多),图像的细腻程度也越细,清晰度也就越高。反之,分辨率越低,像素密度就会越小(像素格越少),图像会越粗糙,清晰度越低。
通过两个图片我们简单了解一下像素与分辨率的关系:


上方是两个相同尺寸的图片,第一张图片分辨率较高,包含的像素数量较多,所以会比较清晰,能看清细节部分,而第二张图片包含的像素数量较少,细节不清晰,画面相对就模糊。

在photoshop软件当中,有两个分辨率的设置单位:像素/英寸和像素/厘米,顾名思义也就是每英寸(厘米)长度中有多少个像素,那么首先我们需要了解英寸和厘米的关系,厘米是公制单位,也就是国际通用的单位,是现在绝大对数使用的单位制,英寸是英制单位,源自英国的度量衡单位制,1英寸等于2.54厘米,根据这个数值就可以在两个分辨率之间进行转换。


也就是在我们新建画布的时候,用72像素/英寸或28.346像素/厘米所得到的画面是一样的,所以两者单位之间并没有差别,在工作中使用哪一种都可以,常用的是像素/英寸。

换算成网站链接:
http://www.gaitubao.com/tools/pixel2cm.html
比如我们新建一个画面尺寸为2.54cm×2.54cm,像素为30像素/英寸,我们知道1英寸=2.54厘米,也就是每2.54厘米长度中有30个像素,整个画面的像素为30×30=900个像素。

再举个例子:比如我们新建一个画面尺寸为800像素×1200像素,像素为72像素/英寸,那么整个画面就是800×1200=960000个像素。

通俗来讲,一个房间只有4个座位能容纳4个人,另一个有12个座位能容纳12个人,这和像素分辨率的关系是一样的,也就是说照片里的信息越多也就意味着图片的精细度越高越接近真实人眼看到的景象。




PPI表示设备上点的密度,也就是每英寸有多少个像素,比如我们电脑的显示器,主要用于网页设计的设置。
photoshop中我们看到网页的默认设置分辨率为72ppi,是因为最早的图形设计是在mac电脑上进行的,mac本身的显示器分辨率就是72ppi,所以这里我们选择默认的分辨率就可以了。


DPI表示印刷品点的密度,也就是打印时候每英寸多少个墨点,常用于印刷品的设置。

在ps当中打印分辨率默认是300ppi,实际上dpi和ppi很多时候也是混用的,没必要去纠结,所以一般情况下打印分辨率设置为300ppi就可以了。



我们把鼠标放到图片上会自然显示出图片尺寸与大小,第一张图片是400×400像素,第二张图片是800×800像素,前面我们说过了,一个图片中像素越多越清晰,所以这两张照片第二张更清晰。


看这两个图有什么区别?尺寸都一样10×10,唯一的不同的是大小,图1是8.24KB,图2是8.32KB,可能有的同学会说图2的清晰度大于图1,可是事实上是两个图片都是10×10个像素格,所以它们清晰度是相同的。

分辨图片的清晰度最主要的还是要凭自身的主观感受,也就是看,根据实际需要而判断图片清晰度是否可用,比如下载好的图片,放到设计的画面中,以100%的大小观察,如果噪点过多,甚至像素纹理比较明显,那就说明它的清晰度不够,这个度靠设计经验去把握。


原图72分辨率——100%尺寸查看图片——清晰

改为300分辨率——100%尺寸查看图片——细节不清晰

一张图片分辨率是72像素/英寸,如果我们直接把它的分辨率调整为300像素/英寸,它的清晰度反而会变得模糊。因为原本每英寸有72个像素,而现在每英寸有300个像素,多出来的信息就是软件通过复制旁边的颜色而产生的,由于不能准确模拟像素位置的色值和明暗,图像就会变得模糊。

设计一个DM,分辨率给出500dpi,印刷出来的效果会更清晰吗?
在印刷中,相对于大部分打印机来说,300-350dpi就已经是极限了,这个时候人眼已经不能分辨像素颗粒的精度了。所以当你设置500dpi甚至更高的时候,打印的效果是一样的,更高的分辨率只会增加机器的负荷和处理时间,所以,通常冲印或印刷的分辨率均设置为300dpi。

首先我们需要了解一下,什么样的图片是有救的,什么样的图片是没救的。

这张图像素是足够的,稍微不清晰,画面色调比较平,黑白灰的层次不够,雾气比较重,但是它属于有救的图片,只要稍加调整就会提高它的清晰度。

这张图很模糊,几乎看不清画面中的内容,我们很难还原它的真实感,这类照片也属于没有办法还原清晰度的,但是不代表这张图片是不好的,有可能是摄影师刻意而为之,追求一种模糊的意境。

这张图片像素本身像素不够多,出现比较重的马赛克的现象,所以是不能还原清晰度的。
调整清晰度的办法多种多样,今天我们介绍常用的几个——Camera Raw滤镜当中的对比度、清晰度、锐化,分别简单的了解一下。




图1为原图,图2是把对比度值调整到最大值,可以看出原本暗的部分更暗了,原本亮的地方也更亮了,黑白对比更加强烈。图3是把对比度降到最低值,和原图相比,色调整体发灰,黑白灰的层次不明显了。大家可以在ps中自己做一下这个实验,可以看出对比度的调整是可以影响照片全局的。



图1是原图,图2清晰度增加为100%,可以看出手上的纹理边缘部分锐化得很重,增加清晰度其实就是增加物体边缘的反差,让轮廓和纹理更加清晰,细节增加很多,这也就是当你清晰度调整过大时候画面显得有些脏的原因,而图3清晰度为-100%,细节不见了,反而有种我们平时修照片磨皮的效果。


数量:决定了锐化的强度,增加边缘的反差,数量值越大锐化的程度越明显。
半径:决定了锐化的范围,半径越大,作用的区域就越广,一般使用默认值。
细节:决定了画面中细微的地方会不会被锐化,数值越大越多微小反差的边缘也会被锐化。
蒙版:识别不需要锐化的区域(比如:天空),实现局部锐化。

两个色块代表两个像素,我们给它进行锐化处理,放大两个像素的衔接处,可以发现边缘部分多出了很多锐利的竖条,所以可以知道锐化只是作用于边缘处。


图1是原图,图2我们适当地进行锐化处理,让建筑物更清晰,属于合理的锐化程度,而图3锐化数量与细节都很大,画面上的噪点就很多,我们在给图片锐化时要注意不能一味的追求清晰的质感,不然整个画面会显得很燥,过犹不及。锐化数值是由图片大小,内容,输出媒介等很多因素决定的,锐化这个工具是相对来说比较复杂的,一切根据实际情况而定。


调整下面图片的清晰度


1.首先我们以100%的数值查看图片,可以观察到小猴子的毛发不是很清晰,画面雾气比较重,显得灰蒙蒙的。


2.在Camera Raw滤镜中,有一个去除薄雾的工具,数量给+40,先去除画面的雾气。


3.对比度+10,丰富画面整体明暗的层次,清晰度+23,猴子的轮廓和毛发更加清晰。


4.锐化数量28,半径不变,细节不变,蒙版20,提升清晰度。


5.最后调整一下画面的自然饱和度+21。

原图

调整后

调整前后对比