zaixianps · 使用教程
← 返回编辑器

zaixianps 在线 PS 使用教程

免费、无需注册、无需下载的浏览器端照片编辑器。本教程从界面导览讲到分模块操作,再到证件照换底色、人像精修等实战案例,并附完整快捷键表与常见问题解答,帮你 5 分钟上手、30 分钟进阶。

图层系统 选区抠图 滤镜实时预览 Camera Raw 调整层 内容识别缩放 批处理 纯本地 · 图片不上传

界面导览

Interface先认识 6 个区域,后面教程不迷路
zaixianps 编辑器整体界面布局截图
编辑器整体布局:① 顶栏 ② 菜单栏 ③ 工具条 ④ 画布区 ⑤ 颜色面板(前景/背景色),右侧为面板堆栈
① 顶栏打开 / 保存项目、撤销重做、缩放、导出 PNG / JPG / WebP、画质滑块、全屏
② 菜单栏文件 / 编辑 / 图层 / 调整 / 滤镜 / 视图,以及「模块」总目录(跳转到任一功能面板)
③ 工具条两列图标:移动、画笔、选区、钢笔、文字、仿制图章等 30+ 工具,鼠标悬停有中文提示
④ 画布区中央工作台:带标尺与坐标读数,支持滚轮缩放、空格键拖拽平移、网格与参考线辅助排版
⑥ 右侧面板图层、属性、调整图层、滤镜、历史、色板等面板堆栈,可折叠展开
⑤ 前景 / 背景色右侧「颜色」面板内的双色块(信息、导航器面板下方):控制画笔、油漆桶、形状的填充色;点色块打开取色器,吸管取的色也会填到这里
💡

找不到某个功能?点菜单栏「模块」下拉,全部功能按图层 / 调整 / 文字选区 / 绘制 / 视图工具分类列出,点击即可定位并闪烁提示对应面板。

工具箱总览

Toolbox左侧工具条全部 30+ 工具一图看懂
zaixianps 左侧工具条截图
左侧工具条:两列图标布局,鼠标悬停显示中文提示与快捷键

🎨 基础与绘制

工具作用
移动 / 变换 V拖拽移动图层,手柄缩放旋转
画笔 B自由绘制涂抹,大小硬度可调
橡皮擦 E擦除图层像素
油漆桶 G洪水填充同色区域
渐变线性 / 径向多色标渐变
图案图案平铺填充
形状 U矩形 / 圆角 / 椭圆 / 直线 / 箭头 / 星形
文字 T点击画布添加可回改文字
钢笔 P贝塞尔路径,精确抠图
路径选择 A编辑路径锚点

🪄 选区与观察

工具作用
选区 M矩形 / 椭圆 / 套索
魔棒按容差选中相似颜色
吸管 I点击取色为前景色
颜色取样器最多 4 个取样点读色值
抓手 H拖拽平移画布
缩放 Z点击放大,Alt+点击缩小
旋转视图 R拖拽旋转画布视角
度量测量两点距离与角度
切片切分画布为多个区域
注释 / 计数放置文字标记 / 计数点

🩹 修图与润饰

工具作用
仿制图章 SAlt 取样后复制纹理
修复 J智能混合去瑕疵
红眼修复点击瞳孔去除红眼
内容识别选区后自动填补背景
减淡 O局部提亮
加深局部压暗
海绵增减局部饱和度
液化推拉变形(瘦脸瘦身)
历史记录画笔 Y局部恢复到历史状态

📊 右侧辅助面板

面板作用
直方图查看明暗分布,判断曝光
通道查看 / 编辑 RGB 颜色通道
导航器缩略图快速定位与缩放
色板保存常用颜色
对齐与分布多图层精确排版
变换(精确数值)坐标 / 缩放 / 角度数值化控制
画布与图像尺寸改分辨率与画布大小
参考线 / 吸附拖参考线辅助对齐
图层复合保存多组图层显隐方案
动作(录制 / 批处理)录制编辑流程一键重放

功能亮点

Highlights

🗂专业图层系统

普通图层 / 文字图层 / 调整图层,支持分组、拖拽排序、不透明度与 10+ 混合模式(正片叠底、滤色、叠加、明度等)。

🎚16 种调整图层

色阶、曲线、阈值、色调分离、渐变映射、色彩平衡、可选颜色、照片滤镜、Camera Raw(色温 / 曝光 / 高光 / 阴影 / 清晰度 / 去雾)与 Lab 调色,非破坏性编辑。

