ps在线教程 照片画中画效果

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


第一步:打开你的照片

打开 在线ps(zaixianpss.com),点击左上角的 文件 → 打开(或直接拖拽图片到工作区)。

第二步:复制背景图层

在右侧的 图层面板 中,选中默认的 背景 图层。

将该图层拖动到面板底部的 “添加新图层” 图标 (类似一个小纸张的图标)。

复制的图层会出现于原图层之上,默认名称为 背景副本

第三步:重命名副本为“小”

双击 背景副本 的名称,改为 小图层,然后回车确认。

第四步:关闭小图层

点击 小图层 前面的眼睛图标,将其隐藏(我们暂时不需要它显示)。

后面会重新打开它。
第五步:选择背景图层

确保仍然选中原始的 背景 图层(它将用于后面的黑白转换)。

第六步:添加黑白调整层

图层面板底部点击 “新建填充或调整图层” 图标(半圆形),从弹出的列表中选择 黑白

此时会出现一个新的 黑白 1 调整层,位于 背景小图层 之间——只会影响下面的背景图层。

第七步:点击“自动”按钮

在右侧的 属性面板(默认已打开)里找到 “自动” 按钮,点一下。

Photoshop 会自动为每个颜色通道分配合适的滑块值,使整体黑白效果自然。

如果想细调,只需拖动各颜色滑块(红、黄、绿等)即可。
第八步:打开小图层

返回图层面板,点击 小图层 前的眼睛图标重新打开它。

此时,你会看到原始彩色图像重新出现,但在黑白背景之上。

第九步:选择矩形工具

在左侧工具栏中找到 矩形工具(快捷键 U),注意不要点到上方的“矩形选框”工具——我们要的是形状工具。

第十步:设为“形状”模式

在页面顶部的选项栏里,将 模式 切换为 形状(不是路径或像素)。

第十一步:将颜色改为黑色

点击工具栏里的 填充颜色 方块,弹出颜色选取器。

把 R、G、B 三个数值全部设为 0,确认后即为纯黑色。

第十二步:关闭笔画(描边)

默认形状会带有 1px 的黑色笔画。点击 笔画颜色方块,选择左上角的 无色(斜杠图标),回车。

第十三步:绘制形状框

在画布上 点击左上角 作为起点,按住鼠标并拖动 到右下角,绘制一个矩形。放开鼠标即完成。

如果想在绘制过程中移动形状位置,按住空格键 并拖动即可。

第十四步:如有需要调节形状大小

因为形状完全遮住后面的图像,调节时可以把它的透明度临时降到 50%(在图层面板选中形状层,按数字键 5)。

随后拖动矩形四角的手柄来缩放,满意后按 0 恢复不透明度。

第十五步:把小层拖到形状上方

在图层面板中,将 小图层 拖动到 矩形 1(形状层)上方。拖动时出现蓝色指示线即表示位置正确。

第十六步:创建剪切掩码

确保 小图层 仍然被选中,点击图层面板右上角的 图层菜单(三条横线),选择 创建剪切掩码(或直接使用快捷键 Alt+Ctrl+G / Option+Cmd+G)。

此时,彩色小图层会被裁剪到矩形形状内部,周围只剩黑白背景。

第十七步:选择形状层

在图层面板点击 矩形 1(形状层),我们接下来要给它添加描边和阴影。

第十八步:添加白色描边

在图层面板底部点击 图层样式 (fx) 图标,选择 描边

在弹出的对话框里:

  • 颜色:点颜色样本,R=255,G=255,B=255 → 白色。
  • 位置:设为 内部(Inside),保证边框紧贴形状内部。
  • 大小:根据画面自行调节,我这里使用 40 px。
内部描边可以保持矩形的锐利角度。
第十九步:添加投影(Drop Shadow)

仍在图层样式对话框,选择 下拉阴影(Drop Shadow),并设置:

  • 角度:135°(光源来自左上方)
  • 距离:50 px
  • 大小(羽化):15 px
  • 不透明度:35 %

点击 确定 保存。

第二十步:旋转形状(可选)

确保 矩形 1 仍然被选中,保持矩形工具处于激活状态。

将鼠标放在形状四角之外,光标会变成两端带弧形箭头的旋转图标。

点击并拖动即可旋转形状,内部的彩色小图层会保持原方向,只是被“框”旋转。

第二十一步:最终微调

检查是否有重要的主体被裁剪或被阴影遮挡,必要时再次拖动形状手柄或重新调整描边/阴影的数值。

满意后,按 Enter(Win)/ Return(Mac)确认并退出编辑。

最后可以通过 文件 → 导出为 → PNG/JPEG 保存成果。

💡 小技巧:如果你想一次性创建多个画中画框,先把形状复制(Ctrl+J),再把每个副本的剪切掩码指向不同的彩色图层即可。


参考资料

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