图片阴影参数如何调试

本文目录导读：

1. 专业设计软件（以 Photoshop / Figma 为例）
2. 前端开发（CSS 代码）
3. 摄影后期（Lightroom / CameraRaw）
4. 常见问题与调试方向
5. 核心调试口诀（万金油公式）

设计软件（如PS、Figma）、CSS代码（网页）或后期处理（如Lightroom），不同的软件参数名称略有不同，但核心原理一致。

以下是常见场景的调试指南：

专业设计软件（以 Photoshop / Figma 为例）

这些软件通常使用图层样式添加阴影，核心参数如下：

调试流程（快速上手）：

1. 先设置透明度（设为30%），这样能看到变化且不那么脏。
2. 调整角度匹配背景光线。
3. 调整距离控制物体“漂浮”高度。
4. 调整大小控制阴影“散开”的程度（大小=模糊半径）。
5. 调整扩展控制阴影的“浓度”边缘（通常保持0%-20%）。

前端开发（CSS 代码）

在CSS中,阴影由 box-shadow 属性控制，语法是：

box-shadow: h-offset v-offset blur spread color inset;

这是最直观的对应关系：

• h-offset (水平偏移，px): 左/右偏移量 (负值向左，正值向右)。
• v-offset (垂直偏移，px): 上/下偏移量 (负值向上，正值向下)。
• blur (模糊半径，px): 值越大，阴影越模糊、越淡。
• spread (扩散半径，px): 值越大，阴影面积越大、越实，正值扩大，负值缩小。
• color (颜色): 推荐使用带透明度的颜色（rgba(0,0,0,0.3)），而不是纯色。

调试建议：

• 基础阴影： box-shadow: 0 5px 15px rgba(0,0,0,0.3); (无扩散，只有垂直偏移和模糊)。
• 多层次阴影： 使用逗号分隔多个阴影，可以实现更自然的效果。

  box-shadow: 
    0 5px 10px rgba(0,0,0,0.2),  /* 近距离硬阴影 */
    0 20px 30px rgba(0,0,0,0.1); /* 远距离软阴影 */

摄影后期（Lightroom / CameraRaw）

如果是指给照片中的物体添加阴影（如移轴摄影），或调整画面固有阴影的细节：

• 清晰度 & 去朦胧： 主调影响阴影边缘的锐利度，增加清晰度会让阴影边界变硬（可能丢失细节）。
• 色调曲线： 单独调整“暗部”或“阴影”区域的曲线，可以提亮或压暗阴影。
• HSL/颜色： 如果阴影带有杂色（如蓝色溢出），可以降低蓝色/紫色的饱和度。
• 阴影 / 黑色色阶滑块： 可以直接压暗或提亮画面中所有的阴影区域。

常见问题与调试方向

核心调试口诀（万金油公式）

“透明度不要高（30%-50%），模糊大小往上调（5-20px），距离拉开变漂浮，扩展为零才柔和。”

一句话总结： 想要真实的阴影，应保证高模糊（大Size）、低透明度、小距离，并适当加入灰色调而非纯黑。

标签： 关键帧 阴影参数