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),并设置:
- 角度:135°(光源来自左上方)
- 距离:50 px
- 大小(羽化):15 px
- 不透明度:35 %
点击 确定 保存。
确保 矩形 1 仍然被选中,保持矩形工具处于激活状态。
将鼠标放在形状四角之外,光标会变成两端带弧形箭头的旋转图标。
点击并拖动即可旋转形状,内部的彩色小图层会保持原方向,只是被“框”旋转。
检查是否有重要的主体被裁剪或被阴影遮挡,必要时再次拖动形状手柄或重新调整描边/阴影的数值。
满意后,按 Enter(Win)/ Return(Mac)确认并退出编辑。
最后可以通过 文件 → 导出为 → PNG/JPEG 保存成果。
💡 小技巧:如果你想一次性创建多个画中画框,先把形状复制(Ctrl+J),再把每个副本的剪切掩码指向不同的彩色图层即可。
参考资料
- Adobe Photoshop官方文档
- HTML5与现代前端图片处理原理
- 在线ps
在线PS