PS/UI设计师学习-新手入门第四课4-3 消除锯齿和羽化

摇星学院  推荐  UI设计师/web前端开发  学习

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

仔细观察着两个圆的边缘部分,就会看到第一个圆的边缘较为生硬,有明显的阶梯状,也叫锯齿。而第二个圆相对要显得光滑一些。在前面的课程#02中我们曾经学习过产生锯齿的原因是点阵图像的特性导致的。因为点阵图像用正方形的小点来描述图像,所以在描述曲线及一些角度的直线时就会产生锯齿。

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

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

矢量图像从结构理论上来说是没有锯齿的,但是由于显示器的物理特性是点阵显示,所以矢量图像最终表现在屏幕上的时候也会有锯齿现象。也就是说矢量图象真正的优势并不是体现在最终表现效果上,而是在图像制作过程中可以不损失质量地进行各种拉伸变形等。

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

0414说起羽毛大家是否联想到一种柔和的感觉呢?羽化选项也是这个作用。现在使用椭圆选框工具,将羽化设为0和5,依次创建出两个正圆选区,然后填充上黑色(〖D〗,〖ALT DELETE〗),不要取消选区。效果如下左图。看到使用了5像素的羽化后,填充的颜色不再是局限于选区的虚线框内,而是扩展到了选区之外并且呈现逐渐淡化的效果。

放大后可以看到,这个淡化的效果以选区的虚线为中心,同时向选区内部和外部延伸。如下中图。这个时候如果使用10像素大小的画笔工具,选一个红色在选区内绘制,将会出现如下右图的效果。


我们在前面说过,一旦选区建立以后,几乎所有的操作就只针对选区内有效,但是为什么现在画笔却可以在选区的虚线框之外还有效果呢?而且之前填充的黑色也并不是完全在选区之内,有一部分超过了选区的虚线。 这是因为选区的虚线框有时并不能完全地表示所选中的范围,这个问题在本篇后面部分将会得到解释。

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

0415将羽化设置为0,使用套索工具将中间的花朵大致地选择,然后在工具栏选择移动工具

(使用选取工具创建选区后在选区内按下CTRL也可以临时切换到移动工具),在选区内移动到另外一幅图像中。如下图 ,从蓝色箭头处拖动到红色箭头处。Photoshop支持在打开的图像之间直接拖动内容,方法就是这样。拖动的起始图像称为源图像,拖动到的图像称为目标图像。

需要注意的是在选区内的时候光标显示为

,此时拖动才是拖动选区内的图像,如果在选区之外光标显示为

,此时将会拖动整个图像。应看清楚以避免误操作。

拖动完成后效果如下左图。可以看到拖动过来的图像边缘较为生硬。现在按〖F12〗恢复目标图像到原始状态(也可以〖CTRL ALT Z〗)。然后切换到原图像,也按F12恢复。F12是将图像恢复到上一次保存后的状态。 将羽化设置为5,再重复上面的过程。可以看到这次拖动到目标图像中的花朵边缘显得柔和得多。如下右图。

0416虽然选取工具在公共栏中提供了直接的羽化选项,但不建议直接使用它。因为这样做出的选区羽化效果如果不满意,撤销一步〖CTRL ALT Z〗后选区将消失。更改羽化数值后要重新创建选区。

建议选取的时候都将羽化设置为0,在完成后使用菜单【选择 羽化】〖CTRL ALT D〗,或点击右键(使用选取工具或裁切工具前提下)在出现的菜单中选择“羽化”,将会出现如下 左图的羽化设置对话框。这时输入数值后回车即可。羽化效果和以前在公共栏中设置的效果是一样的。

这样做的好处是如果发现羽化的程度不满意,可以撤销一步〖CTRL ALT Z〗后重新设置羽化数值,而不会导致原先的选区消失。以后内容中所提到的羽化,都建议大家使用这种先创建再羽化的方式。

设置羽化后,选区虚线框可能会缩小并且拐角会变得平滑,如下中图是羽化10像素后的效果。如果输入的羽化的数值过大,可能会出现一个如下右图的警告,同时选区虚线消失。虚线框缩小及过大羽化后警告的原因,大家在后面的内容中将会得到回答。

可以看出,羽化使选中的图像边缘呈现半透明过渡的效果,这有利于在不同图像中合成效果。但是羽化的效果实际并不理想,因为羽化的效果是沿着选区边缘平均分配的。而大部分时候我们需要在不同的地方设置不同的透明或羽化程度。因此直接使用羽化 来合成图像的机会并不多。

现在来回答前面的一个问题:为何矩形、单行和单列选框工具都没有消除锯齿的选项?那是因为这3种选取工具所创建的选区边缘一定是水平或者垂直,不可能有曲线或斜线。而锯齿只会在曲线或斜线中出现。这3种选取工具之所以没有消除锯齿的选项,是因为它们根本不会产生锯齿。

在课程#03中我们学习过绘图工具画笔,画笔设定中有一个硬度,改变硬度可以让画笔边缘变得柔和,这种柔和效果实际也就是一种羽化效果。 和画笔工具组合在一起的还有一个铅笔工具

。铅笔工具的边缘是生硬的,始终带有锯齿效果。其他的设定和画笔工具相同。

注意铅笔设定中虽然也有硬度的选项但没有画笔那样改变边缘柔和程度的效果。铅笔和画笔的最大区别就是铅笔没有边缘羽化,因此看起来图像较为生硬。如下图左右两个枫叶和波浪线的效果对比,哪个用的是铅笔哪个用的是画笔应该看得出来吧。


全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,457评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,837评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,696评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,183评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,057评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,105评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,520评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,211评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,482评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,574评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,353评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,897评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,489评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,683评论 2 335

推荐阅读更多精彩内容