在PS如何添加文本框图片？老司机教你5分钟搞定图文排版

在PS如何添加文本框图片？老司机教你用形状+文字组合

很多人以为在PS里加文本框就是点个T字工具打几个字。错！那叫“文本图层”，和“文本框图片”是两码事。真正的“文本框图片”是指文字带有背景板、边框或者底纹的那种效果，比如小红书封面、PPT风格的标题卡。今天我就把压箱底的实战方法抖出来。

核心原理：形状图层 + 文本图层

PS没有一键生成“文本框图片”的按钮，所以必须手撸。底层逻辑就是：先用形状工具画一个矩形，再在矩形上面打字。就这么简单？对，但坑多。

第一步：画底板

选中“矩形工具”（快捷键U），在画布上画一个矩形。颜色随便选，后面可以改。注意把矩形工具的选项设为“形状”，否则画出来的是路径。

避坑建议：矩形圆角的半径设为5-10像素，太圆会显得不专业，太直角又像施工图纸。

第二步：添加文字

选文字工具（T），在矩形内部点击，然后输入你的文案。字体建议用思源黑体或微软雅黑，别用花体，除非你搞非主流。

避坑建议：文字颜色与底板颜色要有明显对比。例如深蓝色底板配白色字，或者浅灰底板配深灰字。千万别用红配绿，辣眼睛。

第三步：对齐与排版

选中矩形图层和文字图层（按住Shift点选），然后点击顶部菜单栏的“对齐”按钮（或者用快捷键Ctrl+A全选后再点居中）。如果没看到对齐按钮，从窗口菜单调出“对齐”面板。

老司机技巧：文字距离矩形边缘至少留出10%的边距，比如矩形宽300像素，文字左右留30像素。这样看起来有呼吸感。

进阶操作：为文本框添加投影和描边

光秃秃的矩形太单调？给形状图层添加图层样式（双击图层面板的矩形缩略图，或者右键>混合选项）。

• 投影：不透明度30%，距离3像素，大小5像素。不要用100%不透明度，跟鬼影一样。

• 描边：大小1-2像素，颜色与底板或文字形成反差。如果底板是纯色，描边用同色系深一点的颜色。

避坑建议：投影不要太大，否则像纸片悬浮，很low。

如何批量生成文本框图片？

如果你需要做20张大同小异的卡片，比如不同标题的课程封面，别一张张手动画。用PS的“变量”功能或者用“动作”录制。

简单说：先做好一个带文本框的PSD，然后录制一个动作：复制图层组、修改文字、导出。之后按快捷键就能重复。具体步骤网上有教程，但我告诉你核心——动作要放在“动作”面板里，开始录制前先规划好，少做无用操作。

常见翻车现场及解决

1. 文字超出矩形：矩形太小或文字太多。解决办法：选中文字图层，用Ctrl+T自由变换缩放文字，或者把矩形拉大。

2. 矩形和文字分层：移动一个，另一个不动。原因：没链接图层。建议把矩形和文字选中，然后按Ctrl+E合并成一个智能对象？不，我建议你创建一个“组”（Ctrl+G），然后移动组。这样以后还能单独编辑。

3. 导出后文本框锯齿明显：检查矩形形状是否是“像素”模式？用“形状”模式，不要用“像素”。另外，导出时选PNG-24，质量最高。

老司机 FAQ

Q1: 在PS如何添加文本框图片而不使文字变形？

A: 先画形状图层，再打字。如果文字变形，可能是你右击了文字图层然后选“栅格化文字”，千万别栅格化。文字图层是矢量，永远不会变形。

Q2: 如何快速更改文本框图片的颜色和字体？

A: 双击形状图层的缩略图，调出色板改颜色；改字体只需选中文字图层，在顶部字符面板选字体。如果很多文本框要统一风格，用“图层样式”复制粘贴。

Q3: 在PS添加文本框图片后，怎么导出透明背景？

A: 隐藏背景图层（把背景图层的小眼睛点掉），然后导出为PNG-24。这样文本框带透明底，方便放到其他图上。