图层样式详解

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
图层样式
从对投影样式和斜面、浮雕样式中的等 高线的工作原理的探讨中剖析其本质。 投影样式是图层样式中一个较为典型的 样式,而斜面和浮雕样式又是其中变化 最为丰富的一个。明白了它们的工作原 理,其它的自然迎刃而解。
一、投影样式及等高线设置
投影样式如下图(图1)。我们建立一个矩形选区,填充蓝色(0,0,255)。 这将是我们的探讨基础。
色阶是表示图像亮度强弱的指数标准,也就是我们说的色彩指数,在数字图 像处理中,指的是灰度分辨率。图像的色彩丰满度和精细度是由色阶决定的 。色阶指亮度,和颜色无关,但最亮的只有白色,最不亮的只有黑色。
只调整纵轴位置的曲线变化 ,观察一下纵轴的作用 最上边是青色,是光源色绿色和固有 色蓝色滤色的的结果色;最下边是黑 色,是阴影色红色和固有色蓝色正片 叠底的结果色;中间是固有色。 色阶从左到右发生由暗到亮的变化 等高线工具中,选择“自定义”,“边 角”选项赋予等高线更为丰富的变化
正对虚拟光源的斜面映射光泽等高线的中最亮面的颜色(受高度和角度的影响),背 对虚拟光源的斜面映射最暗面颜色,以此形成一种强对比。侧对虚拟光源的斜面将以 固有色或阴影色为基础产生一种弱对比。但当斜面的坡度变缓,也就是当斜面接近水 平线时,这种对比将越来越小;当坡度为零,也就是没有斜面,对比消失,显示固有 色。 顶点映射固有色。 顶点呈平滑曲线时,由顶点向两侧产生平滑渐变。(图19)
光泽等高线选项下边,分高光模式和阴影模式两部分。我们先分 别把不透明度调到100%(为了方便我们的求证)。 高光模式为滤色,后边的颜色可选,默认为白色。阴影模式为正片 叠底,后边颜色也是可选,默认黑色。(在下边的论述中,我们把这 两个可以自定义的颜色分别称为光源色和阴影色)

高光与阴影是什么意思呢? 在西方绘画中,要求得物体的立体感,空间感,是有一整套理论的。 物体接受到光照后,会产生三大部分,即受光部分、侧受光部分、不受 光部分。细分的话还可以分为高光、亮面、中间调子、明暗交界线、反 光五部分。这就是西方写实绘画的理论基础:三大面五大调子。而 Adobe为了在二维平面中模拟浮雕效果,就借助这些理论。 如图:浮雕上侧面为直接受光部分,浮雕顶部为侧受光部分,两侧和底 部为不受光部分(不是完全的不受光,而是不直接受光)。
斜面与浮雕结构样式 斜面和浮雕(Bevel and Emboss) 可以说是Photoshop层样式中最复杂 的,其中包括内斜面、外斜面、浮雕 、枕形浮雕和描边浮雕,虽然每一项 中包涵的设置选项都是一样的,但是 制作出来的效果却大相径庭。
内斜面 首先来看内斜面,添加了内斜 角的层会好像同时多出一个高 光层(在其上方)和一个投影层( 在其下方)。投影层的混合模 式默认为“正片叠底 ”(Multiply),高光层的混合模 式默认为“滤色”(Screen), 两者的透明度都是50%。两个 层配合起来,效果就多了很多 变化。 为了看清楚这两个“虚拟“的 层究竟是怎么回事,我们先将 图片的背景设置为黑色,然后 为圆所在的层添加“内斜面” 样式,再将该层的填充不透明 度设置为0。这样就将层上方 “虚拟”的高光层分离出来了 ,如图:
从投影样式看,等高线是在不同的 距离(或阴影位置)上对不同透明 度的颜色(自定义)的映射,它和 地图上的等高线仅仅是在外形上相 似而已。
二、斜面与浮雕及等高线设置
斜面、浮雕样式是图层样式中变化最为丰富的样式。通过 对它的探讨,我们能或许能找到等高线的本质。 存在两种等高线样式:光泽等高线和子集等高线。 去掉投影样式。勾选“斜面、与浮雕”。(图8)
在等高线和曲线命令中的贝赛尔曲线形状一样,虽然都是调亮图象,但是终究不 是。在曲线中,横轴代表色阶,纵轴代表色阶的亮度。那么,等高线中的横、纵 轴分别以为着什么呢? 和曲线相同的是,横轴代表色阶,而纵轴则不一样了,在最高点,是光源色和固 有色(本例中的蓝色)的滤色的结果色;最低点,是固有色和阴影色正片叠底的 结果色;中点,是固有色。从上到下,依次是透明度的变化。如图(图13)
投影样式对话框包含两个部分:结构和品质。