🪄智能选区

矩形 / 椭圆 / 套索 / 魔棒(连续 + 全局两种模式,容差可调),配合全选 / 反选 / 加选减选,约束所有绘制与滤镜。

✨滤镜实时预览

高斯模糊、模糊、锐化、马赛克、浮雕先看效果再确认;「+ / −」按钮双向调节,卷积计算在 Web Worker 后台执行,大图不卡界面。

🧠内容识别缩放

接缝雕刻算法智能压缩背景;配合「保护 / 移除画笔」标记想保留或剔除的区域,改构图不变形主体。

🖌完整绘制工具

画笔、橡皮擦、油漆桶(洪水填充)、线性 / 径向多色标渐变、图案平铺、形状(矩形 / 圆角 / 椭圆 / 直线 / 箭头 / 星形 / 自定)。

🩹修图工具集

仿制图章取样复制、修复画笔智能混合、红眼一键修复,外加减淡 / 加深 / 海绵(饱和度)与液化推拉变形。

🗃批处理

一次性载入多张图,统一缩放 + 10 种滤镜 + 格式转换,自动批量下载,告别重复劳动。

✒️钢笔与文字

贝塞尔钢笔精确抠图路径;文字工具支持字体、字号、描边、阴影,随时双击回改。

🕘历史与草稿

30 步历史可随时回退,历史记录画笔支持局部还原;快照手动存档;草稿自动存入浏览器,关页不丢。

📤多格式导出

PNG / JPG / WebP 一键导出,JPG 与 WebP 支持质量滑块,平衡画质与体积。

🔒隐私安全

所有处理均在浏览器内完成,图片不上传服务器,断网也能用,商业图片也放心修。

快速上手:5 分钟完成第一张作品

Quick Start
1

打开图片

点击顶栏「📂 打开」选择本地图片,或把图片直接拖进画布区域;需要空白画布时用「模块 → 画布」新建。

2

裁剪与变换

按 C 选裁剪工具拉出裁剪框,双击或点「✓ 应用」确认;按 V 用移动 / 变换工具拖拽图层位置,选中图层后拖动手柄可缩放、旋转。

3

调色与滤镜

打开「调整图层」面板选「Camera Raw」,去雾 +20、曝光小幅提亮、清晰度 +15,拖滑杆实时生效;再到「滤镜」面板点高斯模糊「+」实时预览,效果不对点「−」回退,满意再确认。

4

导出保存

点顶栏「PNG / JPG / WebP」导出成品,JPG 与 WebP 用「质」滑块控制体积(网络分享推荐 WebP 0.85);「💾 保存」则存为 .zaixianps 项目文件,之后可从「文件 → 打开项目」继续编辑。

⭐

任何时候操作失误:Ctrl+Z 撤销一步,Ctrl+Y 重做;或者打开「历史」面板点击任意一步直接穿越回去。

分模块教程

Modules
A

图层:一切编辑的基础

每张打开的图片都是一个图层,「文字」「形状」会生成独立图层。右侧图层面板:新建 / 复制 / 删除 / 合并可见图层 / 拼合图像(「图层」菜单里也有),拖拽调整叠放顺序,眼睛图标控制显示隐藏。

混合模式技巧:选中图层后在「属性」面板改模式 —— 云雾素材用「滤色」直接融进天空;水印图层用「正片叠底」压进纸纹;「明度」模式可只借用别层的明暗关系。

B

选区与抠图

「选区 (M)」工具内切换矩形 / 椭圆 / 套索;Ctrl+A 全选、Ctrl+D 取消选区、「编辑」菜单可反选。复杂边缘用「魔棒」:设好容差(数值越大范围越广),点背景即选中相似色块,按住 Shift 加选、Alt 减选,还可切换「连续 / 全局」两种模式。

选区是"模板":建好之后,画笔、油漆桶、渐变、滤镜都只作用于选区内部。追求发丝级精度请用「钢笔 (P)」沿轮廓打锚点,Enter 闭合路径。

C

调整图层:非破坏性调色

与直接改像素不同,调整图层只记录参数,随时双击回改、删除即复原。16 种类型中「Camera Raw」最常用:色温校正偏黄偏蓝、曝光整体明暗、高光 / 阴影分开压亮压暗、清晰度增强质感、去雾找回通透。

