图层样式详解之斜面和浮雕

2023-12-12 17:44:03 来源/作者: / 己有:0人学习过

浮雕

前面介绍的斜面效果添加的“虚拟”层都是一上一下的,而浮雕效果添加的两个“虚拟”层则都在层的上方,因此我们不需要调整背景颜色和层的填充不透明度就可以同时看到高光层和阴影层。这两个“虚拟”层的混合模式以及透明度仍然和斜面效果的一样。

图层样式详解之斜面和浮雕

枕状浮雕

枕状浮雕相当复杂,添加了枕状浮雕样式的层会一下子多出四个“虚拟”层,两个在上,两个在下。上下各含有一个高光层和一个阴影层。因此枕形浮雕是内斜面和外斜面的混合体。比如:

图层样式详解之斜面和浮雕

在这个例子中,图层首先被赋予一个内斜面样式,形成一个突起的高台效果,然后又被赋予一个外斜面样式,整个高台又陷入一个“坑”当中,最终形成了如图所示的效果。

二、调整参数

样式(Style)

样式包括:外斜面、内斜面、浮雕、枕形浮雕和描边浮雕。

方法(Technique)

这个选项可以设置三个值,包括平滑(Soft)、雕刻柔和(Chisel Soft)、雕刻清晰(Chisel Hard)。

其中“平滑”是默认值,选中这个值可以对斜角的边缘进行模糊,从而制作出边缘光滑的高台效果,如下图。

图层样式详解之斜面和浮雕

如果选择“雕刻清晰“,效果是这样的:

图层样式详解之斜面和浮雕

“雕刻柔和”是一个折中的值:

图层样式详解之斜面和浮雕

深度(Depth)

“深度”必须和“大小”配合使用,“大小”一定的情况下,用“深度”可以调整高台的截面梯形斜边的光滑程度。比如在“大小”值一定的情况下,不同的“深度”值产生的效果。

首先将“深度”设置的小一些:

图层样式详解之斜面和浮雕

再将“深度”设置为最大(1000%)

图层样式详解之斜面和浮雕

方向(Direction)

方向的设置值只有“上”和“下”两种,其效果和设置“角度”是一样的。在制作按钮的时候,“上”和“下”可以分别对应按钮的正常状态和按下状态,比较使用角度进行设置更方便也更准确。

大小(Size)

大小用来设置高台的高度,必须和“深度”配合使用。

柔化(Soften)

柔化一般用来对整个效果进行进一步的模糊,使对象的表面更加柔和,减少棱角感。

角度(Angle)

这里的角度设置要复杂一些。圆当中不是一个指针,而是一个小小的十字,通过前面的效果我们知道 ,角度通常可以和光源联系起来,对于斜面和浮雕效果也是如此,而且作用更大。斜面和浮雕的角度调节不仅能够反映光源方位的变化,而且可以反映光源和对象所在平面所成的角度,具体来说就是那个小小的十字和圆心所成的角度以及光源和层所成的角度(后者就是高度)。这些设置既可以在圆中拖动设置,也可以在旁边的编辑框中直接输入。比如:

我们首先将高度设置为67度,得到以下的效果(如果设置为90度,光源就会移到对象的正上方):

图层样式详解之斜面和浮雕