电脑技术学习

Photoshop设计中用羽化消除边缘锯齿

dn001

  我们用Photoshop作平面设计的时候常常会遇到造型边缘有锯齿、不够光滑的情况,这时候我们可以用“羽化”来解决这个问题。

  我们使用Photoshop的椭圆选框工具,分别关闭和打开消除锯齿(也称抗锯齿),创建两个差不多大的正圆形选区,然后填充黑色看看。怎样快速填充黑色还记得吗?先〖X〗然后〖ALT DELETE〗。填充之后取消选择〖CTRL+D〗,效果如下图。

  仔细观察着两个圆的边缘部分,就会看到第一个圆的边缘较为生硬,有明显的阶梯状,也叫锯齿。而第二个圆相对要显得光滑一些。

  锯齿产生的原因是点阵图像的特性导致的。因为点整图像用正方形的小点来描述图像,所以在描述曲线及一些角度的直线时就会产生锯齿。

  那为什么第二个圆没有锯齿呢?真的没有吗?我们把图像放大〖空格 CTRL 单击〗一些来看看。如下图。

  可以看到第二个圆其实也有锯齿,但是锯齿的边缘变得柔和了。有一种从黑色到背景白色的过渡效果。因此看起来比第一个圆显得光滑一些。这就是消除锯齿的效果了。因此所谓消除锯齿并不是真正消除,而只是采用了“障眼法”令图像看起来光滑一些。只要图像是点阵的,锯齿就永远存在。

  矢量图像从结构理论上来说是没有锯齿的,但是由于显示器的物理特性也是点阵的,所以矢量图像最终表现在屏幕上的时候也会有锯齿现象。

  点阵图像的锯齿是因为图像格式和显示器物理特性两者综合造成的。矢量图像的锯齿只是因为显示器的物理特性造成的。虽然两者在某些情况下看起来一致,但正如前面学习过的一样,在对图像的缩放过程中点阵图像的锯齿会被缩小或放大引起质量下降,而矢量图像的锯齿不会随之缩放。

  如果大家细心的话就会发现,矩形、单行和单列选框工具都是没有消除锯齿的选项的。为什么呢?自己思考一下。答案在本小节最后。

  说起羽毛大家想到什么?是一种柔和的感觉。羽化选项也是这个作用。现在使用椭圆选框工具,将羽化设为0和5,分别画两个正圆选区,然后填充颜色,不要取消选区。效果如下图。看到使用了5像素的羽化后,填充的颜色不再是局限于选区的虚线框内,而是扩展到了选区之外并且呈现逐渐淡化的效果。

  放大后可以看到,这个淡化的效果以选区的虚线为中心,同时向选区内部和外部延伸。如下图。

  这个时候如果使用10像素大小的画笔工具,选一个红色在选区内绘制,将会出现如下图的效果。

  我们在前面说过,一旦选区建立以后,几乎所有的操作就只针对选区内有效,但是为什么现在画笔却可以在选区的虚线框之外还有效果呢?而且之前填充的黑色也并不是完全在选区之内,有一部分超过了选区的虚线。

  这是因为选区的虚线框有时并不能完全地表示所选中的范围,这个问题在本篇后面部分将会得到解释。

  羽化选项的作用就是虚化选区的边缘,这样在制作合成效果的时候会得到较柔和的过渡。现在在Photoshop中打开如下2图。