画中画说到底是图层叠加加蒙版控制。把一张图缩小放进另一张里,用蒙版和阴影做出层次,看起来就像照片里嵌了张照片。适合封面和社交图,操作不难。
第一步:打开你的照片
打开 在线ps(zaixianps.cc),点击左上角的 文件 → 打开(或直接拖拽图片到工作区)。
第二步:复制背景图层
在右侧的 图层面板 中,选中默认的 背景 图层。
将该图层拖动到面板底部的 “添加新图层” 图标 (类似一个小纸张的图标)。
复制的图层会出现于原图层之上,默认名称为 背景副本。
第三步:重命名副本为“小”
双击 背景副本 的名称,改为 小图层,然后回车确认。
第四步:关闭小图层
点击 小图层 前面的眼睛图标,将其隐藏(我们暂时不需要它显示)。
第五步:选择背景图层
确保仍然选中原始的 背景 图层(它将用于后面的黑白转换)。
第六步:添加黑白调整层
在 图层面板底部点击 “新建填充或调整图层” 图标(半圆形),从弹出的列表中选择 黑白。
此时会出现一个新的 黑白 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