ps在线教程 创意水果杯子

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


1. 打开 在线ps → 新建画布 & 颜色填充

  1. 打开 在线ps(zaixianpss.com)
  2. 快捷键 Ctrl+N → 设定宽 1200 px,高 1800 px,分辨率 300 dpi,背景设为 透明,点击 Create
  3. 在 图层面板底部点击 新建填充或调整图层 → 颜色填充,选择淡黄色 #FFF8E1(给杯子一个暖色基底),勾选「仅用于当前图层」。
  4. 把 杯子素材(PNG 或 PSD)拖入画布,Ctrl+T → 按住 Shift 保持比例,定位到画布中间。

💡 小技巧:如果没有准备好的杯子素材,可在 Freepik 搜「glass cup png」下载免版权 PNG。

2. 橙子进杯子(选区 + 蒙版)

  1. 新建图层(Ctrl+Shift+N),命名为「橙子‑杯身」。
  2. 使用 矩形/椭圆选区工具M),在杯子内部画出橙子占据的区域(大约 70% 高度),右键 → Feather 设为 5 px,软化边缘。
  3. 把 橙子素材(完整橙子 PNG)拖入该图层,Ctrl+T → 调整大小让它刚好填满选区。
  4. 在「橙子‑杯身」图层上右键 → 添加蒙版,蒙版默认已覆盖选区区域,若颜色填充不完整,可在蒙版上使用画笔 (B) / 软圆 / 透明度 30%轻刷,使橙子自然贴合杯壁。

🖌️ 画笔快捷键:BAlt 改切换前景/背景颜色。

3. 把手橙子(同上)

  1. 新建图层 → 「橙子‑把手」。
  2. 使用 套索工具 (L) 在杯子把手位置画出选区,Feather 3 px。
  3. 把 橙子素材 再次拖入,Ctrl+T 调整,保持自然弧度。
  4. 为「橙子‑把手」图层添加 蒙版,用软圆画笔(不透明度 20%)在蒙版上轻刷,制造渐变贴合把手形状。

🔍 若把手的曲线不够自然,可在编辑 → 变形 (Ctrl+T → Warp)微调。

4. 切开的橙子(透视 + 蒙版)

  1. 新建图层 → 「切片橙子」。把 已经切开的橙子 PNG 拖入。
  2. 选中该图层,Ctrl+T → 右键 → 透视 (Perspective),拉动左上/右上角,使橙子底部与杯口的视线相吻合(约 30° 透视)。
  3. 按 Enter 确认后,为图层添加蒙版。
  4. 在蒙版上使用软圆画笔(不透明度 35%),沿橙子下缘轻刷,将露出的橙肉自然与杯口交叠。

⚙️ 透视快捷键:Ctrl+T → 在弹出的变换框中 右键 → Perspective。

5. 杯盖橙子 & 其它装饰

  1. 新建图层 → 「杯盖橙子」。把完整橙子图片拖入。
  2. Ctrl+T → 适当 压缩(Scale),让它只覆盖杯口的上方。
  3. 添加蒙版,用 软圆画笔(不透明度 20%)在下缘抹淡,使橙子看起来像盖子的一部分。
  4. 继续 新建图层,放入 叶子、薄荷、糖粉等装饰素材,Ctrl+T 调整位置、大小。
  5. 每个装饰素材单独添加蒙版,用画笔微调遮盖范围,使其自然坐落在杯子或橙子表面。

