最近 3 年最火的视觉技巧之一，叫 text-behind-subject——文字在主体后面，被人物的轮廓"挡住"一半。

苹果 iPhone 15 系列的官方海报用了。Spotify Wrapped 年终总结用了。Vogue 的封面用了。小红书爆款笔记的封面 8 张里有 3 张在用。它带来两个魔力：

文字看起来不像贴上去的，像本来就是画面的一部分
主体瞬间有了视觉重量——前后景关系出来了

幻图妙盒的加文字工具默认开启这个效果。今天讲清它的原理、操作、6 个能直接抄的案例和 4 个翻车点。

一、为什么它看起来这么"高级"

普通的图片加字：

背景 → 主体 → 文字
（文字永远在最上层）

text-behind 的图层顺序：

背景 → 文字 → 主体
（文字夹在中间，主体把文字遮一部分）

这一个层级的位置变换，从「我在图上贴了字」变成了「字本来就在这个场景里」。

人眼对深度信息特别敏感。当你看到字被主体的肩膀挡住的那一瞬间，大脑会自动得出结论：「字在主体后面 → 字属于这个空间 → 这是合理的画面」。

所以它不是装饰，是「让画面合理化的图层逻辑」。

二、技术原理

要做出这个效果，需要 3 个图层精确叠加：

图层	内容	怎么得到
底	原图（带主体和背景）	用户上传
中	文字	用户输入
顶	只有主体的透明 PNG	抠图

第三层是关键。它是「主体形状的剪影」，背景透明。把它叠在文字上，主体就把文字遮挡了一部分——视觉上完成「文字在主体后面」的错觉。

幻图妙盒做这个工具时，把这 3 层的合成自动化了：你只要上传原图，自动抠出主体，然后你调文字内容 / 字号 / 位置，预览实时显示三层效果。

三、3 步出图

打开加文字工具，上传一张图。

第 1 步：等抠图

进度条会显示「正在识别主体，准备做 text-behind 效果」。一般 5-15 秒。这一步是把主体抠成透明 PNG，给后面三层叠加用。

第 2 步：输入文字 + 调整

预览区直接显示三层合成的结果。你可以：

输入文字：左侧文本框，支持换行
调字号：3-40%，超过主体的轮廓宽度才有效果（太小看不出"被挡"）
调位置：直接在图片上拖动到任意位置，或用滑块微调
调旋转：±180°，倾斜的字配合主体姿势特别有戏剧感
换字体：宋体 / 黑体 / Display，按场景选
选颜色：6 个预设 + 自定义。白 / 黑 / 朱红是经典

第 3 步：下载

按「下载高清 PNG」即可。导出的是合成好的图，分辨率跟原图一致。

如果想要普通的"文字叠在主体上"（不躲后面），右上角切到「文字叠主体上」就行。

四、6 个能直接抄的爆款案例

案例 1 · 大字标题型（苹果广告同款）

字体：Display
字号：32-38%（巨大）
颜色：白色
位置：图片正中
文字：1-2 个英文单词，"HERO" / "FORWARD" / "BLOOM"
效果：主体站在大字的"洞"里，电影海报感

案例 2 · 大字标题中文版

字体：宋体加粗
字号：35-40%
颜色：朱红 (#C93E2F)
位置：稍偏上
文字：2-3 个汉字，"东风" / "春深" / "见山"
效果：宋体 + 朱红 = 国风海报，主体在传统底纹里

案例 3 · 名字徽章型

字体：宋体或 Display
字号：18-22%
颜色：白色 + 投影
位置：底部居中
文字：人名拼音，"JIANG" / "ZHENG"
效果：网球海报 / 演员海报感

案例 4 · 数字派

字体：数字（mono）
字号：25-30%
颜色：朱红或白色
位置：背景右上 1/3 处
文字：年份 "2026" 或月份 "JUNE"
效果：杂志封面年份标志

案例 5 · 单字爆款

字体：宋体特粗
字号：50%（占满短边）
颜色：白色
位置：完美居中
文字：1 个汉字，"风" / "光" / "夏"
效果：极简主义封面，主体从单字里"长"出来

案例 6 · 多行诗意型

字体：宋体
字号：12-15%
颜色：白色或浅黄
位置：背景空白处
文字：换行的句子或诗句，比如「春风何处来」「江南可采莲」
效果：文字像背景的一部分，文艺照片感

五、4 个翻车点

1. 主体太小，遮不住字

text-behind 的效果完全依赖主体覆盖文字。如果主体只占画面 20% 而你的字占了 80%，字几乎不被遮挡，效果失败——看起来就是「正常叠字 + 字被压扁了一点」。

解法：要么裁剪让主体占画面 ≥ 50%，要么把字号调到接近主体宽度。

2. 抠图失败

如果上传图的主体跟背景颜色 / 复杂度太接近（比如黑头发的人在黑色背景前），抠图可能抠不准，主体边缘漏字。

解法：换一张主体清晰、背景较干净的原图。或者抠完用抠图花刷手动修边。

3. 字号太小看不出"被挡"

字号低于 8% 时，文字宽度比主体身体细很多，挡不到——看起来就是普通"字在画面里"。

解法：字号 ≥ 15% 才有明显效果，案例 1-5 的 25-40% 是经典区间。

4. 字太"花"破坏氛围

text-behind 玩的是克制和秩序感。如果用了渐变字、彩虹字、3D 字、阴影特重的字，效果就崩了——它会从"画面的一部分"重新变成"贴上去的装饰"。

解法：颜色用单色（白 / 黑 / 朱红 / 米黄），字体用衬线 / 无衬线 / 等宽，不用花体。投影开关默认关。

六、为什么我们做了这个工具

市面上 P 图工具的"加字"功能大多停留在 2010 年——文字图层永远在最上面。要做 text-behind，你得：

自己用 Photoshop / Procreate 抠图（10-30 分钟）
排版文字
把抠好的主体放在文字上面
反复调位置 / 字号

我们把这 4 步收成 1 步：上传图、改字、下载。

这是个不复杂、但没人做的小工具。我们做了。

立即试试：