ps在线教程 立体冰块文字效果

在日常生活中，无论是社交分享、简历制作还是设计需求，我们常常需要给图片更换背景。很多人担心这种操作只能靠收费的专业软件，其实现在已经有不少 免费的在线 p 图工具可以轻松完成换背景，操作简便、无需下载安装，直接在浏览器中即可使用。下面就为大家推荐一款 好用且免费 的在线编辑器—— 在线ps（zaixianpss.com），随后我们将用它来实现立体冰块文字效果。

准备工作

  1. 新建画布
    打开 在线ps，Ctrl+N → 设置：
    • 宽度：1200 px
    • 高度：800 px
    • 分辨率：72 ppi
    • 背景内容：白色（后面会覆盖）
  2. 填充淡蓝背景
    点击前景色 → #97b9cc（淡蓝）
    按 Alt+Delete 把背景层填充为前景色。
  3. 输入文字
    选取工具箱中的 横排文字工具（T），在属性栏挑选圆润一点的字体（如 Montserrat Rounded、Noto Sans Rounded），设为 黑色，输入你想要的文字（如 “ICE”。）
  4. 复制文字图层
    选中文字图层，Ctrl+J 复制一层。
    将复制得到的“文字副本”图层隐藏（点击眼睛图标）。
  5. 创建 3D 文字模型
    仍然选中文字原始图层 → 菜单 3D → 从所选图层新建 3D 模型。
    在弹出的面板中点第二个图标（Extrude），双击文字前面的 3D 图标，打开 属性 面板进行细调：
    • 深度（Extrude Depth）：约 40‑60 px（视需求而定）
    • 旋转 / 透视：使用 Orbit、Pan 工具把文字倾斜到你想要的角度。
  6. 设置立体面的颜色
    打开 3D 面板（窗口 → 3D）→ 选中第一个图标（Material） → 双击 “凸出材质” 前的图标，弹出 材质属性。
    在 Diffuse（漫反射）里把颜色改为 浅蓝（如 #b3e5ff），确认。
    关闭 3D 面板，得到基本的立体文字外观。
  7. 准备冰雪纹理素材
    将文字副本图层（刚才隐藏的）显示出来，Ctrl+J 再复制几次（建议 3‑4 层），随后把所有副本 暂时隐藏（保持眼睛图标关闭）。
    打开 冰雪纹理素材（如 PNG、JPG），使用 移动工具（V）把纹理拖入主文档。
    将纹理图层放在 文字副本图层之上，选中纹理图层后 Ctrl+Alt+G 创建 剪切蒙版（只在文字区域可见）。
    调整纹理位置、大小，使其恰好覆盖文字。
  8. 暗部曲线 – 调暗冰面
    新建 曲线调整图层（图层 → 新建调整图层 → 曲线），双击打开属性面板。
    选中 RGB 通道，拖动左下角向上略微压暗（示例坐标：(*0,0* → *0.3,0.2* → *1,1*），具体数值可自行微调）。
    确认后，同样使用 Ctrl+Alt+G 把该曲线图层 剪切蒙版到文字副本上。
  9. 亮部曲线 – 提升冰块光泽
    再新建一个 曲线调整图层，这次把 RGB 通道稍微抬高（示例坐标：*0.2,0.3 → 1,0.9*），让冰面在高光处更亮。
    同样使用 Ctrl+Alt+G 剪切蒙版到文字副本上。
  10. 线性渐变遮罩 – 冰块深浅渐变
    选中 渐变工具（G），前景色设为 黑色 → 白色（线性），在文字上从上往下拖动一次，生成 黑‑白 渐变遮罩。
    再把隐藏的 文字副本 显示出来，随后对该图层添加 图层样式（双击图层 → “混合选项”）。
    • 斜面和浮雕：设定深度 5‑10 px，大小 100%，软化 0‑5 px，光源角度 120°，高光颜色为白色，阴影颜色为深蓝。
    • 等高线：使用默认曲线，勾选“反相”。
    • 填充：改为 0 %（只保留样式效果）。
  11. 再次给文字副本加样式（增强立体感）
    把另一个隐藏的 文字副本 显示出来，重复上一步的 斜面和浮雕 + 等高线 设置，填充 同样改为 0 %。
  12. 栅格化 3D 图层
    选中 立体 3D 文字图层，右键缩略图 → 栅格化 3D。
    按住 Ctrl + 左键单击图层缩略图，选区会自动载入文字形状。
  13. 建立组与蒙版
    点击 组按钮 新建一个组，将刚才的 选区 拖进组中，随后点击 蒙版按钮 为组添加蒙版。
    把 冰雪纹理素材 拖入该组（放在蒙版下方），把 不透明度 调整为 40 %，隐藏下面的立体文字图层。
  14. 文字内部暗部强化
    新建 曲线调整图层，轻微提升亮度（如左下点稍微上移），载入 文字选区（Ctrl+点击图层），新建一个空白图层，用 填充（Shift+F5）填充 黑色，取消选区（Ctrl+D）。
    为该图层添加 斜面和浮雕 + 等高线 样式，填充 设为 0 %，以获得内部阴影效果。
  15. 渲染暗部与高光
    • 新建一个图层，混合模式改为 正片叠底（Multiply），前景色设为 比背景暗一点的暗蓝（如 #557a9e），用透明度约 10 % 的软圆笔刷在文字的暗部轻刷。
    • 再新建一个图层，前景色 白色，混合模式保持 Normal，用软圆笔刷（透明度约 15 %）在文字受光区域绘制高光。
  16. 添加局部冰凌细节
    使用 套索工具选取素材中的一块小冰凌，复制（Ctrl+C） → 粘贴（Ctrl+V）到文档最上方图层。
    用 自由变换（Ctrl+T）调整角度、大小，让它自然贴合文字表面。
    如有需要，再复制几块不同角度的冰凌，分层放置，以提升真实感。
  17. 微调与阴影
    根据整体视觉效果微调各图层的不透明度、颜色曲线、斜面和浮雕的深度。
    最后为整体文字添加 柔和投影：新建一个图层，使用 椭圆选区 填充 黑色，高斯模糊（Filter → Blur → Gaussian Blur）约 15 px，放置在文字下方，向下偏移约 10‑15 px，不透明度设 30 %。
温馨提示：
1️⃣ 在线ps 与 Photoshop 的功能基本相同，但有些快捷键稍有区别，请以页面实际显示为准。
2️⃣ 若想得到更强的立体感，可在“斜面和浮雕”里调高深度、大小或光源角度。
3️⃣ 冰雪纹理建议使用高分辨率 PNG（带透明通道），这样在放大后不会出现锯齿。
4️⃣ 完成后可通过 文件 → 导出为 → PNG/JPEG 保存，或直接右键图层选 复制合并图层 粘贴到其他设计中。

参考资料

  • Adobe Photoshop官方文档
  • HTML5与现代前端图片处理原理
  • 在线ps