Photoshop图层样式:综合指南

在本指南中,我将引导你通过每个单独的图层效果,并展示每个图层的示例。但是,一定要记住,图层样式是关于实验的——有些效果在一些设计中很完美,而在另一些设计中可能看起来很糟糕。没有设定的公式,一旦你学会了在Photoshop中使用图层样式的基础知识,你就可以释放你的创造力。

这是我们将要讨论的内容:

  1. 什么是图层样式?

  2. 应用图层样式
  3. 图层样式对话框窗口
  4. 阴影
  5. 内阴影
  6. 外发光
  7. 内发光
  8. 斜面和浮雕(轮廓/纹理)
  9. 颜色叠加
  10. 渐变叠加
  11. 图案叠加
  12. 中风
  13. 一些图层类型的技巧

什么是图层样式?

图层样式就是应用到一个图层上的一个或多个图层效果和混合选项。图层效果包括阴影、描边和颜色叠加。

下面是一个带有三个图层效果(投影、内发光和描边)的图层示例。

你可以通过点击效果旁边的眼睛图标来关闭一个图层样式,这样你就可以看到没有图层样式的原始图层的样子。

类似地,您可以关闭每个图层效果的可见性。在下面的例子中,阴影图层效果被禁用。

你可以从右边的fx图标看出一个图层有一个图层样式。

应用图层样式

要设置一个图层样式,你将使用图层样式对话框窗口。

有多种方法可以访问图层样式对话框窗口。

右键单击一个图层

通过右键单击你的图层,你可以选择混合选项打开图层样式对话框。

双击一个图层

通过在图层面板中双击图层的缩略图预览,你可以打开图层样式窗口。

应用栏菜单

像Photoshop中的大多数东西一样,你可以通过应用程序栏菜单进入图层>图层样式来访问图层样式对话框窗口。你可以找到每个单独的图层效果(投影,内阴影等),以及一个打开图层样式对话框窗口的选项(混合选项)。

使用样式面板使用预设图层样式

样式面板具有预设的图层样式,如“太阳黑子”或“扎染丝绸”。只需要选择一个图层,然后点击适当的预设图层样式来应用它。

您可以通过到窗口>样式来查看样式面板。

样式面板

图层样式对话框窗口

当你第一次打开图层样式窗口时,你会看到混合选项。

在这里你可以调整混合模式和图层不透明度,以及一些更高级的混合效果。

一个图层样式可以有一个或多个不同的图层效果。要应用图层效果,请选中它旁边的复选框。

请确保启用预览选项,以便您可以实时查看更改。

为了快速预览你的图层样式,窗口右侧有一个缩略图来提醒你。

让我们来看看每个不同的图层效果,从投影图层效果开始。

投影图层效果

投影可能是最常用的图层效果之一。

混合模式允许你以不同的方式(正片叠底,叠加等)混合阴影到背景中。

降低不透明度增加阴影的半透明度。

选项的投影将影响它下落时的方向距离设置为1个像素或更高。

如果距离设置为0,阴影将均匀地分布在图层的内容周围。

传播允许你使阴影更厚/密集。

大小投影在物体两侧的大小。

改变了质量一组选项使您可以添加噪音到您的阴影和改变您的阴影的轮廓。

投影示例1

在这个特定的图像中,阴影的方向并不重要,因为我已经将距离选项设置为0,这意味着阴影是居中的。这可以用来将图像从背景中带出来,尤其适用于浅色背景(如白色或浅灰色)。

投影示例2

下面的例子使用了类似的设置,稍微降低了不透明度,增加了距离,扩散和大小。

正如你所看到的,投影在右下角下方,给人一种左上角有光源的感觉。

内阴影层效果

内阴影效果与投影效果非常相似。实际上,它正好相反,因为它应用在对象内部而不是外部。

所有选项都与投影相同。但是,您可能注意到,Spread已被替换为窒息扼流圈值越高,阴影越厚。

例1

这个例子使用了类似于第一个例子的投影图层效果的设置,以便您可以进行比较和对比。它使图像看起来好像被放置在背景后面,就像一扇窗户。

例2

内阴影也可以通过增加噪声选项和使用大尺寸值来添加一个轻微的破损,复古效果的图像。

使用这样一个简单的风格,你可以使你的图像看起来有风化,深色的边缘和角落。

例3

这个图层样式显示了一个常见的文本效果:凸版文字效果.设置与第一个内阴影示例非常相似,但是它的距离为2,以便角度选项产生效果。

外发光层效果

发光在概念上与阴影非常相似。当一个物体的外缘需要一点增强来让它从背景中脱颖而出时,外光通常被用来创造微妙的效果。

外层发光通常在黑暗背景下效果最好。

像阴影一样,你可以调整发光的混合模式,不透明度和杂色,以及扩散和大小。

你有一个选项与发光,而不是与阴影技术选项,可以是精确的

“柔和”会让你的光晕边缘更柔和、更微妙,而“精确”会让你的光晕更强烈、更大胆。

范围选择你的辉光可以改变它的厚度-数字越低,越厚。例如,将此设置为1%,实际上会使你的发光看起来像一笔而不是发光。

外部辉光示例

这是蓝色的外辉光。

内发光层效果

就像投影和内阴影一样,内辉光和外辉光是相似的,它们只是彼此的反比。

所有的选项都是相同的外辉光,有一个额外的选项:

光源可以让你的辉光从边缘(默认设置)或中心出现。

内辉光例1

这是边缘发光的一个例子,它的工作方式与内阴影相同。

内辉光例2

这是一个中心辉光的例子,使用叠加混合模式,使照片的内部区域看起来更加生动,增加了对比度。

斜面和浮雕层效果

斜面和浮雕给对象一个凸起(斜面)或凹陷(浮雕)的外观。该效果有两个子效果,轮廓和纹理。

