在Photoshop中添加文字

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

步骤一：打开 在线ps

  1. 在浏览器中访问 在线ps（zaixianps.cc）。
  2. 页面加载后即可看到类似 Photoshop 的工作界面，无需额外安装软件。

步骤二：新建画布

  1. 点击左上角的 File（文件）菜单 → New（新建），或直接使用快捷键 Ctrl+N（Mac 上同样使用 Ctrl+N）。
  2. 在弹出的对话框中设置 宽度、长度、分辨率、背景内容 等参数，确认后点击 Create。

步骤三：选择文字工具

  • 在工具栏左侧找到 Horizontal Type Tool（横排文字工具）或 Vertical Type Tool（直排文字工具）（快捷键 T），点击后即可进入文字编辑模式。

步骤四：设置文字属性

  1. 颜色：点击工具栏上方的颜色框，挑选所需颜色。
  2. 字体 & 大小：在顶部属性栏的下拉框中选择字体、字号、字形（粗体、斜体等）。

步骤五：在画布上输入文字

  1. 在画布任意位置单击一次，出现文字输入框。
  2. 输入所需文字，回车即可换行。每一行文字都是独立的文字对象。

步骤六：调整文字位置

  • 选中对应的 文字图层（在右侧 Layers 面板中），然后使用 Move Tool（移动工具）（快捷键 V）拖动文字到合适位置。

步骤七：编辑已输入的文字

  1. 选中文字图层后，直接在画布上双击文字即可进入编辑状态。
  2. 也可以在顶部属性栏中随时修改 字体、字号、颜色、对齐方式 等属性。

步骤八：保存或导出图像

  • 导出为常用图片格式：
    1. 点击 File → Export As，在子菜单中选择 PNG、JPEG、SVG 等所需格式。
    2. 在弹出的设置窗口中确认参数后，点击 Save，浏览器会自动下载文件。
  • 保存为可继续编辑的 PSD（以后在 Photopea 或 Photoshop 中继续编辑）：
    1. 选择 File → Save as PSD，文件会直接下载为 .psd。

进阶文字功能（可选）

  • 文字变形（Warp Text）：选中文本图层 → 在顶部属性栏点击 …（更多） → 选择 Warp Text，即可对文字进行弧形、波浪等变形。
  • 路径文字（Type on a Path）：先使用 Pen Tool 绘制路径 → 选中文字工具 → 将光标移动到路径上，点击即可在路径上输入文字。

小贴士

  • 浏览器兼容性：建议使用最新版的 Chrome、Edge、Firefox 或 Safari，关闭广告拦截插件以免影响功能。
  • 快捷键：大多数 Photoshop 快捷键在 Photopea 中保持一致，熟悉后可以大幅提升编辑效率。
  • 自动保存：Photopea 会在浏览器本地缓存中自动保存最近的工作进度，关闭页面前可手动导出 PSD 以防丢失。

通过上述步骤，你即可在 Photopea 中快速添加、编辑并导出文字，几乎不需要额外学习成本。若需要更深入的文字特效，参考 Photopea 官方帮助文档或 Photoshop 的高级教程即可。

参考资料

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