🟢 让装饰贴合时,可打开 视图 → 网格 (Ctrl+') 作为参考。

6‑20 细节处理:曲线、阴影、颜色

下面的每一步都采用 「曲线」(Curves) 调整图层 + 蒙版 的组合进行局部明暗控制,并配合 色相/饱和度颜色混合模式等手段做细部渲染。

  1. 背景提亮 & 渐变
    • 新建 曲线 → 选中 RGB,在左下角轻点一点提升暗部,右上角轻点一点降低亮部,使背景略微发光。
    • 在该曲线图层的 蒙版上 反向填充(Ctrl+I),用 软圆画笔(不透明度 15%)在画布四周刷出渐变光晕。
  2. 投影(底部)
    • 再新建一层 曲线 → 将曲线整体向下拐(暗部压暗),形成投影暗度。
    • 在该图层的 蒙版上使用 软圆画笔(不透明度 30%)在杯子底部绘制椭圆形投影,形状可通过 滤镜 → 高斯模糊 调整柔软程度。
  3. 橙子切片阴影
    • 为「切片橙子」图层新建 曲线 → 将中间调略微压暗,制造内部凹陷感。
    • 蒙版 Ctrl+I 反向后,用画笔(30% 不透明)在橙子下缘轻刷,使杯口处产生细微阴影。
  4. 装饰物阴影加深
    • 对每个装饰图层(叶子、糖粉等)各自新建 曲线,在左侧拐点略微向上提升暗部,制造阴影。
    • 如需更强阴影,可在曲线图层上右键 → 叠加模式 → 乘 (Multiply)。
  5. 把手明暗处理
    • 新建 曲线 → 把手区域的左侧轻微提升亮度,右侧压暗,模拟光源来自左上。
    • 蒙版反向后,用 软圆画笔(10% 透明度) 在把手下方刷出阴影。
  6. 整体杯子明暗对比
    • 在「杯子‑整体」图层上方再建一个 曲线,使用 RGB 通道,做一次整体 S‑形 调整(提升对比),并在蒙版上用画笔加强杯子侧面光亮区域。
  7. 切开的橙子提亮
    • 为「切片橙子」新建 曲线 → 在中间调轻提 10% 亮度,恢复切片内部的鲜亮感。
  8. 杯盖阴影
    • 在「杯盖橙子」图层上方新建 曲线 → 轻度压暗右侧,以表现光源左上。
  9. 杯身把手与盖子相互投影
    • 在「杯身」图层上新建 曲线 → 把手右侧暗部稍微提升,以产生「盖子投射在杯身」的暗部。
  10. 颜色混合:改动阴影色调
    • 再新建 普通图层 → 设图层模式为 「颜色」(Color)。
    • 使用 软圆画笔(颜色选取暗橙 #C68E50),在杯盖下的阴影处轻刷,让阴影带点橙色暖调,提升立体感。
  11. 把手阴影细化
    • 在「橙子‑把手」上方添加 曲线 → 把右侧暗部略微压暗。
    • 蒙版中用画笔(20% 透明)在把手根部加强阴影。
  12. 叶子阴影与色相调节
    • 叶子图层→曲线:左下轻点提升暗部,右上微提亮部。
    • 随后新建「色相/饱和度」(Ctrl+U),把「叶子」通道的 色相 稍往 绿色(+10),饱和度 降低 5% 让叶子看起来更自然。
    • 再新建一层 颜色 模式的普通图层,用暗绿 #557A3C 在叶子根部轻刷,营造接触阴影。
  13. 橙瓣暗部处理
    • 对「橙子‑杯身」图层的橙瓣部位(可用 选区 → 颜色范围挑选橙色)新建 曲线 → 把左侧暗部往下压,制造光照产生的阴影。
  14. 装饰素材明暗关系
    • 为所有装饰图层(糖果、星星、塑料叉等)各自添加 曲线,参数示例(见下图示意):
      曲线点 1: (0, 0)
      曲线点 2: (70, 65)   // 稍微抬高中间调
      曲线点 3: (255, 240) // 亮部略微下降
                              
  15. 图层组织 & 调色统一
    • 选中所有相关图层 → 右键 → 组 (Ctrl+G),命名为 「水果杯子」。
    • 在该组上方新建 「色相/饱和度」 调整层,将 整体 色相轻微偏暖(+5),整体饱和度提升 8%。
    • 再新建 「可选颜色」(Adjustment → Selective Color),针对 红色、黄色 进行细微补光,使橙子更鲜亮。

💎 小技巧汇总:

  • 曲线图层的 蒙版建议使用 「反相填充 + 软圆画笔」 的方式来控制局部亮暗。
  • 所有 Ctrl+T → 变形 (Warp) 操作完成后,记得按 Enter 确认,否则蒙版会失效。
  • 如果需要 更柔软的阴影,在曲线层加上 「高斯模糊」(Filter → Blur → Gaussian Blur,半径 5‑8px)。

完成!导出与分享

  1. 检查所有图层 可见,隐藏调节图层的 蒙版 边框(不影响结果)。
  2. 文件 → 导出为 PNG(Ctrl+Shift+Alt+S),建议保留 透明背景,方便后期再合成。
  3. 如果要在社交媒体发布,可再 文件 → 导出为 JPEG或者PNG

参考资料