跳到教程正文
lil cactus

如何用图层样式添加投影和描边

入门6 分钟更新于

简要回答

选择图层,单击图层样式(图层面板底部的 fx 按钮),或选择图层 然后 图层样式 然后 图层样式...。在列表中单击一种效果并设置参数:浅色照片上的白色文字,可将投影的不透明度设为 70%,距离设为 4 px,大小设为 10 px,再加上默认的 3 px 黑色描边。单击确定。使用图层 然后 图层样式 然后 拷贝图层样式和粘贴图层样式,可以把同样的效果用到另一个图层上。

白色文字 CLIFF WALK 几乎融进浅色天空;同样的文字加上黑色描边和柔和投影,下方还有一行加了样式的副标题
处理前:普通的白色标题。处理后:加上投影和描边,副标题粘贴了同样的样式,描边更细。 拖动滑块进行对比。
用时
6 分钟
难度
入门
准备工作
一个需要突出显示的文字图层、形状图层或像素图层
适用格式
JPEG、PNG、PSD 等文档中的文字、形状、像素图层和智能对象
在 Lil Cactus 中打开示例使用你自己的照片

免费,无需注册。你的照片始终保存在你自己的电脑上。

图层样式是一组绘制在图层周围或上方的效果:投影、描边(轮廓线)、发光、颜色叠加和渐变叠加、斜面等。这些效果是设置而不是像素,所以会跟随图层的形状:修改文字后,描边会围绕新的字母重新绘制。

在本教程中,浅色天空上的白色文字难以看清。柔和的投影加一圈细描边就能解决问题;然后只用两条菜单命令,就能让第二行文字使用同样的样式。

七步添加图层样式

  1. 打开照片

    访问 lilcactus.app,选择文件 然后 打开...(Ctrl+O 或 ⌘O),或把照片拖到窗口中。想完全跟着操作,可以打开本页提供的示例照片。

  2. 输入白色标题

    先按 D,再按 X,把前景色设为白色(工具栏底部两个色块中上面那个)。按 T 选择文字工具。在选项栏(菜单下方的横条)中,从字体列表里选择Impact,并在大小中输入 200。在灯塔右侧的天空中单击,位置大约在画面宽度的三分之一处、从上往下略少于三分之一处(单击处是字母的底边),输入 CLIFF WALK,然后按 Ctrl+Enter 或 ⌘↩。如果列表中没有 Impact(并非每台电脑都装有这种字体),请选择 Arial,并单击选项栏上的B(粗体)按钮。

    白色文字放在浅色天空上几乎没有对比度:字母很难从云层中分辨出来。

    浅灰色天空上的白色字母 CLIFF WALK,难以看清
    浅色天空上的普通白色文字。
  3. 添加投影

    单击图层面板底部的 fx 按钮,也就是图层样式按钮。图层样式对话框的左侧列出了十种效果。单击投影:它会被勾选,右侧显示它的设置。

    在不透明度中输入 70,在距离中输入 4,在大小中输入 10。每输入一个值后按 Tab(也可以拖动滑块):对话框打开时画布会实时更新,现在一圈柔和的暗边把字母从天空中衬托了出来。距离让投影沿角度的方向偏离字母;大小让投影变柔和。

    图层面板:混合模式和不透明度、锁定行、文字和背景两行,以及底部的一排按钮,fx 按钮已圈出
    fx 按钮用于打开图层样式。
    图层样式的效果列表:主效果,然后是已勾选并圈出的投影,接着是内阴影、外发光、内发光、描边、颜色叠加、渐变叠加、图案叠加、斜面和浮雕以及光泽
    单击效果名称即可添加该效果。
    投影设置:混合模式为正常,黑色色块,不透明度 70%,角度 120° 并勾选使用全局光,距离 4 px,扩展 0%,大小 10 px
    不透明度 70,距离 4,大小 10。
  4. 添加描边,然后单击“确定”

    在列表中单击描边。它默认是字母外侧 3 px 的黑色轮廓,正好适合这个标题,所以保持不变。单击确定。

    现在标题在浅色天空上清晰可读了。

    描边设置:混合模式为正常,黑色色块,不透明度 100%,大小 3 px,位置为外部,填充类型为颜色
    描边的初始设置:3 px、黑色、外部。
    带细黑色描边和柔和投影的白色 CLIFF WALK,在浅色天空上清晰可见
    同一个标题,加上了投影和描边。
  5. 以后修改样式

    现在图层面板中的文字图层上有一个 fx 标记。单击这个标记,就会带着当前设置重新打开图层样式对话框。取消勾选某个效果可以将其关闭而不丢失设置;取消勾选主效果则一次关闭所有效果。

    图层面板:背景上方的文字图层带有绿色的 fx 标记,标记已圈出
    fx 标记表示图层带有样式,单击可重新打开。
  6. 把样式拷贝到第二行文字

    先单击背景那一行:选中文字图层时,选项栏中的设置会改变这个图层,此时把大小改成 64 会让标题变小。使用文字工具,在大小中输入 64,在标题左边缘下方单击,位置大约在标题字母下方半个标题高度处(同样,单击处是字母的底边),输入 Lighthouse loop, 4 miles,然后按 Ctrl+Enter 或 ⌘↩。

    选择标题所在的图层(文字),然后选择图层 然后 图层样式 然后 拷贝图层样式。选择新图层(文字 2),然后选择图层 然后 图层样式 然后 粘贴图层样式。副标题就有了同样的投影和描边。

    大小是按像素拷贝的,所以 3 px 的描边会填满小字母之间的空隙。单击文字 2 上的 fx 标记,单击描边,在大小中输入 1,然后单击确定。

    展开了图层样式子菜单的图层菜单:混合选项、图层样式、全局光,然后是已圈出的拷贝图层样式、粘贴图层样式、清除图层样式和栅格化图层样式
    在拷贝样式之前,粘贴图层样式一直是灰色的。
    CLIFF WALK 和下方较小的一行 Lighthouse loop, 4 miles,都是带黑色描边和投影的白色文字;副标题的描边更细
    粘贴了样式、描边为 1 px 的副标题。
  7. 存储或导出图片

    要让文字和样式保持可编辑,请选择文件 然后 存储为 然后 Lil Cactus 项目...(Ctrl+Shift+S 或 ⇧⌘S)或文件 然后 存储为 然后 Photoshop (.psd)…。之后,文件 然后 存储会更新这个文件。

    要分享图片,请选择文件 然后 导出 然后 JPEG…并单击导出:会得到一张效果已合并进去的新平面图像。在存储为项目或 PSD 之前,文件 然后 存储会把平面图片写回你打开的 JPEG;第一次存储 JPEG(包括示例图片)时,会打开存储图像对话框。