轮廓可以让你的斜面/浮雕更锋利或更柔软。

纹理让你可以选择添加一个图案到你的对象。

在使用斜面和浮雕效果时,有几种不同的设置。越高深度,结构越锋利。

越高大小,你的斜角/浮雕越中心。的阴影一组选项允许你增加高光和底纹的不透明度,还允许你改变角度(光源)。

斜面和浮雕例1

这个例子显示了一个夸张的效果;因为深度非常高(1000%),大小和软化设置非常低,我们的斜角非常突出。

斜面和浮雕例2

这是一个与我们刚才看到的非常相似的例子,然而,这次我稍微降低了斜角的深度,并启用了轮廓效果。轮廓,如你所见,给斜角一个更尖锐的边缘;非常接近1像素的直线。

它还删除了照片左侧和顶部边缘周围的大量高光。

斜面和浮雕例3

这个例子使用了与上面例子完全相同的设置(包括轮廓设置),但是这次我们也检查了我们的纹理效果。你可以选择一个Photoshop已经存在的图案,或者安装一些你自己的图案。

滑块控制图案的比例和深度,反转复选框允许您在浮雕或斜面之间进行选择。

缎面图层效果

缎面风格,在我的经验,很少使用。我在过去发现它的一个用途是重现复古效果——尽管有很多不同的其他方法来做到这一点。

缎面选项非常简单,与我们已经看到的其他选项相似。

例1

我设置颜色为红色,距离为72px,大小为0,在我的图像上创建图案。

例2

这个例子的设置与上面的几乎相同;唯一不同的是我增加了尺寸值。

您可能已经注意到,增加Size选项会产生模糊效果。

颜色叠加层效果

颜色叠加是一个非常简单的图层样式,允许你用颜色完全覆盖图层的内容。

有三种设置:混合模式,颜色和不透明度-它们是不言自明的。这是一个快速改变颜色的有用效果,经常用于网页设计的变化,当需要文本等东西的替代颜色时。

颜色叠加示例1

这是应用颜色叠加图层效果时的默认设置。

颜色叠加示例2

颜色叠加效果的一个常见用途是快速将彩色色调应用到图像上。

要做到这一点,你只需要选择你的颜色并降低你的不透明度,这样你的图像就可以显示出来(尽管这可能更好地用一个调整层来更好地控制)。

颜色叠加示例3

当使用纯黑色叠加混合模式和100%不透明度时,你可以完全消除图像中的一些颜色。这对于将受试者从他们的背景中分离出来很有用。

渐变叠加层效果

渐变叠加和颜色叠加的效果完全一样,除了它是用颜色渐变而不是颜色来叠加你的对象。

风格的梯度可以是线性,径向,角度,反射或菱形。

规模的渐变使它更小或更大相对于你的图层对象的大小。

还有一个反向选项,它允许您快速反转颜色的方向,使您不必重新创建一个新的梯度。

单击渐变选项会显示渐变编辑器在这里你可以设置渐变的颜色和类型。

示例1

简单的灰度渐变,例如下面的一个,经常与我们之前使用的内阴影样式一起使用,以创建更真实的凸版效果。已使用所有标准设置;唯一改变了默认设置的是渐变本身的颜色。

渐变叠加例2

这个效果再次使用了所有的默认设置,除了渐变的样式被设置为径向而不是默认设置(线性)。

图案叠加图层效果

像其他叠加效果一样,模式叠加的工作方式几乎相同。

这实际上与我们在斜面和浮雕效果下使用的纹理设置非常相似。

您可以选择各种内置的Photoshop图案或创建/安装自己的。

模式叠加示例1

这是模式叠加样式的默认设置。

模式叠加例2

通过使用缩放选项,可以增加或减少模式的分辨率。

模式叠加示例3

下面是应用于文本的自定义模式。您可以看到它平铺图案,产生条纹效果。

描边图层效果

这是我们要讨论的最后一个图层效果。描边效果只是在对象周围放置一个边框。

这些选项与我们前面讨论过的选项类似,并且是不言自明的(至少到目前为止)。

位置选项,它指示您想要制作描边的位置,可以是内、外或中心。笔画的大小决定了它的厚度-你可以调整像素单位。默认是3px,但最常见的可能是1px。

填充类型允许你用不同的元素填充你的笔画;你可以选择纯色,渐变色,甚至是图案。

默认填充类型为颜色。

笔画例1

这些设置是默认设置,添加一个简单的和相对粗大的笔画在任何你应用它的层上。

笔画例2

如下图所示,一个更加微妙的基于梯度的笔画看起来很有趣。渐变从比字母本身稍深的颜色合并到与字母完全相同的颜色,使它看起来像字母的顶部根本没有笔画。

图层样式技巧

下面是一些使用图层样式的基本技巧。

范围

图层样式会自动应用于你在该图层上放置的任何新东西。如果你不想让它有相同的风格,你需要把它放在一个新的图层上。

复制,粘贴和删除图层样式

如果你有一个图层样式,你想在另一个图层上使用一堆效果,你可以右键单击该图层,选择复制图层样式,右键单击你的新图层,然后选择粘贴图层样式

这可以节省很多时间!

要永久删除一个图层样式,右键单击该图层,然后选择清除图层样式.如果您只是想切换可见性,单击Effects旁边的眼睛图标(如指南前面讨论的那样)。

不要过度使用图层样式

不是所有的图层样式都好看,所以不要过于花哨。

保持事情看起来相对微妙,以避免让你的工作看起来业余。为了说明每个图层的效果,本指南中的图层样式示例都采用了夸张的方式。

实验

这一切都取决于实验。使用图层效果的方法有很多;看看什么有用,什么没用。

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘!
查看30+职位空缺!