混合模式:正片叠底是制作投影的一个理想的混合模式,大家可以试试
其他模式和此模式的不同。(混合模式的原理以后再谈)。旁边的矩形黑色 块可选,也就是投影色。这里的意思是说,黑色和背景色将以正片叠底的模 式混合以产生投影效果。下边的不透明度控制着投影的透明度,这个很容易 理解。 角度:光线的照射方向。使用全局光:图层效果可能是很多的,勾选其
扩展:杂边位置。作用范围亦即“大小”范围(宽展范围受“大小”限制)。本例在左右 参考线之间。参数的增大意味着它将使等高线的作用范围向左推移。而其作用效果是推 挤等高线效果。为便于观察我设置了如图锯齿状等高线(图3)。
50%时把等高线效果挤在左、中参考线之间(图4)
100%时等高线效果被挤压于最左边参考线,基本看不出来了。也可 以说是没有了(图5)
我们可以使用和前面完全一样的方法分别将“虚拟”的高光层和阴影分离出来,如下图:
看似与内斜面效果差不多,其实不然,试着把他们的数值调大 些。就可以非常直观的看到他们的不同了。
浮雕
前面介绍的斜面效果添加的“虚拟”层都是一上一下的,而浮雕效 果添加的两个“虚拟”层则都在层的上方,因此我们不需要调整背 景颜色和层的填充不透明度就可以同时看到高光层和阴影层。这两 个“虚拟”层的混合模式以及透明度仍然和斜面效果的一样。(相 当于一对外斜面与内斜面的结合)
枕状浮雕 枕状浮雕相当复杂,添加了枕状浮雕样式的层会一下子多出四个“虚拟”层,两个 在上,两个在下。上下各含有一个高光层和一个阴影层。因此枕形浮雕是两队内斜 面和外斜面的混合体。比如:
在这个例子中,图层首先被赋予一个内斜面样式,形成一个突起的高 台效果,然后又被赋予一个外斜面样式,整个高台又陷入一个“坑” 当中,最终形成了如图所示的效果(下一图层的填充色设为灰色)。
光泽等高线的工作原理: 从上边可以看出,光泽等高线是 在不同的色阶上对不同透明度的 高光和阴影结果色之间的映射。
将子集等高线的范围滑块拖到50%处,分别载入锥形、锯齿形样式。(图16)
相当于油画框!
Adobe的本意就是通过子集等高线在模拟边框的剖面线! 有了这个子集等高线,斜面、和浮雕样式可以有更华丽繁复的变化。 子集等高线从左向右意味着边框由外到内的距离。(图18)
类似的,我们再将图片的背景色设置为白色,然后为圆所在的 层添加“内斜面”样式,再将该层的填充不透明度设置为0。 这样就将层下方“虚拟”的投影层分离出来了,如下图:
这两个“虚拟“的层配合起来构成“内斜 角“效果,类似于来自左上方的光源照射 一个截面形为梯形的高台形成的效果。
外斜面
被赋予了外斜面样式的层也会多出两个“虚拟”的层,一个在上,一个在下,分别是高光 层和阴影层,混合模式默认依然分别是正片叠底(Multiply)和滤色(Screen),这些和内斜面 都是完全一样的,不再赘述。
深度(Depth)
“深度”必须和“大小”配合使用,“大小”一定的情况下,用“深度”可以调 整高台的截面梯形斜边的光滑程度。比如在“大小”值一定的情况下,不同的“ 深度”值产生的效果。 首先将“深度”设置的小一些:
变更角度和高度,看看会发生什么样的变化。 (图9 — b、c、d) 有什么变化呢?高光部分的绿色和阴影部分的红 色有了不同的变化,随着光量的减少,绿色的色 相亮度值也在减小,阴影部分稍亮部分如两侧颜 色也在变化。大家可以多变更几次试试结果。
以角度-高度分别为0-0;0-90;90-0;90-90;45-0;45-90加以比较 红色+蓝色=紫色 蓝色+绿色=青色
我们也可以换换其它的形状来看看变化。(图20)
不管图形如何变化,规律都是一样的。
无论等高线的形状如何变化,它都不过是在不同的距 离上通过一定的方式对不同颜色的映射。投影如是, 光泽等高线(只会影响“虚拟”的高光层和阴影层。 )如是,子集等高线(用来为对象(图层)本身赋予条纹 状效果。 )也如是。有人问,光泽等高线的横轴的色 阶也是距离吗?当然是。色阶是不同亮度的像素集合 与集合之间的距离。
深度:358; 大小:50; 角度:90 高度:30 软化:0
斜面与浮雕参数设置
样式选择“内斜面”;方法选择“雕刻清晰”;深度:358%;方向: 上;大小50像素;软化:0像素。 关键部位:阴影。