各效果的作用

效果用途
投影让文字或抠出的对象从背景上浮起来
内阴影让字母看起来像压进表面
外发光边缘周围的柔和光晕,不用硬线条也能增加对比
内发光沿边缘内侧的光
描边颜色、渐变或图案的轮廓线,可在边缘外侧、内侧或居中
颜色叠加给图层换颜色而不改变其像素
渐变叠加用渐变填充文字或形状
图案叠加用重复图案填充图层
斜面和浮雕凸起的立体边缘
光泽形状内部柔和、有光泽的明暗

投影、内阴影、描边、颜色叠加和渐变叠加可以添加多次,例如两种不同颜色的描边:打开该效果,单击效果设置右上角的双方块按钮添加副本。

制作空心描边字

单击标题的 fx 标记,取消勾选投影,然后单击确定:填充为 0% 时,投影会透过空心字母显示成一片深灰色。保留描边。

然后在图层面板中把填充设为 0%。填充会隐藏图层本身的像素但保留其效果,因此只剩下轮廓,照片会透过字母显示出来。上方的不透明度则会连效果一起变淡。

图层面板:锁定行中的填充控件已圈出,设为 0%,下方是文字、文字 2 和背景三行
在图层面板中把填充设为 0%。
黑色轮廓的 CLIFF WALK,浅色天空透过字母显示出来
只保留描边、填充为 0%:空心描边字。

其他图层样式命令

  • 图层 然后 图层样式 然后 全局光...为所有勾选了使用全局光的投影和斜面设置统一的光照角度,让它们朝同一个方向。
  • 图层 然后 图层样式 然后 清除图层样式会移除所选图层上的所有效果,并把填充恢复为 100%。
  • 图层 然后 图层样式 然后 栅格化图层样式把图层及其效果变成一个像素图层:之后就不能再重新输入文字或调整效果了。

常见问题的解决方法

“粘贴图层样式”是灰色的

在这个浏览器标签页中还没有拷贝过样式,或者所选图层已锁定。先在带样式的图层上选择图层 然后 图层样式 然后 拷贝图层样式,并检查图层面板中的锁形图标。拷贝的样式会一直保留到重新加载页面,所以也可以把它粘贴到另一个已打开的文档中。

粘贴图层样式后字母不见了

拷贝的样式中包含了 0% 的填充。在图层面板中把填充改回 100%。

投影在画面边缘被截断

效果只在画布范围内绘制。把图层往里移,或者用图像 然后 画布大小...扩大画布。

从其他编辑器转过来

Photoshop
图层面板底部的 fx 按钮,以及“图层 › 图层样式”,其中有“拷贝图层样式”和“粘贴图层样式”。
GIMP
Filters › Light and Shadow › Drop Shadow。

图层样式常见问题

图层样式会改变图层的像素吗?

不会。在 Lil Cactus 中,图层样式是绘制在图层周围的一组设置,你可以随时修改或移除。“图层 › 图层样式 › 栅格化图层样式”、“向下合并”、“合并可见图层”和“拼合图像”会把效果变成像素;在此之前,效果始终可以编辑。

PSD 文件会保留图层样式吗?

会。在 Lil Cactus 中,使用“文件 › 存储为 › Photoshop (.psd)…”可以让图层样式保持可编辑。例外是使用了 16 位图案或斜面杂色的样式:Lil Cactus 会列出这样的图层并在存储前询问你,该图层的外观会存储为像素。

怎样给抠出的物体而不是文字添加阴影?

在 Lil Cactus 中,把物体放到单独的透明背景图层上,然后通过 fx 按钮添加“投影”。投影会跟随物体的轮廓。

怎样把同一个样式用到多个图层上?

在 Lil Cactus 中,在带样式的图层上选择“图层 › 图层样式 › 拷贝图层样式”,然后依次选择其他每个图层并选择“粘贴图层样式”;每次只能粘贴到一个图层。粘贴会替换该图层原有的样式。

怎样更改投影或描边的颜色?

在 Lil Cactus 中,打开图层样式,单击该效果,再单击“混合模式”那一行右端的色块。选择一种颜色,然后在两个对话框中都单击“确定”。

在 Lil Cactus 中使用图层样式时,照片会被上传吗?

不会。所有处理都在你的浏览器中、在你自己的设备上完成。开启统计时,编辑器只记录使用了哪些工具,从不记录图像,详见隐私政策。