常用组合:人像先「色相 / 饱和度」微降饱和再提「色阶」中间调;美食照片「色彩平衡」加暖;风景照「渐变映射」一键电影感。调整层只影响它下方的图层,可叠多层互不干扰。

D

修图:去瑕疵去路人

「仿制图章 (S)」:按住 Alt 在干净区域取样,松开后涂抹覆盖瑕疵,适合大面积重复纹理(草地、砖墙);「修复 (J)」自动混合周边纹理,适合痘印、皱纹等小瑕疵;「红眼修复」对准瞳孔点一下即可。

画面里有路人、电线杆?先框选杂物,再用「内容识别」工具填充,算法会根据周边背景自动补全。

E

内容识别缩放:改构图不变形

普通缩放会拉伸人脸,内容识别缩放只压缩"低能量"背景区域。「编辑 → 内容识别缩放」打开面板后:用「保护画笔」涂想保留的主体(黄色覆盖标记),用「移除画笔」涂想优先舍弃的区域(红色标记),画笔大小随时可调,然后设定目标宽高执行。

典型用途:横图改竖图适配手机海报、照片拉宽但不让人物变形、4:3 改 16:9 做视频封面。

F

批处理:一次搞定一百张

「文件 → 批处理」,添加多张图片后可同时设置:统一缩放(可保持比例,适合电商主图 800×800)、滤镜(灰度 / 反相 / 复古 / 提亮 / 对比度 / 饱和度 / 模糊 / 锐化 / 马赛克)、输出格式与质量。点击开始后逐张处理并自动下载。

示例:给 50 张商品图统一加"复古 + 提亮"再转 WebP 0.85,一次配置全部完成。

G

文字与样式

「文字 (T)」点击画布输入,面板里设置字体、字号、颜色、粗细与对齐;「样式」面板给图层加投影、描边等效果。文字是独立图层,随时双击重新编辑,方向键可微调位置(按住 Shift 一次移 10px)。

H

历史记录、快照与草稿

「历史」面板记录最近 30 步操作,点任意一步回退;「历史记录画笔 (Y)」能把画面局部恢复到指定历史状态 —— 例如整体锐化后,只想让背景锐化,就用它把人脸擦回原样。关键节点先在「快照」面板存档,不受 30 步限制。编辑草稿自动保存,下次打开页面会提示恢复。

I

精确变换、对齐与画布控制

手动拖拽不够精确时用「变换(精确数值)」面板:直接输入坐标、缩放百分比、旋转角度;多图层排版交给「对齐与分布」面板,一键左对齐 / 居中 / 等间距分布。

改尺寸在「画布与图像尺寸」面板:图像尺寸是整体缩放,画布尺寸是扩 / 裁边不缩放;「画布变换」可整体旋转 90°、任意角度与水平 / 垂直镜像。

对齐与分布面板截图
图层面板与「对齐与分布」:左 / 中 / 右、顶 / 中 / 底对齐 + 水平 / 垂直分布
J

渐变与图案填充

「渐变」工具支持多色标编辑:点击色条添加色标、双击色标改颜色、拖出即可删除;线性适合天空过渡,径向适合光晕、聚光灯效果。结合选区使用可把渐变限制在指定区域内。

「图案」工具把小图平铺成底纹,适合做纹理背景、水印平铺。

渐变面板截图
「渐变」面板:色标颜色 / 不透明度 / 角度,点击色条加色标、拖动移动、双击删除
K

动作录制:把重复流程变成一键操作

「动作(录制 / 批处理)」面板是隐藏效率神器:输入动作名 → 点「● 录制」→ 正常执行一系列编辑(调色、滤镜、变换……)→ 再点一下停止。之后任何图片打开后点「▶ 播放」,整套流程自动重放。

还能「导出」为 JSON 文件分享给同事,「导入」到其它会话复用 —— 相当于可移植的修图配方。

动作录制面板截图
「动作(录制 / 批处理)」面板:录制 / 停止 / 播放 / 保存 / 导出 / 导入
L

观察辅助:直方图、通道、导航器与参考线

调色时盯着「直方图」:山形偏左是欠曝、偏右是过曝,两端溢出代表高光 / 阴影细节丢失;「通道」可单独查看 RGB 各通道,也常用来做选区辅助。

大图编辑用「导航器」缩略图快速定位;从标尺拖出「参考线」+ 吸附功能,排版对齐不再靠手感;「度量」工具可量距离与角度。

