在线PS
Photoshop 立体英文字母剪纸教程
在日常生活中，无论是社交分享、简历制作还是设计需求，我们常常需要给图片更换背景。很多人担心这种操作只能靠收费的专业软件，其实现在已经有不少 免费的在线 p 图工具可以轻松完成换背景，操作简便、无需下载安装，直接在浏览器中即可使用。下面就为大家推荐一款 好用且免费 的在线编辑器—— 在线ps（zaixianpss.com），随后我们将用它来实现立体英文字母剪纸效果。
创建“纸张厚度”层（立体感）
1.1 复制文字层并位移
- 选中 文字层 → Ctrl+J（复制）。
- 选中复制层（默认命名为
Letter_1），Ctrl+T 调出 自由变换。 - 在属性栏的 水平 / 垂直位移（dx, dy） 输入
+15px, +15px（可根据需求调节）。此步骤相当于“后面隐藏的纸张”。 - 再次复制
Letter_1→Letter_2，继续向左上位移-15px, -15px（或相反方向），形成两个相邻的阴影层，形成纸张的“厚度”。
建议：如果想要更细腻的层次，可继续复制并每层位移 5‑8 px，累计 5‑7 层，形成逐层递进的厚度感。
1.2 为每层填充颜色
| 图层 | 颜色 | 用途 |
|---|---|---|
Letter_1（后层） |
#2A2A2A（深灰/黑） | 纸张背面阴影 |
Letter_2（前层） |
#F2EAE0（浅灰/米白） | 纸张正面主体 |
| 原始文字层（最上层） | #D96459（主色） | 纸张表面涂色，突出视觉焦点 |
技巧：使用 填充图层（Layer → New Fill Layer → Solid Color）而不是直接改文字颜色，这样后期想改颜色只需要更改填充层即可，保持形状不变。
添加“纸张切割”细节
2.1 使用描边模拟切割线
- 选中 原始文字层 → 图层样式（fx） → 描边（Stroke）。
- 参数设置：
- 位置：Outside
- 大小：3~5px（视画面大小而定）
- 颜色：比主体暗 20%（如 #B0453C）
- 混合模式：Normal
- 勾选 内部描边（Inner Stroke），再额外添加一层 0.5 px 的描边，用来制造细微的切割纹理。
2.2 用内阴影（Inner Shadow）增强刀痕立体感
| 参数 | 示例值 |
|---|---|
| 角度 | 135° |
| 距离 | 0 px |
| 大小 | 4 px |
| 颜色 | 50% 黑（#00000080） |
| 混合模式 | Multiply |
原理：内阴影在字形内部产生微小凹陷，逼真的刀痕效果。
2.3 添加斜面和浮雕（Bevel & Emboss）【可选】
如果想让纸张更厚、更立体，可对每个纸张层（Letter_1、Letter_2）依次打开 Bevel & Emboss：
| 属性 | 推荐设置 |
|---|---|
| 样式 | 内部斜面（Inner Bevel） |
| 技术 | 平滑（Smooth） |
| 深度 | 100% |
| 方向 | 上调（Up） |
| 大小 | 5~8 px（根据层厚度微调） |
| 高光颜色 | 白色，Screen，不透明度 30% |
| 阴影颜色 | 深灰，Multiply，不透明度 40% |
注意：
- 斜面会在文字边缘产生光晕，建议在开启 抗锯齿的情况下使用。
- 完成后可对文字层做一次 智能锐化（
Filter → Sharpen → Smart Sharpen），消除细微光晕。
参考资料
- Adobe Photoshop官方文档
- HTML5与现代前端图片处理原理
- 在线ps