Photopea

功能定位

Photopea 是一款运行在浏览器中的专业级图像编辑工具。打开网页即可使用，无需安装、无需注册，也不依赖高性能本机配置。它解决的核心问题是：在没有 Photoshop 的环境中完成 PSD 编辑、图层合成、调色与特效制作，同时兼容多种主流设计格式。

学完本教程后，你将能够：

• 在浏览器中直接打开并编辑 PSD、Sketch、XD、GIMP 等格式文件
• 使用图层、蒙版、混合模式完成图像合成
• 应用滤镜、调整层与图层样式实现专业调色和特效
• 将作品导出为 PNG、JPG、WebP、SVG、PDF 等格式

前置条件

开始操作前，确认以下条件：

分步操作

第一步：打开工作界面

1. 在浏览器地址栏输入 https://www.photopea.com
2. 等待加载完成，界面显示「Photopea」标志及「New Project」按钮
3. 若界面为英文，点击右上角 More → Language → 选择 简体中文

第二步：创建或打开项目

• 新建项目：点击 新建项目，在弹窗中输入宽度、高度（单位可选像素、厘米等），点击 创建
• 打开本地文件：点击 从计算机打开，选择目标文件后双击导入
• 打开 PSD：直接拖拽 PSD 文件到浏览器窗口即可自动导入，全部图层与效果保留

第三步：编辑图层

1. 在右侧 图层面板 中点击选中目标图层
2. 使用左侧工具栏中的 移动工具（V） 调整位置
3. 使用 自由变换（Ctrl+T / Cmd+T） 缩放或旋转图层，按住 Shift 保持比例
4. 在图层面板底部点击 新建图层 按钮添加空白图层
5. 通过拖拽调整图层上下顺序，或使用 Ctrl+[ / Ctrl+] 快速移动

第四步：应用滤镜与特效

1. 选中目标图层
2. 点击顶部菜单 滤镜
3. 选择所需滤镜类别，如 模糊 → 高斯模糊
4. 在参数面板中拖动滑块调整强度，勾选 预览 实时查看效果
5. 点击 确定 应用

添加图层样式：

1. 双击图层缩略图右侧空白区域（或右键图层 → 混合选项）
2. 勾选 投影、内发光、描边 等样式
3. 单击样式名称进入参数面板，调整距离、大小、不透明度
4. 点击 确定 生效

第五步：导出成品

1. 点击顶部菜单 文件 → 导出为
2. 选择目标格式：

3. 在导出面板中设置质量滑块（JPG/WebP 适用）
4. 点击 保存，文件自动下载到本地

预期结果

完成以上步骤后，你将获得一个从 Photopea 导出的成品文件。若导出为 PSD，文件可在 Photoshop 中无缝继续编辑；若导出为 PNG/JPG/WebP，可直接用于网页、社交媒体或印刷打样。

常见问题排查

适用边界

Photopea 适合中小型项目的快速编辑、格式转换与协作审阅。对于超大尺寸海报（超过 10000px）、复杂 3D 渲染或需要 CMYK 印刷分色的专业出版流程，建议使用桌面端 Photoshop 或其他专用工具。