直方图面板截图
「直方图」面板:RGB / 红 / 绿 / 蓝 / 亮度通道 + 一键色调预设

实战案例

Tutorials by Scenario照着步骤做,一次成功

🪪 证件照换底色 最常用

  1. 魔棒选背景:选「魔棒」工具,容差 30 左右,连续模式,点蓝色 / 红色背景。
  2. 补选漏网:按住 Shift 点头发边缘残留的背景块加选;选到人太多就 Alt 减选。
  3. 新建色层:「图层 → 新建图层」,把新图层拖到人物图层下方。
  4. 填充底色:设前景色为目标色(白底 #FFFFFF / 蓝底 #438EDB),用「油漆桶 (G)」在画布点一下。
  5. 微调导出:若有边缘杂色,用「画笔 (B)」低不透明度在人物图层修边,最后导出 JPG。

🧑‍⚕️ 人像精修:祛痘 + 提气色

  1. 去瑕疵:「修复 (J)」小笔刷逐个点掉痘印斑点;大面积磨皮用「仿制图章 (S)」低透明度轻涂。
  2. 红眼:换「红眼修复」工具,瞳孔处各点一下。
  3. 整体调色:新建「Camera Raw」调整层:清晰度 −10(皮肤更柔)、阴影 +15(提亮暗部)、去雾 +10。
  4. 气色:再叠一层「色相 / 饱和度」,红色通道饱和度 +5 左右,嘴唇气色自然变好。

🖼 横图秒变竖版海报封面

  1. 打开「编辑 → 内容识别缩放」。
  2. 保护主体:用「保护画笔」涂抹人物 / 产品主体(黄色覆盖)。
  3. 标记背景:用「移除画笔」涂抹纯色天空 / 地面等可压缩区域(红色覆盖)。
  4. 设定目标尺寸(如 1080×1440),执行后预览,不满意可撤销重涂再试。
  5. 加文字:按 T 输入标题,「样式」面板加投影提升可读性。

☁️ 给照片换天空

  1. 选原图天空:魔棒容差 40,点天空,Shift 加选到全部天空区域。
  2. 保留云素材:另开一张云图,Ctrl+A 全选后复制到目标文件(成为新图层)。
  3. 调整层次:把云图层拖到天空选区对应位置,混合模式改「滤色」剔除灰底。
  4. 统一色调:在云图层上方加「色彩平衡」调整层,让云的冷暖与地面一致。

📦 电商图批量:统一尺寸 + 格式

  1. 「文件 → 批处理」,添加全部商品图。
  2. 缩放设置:勾选统一缩放,宽高填 800×800,保持比例(不足部分适配)。
  3. 滤镜:按需选「提亮 +」让商品更明亮。
  4. 格式:选 WebP、质量 0.85,点击开始。
  5. 浏览器询问"下载多个文件"时点允许,等待进度条走完即可全部入库。

📄 修复老照片划痕

  1. 先存快照:「快照」面板存一版原图,随时可回退对照。
  2. 大划痕:「仿制图章 (S)」沿划痕垂直方向取样(Alt 取样 → 顺着纹理涂)。
  3. 细碎噪点:「滤镜 → 高斯模糊」半径 1~2 先看预览,太糊就「−」退回,或改用「模糊」轻处理。
  4. 找回细节:「滤镜 → 锐化」点 1 次「+」,再叠加「Camera Raw」清晰度 +15、去雾 +20。
  5. 上色怀旧:可选「照片滤镜」调整层加一点暖黄,恢复年代氛围。

快捷键速查

Shortcuts

工具切换(单键)

按键工具按键工具
V移动 / 变换B画笔
C裁剪E橡皮擦
M选区G油漆桶
T文字U形状
P钢笔I吸管
S仿制图章J修复
O减淡Y历史记录画笔
H抓手Z缩放

组合键与画布操作

按键功能按键功能
Ctrl+Z撤销Ctrl+Y重做
Ctrl+A全选Ctrl+D取消选区
Ctrl+J复制图层Delete删除选中层
方向键微移图层 1pxShift+方向键微移 10px
Space 拖拽平移画布Alt+缩放点击缩小视图
Enter确认路径 / 裁剪Esc取消当前操作
💡

快捷键无效?多半是焦点在输入框里(文字编辑中),点一下画布空白处再按即可。

常见问题

FAQ
我的图片会被上传到服务器吗?
不会。zaixianps 是纯前端应用,打开、编辑、导出全部在你的浏览器内完成,图片数据从不离开你的设备,断网状态下同样可用,商业机密图也放心修。
支持哪些图片格式?
支持打开 JPG、PNG、WebP、GIF、BMP 等浏览器可解码的格式;导出支持 PNG(无损、保留透明)、JPG(可调质量、体积小)、WebP(可调质量,同等画质体积最小)。
撤销 / 重做怎么做?最多多少步?
Ctrl+Z 撤销、Ctrl+Y 或 Ctrl+Shift+Z 重做,也可以点顶栏「↩ / ↪」。历史面板最多保留 30 步;「快照」面板手动存档关键状态,不受 30 步限制。
快捷键按了没反应?
通常是焦点在输入框 / 文本编辑中,此时按键会当作文字输入。点击画布空白处让编辑器获得焦点后再按;注意工具快捷键是单键(不需 Ctrl)。
如何只对画面局部应用滤镜或调色?
先建选区(矩形 / 套索 / 魔棒),选区就是"作用范围":滤镜只处理选区内像素,调整图层也可配合使用。操作完用 Ctrl+D 取消选区。
为什么导出的 JPG 有白底 / 没有透明?
JPG 格式不支持透明通道,透明区域会以白色填充。需要保留透明背景(如 logo、贴纸素材)请导出 PNG 或 WebP。
大图片操作时界面卡顿怎么办?
高斯模糊、锐化、马赛克、魔棒、油漆桶等重计算已在 Web Worker 后台执行,不会冻结界面;若图片特别大(8000px 以上),建议先裁剪或缩小再精修,浏览器内存占用更低、历史记录也更快。
草稿保存在哪里?换浏览器或清缓存还在吗?
草稿保存在当前浏览器的 IndexedDB 本地存储中。换浏览器、换设备或清除浏览器数据后无法恢复,重要作品请及时「💾 保存」为 .zaixianps 项目文件或导出成图。
魔棒选多了 / 选少了怎么调整?
按住 Shift 再次点击加选、Alt 减选;容差调小只选相近颜色、调大扩大范围;还可切换「连续 / 全局」模式(全局会选中整张图所有同色区域)。或用「编辑 → 反选」直接反转选区。
内容识别缩放把主体拉变形了怎么办?
执行前先用「保护画笔」在预览图涂抹人脸、主体等关键区域(黄色覆盖),算法会避开这些区域;再用「移除画笔」标记纯背景,让压缩只发生在指定位置。保护涂得越准,效果越好。
批处理下载很多文件会被浏览器拦截吗?
连续多次下载会触发浏览器"是否允许下载多个文件"询问,点「允许」即可;也可在浏览器站点设置中把"自动下载多个文件"设为允许,一次放行。
图层太多太乱,怎么管理?
图层面板支持分组收纳与拖拽排序:相关图层建一个组统一显隐;命名区分用途(背景 / 主体 / 文字 / 调色);调色类统一用调整图层而不是直接改像素,方便随时重调。
怎么把图层微调到精确位置?
选中图层后按方向键每次移动 1px,按住 Shift+方向键一次移动 10px;「视图」菜单可打开网格与参考线辅助对齐,画布上方标尺显示实时坐标。
手机 / 平板上能用吗?
可以打开并完成基础编辑,但面板较多、依赖键盘快捷键,推荐在电脑浏览器(Chrome / Edge / Firefox / Safari 最新版)中获得完整体验。
和桌面版 Photoshop 是什么关系?
zaixianps 是独立开发的免费在线修图工具,界面与操作习惯参考 Photoshop 以便上手,但并非 Adobe 官方产品,无需安装、无需订阅、无需注册。
「动作录制」有什么用?和批处理什么区别?
动作录制是把你的编辑流程(调色、滤镜、变换等)录成脚本,之后任意图片一键重放,还能导出 JSON 分享复用;批处理则是面向"多张文件"的一次性批量输出。先用动作调好配方,再对单图重放,两者配合效率最高。
直方图怎么看?
横轴从左到右是黑到白,纵轴是像素数量。山形整体偏左 = 画面偏暗(欠曝),偏右 = 偏亮(过曝);紧贴左右两端的"切边"说明暗部或高光细节已经丢失,可通过「色阶」或「Camera Raw」的高光 / 阴影滑杆拉回来。
↑