PS给文字加底色颜色？这5种方法我用了15年，第3种绝了

前言

做设计的，谁没给文字加过底色颜色？但你真的会吗？今天老司机跟你聊聊PS给文字加底色颜色的5种硬核方法。别嫌基础，很多老鸟都在这上面翻过车。

第一种：图层样式——底色的“无痕”方案

操作步骤

1. 选中文字图层

2. 点击图层右下角的“fx”图标，选择“颜色叠加”

3. 设置颜色为你的底色（比如黑色）

4. 点击“描边”也可以，调整大小和位置

避坑指南

• 图层样式的底色是“嵌入”在文字里的，想要单独调整底色位置？不行。因为它是根据文字轮廓来的。

• 适合做简单的反白字（黑底白字）

第二种：背景图层法——最灵活的方式

操作步骤

1. 新建一个空白图层，放在文字图层下方

2. 用矩形选框工具（M键）画一个比文字稍大的选框

3. 填充颜色（Alt+Delete）

4. 按住Ctrl点击文字图层缩略图，载入文字选区

5. 回到背景图层，按Delete删除文字区域的底色

为什么推荐这个？

• 可以单独移动背景层，文字和底色分离

• 底色可以调透明度，文字不受影响

• 适合标题、卡片设计

避坑指南

• 删除步骤一定要做，否则文字会被底色遮住

• 如果底色带效果（比如渐变），先在背景层上做好再删除文字区域

第三种：文字面板内置——快速但坑多

很多人不知道，PS文字工具栏里其实有“添加颜色背景”选项（不是每个版本都有）。

操作步骤

1. 选中文字图层

2. 点击工具栏上的“添加颜色背景”图标（形状像个小方块）

3. 在“背景颜色”中选择颜色

4. 调整“背景大小”的“圆角”和“扩展”

避坑指南

• 这个功能在CC 2018之后才有，老版本找不到别怪我

• 调整“扩展”值时，文字会变形？错！那个是调整底色边距的，默认是0

• 坑点：这个底色是“附在文字上的”，不能单独移动，适合固定位置

第四种：矩形工具+蒙版——最稳的

操作步骤

1. 用矩形工具（U键）画一个圆角矩形

2. 按住Ctrl点击文字图层缩略图，得到文字选区

3. 选中矩形图层，添加图层蒙版（点击“添加蒙版”图标）

4. 蒙版会自动隐藏文字区域的矩形

为什么说最稳？

• 矩形可以随意调整形状、颜色、渐变，逻辑清晰

• 蒙版可编辑，随时调整隐藏的区域

• 适合需要复杂底色的场景（比如渐变、图案）

第五种：动作预设——新手装逼必备

如果你经常做这种效果，可以录制一个动作。

操作步骤

1. 打开“窗口”>“动作”

2. 点击“新建动作”，命名

3. 按上述第二种方法操作一遍

4. 停止录制

5. 以后每次直接播放动作，自动生成底色

避坑指南

• 文字图层名不能是默认的“文字1”，否则动作会按名称匹配

• 建议录制一个“底色-黑”和“底色-白”

底层逻辑

PS里所有给文字加底色颜色的操作，本质上就是“在文字下方放置一个半透明或不透明的色块”。区别在于：

• 图层样式：色块嵌入文字

• 背景图层：色块独立且可编辑

• 文字面板：色块作为文字属性

• 矩形+蒙版：最符合视觉层次

老司机FAQ

Q1: 为什么我用的方框底色总是遮住文字？

A: 你肯定把底色图层放在文字上面了！记住，底色图层必须在文字图层下方。如果已经放在上面，把底色图层拖到文字下方，或者选中文字图层按Ctrl+] 移动到顶层。

Q2: 给文字加底色颜色后，调整文字内容底色不自动适应，怎么办？

A: 图层样式和文字面板底色会自动适应文字内容的改变，而背景图层法和矩形+蒙版则不会。如果你需要动态调整，用前两种方法。如果只是固定文案，后两者更灵活。

Q3: PS给文字加底色颜色后，导出图片发现底色边缘有锯齿？

A: 这是抗锯齿问题。如果底色是矩形，导出时选择PNG-24（或PNG-8带透明背景）。如果是图层样式的底色，可以给文字加一个1像素的“投影”或“内阴影”来覆盖锯齿。

配图建议

A close-up of a Photoshop workspace with a text layer, showing the 'Background Color' option in the character panel, neon lighting on a dark monitor.