多层接触阴影:渐变压缩与边缘柔擦

从低 Alpha 径向渐变制作宽柔影,再叠加窄接触影,检查透明边缘与落地关系。

✓

完成后你将学会

  • 保留阴影透明过渡
  • 区分环境影与接触影
  • 检查主体落地关系

开始前准备

建议使用电脑操作。截图为 English 界面,正文保留关键英文菜单名。坐标以画布左上角为原点,明确标为百分比的参数除外。

素材均为本站原创教学插画或示意图,CC0 许可;不是真实商品、活动或个人资料。

添加新文字时先在空白处单击;点到已有文字框会进入编辑,应撤销误输入后另建文字层,再用选择工具移动。

查看本篇 9 步操作路线
  1. 建立浅色台面
  2. 制作径向渐变阴影
  3. 栅格化并压扁阴影
  4. 降低宽影强度
  5. 用单击柔化四周
  6. 增加窄接触影
  7. 导入并放置商品
  8. 补充说明并复查层级
  9. 导出并检查边缘
STEP BY STEP

逐步完成这项实战

01

建立浅色台面

创建 1000×700,渐变使用 #f0eee4、#c9d8ca,Alpha=255。把台面看作固定底层;阴影和商品都放在它上面,后续不能对整个画布应用模糊。

02

制作径向渐变阴影

新建 Gradient,两端都用 #254a37,Radial 开启,Alpha=1、Radial power=1,从约 375、225 拖到 625、475。先做中心深、边缘淡的圆形光斑,避免直接模糊硬边椭圆产生矩形裁边。

低 Alpha 的径向渐变形成自然淡出的边缘。
低 Alpha 的径向渐变形成自然淡出的边缘。点击查看大图 ↗
03

栅格化并压扁阴影

选中渐变点击 R,再把 Width=270、Height=58、X=385、Y=526。将圆形光斑压成宽扁阴影,后续滤镜只作用于这层;不要把背景一起合并后再压扁。

04

降低宽影强度

将阴影 Opacity 设为 25。渐变在图层边界可能仍留裁边,下一步柔擦外围;不要对透明阴影反复加 Box Blur 来掩盖,否则更容易看到矩形暗块。

05

用单击柔化四周

Erase 设 Size=100,关闭 Strict,在 Y=522 和 588 两条外沿上按约 40 像素间隔单击,横向约 390—650。不要拖动,避免硬连接线;保留中央阴影,外沿应接近底色。

沿上下外沿逐点柔擦,去掉明显的矩形裁边。
沿上下外沿逐点柔擦,去掉明显的矩形裁边。点击查看大图 ↗
06

增加窄接触影

再画一层约 450、548 到 590、569 的扁椭圆,同色,Opacity=18。窄影放在宽影上方,用来稳住瓶底,不对它做同样的大半径模糊,否则两层没有区别。

宽柔影与窄接触影各自成层。
宽柔影与窄接触影各自成层。点击查看大图 ↗
07

导入并放置商品

Open 商品,去白底;宽高设为 650、487.5,位置 175、150。让瓶底落在两片阴影中央,商品保持在它们上方;先看接触点,不要被图片原来的透明外框误导。

清晰商品覆盖在两种阴影之上。
清晰商品覆盖在两种阴影之上。点击查看大图 ↗
08

补充说明并复查层级

添加 GROUNDED / NOT FLOATING 小标题。点击各图层确认:商品在上、两层阴影居中、台面在下;发现影子压住标签时只调整顺序,不要擦坏商品。

09

导出并检查边缘

Export 为 1000×700 PNG。检查瓶底没有漂浮、宽影没有硬边、接触影没有形成黑圈。真实照片的光源方向不同,需要重新调整影子位置,本素材数值只作为练习起点。

清晰主体、窄接触影和宽柔影共同形成落地感。
清晰主体、窄接触影和宽柔影共同形成落地感。点击查看大图 ↗

用自己的素材再做一次

更换素材后,重新检查比例、图层前置条件和最终效果,不机械套用示例参数。

下载本篇操作成品 PNG ↓进一步阅读图像编辑原理 ↗

参考资料用于理解原理,具体入口和参数以本篇 Online PS 操作为准。原创练习素材采用 CC0 1.0。

完成本篇

把流程变成自己的作品。

逐步操作,并在导出前检查关键效果。

打开 Online PS ↗