角度和高度是标示虚拟光源的位置。角度和高度的不同会影响虚 拟光源对其模拟的浮雕产生光量不同的照射(角度控制光线方向,高 度控制阴影范围。)。这里,我们调整角度为90度,默认高度30度。
为了完成对浮雕的模拟,Adobe在受光部和不受光部采取了两种模式,即在 受光部采取白色(默认光源色)和原本色(在本例中为蓝色,在下面的论叙 中我们不妨借用美术专业术语,以“固有色”代之),并以滤色模式混合; 阴影部分采取黑色(默认阴影色)和固有色以正片叠底的模式混合。这些默 认的模式是获得浮雕效果的最佳选择。大多数情况下,配合线性光泽等高线, 我们不用改变这些选项就可模拟出很好的斜面和浮雕效果。 在这里,我们需要明确一个问题,就是:以滤色模式参与混合的白色和以 正片叠底模式参与混合的黑色扮演了一个什么样的角色呢?是100%的白或 黑与固有色色参与混合吗? 为了看得明白,我们更换掉白色和黑色,代之以绿色和红色。并且,混合 模式全部换成“正常”(图9 — a)。高光和阴影部分以绿色和红色代替; 顶部还是固有色;两侧为暗部中稍亮部分,是红色和原色蓝色的混合——紫 色。
则可以统一光源,使各层效果更和谐统一。 距离:物体本身和投影的距离。 大小:这里之所以先说“大小”而把“扩展”放在后边,是我觉得这样
更容易理解。大小,是将以投影的外边缘为准,向左右两边呈对称状虚化 多少像素——这也是后边可调的参数。记住,大小的范围也是等高线的作用 范围。 看图,拖出三条垂直参考线,每两条之间间隔50像素。中间的一条与投 影外边缘重合。
等高线调整原理
如图(图6):等高线编辑器横轴从左向右意味着从远至近(即从外侧到内测)的距 离,是说在不同的距离上我们输入了多少数值。纵轴表示投影的不透明度。从下往 上映射着投影的透明度从高到低(即从亮到暗的变化)。线性等高线输入多少输出 就是多少。这从左边的投影能看出来,投影从左往右是一个透明度从高到低的过程。 需要指出的是,“大小”范围之外往右部分的透明度以“大小”最右边的透明度为 准。
来自百度文库
方法(Technique) 这个选项可以设置三个值,包括平滑(Soft)、雕刻柔和(Chisel Soft)、雕刻清晰(Chisel Hard)。 其中“平滑”是默认值,选中这个值可以对斜角的边缘进行模糊,从而制作出边缘光 滑的高台效果,如下图。
如果选择“雕刻清晰“,效果是这样的:
雕刻柔和”是一个折中的值:
图2是把“大小”设定为50像素时的情况。
等高线调整原理
如上图:等高线编辑器横轴从左向右意味着从远至近(即从外侧到内测)的距离, 是说在不同的距离上我们输入了多少数值。纵轴表示投影的不透明度。从下往上映 射着投影的透明度从高到低(即从亮到暗的变化)。线性等高线输入多少输出就是 多少。这从左边的投影能看出来,投影从左往右是一个透明度从高到低的过程。需 要指出的是,“大小”范围之外往右部分的透明度以“大小”最右边的透明度为准。
将混合模式改回“滤色”、“正片叠底”,角度还是改为90度,默 认高度。看看又发生了什么变化?高光变成了青色,阴影部分最黑 的还是黑色。(图10)
更改高度,观察变化。(图11)
这说明,Adobe参与滤色混合的光源色不是一成不变的。而是根据角度和高度的变 化,“光源”色相的亮度也在变化。光线最强时是高亮的绿,光线弱时是明度值暗 的绿。由此可见,Adobe模拟光线对浮雕的投射效果还是比较符合实际情况的。 现在开始猜想:光泽等高线在这里起什么作用呢?经过观察,类似曲线功能, 难道这就是曲线? 我们不妨先调调试试。(图12)
相关文档
最新文档